:root{--ivory:#e9e4d5;--ink:#181a1b;--yellow:#f2ca46;--teal:#73aaa5}*{box-sizing:border-box}body{background:var(--ivory);color:var(--ink);margin:0;font-family:Urbanist,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline-offset:6px;outline:3px solid #39746e}.canvas{isolation:isolate;background:linear-gradient(135deg,#e3e6dd,#ece5d5);border:1px solid #181a1b25;border-radius:28px;justify-content:center;align-items:center;min-height:calc(100svh - 24px);margin:12px;padding:145px 30px 110px;display:flex;position:relative;overflow:hidden}header{z-index:3;justify-content:space-between;align-items:center;padding:35px 3%;display:flex;position:absolute;top:0;left:0;right:0}.brand{width:235px;display:block}.brand span{aspect-ratio:9877/2048;background:var(--ink);width:100%;display:block;-webkit-mask:url(/logos/porchsail-logo-full.png) 50%/contain no-repeat;mask:url(/logos/porchsail-logo-full.png) 50%/contain no-repeat}.launch-status{letter-spacing:.1em;border:1px solid #181a1b25;border-radius:999px;align-items:center;gap:10px;padding:12px 17px;font-size:10px;font-weight:700;display:flex}.launch-status i{background:#39746e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #73aaa522}.scene{z-index:-1;pointer-events:none;position:absolute;inset:0}.gradient-sphere{aspect-ratio:1;background:radial-gradient(at 30% 24%,#f8da70 0,#0000 53%),radial-gradient(at 76% 75%,#83b8ad 0,#0000 60%),radial-gradient(at 60% 28%,#efd6a3 0,#dadfd1 65%);border-radius:50%;width:min(69vw,840px);animation:18s ease-in-out infinite alternate sphere-breathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 100px 35px #d9dacd55}.gradient-sphere:after{content:"";border-radius:inherit;filter:blur(25px);background:radial-gradient(at 65% 15%,#f2ca4677,#0000 60%);animation:14s ease-in-out infinite alternate gradient-shift;position:absolute;inset:0}.orbit{aspect-ratio:1;border:1px solid #181a1b24;border-radius:50%;width:min(57vw,710px);animation:40s linear infinite orbit-turn;position:absolute}.orbit-one{animation-duration:42s;top:27%;left:3%}.orbit-two{animation-duration:55s;animation-direction:reverse;top:4%;right:3%}.orbit-three{border:1px dashed #181a1b22;width:min(86vw,1120px);animation:none;top:50%;left:50%;transform:translate(-50%,-50%)}.satellite{background:var(--ink);opacity:.5;border-radius:50%;width:10px;height:10px;position:absolute;top:-5px;left:50%}.small-ring{border:1px solid #181a1b30;border-radius:50%;width:100px;height:100px;animation:12s ease-in-out infinite alternate ring-drift;position:absolute}.small-ring-one{top:43%;left:5%}.small-ring-two{width:80px;height:80px;animation-delay:-6s;top:55%;right:5%}.message{text-align:center;z-index:2;max-width:950px;position:relative}h1{letter-spacing:-.065em;margin:0 0 28px;font-size:clamp(65px,7.2vw,118px);font-weight:600;line-height:1.02}p{margin:0;font-size:clamp(18px,1.5vw,24px);font-weight:500;line-height:1.45}.message-rule{background:#181a1b40;width:1px;height:30px;margin:25px auto}.launch-copy{max-width:350px;margin:auto;font-size:14px;line-height:1.5;display:block}.pill{border:1px solid var(--ink);background:var(--yellow);letter-spacing:.06em;border-radius:999px;align-items:center;gap:24px;margin-top:26px;padding:16px 24px;font-size:12px;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.pill svg{width:21px;height:21px}.pill:hover{background:#f7d76a;transform:translateY(-3px)}footer{letter-spacing:.1em;justify-content:flex-end;padding:30px 3%;font-size:9px;font-weight:600;display:flex;position:absolute;bottom:0;left:0;right:0}@keyframes orbit-turn{to{transform:rotate(360deg)}}@keyframes sphere-breathe{0%{transform:translate(-50%,-50%)scale(.98)rotate(-7deg)}to{transform:translate(-50%,-50%)scale(1.06)rotate(9deg)}}@keyframes gradient-shift{to{opacity:.5;transform:rotate(70deg)}}@keyframes ring-drift{to{transform:translate(25px,-30px)}}@media (width<=720px){.canvas{border-radius:22px;min-height:calc(100svh - 16px);margin:8px;padding:155px 24px 110px}header{flex-wrap:wrap;gap:20px;padding:25px 20px}.brand{width:190px}.launch-status{gap:7px;padding:9px 12px;font-size:8px}h1{margin-bottom:23px;font-size:clamp(53px,13vw,85px)}p{font-size:17px}.desktop-break{display:none}.launch-copy{max-width:250px;font-size:12px}.gradient-sphere{width:125vw}.orbit{width:115vw}.orbit-one{top:32%;left:-70%}.orbit-two{top:10%;right:-65%}.orbit-three{width:160vw}.small-ring-one{width:70px;height:70px;top:28%;left:-35px}.small-ring-two{width:60px;height:60px;top:70%;right:-25px}.pill{padding:14px 20px;font-size:10px}footer{gap:15px;padding:24px 20px;font-size:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.pill:hover{transform:none}}.sphere-arrival{animation:3.8s cubic-bezier(.16,1,.3,1) .65s both sphere-arrive;position:absolute;inset:0}.rings-arrival{animation:5s cubic-bezier(.16,1,.3,1) both rings-arrive;position:absolute;inset:0}.orbit-field{width:100%;height:100%;display:block;overflow:visible}.orbit-track{transform-box:view-box;transform-origin:960px 540px;animation:field-rotate var(--orbit-duration) 3s linear infinite;will-change:transform}.track-left{--orbit-duration:42s}.track-right{--orbit-duration:67s;animation-direction:reverse}.track-outer{--orbit-duration:105s}.orbital-system circle{fill:none;stroke:#181a1b;stroke-opacity:.25;stroke-width:1px;vector-effect:non-scaling-stroke}.orbital-system .dotted-orbit{stroke-dasharray:3 19;stroke-width:1.3px;stroke-opacity:.27}.message{animation:1.6s cubic-bezier(.16,1,.3,1) 1.3s both copy-arrive}@keyframes rings-arrive{0%{opacity:0;transform:scale(2.6)rotate(-70deg)translateY(22%)}to{opacity:1;transform:scale(1)rotate(0)translateY(0)}}@keyframes field-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sphere-arrive{0%{opacity:0;transform:translateY(20%)scale(.72)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes copy-arrive{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){.orbit-field{width:175%;max-width:none;margin-left:-37.5%}.track-left{--orbit-duration:50s}.track-right{--orbit-duration:79s}.track-outer{--orbit-duration:120s}}@media (prefers-reduced-motion:reduce){.sphere-arrival,.rings-arrival,.orbit-track,.message{opacity:1;will-change:auto;transform:none;animation:none!important}}.gradient-sphere{box-shadow:none;opacity:.75;background:linear-gradient(145deg,#f2ca46 5%,#dfd59b 45%,#73aaa5 92%) 0 0/140% 140%;border-radius:0;animation:16s ease-in-out infinite alternate logo-gradient;transform:translate(-50%,-50%);-webkit-mask:url(/logos/Circle%20Porchsail%20Icon.png) 50%/contain no-repeat;mask:url(/logos/Circle%20Porchsail%20Icon.png) 50%/contain no-repeat}.gradient-sphere:after{display:none}.ambient-glow{aspect-ratio:1;filter:blur(85px);background:radial-gradient(at 30% 30%,#f2ca4660,#0000 62%),radial-gradient(at 70% 70%,#73aaa55c,#0000 62%);width:min(95vw,1250px);animation:20s ease-in-out infinite alternate glow-drift;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.message{background:radial-gradient(#e9e4d5d4,#e9e4d566 48%,#0000 72%);border-radius:50%;padding:45px 30px}h1{margin-bottom:25px;font-size:clamp(70px,8vw,132px)}.message p{font-size:clamp(18px,1.4vw,23px)}@keyframes logo-gradient{0%{background-position:0 0}to{background-position:100% 100%}}@keyframes glow-drift{0%{transform:translate(-50%,-50%)scale(.98)}to{transform:translate(-48%,-52%)scale(1.08)}}@media (width<=720px){.gradient-sphere{opacity:.62;width:115vw}.ambient-glow{filter:blur(60px);width:165vw}.message{padding:35px 0}h1{font-size:clamp(50px,12.7vw,80px)}.message p{font-size:17px}}@media (prefers-reduced-motion:reduce){.gradient-sphere,.ambient-glow{animation:none!important}}.preview-access{z-index:5;width:260px;position:absolute;bottom:75px;right:3%}.preview-access summary{cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#e9e4d5b0;border:1px solid #181a1b35;border-radius:999px;justify-content:space-between;align-items:center;gap:18px;padding:11px 17px;font-size:11px;font-weight:700;list-style:none;display:flex}.preview-access summary::-webkit-details-marker{display:none}.preview-access[open] summary span{transform:rotate(45deg)}.preview-access form{background:#e9e4d5ed;border:1px solid #181a1b25;border-radius:16px;margin-top:8px;padding:16px}.preview-access label{margin-bottom:9px;font-size:11px;display:block}.password-row{gap:8px;display:flex}.password-row input{width:100%;min-width:0;font:inherit;background:#f0ecdf;border:1px solid #181a1b45;border-radius:999px;padding:10px 13px;font-size:14px}.password-row button{background:var(--yellow);cursor:pointer;border:1px solid #181a1b;border-radius:50%;flex-shrink:0;width:39px}.password-row svg{width:18px;height:18px}.access-error{margin-top:12px;line-height:1.4;font-size:11px!important}.preview-access :focus-visible{outline-offset:3px;outline:3px solid #39746e}@media (width<=720px){.preview-access{width:220px;bottom:65px;right:20px}.canvas{padding-bottom:180px}.message{padding-bottom:30px}}