@font-face{font-family:Jakarta;src:url('./fonts/jakarta-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Jakarta;src:url('./fonts/jakarta-extrabold.ttf') format('truetype');font-weight:800;font-display:swap}
:root{color-scheme:dark;--bg:#0c1412;--surface:#141a20;--ink:#f1f5ed;--muted:#a8bcb4;--green:#36e394;--line:rgba(192,231,209,.16);--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.65 Jakarta,Arial,sans-serif;overflow-x:hidden}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:5px}button:active{transform:scale(.97)}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:16px;z-index:30;background:var(--green);color:var(--bg);padding:12px}.skip-link:focus{top:16px}
.site-header{height:102px;max-width:1600px;margin:auto;padding:0 5.2%;display:flex;align-items:center;gap:24px;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:8px;font-size:25px;font-weight:800;letter-spacing:-.035em;line-height:1}.brand-ai{color:var(--green);font-size:11px;letter-spacing:0;margin-left:5px}.brand-face{display:block;width:42px;height:42px;overflow:hidden;position:relative}.brand-face img{position:absolute;width:92px;height:92px;max-width:none;left:-25px;top:-8px}.header-nav{margin-left:auto;display:flex;gap:28px;align-items:center;font-size:12px}.header-nav>a{color:var(--muted)}.icon{display:inline-block;width:20px;height:20px;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat;flex-shrink:0}.arrow-up-right{--icon:url('./icons/arrow-up-right.svg')}.arrow-right{--icon:url('./icons/arrow-right.svg')}.player-pause{--icon:url('./icons/player-pause.svg')}.player-play{--icon:url('./icons/player-play.svg')}.brand-apple{--icon:url('./icons/brand-apple.svg')}.brand-android{--icon:url('./icons/brand-android.svg')}.lock{--icon:url('./icons/lock.svg')}.barbell{--icon:url('./icons/barbell.svg')}.bowl-spoon{--icon:url('./icons/bowl-spoon.svg')}.sparkles{--icon:url('./icons/sparkles.svg')}
.icon-button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:rgba(230,255,242,.025);display:grid;place-items:center;transition:background 180ms var(--ease),transform 160ms var(--ease)}.glass-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:56px;padding:10px 12px 10px 24px;border:1px solid rgba(209,255,229,.26);border-radius:100px;background:linear-gradient(140deg,rgba(164,255,203,.16),rgba(31,86,61,.12));box-shadow:inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(12px);font-size:13px;font-weight:800;transition:background 180ms var(--ease),transform 160ms var(--ease)}.glass-button.small{min-height:42px;padding:8px 17px;font-size:11px;gap:14px}.arrow-disc{display:grid;place-items:center;background:var(--green);color:#092317;width:38px;height:38px;border-radius:50%}.text-button{display:flex;align-items:center;gap:9px;background:none;padding:12px 0;font-size:11px;color:var(--muted);transition:color 160ms var(--ease),transform 160ms var(--ease)}
.world-shell{position:relative;max-width:1600px;min-height:calc(100dvh - 181px);margin:auto;padding:55px 5.2% 115px;display:grid;grid-template-columns:1fr 1.05fr;gap:20px;align-items:center;isolation:isolate}.world-shell:before{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 75% 45%,rgba(33,104,69,.19),transparent 50%)}.world-coordinate{position:absolute;right:5.2%;top:3px;color:#6e8a7f;font-size:9px;letter-spacing:.15em}.scene-content{position:relative;z-index:2;padding-bottom:35px}.scene-copy h1,.scene-copy h2{font-size:clamp(40px,5.5vw,86px);font-weight:800;line-height:1.055;letter-spacing:-.035em;margin:0 0 26px}.scene-copy h1 span,.scene-copy h2 span{color:var(--green)}.lead{font-size:clamp(14px,1.12vw,17px);line-height:1.85;color:#b9c9c2;margin:0 0 25px}.actions{display:flex;align-items:flex-start;gap:8px;flex-direction:column}.store-row{display:flex;gap:12px;margin-top:34px}.store-button{display:flex;align-items:center;gap:11px;border:1px solid rgba(177,212,192,.12);border-radius:10px;padding:10px 13px;color:#a0b3a8;font-size:11px;line-height:1.4;background:rgba(255,255,255,.015)}.store-button>.icon:first-child{width:23px;height:23px}.store-button>.icon:last-child{width:13px;height:13px;margin-left:12px;color:#6f877a}.store-button small{display:block;color:#839a8d;font-size:9px}.quiet{color:#95ac9f;font-size:10px;line-height:1.8;margin-top:20px;max-width:430px}.feature-note{color:#a8bcb4;max-width:370px;font-size:12px;margin:24px 0}.control-label{font-size:10px;color:#afc4b8;margin:18px 0 10px}.segmented{display:flex;gap:4px;padding:4px;width:max-content;max-width:100%;border:1px solid var(--line);border-radius:100px;background:rgba(255,255,255,.025)}.segmented button{background:none;border-radius:100px;padding:10px 18px;font-size:11px;color:#9eb5a8;transition:background 180ms var(--ease),color 180ms var(--ease),transform 160ms var(--ease)}.segmented button[aria-pressed=true]{background:#224634;color:#e3ffed}.coach-picker{margin-top:10px}.question-list{display:flex;flex-direction:column;gap:8px;max-width:360px}.question-list button{display:flex;align-items:center;justify-content:space-between;padding:14px 17px;text-align:left;border:1px solid var(--line);background:rgba(190,255,214,.025);border-radius:12px;font-size:12px;color:#a6bcaf;transition:background 180ms var(--ease),transform 160ms var(--ease)}.question-list button[aria-pressed=true]{border-color:rgba(54,227,148,.4);color:#d7fae5;background:rgba(54,227,148,.055)}
.world-stage{position:relative;height:min(570px,58vw);min-height:480px;margin-left:-35px}.world-stage canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.stage-panel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.hero-bear{width:95%;max-width:540px;height:auto;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 20px 30px rgba(0,0,0,.2))}.bear-halo{position:absolute;border:1px solid rgba(54,227,148,.1);border-radius:50%;width:70%;height:70%;background:radial-gradient(ellipse,rgba(54,227,148,.1),transparent 68%)}.orbit-fallback{position:absolute;inset:15% 1%;border:1px solid rgba(90,234,157,.3);border-radius:50%;transform:rotate(-25deg);z-index:0;pointer-events:none}.has-webgl .orbit-fallback{display:none}.floating-label{position:absolute;z-index:2;display:flex;align-items:center;gap:11px;background:rgba(24,42,33,.88);border:1px solid rgba(176,237,198,.17);border-radius:14px;padding:13px 17px;box-shadow:0 8px 30px rgba(0,0,0,.16);backdrop-filter:blur(12px);font-size:10px;line-height:1.5;animation:float 6s ease-in-out infinite}.floating-label small{display:block;color:#9db7a8;font-size:9px}.training-label{top:15%;right:-2%;transform:rotate(3deg)}.training-label>.icon{color:var(--green);width:23px;height:23px}.food-label{bottom:18%;left:-4%;animation-delay:-3s;transform:rotate(-3deg)}.guide-line{position:absolute;bottom:2%;display:flex;align-items:center;gap:8px;color:#adc8b6;font-size:10px;z-index:2}.status-dot{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;flex-shrink:0}.demo-stage{flex-direction:column;background:var(--surface);border:1px solid rgba(225,255,237,.08);border-radius:28px;inset:28px 0 25px 38px;overflow:hidden}.demo-stage>img{width:min(100%,480px);height:auto;min-height:0;object-fit:contain;flex:1}.demo-caption{width:100%;padding:20px 24px 0;display:flex;gap:7px;align-items:center;color:#bde0cc;font-size:9px;letter-spacing:.05em}.demo-caption>span:last-child{margin-left:auto;color:#93a4a3;letter-spacing:0;font-size:8px}.demo-bottom{display:flex;justify-content:space-between;width:100%;padding:6px 24px;font-size:12px}.demo-bottom>span:last-child{color:#99b3a5;font-size:9px}.visual-note{font-size:9px;line-height:1.6;color:#a0b3aa;text-align:center}.demo-stage .visual-note{margin:5px 16px 15px}
.meal-stage{display:block;border-radius:25px;inset:65px 18px 30px 60px;background:rgba(21,35,29,.95);border:1px solid rgba(225,255,237,.15);padding:28px;box-shadow:0 30px 60px rgba(0,0,0,.2)}.meal-heading{display:flex;align-items:center;gap:10px;color:#c0dfca;font-size:9px;letter-spacing:.05em}.meal-heading .icon{color:var(--green)}.meal-heading>span:last-child{margin-left:auto;font-size:8px;letter-spacing:0;color:#8fa798}.meal-rows{margin-top:25px;min-height:180px}.meal-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.meal-row img{width:48px;height:48px;object-fit:contain}.meal-row small{display:block;font-size:10px;color:#a1b7a8}.meal-row>span:last-child{margin-left:auto;font-size:11px;color:#b9dac7}.meal-total{display:flex;gap:42px;margin-top:24px}.meal-total>div>span{font-size:39px;font-weight:800;letter-spacing:-.025em;line-height:1}.meal-total small{color:#b4c7bc;margin-left:5px;font-size:10px}.meal-stage .visual-note{text-align:left;max-width:230px;margin-top:22px}.meal-guide{position:absolute;right:-42px;bottom:-42px;width:170px;height:170px;object-fit:contain;pointer-events:none}.coach-stage{flex-direction:column}.coach-bear{width:65%;max-width:370px;position:absolute;top:-3%}.coach-response{position:absolute;bottom:9%;left:4%;right:0;padding:28px;border-radius:22px;background:rgba(21,35,29,.96);border:1px solid rgba(225,255,237,.18);box-shadow:0 25px 50px rgba(0,0,0,.2)}.response-label{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.055em;color:#a2ddba}.response-label .icon{width:16px;height:16px}.coach-response p{color:#e0eee5;font-size:16px;line-height:1.75;margin:15px 0;min-height:110px}.response-foot{font-size:9px;color:#9bb3a5}.join-bear{width:95%;max-width:520px;position:relative}.join-orbit{position:absolute;inset:15% 0;border-radius:50%;border:1px solid rgba(54,227,148,.3);transform:rotate(-30deg)}.launch-note{position:absolute;bottom:3%;font-size:9px;color:#9bbcaa;letter-spacing:.08em}
.waitlist-form{max-width:420px}.waitlist-form>label:first-child{display:block;color:#b6cec0;font-size:10px;margin-bottom:8px}.email-line{display:flex;align-items:center;gap:10px;border:1px solid rgba(182,225,200,.4);background:rgba(180,240,200,.025);border-radius:100px;padding:6px}.email-line input{width:100%;min-width:0;background:none;border:0;padding:12px 13px;color:var(--ink);font-size:13px;outline-offset:0}.email-line input::placeholder{color:#839b8c}.join-button{display:grid;place-items:center;background:var(--green);color:#10291c;border-radius:50%;width:44px;height:44px;flex-shrink:0;transition:transform 160ms var(--ease)}.platforms{padding:0;margin:18px 0;border:0;display:flex;gap:18px;font-size:11px;color:#b8cdc0}.platforms legend{font-size:9px;margin-bottom:8px;color:#92ac9b}.platforms input,.consent input{accent-color:var(--green);margin-right:5px}.consent{display:flex;gap:8px;align-items:flex-start;line-height:1.65;font-size:10px;color:#a5bbae}.consent input{margin-top:4px;flex-shrink:0}.consent a{text-decoration:underline;text-underline-offset:3px}.form-status{min-height:24px;font-size:11px;margin-bottom:0;color:#c8f6d9}.form-status[data-state=error]{color:#ffb6a5}.support-link{display:flex;align-items:center;gap:5px;font-size:10px;color:#b1c9bc}.support-link .icon{width:14px;height:14px}.honeypot{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.chapter-nav{position:absolute;bottom:26px;left:5.2%;right:5.2%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:23px;z-index:3}.chapter-number{font-size:16px;color:#d7eadf;font-weight:800;letter-spacing:-.03em}.chapter-number>span{font-size:10px;color:#718d7e;font-weight:400;letter-spacing:0;margin-left:6px}.chapters{display:flex;align-items:center;gap:5px;padding:5px;border:1px solid var(--line);border-radius:100px;background:rgba(255,255,255,.025)}.chapters button{background:none;font-size:11px;color:#9fb6a8;border-radius:100px;padding:10px 23px;transition:background 200ms var(--ease),color 200ms var(--ease),transform 160ms var(--ease)}.chapters button[aria-selected=true]{background:#d8f4e3;color:#123420}.next-scene{background:#2ce296;color:#113321;border-color:#2ce296}.site-footer{max-width:1600px;margin:auto;padding:18px 5.2% 25px;display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-size:9px;border-top:1px solid rgba(193,228,207,.08);color:#8ca795}.site-footer>span{letter-spacing:.1em;color:#a6c4b2;font-size:8px}.site-footer>div{margin-left:auto;display:flex;gap:22px}.site-footer p{width:100%;font-size:8px;color:#799383;margin:0}.no-script{padding:30px;color:var(--ink)}.paused .floating-label{animation-play-state:paused}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@media(hover:hover) and (pointer:fine){.glass-button:hover{background:rgba(119,240,170,.16)}.text-button:hover,.header-nav>a:hover,.site-footer a:hover{color:var(--green)}.icon-button:hover{background:rgba(75,218,137,.15)}.segmented button:hover,.question-list button:hover{color:#e8fff0;background:rgba(72,198,124,.1)}.chapters button:not([aria-selected=true]):hover{background:rgba(125,201,158,.09)}}
@media(min-width:1600px){.world-shell{min-height:760px}}
@media(max-width:1050px){.world-shell{padding-top:45px;grid-template-columns:1fr 1fr}.world-stage{min-height:440px;height:480px;margin-left:-30px}.floating-label{padding:10px;font-size:9px}.training-label{right:-3%;top:13%}.food-label{left:-8%}.scene-copy h1,.scene-copy h2{font-size:clamp(40px,5.4vw,65px)}.meal-stage{inset:50px 0 40px 20px;padding:22px}.meal-total{gap:25px}.meal-total>div>span{font-size:31px}.coach-response{padding:22px}.coach-response p{font-size:14px}.chapters button{padding:9px 18px}}
@media(max-width:900px){.site-header{height:80px;padding:0 6%;gap:14px}.brand{font-size:22px}.brand-face{width:36px}.header-nav{gap:0}.header-nav>a{display:none}.glass-button.small{min-height:38px;font-size:10px;padding:8px 12px;gap:6px}.glass-button.small .icon{width:15px;height:15px}#motion-toggle{width:36px;height:36px;flex-shrink:0}.world-shell{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:20px 6% 116px;min-height:0}.world-coordinate{display:none}.scene-content{padding-bottom:0}.scene-copy h1,.scene-copy h2{font-size:clamp(40px,10.5vw,65px);margin-bottom:19px}.lead{font-size:13px;line-height:1.85;margin-bottom:21px}.actions{gap:0}.glass-button.primary{font-size:12px;min-height:53px}.store-row{margin-top:17px;gap:8px}.store-button{padding:8px 11px;font-size:10px}.quiet{font-size:9px;margin-top:15px}.scene-copy>.quiet:last-child{display:none}.world-stage{height:340px;min-height:340px;margin-left:0;margin-top:10px}.hero-bear{width:90%;max-width:370px}.floating-label{font-size:8px;padding:9px 11px;border-radius:10px}.floating-label small{font-size:8px}.training-label{top:10%;right:0}.food-label{bottom:18%;left:-1%}.food-label img{width:36px;height:36px}.guide-line{font-size:9px;bottom:1%}.chapter-nav{bottom:20px;left:6%;right:6%;gap:8px;flex-wrap:wrap;padding-top:16px}.chapter-number{font-size:11px}.chapter-number>span{font-size:9px}.chapters{order:3;width:100%;justify-content:space-between;margin-top:3px;padding:4px}.chapters button{padding:9px 12px;font-size:10px}.next-scene{width:33px;height:33px}.next-scene .icon{width:16px;height:16px}.site-footer{padding:17px 6% 22px;gap:16px;font-size:8px}.site-footer>div{gap:14px}.site-footer p{font-size:8px;line-height:1.7}.demo-stage{inset:5px 0 0;border-radius:20px}.demo-caption{padding:14px 16px 0;font-size:8px}.demo-bottom{padding:4px 16px;font-size:10px}.demo-stage>img{max-width:280px}.demo-stage .visual-note{font-size:8px;margin:4px 12px 10px}.world-shell[data-scene=train] .world-stage{height:365px;min-height:365px}.feature-note{font-size:11px;margin:17px 0}.control-label{font-size:9px;margin:12px 0 7px}.segmented button{padding:9px 15px;font-size:10px}.coach-picker{margin-top:8px}.meal-stage{inset:12px 0 28px;padding:21px}.meal-heading{font-size:8px}.meal-rows{margin-top:14px;min-height:150px}.meal-row{padding:7px 0;font-size:11px}.meal-row img{width:42px;height:42px}.meal-row small{font-size:9px}.meal-total{margin-top:14px;gap:34px}.meal-total>div>span{font-size:30px}.meal-stage .visual-note{font-size:8px;max-width:190px;margin-top:16px}.meal-guide{right:-12px;bottom:-32px;width:140px;height:140px}.world-shell[data-scene=fuel] .world-stage{height:365px;min-height:365px}.coach-bear{top:-9%;width:68%;max-width:280px}.coach-response{bottom:0;left:0;right:0;padding:20px}.coach-response p{font-size:13px;min-height:100px;margin:10px 0}.response-label{font-size:7px}.response-foot{font-size:8px}.world-shell[data-scene=coach] .world-stage{margin-top:28px}.question-list{max-width:none}.question-list button{font-size:11px;padding:12px 15px}.join-bear{max-width:350px;width:90%}.world-shell[data-scene=join] .world-stage{height:280px;min-height:280px;margin-top:0}.waitlist-form{max-width:none}.launch-note{font-size:8px;bottom:0}.world-shell[data-scene=join] .scene-copy>.quiet:last-child{display:block}}
.coach-bear,.join-bear{height:auto;max-height:100%;object-fit:contain}
.world-coordinate,.header-nav,.glass-button.small,.text-button,.store-button,.store-button small,.floating-label,.floating-label small,.guide-line,.control-label,.segmented button,.question-list button,.demo-caption,.demo-caption>span:last-child,.demo-bottom>span:last-child,.visual-note,.meal-heading,.meal-heading>span:last-child,.meal-row small,.response-label,.response-foot,.launch-note,.waitlist-form>label:first-child,.platforms legend,.support-link,.chapters button,.chapter-number>span{font-size:11px}
.world-coordinate{text-transform:uppercase}.brand-face img{width:150px;height:150px;left:-54px;top:-14px}
.site-footer{font-size:11px}.site-footer>span,.site-footer p{font-size:10px}.quiet,.feature-note,.visual-note,.support-link{font-size:11px}.consent{font-size:12px}.control-label,.waitlist-form>label:first-child,.platforms legend{font-size:11px}.store-button small{font-size:10px}
@media(max-width:900px){.world-stage{margin-bottom:14px}.world-shell[data-scene=join] .world-stage{margin-top:18px}.join-bear{max-height:280px}.coach-bear{max-height:260px}.guide-line{bottom:4px}.site-footer,.site-footer>span,.site-footer p{font-size:10px}.demo-stage .visual-note{font-size:9px}.launch-note{font-size:9px}.response-label{font-size:9px}.response-foot{font-size:10px}.quiet,.support-link{font-size:11px}.consent{font-size:11px}}
@media(max-width:900px){.glass-button.small,.store-button,.store-button small,.floating-label,.floating-label small,.guide-line,.demo-caption,.demo-caption>span:last-child,.demo-bottom,.demo-bottom>span:last-child,.demo-stage .visual-note,.meal-heading,.meal-heading>span:last-child,.meal-row,.meal-row small,.response-label,.response-foot,.launch-note,.control-label,.segmented button,.question-list button,.chapters button,.chapter-number>span,.site-footer a{font-size:11px}.floating-label{padding:9px;gap:6px}.floating-label small{font-size:10px}.food-label img{width:32px;height:32px}.chapters button{padding:9px 11px}.training-label{top:8%;right:-1%}.food-label{left:-1%;bottom:18%}}
@media(prefers-reduced-motion:reduce){body:not(.motion-opt-in),body:not(.motion-opt-in) *,body:not(.motion-opt-in) *:before,body:not(.motion-opt-in) *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.meal-row .food-kcal{margin-left:auto;white-space:nowrap;font-size:11px;color:#b9dac7}.ingredient-toggle{width:32px;height:36px;flex-shrink:0;border:1px solid var(--line);border-radius:9px;background:rgba(54,227,148,.07);font-size:20px;color:var(--green)}.meal-row.excluded>img,.meal-row.excluded>span{opacity:.48}.meal-row>span:last-child{margin-left:0}.meal-row{gap:9px}.meal-row>span:not(.food-kcal){min-width:0}
@media(max-width:900px){.chapter-nav{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:4%;right:4%;padding:7px;border:1px solid var(--line);border-radius:100px;background:rgba(12,20,18,.96);backdrop-filter:blur(16px);z-index:10;flex-wrap:nowrap}.chapter-number,.chapter-nav .next-scene{display:none}.chapters{order:0;margin:0;border:0;padding:0;width:100%}.chapters button{padding:11px 12px;flex:1}.world-shell{padding-bottom:32px}.site-footer{padding-bottom:108px}.world-stage{overflow:clip}.meal-stage{padding:19px}.meal-row>span:not(.food-kcal){font-size:11px}.meal-row small{font-size:10px}.meal-row img{width:38px;height:38px}.meal-row{gap:7px}.ingredient-toggle{width:30px}.meal-guide{right:0}.meal-stage .visual-note{max-width:205px}}
@media(max-width:900px){.coach-bear{top:0}}

/* The visitor enters a living world, then controls the workout and conversation. */
:root{--ease-in-out:cubic-bezier(.77,0,.175,1)}
::selection{background:#36e394;color:#0c1412}
html{scrollbar-color:#385c49 #0c1412;scrollbar-width:thin}
input{caret-color:var(--green)}
.brand-face{width:48px;height:48px;overflow:visible;flex-shrink:0}
.brand-face img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain}
.motion-control{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:10px 13px;border:1px solid var(--line);border-radius:100px;background:rgba(203,255,225,.04);font-size:11px;transition:background 180ms var(--ease),transform 160ms var(--ease)}
.motion-control .icon{width:16px;height:16px;color:var(--green)}
.access-compact{display:none}
.world-shell:before{inset:5% 6%;background:radial-gradient(ellipse at 70% 48%,rgba(33,135,86,.23),transparent 60%);animation:world-breathe 14s var(--ease-in-out) infinite alternate}
.orbit-fallback,.join-orbit{inset:15% 10%;transform:rotateX(48deg)}
.world-stage{perspective:1000px;overflow:visible;margin-left:0}
.world-stage canvas{inset:0;width:100%;height:100%;z-index:-1}
.bear-halo{width:82%;height:82%;border-color:rgba(54,227,148,.14);animation:halo-breathe 7s var(--ease-in-out) infinite alternate}
.mascot-float{width:90%;height:90%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;transform-style:preserve-3d}
.hero-bear{width:100%;max-height:100%;animation:mascot-breathe 4s var(--ease-in-out) infinite;transform-origin:50% 80%}
.orbit-cards{position:absolute;inset:0;pointer-events:none}
.floating-label{left:50%;top:50%;right:auto;bottom:auto;max-width:230px;width:max-content;animation:none;pointer-events:auto;text-align:left;min-height:60px;color:var(--ink);background:rgba(20,39,30,.92);transition:border-color 160ms var(--ease);transform:translate(-50%,-50%)}
.floating-label .icon{color:var(--green);width:23px;height:23px}
.floating-label small{font-size:11px}
.guide-line{bottom:0;font-size:11px}
.training-actions{display:flex;flex-direction:column;align-items:flex-start;gap:11px;margin-top:23px}
.training-actions .glass-button{min-height:50px;padding:12px 24px;gap:12px;background:linear-gradient(130deg,rgba(99,241,167,.25),rgba(32,103,67,.12));border-color:rgba(143,255,188,.40)}
#training-state{font-size:11px;color:#acc4b8;max-width:360px}
.form-cue{font-size:13px;line-height:1.75;max-width:360px;margin:20px 0 0;color:#d0e7d9}
.demo-stage{inset:10px 0 0 15px;display:flex}
.movement-view{width:100%;flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center}
#exercise-image{display:block;width:100%;height:100%;max-width:480px;object-fit:contain;min-height:0}
.muscle-preview{position:absolute;right:15px;bottom:10px;width:86px;height:174px;border-radius:16px;background:rgba(12,20,18,.80);border:1px solid rgba(188,242,213,.16);padding-bottom:24px}
.muscle-preview>img{position:absolute;inset:8px 0 24px;width:100%;height:calc(100% - 32px);object-fit:contain}
#anatomy-fill{position:absolute;inset:8px 0 24px;background:#36e394;opacity:.64;mask:url('./anatomy/female-quads-front-mask.webp') center/contain no-repeat;-webkit-mask:url('./anatomy/female-quads-front-mask.webp') center/contain no-repeat}
.muscle-tag{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:11px;color:#b7e9ce}
.cycle-rail{height:3px;margin:8px 24px 2px;width:calc(100% - 48px);background:#2c3d3b;overflow:hidden;border-radius:3px}
.cycle-rail>span{display:block;width:100%;height:100%;background:var(--green);transform:scaleX(0);transform-origin:left}
.training-running .cycle-rail>span{animation:training-cycle 2.4s linear infinite}
.training-running #anatomy-fill{animation:muscle-cue 2.4s var(--ease-in-out) infinite}
.demo-bottom{gap:12px}.demo-bottom>span:last-child{white-space:nowrap;font-size:11px}
.coach-bear{top:0;width:62%;max-height:320px}
.coach-response{bottom:2%;left:3%;right:3%;padding:23px}
.visitor-question{margin:-2px 0 17px auto;padding:10px 14px;border-radius:12px 12px 0 12px;width:max-content;max-width:100%;font-size:12px;color:#d0efdc;background:#244c37;border:1px solid rgba(74,197,125,.15)}
.coach-response p{min-height:119px;font-size:15px;line-height:1.8}
.typing-dots{display:flex;gap:5px;position:absolute;margin-top:22px}
.typing-dots span{width:6px;height:6px;border-radius:50%;background:#a8dabb;animation:typing-dot 1s var(--ease-in-out) infinite}
.typing-dots span:nth-child(2){animation-delay:100ms}.typing-dots span:nth-child(3){animation-delay:200ms}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.chapters{position:relative}.chapters>button{position:relative;z-index:1;transition:color 180ms var(--ease),transform 160ms var(--ease)}
.chapters>button[aria-selected=true]{background:none}
.chapter-ink{position:absolute;inset:0;background:#d8f4e3;pointer-events:none;transition:clip-path 250ms var(--ease-in-out)}
.paused .hero-bear,.paused .bear-halo,.paused .world-shell:before,.paused .typing-dots span{animation-play-state:paused}
@keyframes mascot-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.012)}}
@keyframes halo-breathe{from{transform:scale(.96);opacity:.55}to{transform:scale(1.04);opacity:1}}
@keyframes world-breathe{from{transform:translateX(-2%) scale(.98);opacity:.6}to{transform:translateX(2%) scale(1.04);opacity:1}}
@keyframes training-cycle{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes muscle-cue{0%,100%{opacity:.5}50%{opacity:.9}}
@keyframes typing-dot{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(-3px);opacity:1}}
@media(hover:hover) and (pointer:fine){.floating-label:hover{border-color:rgba(85,242,149,.65)}.motion-control:hover{background:rgba(54,227,148,.13)}.glass-button.primary:hover .arrow-disc{transform:rotate(45deg)}.arrow-disc{transition:transform 200ms var(--ease)}}
@media(max-width:1050px) and (min-width:901px){.world-stage{min-height:510px;height:510px}.segmented button{padding:10px 12px}.floating-label{max-width:200px;font-size:11px}.coach-response p{font-size:14px}.muscle-preview{width:68px;height:146px}}
@media(max-width:900px){
  .brand-face{width:40px;height:40px}.brand-face img{width:100%;height:100%;left:auto;top:auto}
  #motion-toggle{width:auto;height:38px;padding:8px;gap:5px}#motion-caption{font-size:10px}
  .header-nav .glass-button.small{padding:8px 10px}.brand{font-size:21px;gap:5px}.site-header{gap:8px}
  .access-wide{display:none}.access-compact{display:inline}
  .world-stage{overflow:visible;height:355px;min-height:355px;margin-left:0}
  .mascot-float{width:86%;height:90%}.hero-bear{max-height:100%;max-width:350px}
  .floating-label{max-width:152px;padding:8px;min-height:52px;gap:6px;font-size:11px}
  .floating-label small{display:none}.floating-label .icon{width:20px;height:20px}.food-label img{width:30px;height:30px}
  .guide-line{font-size:10px;bottom:0}.bear-halo{height:80%}
  .world-shell[data-scene=train] .world-stage{height:385px;min-height:385px;margin-top:16px}
  .demo-stage{inset:0;border-radius:20px}.movement-view{min-height:0}
  #exercise-image{max-width:310px}.muscle-preview{width:68px;height:143px;right:9px;bottom:3px}
  .demo-caption{padding:12px 14px 0;font-size:10px}.demo-caption>span:last-child{font-size:9px}
  .demo-bottom{padding:4px 14px;font-size:11px}.demo-bottom>span:last-child{font-size:10px}
  .demo-stage .visual-note{font-size:10px;margin:6px 10px 12px}
  .training-actions{margin-top:18px;gap:9px}.training-actions .glass-button{min-height:48px;font-size:12px}
  .form-cue{font-size:12px;margin-top:15px}.segmented button{padding:9px 13px}
  .coach-bear{top:0;max-height:260px;width:65%}.coach-response{bottom:0;left:0;right:0;padding:18px}
  .coach-response p{min-height:110px;font-size:13px}.visitor-question{font-size:11px;padding:8px 11px;margin-bottom:13px}
  .world-shell[data-scene=coach] .world-stage{min-height:415px;height:415px;margin-top:14px}
  .meal-guide{max-width:125px;right:0;bottom:-20px}.join-orbit{inset:15% 10%}
}
@media(max-width:360px){.site-header{padding:0 4%}.brand{font-size:19px}.brand-face{width:35px;height:35px}.header-nav .glass-button.small{font-size:10px;gap:4px;padding:8px}.header-nav .glass-button.small .icon{display:none}.segmented button{padding:9px 10px}.demo-caption>span:last-child{font-size:8px}.floating-label{max-width:137px;font-size:10px}.scene-copy h1,.scene-copy h2{font-size:36px}#motion-caption{font-size:9px;max-width:44px;line-height:1.2}}
@media(prefers-reduced-motion:reduce){body:not(.motion-opt-in) .chapter-ink{transition:none}body.motion-opt-in .hero-bear{animation:mascot-breathe 4s var(--ease-in-out) infinite!important}body.motion-opt-in .bear-halo{animation:halo-breathe 7s var(--ease-in-out) infinite alternate!important}body.motion-opt-in .world-shell:before{animation:world-breathe 14s var(--ease-in-out) infinite alternate!important}body.motion-opt-in.training-running .cycle-rail>span{animation:training-cycle 2.4s linear infinite!important}body.motion-opt-in.training-running #anatomy-fill{animation:muscle-cue 2.4s var(--ease-in-out) infinite!important}body.motion-opt-in.paused .hero-bear,body.motion-opt-in.paused .bear-halo,body.motion-opt-in.paused .world-shell:before{animation-play-state:paused!important}}

/* A coach stays with you, without hiding controls or pretending to be live AI. */
.coach-nudge{display:flex;align-items:center;gap:12px;max-width:430px;margin-top:30px;padding-top:18px;border-top:1px solid var(--line)}
.mascot-layered{position:relative;width:min(100%,480px);aspect-ratio:1/1.1;transform-style:preserve-3d;animation:mascot-breathe 4s var(--ease-in-out) infinite;transform-origin:50% 90%;filter:drop-shadow(0 18px 28px rgba(0,0,0,.24))}
.mascot-body{position:absolute;bottom:0;left:0;width:100%;height:auto}
.mascot-head{position:absolute;top:3%;left:16%;width:68%;height:auto;transform-origin:50% 85%;backface-visibility:hidden}
.paused .mascot-layered{animation-play-state:paused}
.coach-nudge>img{width:48px;height:48px;object-fit:contain;flex-shrink:0}
.coach-nudge p{margin:0;line-height:1.55;font-size:11px;color:#b2cbbd}
.coach-nudge strong{display:block;font-size:10px;font-weight:800;color:var(--green);margin-bottom:4px}
.coach-nudge>button{width:40px;height:40px;flex-shrink:0;margin-left:auto;border:1px solid var(--line);background:rgba(54,227,148,.06);border-radius:50%;display:grid;place-items:center;transition:transform 180ms var(--ease),background 180ms var(--ease)}
.early-access-notes{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:11px;color:#b9d6c5;margin-bottom:22px}
.early-access-notes span{display:flex;align-items:center;gap:7px}.early-access-notes .icon{color:#a4d8bd;width:17px;height:17px}
.rank-playground{max-width:440px;margin:24px 0}
.rank-playground label{display:flex;justify-content:space-between;gap:12px;font-size:12px}
.rank-playground output{color:var(--green);font-variant-numeric:tabular-nums;white-space:nowrap}
#rank-score{width:100%;height:32px;margin:13px 0 6px;accent-color:var(--green);cursor:ew-resize;background:transparent}
.rank-tiers{display:flex;justify-content:space-between;gap:5px;color:#a5bfb0;font-size:10px}
#rank-explanation{color:#a4beaf;font-size:11px;line-height:1.75;margin:15px 0 0}
.arena-tabs{margin-bottom:18px}
#arena-description{font-size:12px;color:#bdd5c6;line-height:1.75;max-width:440px;min-height:63px}
.arena-stage{padding:12px 6px 12px 25px;perspective:1000px}
.arena-orbit{position:absolute;inset:0;pointer-events:none}
.arena-orbit>span{position:absolute;width:44px;height:44px;border:1px solid rgba(145,242,185,.3);background:linear-gradient(135deg,#24523c,#101e19);border-radius:12px;box-shadow:inset 1px 1px rgba(217,255,232,.18);animation:arena-drift 7s var(--ease-in-out) infinite}
.arena-orbit>span:nth-child(1){top:4%;left:9%;transform:rotate(-18deg)}
.arena-orbit>span:nth-child(2){bottom:5%;right:1%;width:26px;height:26px;animation-delay:-3s;transform:rotate(30deg)}
.arena-orbit>span:nth-child(3){top:27%;right:0;width:16px;height:16px;animation-delay:-5s;transform:rotate(60deg)}
.season-board{--rank-color:#a3ddc2;position:relative;width:100%;max-width:460px;padding:26px;border:1px solid rgba(175,244,205,.22);background:linear-gradient(140deg,rgba(36,70,51,.92),rgba(16,28,22,.97));border-radius:26px;box-shadow:0 28px 70px rgba(0,0,0,.24),inset 0 1px rgba(245,255,249,.08);transform:rotateY(-5deg) rotateX(2deg);transition:transform 450ms var(--ease)}
.season-board[data-tier=iron]{--rank-color:#b1b8b8}.season-board[data-tier=bronze]{--rank-color:#d7a576}.season-board[data-tier=silver]{--rank-color:#d0e3df}.season-board[data-tier=gold]{--rank-color:#e7ce82}.season-board[data-tier=platinum]{--rank-color:#9fd8d0}.season-board[data-tier=diamond]{--rank-color:#9ae1f1}
.season-board-top{display:flex;justify-content:space-between;gap:12px;text-transform:uppercase;font-size:10px;letter-spacing:.025em;color:#a8c4b6}
.rank-reveal{display:flex;align-items:center;gap:22px;margin:26px 0 22px}
.rank-emblem{position:relative;display:grid;place-items:center;width:98px;height:98px;flex-shrink:0;animation:emblem-float 5s var(--ease-in-out) infinite;filter:drop-shadow(0 10px 14px rgba(0,0,0,.3))}
.rank-facet{position:absolute;inset:9px;border:1px solid var(--rank-color);border-radius:18px;background:linear-gradient(150deg,rgba(223,255,237,.13),rgba(54,227,148,.03));transform:rotate(45deg);box-shadow:inset 5px 5px 18px rgba(211,255,230,.08),inset -8px -8px 10px rgba(0,0,0,.2)}
.rank-emblem .icon{width:35px;height:35px;color:var(--rank-color);position:relative}
.rank-reveal small{display:block;font-size:11px;color:#a7c9b6;margin-bottom:4px}
.rank-reveal strong{display:block;font-size:32px;line-height:1.25;letter-spacing:-.035em;color:var(--rank-color)}
#arena-next{display:block;font-size:11px;color:#b6d5c2;margin-top:7px}
.rank-track{height:4px;border-radius:4px;background:#314b3d;overflow:hidden;margin-bottom:26px}
.rank-track>span{display:block;width:100%;height:100%;background:var(--rank-color);transform-origin:left;transition:transform 160ms var(--ease)}
.arena-view{min-height:230px}
.arena-view-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;font-size:12px}
.arena-view-title>span{color:#9ab4a5;font-size:10px;white-space:nowrap}
.rival-row{display:flex;align-items:center;gap:10px;padding:12px 7px;font-size:12px;border-bottom:1px solid rgba(174,227,196,.12);color:#bdd5c6}
.rival-row small{display:block;color:#99b6a5;font-size:10px}
.rival-row>span:last-child{margin-left:auto;font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}
.rival-position{width:10px;font-size:10px;color:#92b19d}
.rival-avatar{width:30px;height:30px;border:1px solid var(--line);display:grid;place-items:center;border-radius:50%;font-size:9px;flex-shrink:0}
.rival-row.is-you{border:1px solid rgba(67,223,135,.2);border-radius:11px;background:rgba(54,227,148,.07);color:#ddf8e6}
.rival-row.is-you .rival-avatar{color:var(--green);border-color:rgba(54,227,148,.35)}
.arena-footnote{font-size:10px;line-height:1.75;color:#9ebdab;margin:18px 0 0}
.profile-preview{display:flex;align-items:center;gap:14px;font-size:12px;margin-bottom:20px}
.profile-preview span{display:block;font-size:10px;color:#9abbaa;margin-top:4px}
.profile-facts{display:grid;gap:11px}.profile-facts strong{font-size:12px;color:#d7eedf}.profile-facts p{font-size:11px;line-height:1.6;color:#a6c7b4;margin:3px 0}
.achievement-orbit{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:28px 0 22px}
.achievement-orbit button{flex:1;background:transparent;color:#96b2a1;display:flex;align-items:center;flex-direction:column;gap:11px;font-size:10px;padding:9px 1px;transition:transform 200ms var(--ease),color 200ms var(--ease)}
.achievement-orbit .icon{width:38px;height:38px;padding:12px;color:inherit}
.achievement-orbit button[aria-pressed=true]{color:var(--green);transform:translateY(-6px)}
#achievement-story{color:#c0dfcb;font-size:12px;line-height:1.8;min-height:65px;margin:0}
.glass-button.primary{position:relative;isolation:isolate;overflow:hidden}
.glass-button.primary:before{content:'';position:absolute;inset:-80% auto -80% -40%;width:25%;background:linear-gradient(90deg,transparent,rgba(236,255,244,.12),transparent);transform:rotate(25deg);transition:translate 700ms var(--ease);pointer-events:none;z-index:-1}
@keyframes arena-drift{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes emblem-float{0%,100%{transform:translateY(0) rotateY(-9deg)}50%{transform:translateY(-5px) rotateY(9deg)}}
#waitlist-form input[type=email]{font-size:16px}
#form-status{font-size:13px;line-height:1.55}
#waitlist-count{font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums}
.paused .arena-orbit>span,.paused .rank-emblem{animation-play-state:paused}
@media(hover:hover) and (pointer:fine){.season-board:hover{transform:rotateY(0) rotateX(0)}.glass-button.primary:hover:before{translate:700% 0}.coach-nudge>button:hover{background:rgba(54,227,148,.16);transform:rotate(8deg)}.achievement-orbit button:hover{color:#ddf8e6}}
@media(max-width:900px){
  .scene-content{display:contents}.scene-copy{order:0}.world-stage{order:1}.coach-nudge{order:2}
  .coach-nudge{margin-top:22px;padding-top:14px;max-width:none}.coach-nudge>img{width:40px;height:40px}.coach-nudge p{font-size:11px}.coach-nudge strong{font-size:10px}
  .world-shell[data-scene=rise] .world-stage{height:540px;min-height:540px;margin-top:14px}.arena-stage{padding:10px 0 14px}.season-board{padding:23px;transform:none;border-radius:22px;max-width:460px}.rank-reveal{gap:16px}.rank-reveal strong{font-size:30px}
  .rank-playground{max-width:none;margin:20px 0}.rank-tiers{font-size:9px}.arena-tabs button{padding:10px 12px;font-size:11px}.arena-view{min-height:230px}
  .chapters{gap:1px}.chapters button{padding:11px 7px;font-size:11px;min-height:42px}.chapter-nav{left:3%;right:3%}
}