/* Product motion: inputs to plan, check-in to session, session to story. */
:root{--scroll-progress:0;--hero-x:0;--hero-y:0}
.page-progress{position:fixed;inset:0 auto auto 0;height:2px;width:100%;background:linear-gradient(90deg,#e2c78e,#db537c);transform-origin:left;transform:scaleX(var(--scroll-progress));z-index:90;pointer-events:none}
.chapter-rail{position:fixed;right:16px;top:44%;z-index:12;display:flex;flex-direction:column;gap:9px;mix-blend-mode:multiply}
.chapter-rail a{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-height:29px;padding:3px;color:#7b846b}
.chapter-rail span{font:6px Mono;opacity:0;transition:opacity .25s}
.chapter-rail i{width:4px;height:4px;border-radius:50%;background:#98a088;box-shadow:0 0 0 3px transparent;transition:background .3s,box-shadow .3s}
.chapter-rail a:hover span,.chapter-rail a[aria-current=true] span{opacity:1}.chapter-rail a[aria-current=true] i{background:#aa426e;box-shadow:0 0 0 3px #aa426e19}
.hero h1{position:relative}.hero h1 em{display:inline-block}.hero-coach{transform:translate(calc(var(--hero-x) * 5px),calc(var(--hero-y) * 3px));transition:transform .7s var(--ease)}
.hero-session{transform:rotate(-4deg) rotateX(calc(var(--hero-y) * -3deg)) rotateY(calc(var(--hero-x) * 5deg));transition:transform .6s var(--ease)}
.hero-world{perspective:1000px}.hero-world:after{content:'';position:absolute;inset:3% -3% 2% 6%;background:radial-gradient(ellipse at calc(50% + var(--hero-x) * 20%) calc(50% + var(--hero-y) * 15%),#bb8e3422,transparent 59%);pointer-events:none;z-index:0;opacity:.8}
.hero-ticket:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,#fff5 48%,transparent 70%);border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .35s}.hero-ticket:hover:after{opacity:.7}
.connected-scene{padding:80px 0 40px;background:linear-gradient(145deg,#eff0e7,#e7eadd);overflow:hidden;position:relative}
.connected-scene .connections-heading{align-items:flex-end;margin-bottom:23px}.connected-scene .connections-heading h2{font-size:clamp(43px,4.7vw,68px);letter-spacing:-.055em;line-height:1.02}
.connected-scene .connections-heading>div .eyebrow{font:8px/1.5 Mono;letter-spacing:.08em;color:#788467;margin-bottom:19px}
.connected-scene .connections-heading>p{max-width:300px;margin-bottom:6px;font-size:13px;line-height:1.7}
.connection-stage{position:relative;height:530px;isolation:isolate;max-width:1100px;margin:0 auto;perspective:1400px}
.connection-stage:before{content:'';position:absolute;inset:4% 17% 3%;border-radius:50%;border:1px solid #bdc4ae38;pointer-events:none}
.connection-stage:after{content:'';position:absolute;inset:19% 27% 17%;border-radius:50%;background:radial-gradient(ellipse,#abb99b26,transparent 69%);pointer-events:none;z-index:-1}
.signal-routes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.signal-routes path{fill:none;stroke:#b3bea3;stroke-width:1;opacity:.5;vector-effect:non-scaling-stroke}
.signal-routes path.is-selected{stroke:url(#signal-colour);stroke-width:1.8;opacity:1;stroke-dasharray:5 8;filter:drop-shadow(0 0 3px #db537c30)}
.connected-scene .connection-list{display:block;position:absolute;inset:0;pointer-events:none}
.connected-scene .connection-list>button{position:absolute;left:15%;top:18%;translate:-50% -50%;width:150px;height:116px;min-height:0;display:flex;pointer-events:auto;padding:15px 10px 12px;background:#eff1e880;border:1px solid #bcc8ad77;border-radius:12px;transition:background .25s,border-color .25s,box-shadow .25s;color:#3a4530}
.connected-scene .connection-list>button[data-connection=calendar]{top:50%}.connected-scene .connection-list>button[data-connection=whatsapp]{top:82%}
.connected-scene .connection-list>button[data-connection=ultrahuman]{left:85%}.connected-scene .connection-list>button[data-connection=whoop]{left:85%;top:50%}.connected-scene .connection-list>button[data-connection=health]{left:85%;top:82%}
.connected-scene .connection-list>button:hover{background:#fafaf4;border-color:#98a889}.connected-scene .connection-list>button[aria-pressed=true]{border-color:#b44e74;background:#fafaf4;box-shadow:0 0 0 4px #d9809c0c,0 12px 30px #484f3210}
.connected-scene .logo-box{height:36px;margin-bottom:11px}.connected-scene .logo-box>img{max-height:32px;width:32px}.connected-scene .logo-box .strava-logo{width:85px;height:28px}.connected-scene .logo-box .ultrahuman-logo{width:35px;height:29px}.connected-scene .logo-box .whoop-logo{width:83px;height:24px}
.connected-scene .connection-list b{font-size:11px}.connected-scene .connection-list small{font-size:8px;margin-top:4px;color:#798667}
.connection-core{position:absolute;left:50%;top:50%;translate:-50% -50%;width:350px;min-height:374px;padding:25px 26px 0;background:linear-gradient(150deg,#242b21,#171e15);color:#edf0e3;border:1px solid #8895736b;border-radius:14px;box-shadow:0 35px 80px #37452a22,0 2px 2px #f6ffee88 inset;overflow:hidden;z-index:3;transform:rotate(-1.5deg)}
.connection-core:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 0 0,#bfc6a818,transparent 61%);pointer-events:none}
.core-head{display:flex;align-items:center;gap:8px;font:7px Mono;letter-spacing:.07em;color:#c0c9ae}.core-head img{width:27px;height:auto}.core-example{margin-left:auto;color:#7e8a70;font-size:6px}
.core-input{margin:27px 0 12px}.core-input>span{font:7px Mono;letter-spacing:.1em;color:#88967a}.core-input>b{display:block;font:400 41px/1.1 Instrument;letter-spacing:-.02em;margin-top:6px;color:#dccaa2;min-height:45px;white-space:nowrap}
.core-join{display:flex;gap:9px;align-items:center;color:#9aaf82;width:100%;margin:2px 0 16px}.core-join i{flex:1;height:1px;background:linear-gradient(90deg,#e2c78e16,#b8a6735c)}.core-join i:last-child{background:linear-gradient(90deg,#b8a6735c,#e2c78e16)}.core-join span{font-size:20px;line-height:1}
.core-output-label{font:7px Mono;color:#939f82;letter-spacing:.08em}.connection-core h3{font-size:28px;letter-spacing:-.04em;margin-top:7px;color:#e1e6d4}
.core-dose{display:flex;justify-content:space-between;align-items:center;margin:17px 0 25px}.core-dose strong{font-size:54px;line-height:1;letter-spacing:-.045em;color:#dec49b;font-weight:500}.core-dose small{font-size:16px;font-weight:400;color:#bcae8d;letter-spacing:0}.core-dose>span{font:10px/1.7 Mono;color:#aeb69e;text-align:right}
.core-footer{border-top:1px solid #bdcba52d;display:flex;align-items:center;gap:8px;padding:15px 0 17px;font-size:9px;color:#a6b696}.core-footer .pink-dot{width:4px;height:4px}
.core-scan{position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,#e2c78e14 49%,transparent 58%);translate:-100% 0;pointer-events:none}
.connection-core.is-passing .core-scan{animation:core-pass .8s var(--ease)}
.connected-scene .connection-detail{max-width:1100px;margin:5px auto 0;min-height:65px;border-color:#c1ccb1}
.connected-scene .connection-label{color:#7b4d61;font-size:8px}.connected-scene .connection-detail p{font-size:13px;color:#606f51;max-width:620px}.connected-scene .connection-hint{display:block;font-size:7px;letter-spacing:.05em;color:#788a66}
.block-stage{position:relative}.block-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#f0d4dd30 49%,transparent 63%);translate:-100% 0;pointer-events:none}
.block-stage.is-passing:after{animation:core-pass .65s var(--ease)}
.week-plan b{transition:background .3s}.strength-ring{transition:border-color .5s,box-shadow .5s}.block-stage.is-passing .strength-ring{box-shadow:0 0 0 9px #d7a2b516}
.morning-bridge{position:relative}.morning-bridge:after{content:'';position:absolute;width:4px;height:4px;left:7px;top:calc(50% - 9px);border-radius:50%;background:#5d8150;opacity:0;box-shadow:0 0 0 4px #78966515}
.morning-demo.is-passing .morning-bridge:after{animation:checkin-pass .8s var(--ease)}
.adjusted-session{transition:box-shadow .3s,border-color .3s}.morning-demo.is-passing .adjusted-session{border-color:#8ba574;box-shadow:0 0 0 4px #829b6010,0 24px 50px #4d5a3110}
.adjusted-session .dose-arrow{color:#8f9f7b}.dose-sets{min-height:48px}.chat-side .chat-message{transform-origin:bottom left}.chat-side .outgoing{transform-origin:bottom right}
.story-build{width:min(340px,100%);display:flex;align-items:center;justify-content:space-between;gap:13px;background:#efebf480;border:1px solid #c9bfd5;border-radius:9px;text-align:left;color:#695775;padding:16px 15px;min-height:74px;margin-top:23px;box-shadow:0 9px 22px #6b437708;transition:background .3s,border-color .3s}
.story-build:hover{background:#f7f4f9;border-color:#a18aae}.story-build-icon{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border:1px solid #b99bc8;border-radius:6px;background:#dacbe6;font-size:20px;color:#8b559e}
.story-build>span:nth-child(2){flex:1}.story-build b{display:block;font-size:10px;font-weight:500;line-height:1.5}.story-build small{display:block;font-size:9px;margin-top:4px;color:#9873a9}.story-build>span:last-child{font-size:21px;color:#9174a3}
.story-picker{margin-top:26px}.story-waves{position:absolute;inset:0;pointer-events:none;z-index:0;display:grid;place-items:center}
.story-waves i{position:absolute;width:245px;height:245px;border:1px solid #9f6ab300;border-radius:50%;opacity:0}
.story-world.is-building .story-waves i{animation:story-wave 1s var(--ease)}.story-world.is-building .story-waves i:nth-child(2){animation-delay:.1s}.story-world.is-building .story-waves i:nth-child(3){animation-delay:.2s}
.story-card:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,#fff5 48%,transparent 65%);translate:-100% 0;pointer-events:none;z-index:5}
.story-world.is-building .story-card:after{animation:core-pass 1s .15s var(--ease)}
.story-card-bottom>button{position:relative}.story-card-bottom>button[aria-pressed=true]:after{content:'';position:absolute;inset:-3px;border:1px solid #94619f;border-radius:24px;animation:chapeau-ring .6s var(--ease);pointer-events:none}
.recovery-world{transition:background .5s}.recovery-world>img{transition:opacity .35s}.recovery-choices button{transition:background .3s,color .3s}
.founding-eyebrow{display:block;color:#ab9b70;font-size:8px;margin-bottom:22px}.access-grid{grid-template-columns:1.15fr .85fr;gap:65px}
.access-grid h2{font-size:clamp(64px,6.7vw,95px);line-height:.97}.access-grid h2 em{font-size:1.1em;letter-spacing:-.04em;display:inline-block;white-space:nowrap}.access-grid>div>p{max-width:350px;font-size:14px}
.launch-pricing{margin-top:26px;padding-top:22px;border-top:1px solid #e2c78e29;max-width:350px}.launch-pricing>.eyebrow{display:block;font-size:7px;line-height:1.7;color:#ab9b70;letter-spacing:.055em}.launch-pricing>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin-top:12px;color:#ead5a2}.launch-pricing strong{font-size:28px;font-weight:500;letter-spacing:-.045em;white-space:nowrap}.launch-pricing small{font-size:11px;font-weight:400;letter-spacing:0;color:#b2b29f;margin-left:3px}.launch-pricing>div>span{font-size:11px;color:#929880}.access-grid>div>.offer-start{font-size:11px;color:#9ca18e;margin-top:17px;line-height:1.7}.ticket-back>.ticket-offer{font-size:13px;line-height:1.8;color:#d9c99e}
.founding-counter{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin:22px 0 23px}.founding-counter>div>span{display:block;font:7px Mono;color:#9fa483;letter-spacing:.1em}.founding-counter strong{display:block;font-size:86px;line-height:1;letter-spacing:-.06em;font-weight:500;color:#ead5a2;margin-top:6px;font-variant-numeric:tabular-nums}
.founding-counter>span{font:8px/1.7 Mono;color:#b7a16f;border:1px solid #ae976e47;border-radius:3px;padding:9px 12px;letter-spacing:.06em;margin-bottom:7px}
.founding-dots{display:grid;grid-template-columns:repeat(20,1fr);gap:4px;width:100%;padding:0 0 15px;border-bottom:1px solid #b9aa7529;min-height:70px}
.founding-dots i{display:block;aspect-ratio:1;border:1px solid #a9935b6b;border-radius:2px;background:#c3a9701c;transition:background .35s,border-color .35s,box-shadow .35s}
.founding-dots i.is-reserved{background:#e2c78e;border-color:#efdcae;box-shadow:0 0 9px #e2c78e50}
.access-form-card .founding-counter-note{font:7px/1.8 Mono;color:#a49e84;margin:13px 0 25px;min-height:25px}
.ticket-perspective{--foil-x:50%;--foil-y:50%;--tilt-x:0deg;--tilt-y:0deg}.golden-ticket{transform:rotate(-2deg) rotateX(var(--tilt-y)) rotateY(var(--tilt-x));transition:transform .55s var(--ease)}.golden-ticket.is-turned{transform:rotateY(180deg)}
.ticket-front:before{background:radial-gradient(ellipse at var(--foil-x) var(--foil-y),#fff7,transparent 51%),repeating-linear-gradient(0deg,#fff0 0 2px,#4e37080a 2px 3px);transition:background .15s}
.reveal-pending{opacity:0;translate:0 24px}.reveal-ready{transition:opacity .85s var(--ease),translate .85s var(--ease)}.reveal-ready.is-visible{opacity:1;translate:0 0}
@keyframes core-pass{0%{translate:-100% 0}100%{translate:100% 0}}@keyframes signal-flow{to{stroke-dashoffset:-130}}@keyframes checkin-pass{0%{opacity:0;translate:0 0}15%{opacity:1}85%{opacity:1}100%{translate:70px 0;opacity:0}}@keyframes story-wave{0%{transform:scale(.45);opacity:0;border-color:#9f6ab3}20%{opacity:.5}100%{transform:scale(1.8);opacity:0;border-color:#9f6ab3}}@keyframes chapeau-ring{0%{scale:.9;opacity:.9}100%{scale:1.12;opacity:0}}
@media(prefers-reduced-motion:no-preference){.signal-routes path.is-selected{animation:signal-flow 4s linear infinite}}
@media(max-width:1180px){.connected-scene .connections-heading h2{font-size:56px}.connection-core{width:310px;padding:24px 23px 0;min-height:355px}.core-input>b{font-size:38px}.connected-scene .connection-list>button{width:134px}.connection-stage{height:485px}.connection-core h3{font-size:25px}.core-dose strong{font-size:48px}.connected-scene .connection-detail p{font-size:12px}.access-grid{gap:40px}.access-grid h2{font-size:74px}.founding-counter strong{font-size:77px}}
@media(max-width:900px){.chapter-rail{display:none}.connected-scene{padding-top:62px}.connected-scene .connections-heading h2{font-size:48px}.connected-scene .connections-heading>p{max-width:220px;font-size:12px}.connection-core{width:275px;padding:23px 20px 0;min-height:335px}.connection-stage{height:465px}.connected-scene .connection-list>button{width:116px;height:110px}.connected-scene .connection-list>button{left:10%}.connected-scene .connection-list>button[data-connection=ultrahuman],.connected-scene .connection-list>button[data-connection=whoop],.connected-scene .connection-list>button[data-connection=health]{left:90%}.signal-routes{inset:0 -4%;width:108%}.core-input>b{font-size:33px}.core-input{margin-top:22px}.connected-scene .connection-list b{font-size:10px}.connected-scene .logo-box .strava-logo{width:76px}.connected-scene .logo-box .whoop-logo{width:72px}.core-head{font-size:6px}.core-example{font-size:5px}.core-dose{margin:18px 0 22px}.core-dose strong{font-size:46px}.connected-scene .connection-hint{display:none}.access-grid h2{font-size:61px}.access-grid h2 em{white-space:normal}.founding-counter strong{font-size:74px}.founding-counter>span{font-size:7px;padding:8px 9px}.story-build{max-width:287px;padding:13px;gap:10px}.story-build b{font-size:9px}.story-build small{font-size:8px}}
@media(max-width:759px){.hero-session{transform:rotate(-3deg)}.connected-scene{padding:42px 0 27px}.connected-scene .connections-heading{display:block;margin-bottom:27px}.connected-scene .connections-heading h2{font-size:48px}.connected-scene .connections-heading>div .eyebrow{font-size:6px;margin-bottom:17px;letter-spacing:.045em}.connected-scene .connections-heading>p{font-size:12px;max-width:295px;margin-top:20px;line-height:1.7}.connection-stage{display:flex;flex-direction:column;height:auto;gap:28px;padding-bottom:12px;max-width:460px}.connection-stage:before{inset:35% -10% 4%;border-radius:50%;opacity:.5}.connection-stage:after{inset:34% 0 0}.connected-scene .connection-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;position:relative;inset:auto;pointer-events:auto;order:1}.connected-scene .connection-list>button{position:relative;left:auto!important;top:auto!important;translate:0 0;width:auto;height:112px;min-height:112px;padding:16px 5px 11px;border-radius:9px}.connected-scene .connection-list b{font-size:8px}.connected-scene .connection-list small{font-size:7px;margin-top:4px}.connected-scene .logo-box{height:33px;margin-bottom:11px}.connected-scene .logo-box .strava-logo{width:69px}.connected-scene .logo-box .whoop-logo{width:65px}.connected-scene .logo-box .ultrahuman-logo{width:35px;height:27px}.connected-scene .logo-box>img{width:30px;max-height:30px}.signal-routes{display:none}.connection-core{position:relative;left:auto;top:auto;translate:0 0;order:2;width:calc(100% - 34px);max-width:325px;min-height:344px;padding:23px 24px 0;margin:2px auto 0;transform:rotate(-1.5deg)}.connection-core:before{content:'';position:absolute;left:50%;top:-31px;width:1px;height:30px;background:#8ca179;box-shadow:0 0 9px #8ca1792e}.core-input>b{font-size:40px}.core-input{margin:26px 0 12px}.core-head{font-size:7px}.core-example{font-size:5px}.core-dose strong{font-size:51px}.core-dose>span{font-size:10px}.core-footer{font-size:9px}.connection-core h3{font-size:28px}.connected-scene .connection-detail{margin-top:20px;gap:12px;min-height:74px}.connected-scene .connection-detail p{font-size:11px;line-height:1.7}.connected-scene .connection-label{font-size:7px;padding-top:3px}.connected-scene .connection-hint{display:none}.story-build{width:100%;max-width:340px;padding:15px;margin-top:21px;min-height:73px}.story-build b{font-size:10px}.story-build small{font-size:9px}.story-picker{margin-top:28px}.morning-bridge:after{left:calc(50% - 37px);top:3px}.morning-demo.is-passing .morning-bridge:after{animation:checkin-pass-mobile .8s var(--ease)}.access-grid{grid-template-columns:1fr;gap:29px}.founding-eyebrow{font-size:7px;margin-bottom:18px}.access-grid h2{font-size:62px;line-height:1.02}.access-grid h2 em{white-space:normal;font-size:1.1em}.access-grid>div>p{font-size:13px;max-width:290px}.founding-counter{margin-top:23px;margin-bottom:25px}.founding-counter strong{font-size:88px}.founding-counter>span{font-size:8px;padding:9px 12px}.founding-counter>div>span{font-size:6px}.founding-dots{gap:4px;min-height:65px}.access-form-card .founding-counter-note{font-size:7px;line-height:1.7;margin-top:13px;margin-bottom:24px}.reveal-pending{translate:0 17px}@keyframes checkin-pass-mobile{0%{opacity:0;translate:0 0}15%{opacity:1}85%{opacity:1}100%{translate:0 27px;opacity:0}}}
@media(max-width:359px){.connected-scene .connections-heading h2{font-size:43px}.connected-scene .connection-list{gap:5px}.connected-scene .connection-list>button{height:107px;min-height:107px;padding:14px 4px 10px}.connected-scene .connection-list b{font-size:7px}.connected-scene .connection-list small{font-size:6px}.connected-scene .logo-box .strava-logo{width:63px}.connected-scene .logo-box .whoop-logo{width:58px}.connection-core{width:calc(100% - 20px);padding-inline:21px}.core-input>b{font-size:35px}.connected-scene .connection-detail p{font-size:10px}.story-build{padding:13px;gap:10px}.story-build b{font-size:9px}.access-grid h2{font-size:56px}.founding-counter strong{font-size:80px}.founding-counter>span{font-size:7px}.founding-dots{gap:3px}}
body.motion-paused .reveal-pending{opacity:1;translate:0 0}body.motion-paused .hero-coach{transform:none}body.motion-paused .hero-session{transform:rotate(-4deg)}body.motion-paused .golden-ticket:not(.is-turned){transform:rotate(-2deg)}
@media(prefers-reduced-motion:reduce){.reveal-pending{opacity:1;translate:0 0}.hero-coach{transform:none}.hero-session,.connection-core{transform:none}.golden-ticket:not(.is-turned){transform:none}.chapter-rail i,.chapter-rail span,.page-progress{transition:none}}
@media(forced-colors:active){.connection-core,.story-build,.connected-scene .connection-list>button{border:1px solid CanvasText}.signal-routes path{stroke:CanvasText}.core-input>b,.core-dose strong{color:CanvasText}.founding-dots i{border-color:CanvasText}.founding-dots i.is-reserved{background:Highlight}.page-progress{background:CanvasText}.core-scan,.connection-stage:after{display:none}}
@media print{.reveal-pending{opacity:1;translate:0 0}.page-progress,.chapter-rail{display:none}*{animation:none!important;transition:none!important}}