.spx{--bg:#0a1622;--bg-2:#081019;--ink:#eef5fa;--mut:#90a4b6;--line:#ffffff17;--sky:#38bdf8;--sky-2:#0ea5e9;--lane:clamp(22px,5vw,96px);--head:clamp(78px,8vh,96px);--mono:var(--font-jetbrains-mono),ui-monospace,"SF Mono",Menlo,monospace;background:var(--bg);color:var(--ink);font-family:var(--font-geist-sans),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;font-size:19px;line-height:1.55}.spx h1,.spx h2,.spx h3,.spx h4{letter-spacing:-.028em;font-weight:800;line-height:1.06}.spx em{color:var(--sky);font-style:normal}.spx #loader{z-index:60;background:var(--bg);justify-content:center;align-items:center;transition:opacity .9s,visibility .9s;display:flex;position:fixed;inset:0}.spx #loader.done{opacity:0;visibility:hidden}.spx .loader-inner{text-align:center}.spx .loader-brand{letter-spacing:-.02em;opacity:.9;font-size:28px;font-weight:800;display:block}.spx .loader-brand span,.spx .brand span,.spx .loader-pct{color:var(--sky)}.spx .loader-pct{font-family:var(--mono);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-top:8px;font-size:60px;font-weight:700;display:block}.spx .brand-bar{z-index:40;height:64px;padding:0 var(--lane);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;transition:background .3s;display:flex;position:fixed;top:0;left:0;right:0}.spx .brand-bar.scrolled{-webkit-backdrop-filter:blur(14px);background:#09111bd1}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.spx .brand-bar.scrolled{background:#09111bf5}}.spx .brand{letter-spacing:-.02em;color:var(--ink);font-size:21px;font-weight:800;text-decoration:none}.spx .nav-links{align-items:center;gap:clamp(4px,1.4vw,12px);display:flex}.spx .nav-links a{font-size:19px;text-decoration:none}.spx .nav-beaches{color:#ffffff80;padding:8px 12px;font-weight:500}.spx .nav-beaches:hover{color:var(--ink)}.spx .nav-login{color:#ffffff73;padding:8px 10px;font-weight:500}.spx .nav-login:hover{color:var(--ink)}.spx .nav-signup{color:#04202c;background:var(--sky-2);border-radius:10px;padding:9px 18px;font-weight:700}.spx .nav-signup:hover{background:var(--sky)}.spx .cta,.spx .cta-ghost{border-radius:13px;padding:15px 30px;font-size:19px;font-weight:700;text-decoration:none;transition:background .2s,transform .15s,border-color .2s;display:inline-block}.spx .cta{background:var(--sky-2);color:#04202c;box-shadow:0 12px 34px #0ea5e952}.spx .cta:hover{background:var(--sky);transform:translateY(-1px)}.spx .cta-ghost{color:var(--ink);border:1px solid #ffffff3d}.spx .cta-ghost:hover{background:#ffffff0d;border-color:#ffffff80}.spx .block{text-align:center;margin-top:auto;display:block}.spx #fallback{align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.spx #fallback video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.spx #fallback .fallback-copy{z-index:2;padding:0 var(--lane);max-width:760px;position:relative}.spx #fallback .fallback-copy:before{content:"";z-index:-1;background:radial-gradient(at 30%,#06101a99,#0000 70%);position:absolute;inset:-40% -20%}.spx #fallback h1{font-size:clamp(2.4rem,6vw,4rem)}.spx #fallback p{color:#ffffffd9;margin:18px 0 30px;font-size:21px}.spx.js #fallback{display:none}.spx #session{max-width:1640px;padding:0 var(--lane);grid-template-columns:minmax(0,40fr) minmax(0,60fr);align-items:stretch;gap:clamp(20px,4vw,64px);margin:0 auto;display:grid}.spx #story{padding-bottom:26vh}.spx .beat{flex-direction:column;justify-content:center;min-height:100vh;display:flex}.spx .panel{flex-direction:column;justify-content:center;min-height:88vh;padding:8vh 0;display:flex}.spx .beat h1{text-wrap:balance;max-width:15ch;font-size:clamp(2.5rem,4.2vw,3.7rem)}.spx .beat h2{text-wrap:balance;max-width:17ch;font-size:clamp(2.1rem,3.3vw,3rem)}.spx .beat .lede{color:var(--mut);max-width:32ch;margin-top:20px;font-size:20px;line-height:1.5}.spx .cta-row{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.spx .panel h3{max-width:18ch;margin-bottom:12px;font-size:clamp(1.9rem,3vw,2.7rem)}.spx .panel-sub{color:var(--mut);max-width:46ch;margin-bottom:36px;font-size:20px}.spx .rows{flex-direction:column;gap:26px;list-style:none;display:flex}.spx .rows li{gap:16px;display:flex}.spx .rownum{width:32px;height:32px;color:var(--sky);font-family:var(--mono);background:#38bdf824;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.spx .rows h4{margin-bottom:5px;font-size:20px}.spx .rows p{color:var(--mut);max-width:40ch;font-size:19px}.spx .stats{flex-direction:column;gap:30px;display:flex}.spx .stats dt{font-family:var(--mono);color:var(--sky);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:clamp(2.6rem,4.4vw,3.4rem);font-weight:700}.spx .stats dd{color:var(--mut);max-width:38ch;margin-top:4px;font-size:19px}.spx .stats dd strong{color:var(--ink);margin-bottom:3px;font-size:20px;font-weight:700;display:block}.spx .sources{color:#ffffff57;max-width:46ch;margin-top:32px;font-size:19px}.spx .plans{flex-direction:column;gap:16px;display:flex}.spx .plan{border:1px solid var(--line);border-radius:18px;flex-direction:column;padding:26px;display:flex}.spx .plan-pro{background:#38bdf80d;border-color:#38bdf866}.spx .plan-head{justify-content:space-between;align-items:baseline;display:flex}.spx .plan-head h4{font-size:22px}.spx .price{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:2rem;font-weight:700}.spx .price span{font-family:var(--font-geist-sans),sans-serif;color:var(--mut);letter-spacing:0;font-size:19px;font-weight:400}.spx .plan-sub{color:var(--mut);margin:8px 0 18px;font-size:19px}.spx .plan ul{flex-direction:column;gap:9px;margin-bottom:22px;list-style:none;display:flex}.spx .plan li{color:var(--mut);padding-left:26px;font-size:19px;position:relative}.spx .plan li:before{content:"✓";color:var(--sky);font-weight:700;position:absolute;left:0}.spx #media{height:100%}.spx .media-sticky{top:var(--head);height:calc(100vh - var(--head));justify-content:center;align-items:center;display:flex;position:sticky}.spx #portal{width:min(calc(100vh - var(--head) - 6vh),100%);aspect-ratio:1;will-change:transform;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 44px 100px #00060e99,0 0 0 1px #ffffff0f}.spx #film,.spx #poster{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.spx #poster{transition:opacity .5s}.spx #poster.hidden{opacity:0}.spx #film-caption{z-index:3;color:#ffffffeb;background:#08101a8c;border-radius:10px;padding:5px 13px;font-size:17px;position:absolute;bottom:13px;left:14px}.spx #scrub{z-index:3;background:#ffffff24;width:100%;height:3px;position:absolute;top:0;left:0}.spx #scrub i{background:var(--sky);width:0;height:100%;display:block}.spx .site-foot{border-top:1px solid var(--line);background:var(--bg-2);padding:40px var(--lane);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.spx .site-foot .brand{font-size:21px}.spx .site-foot nav{flex-wrap:wrap;gap:22px;display:flex}.spx .site-foot a{color:#ffffff73;font-size:19px;text-decoration:none}.spx .site-foot a:hover{color:var(--ink)}.spx #pricing{scroll-margin-top:90px}.spx .reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(22px)}.spx .reveal.in{opacity:1;transform:none}.spx .scroll-focus,.spx .hero{opacity:1}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.spx .scroll-focus{animation:linear both spxBeat;animation-timeline:view();animation-range:entry 6% exit 94%}@keyframes spxBeat{0%{opacity:0;transform:translateY(26px)}24%{opacity:1;transform:none}70%{opacity:1;transform:none}to{opacity:0;transform:translateY(-18px)}}.spx .hero{animation:linear both spxHeroLeave;animation-timeline:view();animation-range:exit 10% exit 85%}@keyframes spxHeroLeave{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-18px)}}}}@media (max-width:1200px){.spx #session{grid-template-columns:minmax(0,44fr) minmax(0,56fr)}.spx #portal{width:min(78vh,100%)}}@media (max-width:860px){.spx #session{grid-template-columns:1fr;gap:0;max-width:none}.spx #story,.spx #media{grid-area:1/1}.spx #media{z-index:2;pointer-events:none}.spx .media-sticky{height:48vh;padding-top:var(--head);background:var(--bg);top:0;box-shadow:0 18px 32px #00060e8c}.spx #portal{width:min(42vh,84vw)}.spx #story{z-index:1;padding:48vh 0 20vh}.spx .beat,.spx .panel{justify-content:flex-start;min-height:auto}.spx .beat{padding-bottom:12vh}.spx .beat.hero{justify-content:center;min-height:52vh;padding-bottom:0}.spx .panel{padding:6vh 0}.spx .beat h1,.spx .beat h2{font-size:clamp(1.9rem,7.5vw,2.6rem)}.spx .scroll-focus,.spx .hero{opacity:1!important;animation:none!important;transform:none!important}}@media (max-width:560px){.spx .nav-beaches{display:none}}@media (max-height:560px) and (min-width:861px){.spx #portal{width:min(84vh,100%)}.spx .beat h1,.spx .beat h2{font-size:clamp(1.6rem,3vw,2.2rem)}}@media (prefers-reduced-motion:reduce){.spx .reveal{opacity:1;transition:none;transform:none}.spx #poster{transition:none}}.spx.static-mode .reveal{opacity:1;transform:none}.spx.static-mode #loader{display:none}