:root{--coco-bg:#01050a;--coco-panel:#030910;--coco-panel-strong:#07101a;--coco-text:#eef3f7;--coco-muted:#aab8c5;--coco-line:#ffffff24;--coco-line-soft:#ffffff17;--coco-coral:#e86f4e;--coco-amber:#e2b869;--coco-cyan:#6fd3ff}*{box-sizing:border-box}html{background:var(--coco-bg);color-scheme:dark;scroll-behavior:smooth;scroll-snap-type:y proximity}body.cocometric-page{background:radial-gradient(circle at 72% 32%, #20407833, transparent 34%), linear-gradient(180deg, #000 0%, var(--coco-bg) 28%, #000 100%);min-height:100vh;color:var(--coco-text);margin:0;font-family:Geist,Inter,Avenir Next,Segoe UI,system-ui,sans-serif;font-weight:500;overflow-x:hidden}body.cocometric-page:before{opacity:.6}body.cocometric-page a{color:inherit}.skip-link{z-index:100;top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));background:var(--coco-text);color:var(--coco-bg);border-radius:8px;padding:10px 14px;font-weight:750;transition:transform .14s;position:fixed;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.header{z-index:30;padding:max(18px, env(safe-area-inset-top)) max(clamp(18px, 4vw, 58px), env(safe-area-inset-right)) 22px max(clamp(18px, 4vw, 58px), env(safe-area-inset-left));pointer-events:none;background:linear-gradient(#01050afa,#01050a00);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.header a{pointer-events:auto}.brand{color:var(--coco-text);letter-spacing:.01em;align-items:center;gap:12px;font-size:1rem;font-weight:800;text-decoration:none;display:inline-flex}.mark{background:#06101a;border:1px solid #6fd3ff59;border-radius:8px;place-items:center;gap:3px;width:31px;height:31px;display:grid}.mark:before,.mark:after,.mark i{background:linear-gradient(90deg, var(--coco-amber), var(--coco-coral));content:"";border-radius:999px;width:16px;height:2px}.header-cta{border:1px solid var(--coco-line);background:var(--coco-panel-strong);border-radius:999px;padding:9px 16px;font-size:.88rem;font-weight:750;text-decoration:none;transition:border-color .16s,transform .16s}.header-cta:hover{border-color:#6fd3ff73;transform:translateY(-1px)}.header-cta:focus-visible,.brand:focus-visible,.stage-nav button:focus-visible,.button:focus-visible,.noscript-card a:focus-visible{outline:2px solid var(--coco-cyan);outline-offset:3px}.scene{z-index:0;transition:opacity .18s linear;position:fixed;inset:0;overflow:hidden}#server-canvas{touch-action:pan-y;width:100%;height:100%;display:block}.scene.is-unavailable #server-canvas{display:none}.vignette{pointer-events:none;background:linear-gradient(90deg,#01050ac7 0%,#01050a61 34%,#0000 62%),radial-gradient(circle at 68% 46%,#0000 0 34%,#01050a29 66%,#01050aad 100%);position:absolute;inset:0}.loading{z-index:50;background:var(--coco-bg);opacity:1;place-items:center;transition:opacity .36s;display:grid;position:fixed;inset:0}.loading.is-hidden{opacity:0;pointer-events:none}.loading-inner{text-align:center;width:min(300px,100vw - 48px)}.loading-copy{min-height:1.3em;color:var(--coco-muted);letter-spacing:.11em;text-transform:uppercase;margin:0 0 13px;font:750 .75rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.loading-track{background:var(--coco-line-soft);border-radius:999px;height:2px;overflow:hidden}.loading-bar{border-radius:inherit;background:linear-gradient(90deg, var(--coco-coral), var(--coco-amber));width:8%;height:100%;transition:width .18s}.copy{z-index:6;top:50%;left:max(clamp(22px, 6vw, 92px), env(safe-area-inset-left));pointer-events:none;width:min(480px,100vw - 44px);transition:opacity .16s linear;position:fixed;transform:translateY(-50%)}.step{color:var(--coco-coral);letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px;font-size:.76rem;font-weight:850}.copy h1{max-width:10ch;color:var(--coco-text);letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(2.55rem,5.4vw,5.35rem);line-height:.96}.copy-note{max-width:42ch;color:var(--coco-muted);margin:20px 0 0;font-size:clamp(.98rem,1.25vw,1.1rem);line-height:1.55}.component-tags{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.component-tags span{border:1px solid var(--coco-line);background:var(--coco-panel);color:#cbd6df;border-radius:7px;padding:7px 9px;font:700 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.stage-nav{z-index:8;top:50%;right:max(clamp(16px, 3vw, 42px), env(safe-area-inset-right));gap:10px;transition:opacity .16s linear;display:grid;position:fixed;transform:translateY(-50%)}.stage-nav button{color:#718291;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;place-items:center;width:31px;height:31px;font:750 .68rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;transition:border-color .16s,color .16s,background .16s,transform .16s;display:grid}.stage-nav button:hover{color:var(--coco-text);transform:scale(1.06)}.stage-nav button.is-active{background:var(--coco-panel-strong);color:var(--coco-text);border-color:#6fd3ff6b}.scroll-cue{z-index:7;bottom:max(24px, env(safe-area-inset-bottom));color:var(--coco-muted);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:10px;font-size:.68rem;font-weight:800;transition:opacity .18s;display:flex;position:fixed;left:50%;transform:translate(-50%)}.scroll-cue:before{background:linear-gradient(90deg, transparent, var(--coco-coral));content:"";width:38px;height:1px}.track{z-index:1;position:relative}.beat{min-height:100svh}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.final{min-height:100svh;padding:110px max(24px, env(safe-area-inset-right)) max(72px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background:linear-gradient(#01050a14,#01050afa 22%,#000 48%);place-items:center;display:grid;position:relative}.final-card{border:1px solid var(--coco-line);background:var(--coco-panel);text-align:center;border-radius:18px;width:min(740px,100%);padding:clamp(30px,6vw,58px);box-shadow:0 30px 90px #00000061}.final-card h2{color:var(--coco-text);letter-spacing:-.045em;text-wrap:balance;margin:12px 0 18px;font-size:clamp(2.1rem,5vw,4rem);line-height:1}.final-card>p:not(.step){max-width:58ch;color:var(--coco-muted);margin:0 auto;line-height:1.65}.service-options{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px;display:grid}.service-option{border:1px solid var(--coco-line-soft);background:#01050a;border-radius:11px;padding:18px}.service-option strong{color:var(--coco-text);margin-bottom:6px;display:block}.service-option span{color:var(--coco-muted);font-size:.9rem;line-height:1.5}.actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.button{border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:12px 20px;font-weight:800;text-decoration:none;transition:border-color .16s,transform .16s,filter .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{background:linear-gradient(90deg, var(--coco-coral), var(--coco-amber));color:#190d07}.button-primary:hover{filter:brightness(1.04)}.button-secondary{border:1px solid var(--coco-line);background:#01050a}.button-secondary:hover{border-color:#6fd3ff6b}.noscript-card{z-index:45;border:1px solid var(--coco-line);background:var(--coco-panel);border-radius:12px;max-width:520px;padding:20px;position:fixed;bottom:20px;left:20px;right:20px}.noscript-card h2{margin:0 0 8px}.noscript-card p{color:var(--coco-muted);margin:0 0 12px}.noscript-card a{color:var(--coco-cyan);font-weight:750}body[data-model-status=error] .scene{opacity:.2}body[data-model-status=error] .copy{text-shadow:0 2px 18px #000}@media (width<=820px){.header{padding:max(16px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) 18px max(18px, env(safe-area-inset-left))}.header-cta{padding:8px 13px}.copy{top:auto;right:max(20px, env(safe-area-inset-right));bottom:max(62px, calc(env(safe-area-inset-bottom) + 42px));left:max(20px, env(safe-area-inset-left));width:auto;transform:none}.copy h1{max-width:12ch;font-size:clamp(2.2rem,10.5vw,4rem)}.copy-note{max-width:35ch;margin-top:14px}.component-tags{margin-top:15px}.stage-nav,.scroll-cue{display:none}.vignette{background:linear-gradient(#0000 28%,#01050a80 57%,#01050afa 100%),radial-gradient(circle at 52% 34%,#0000 0 31%,#01050a33 68%,#01050ab3 100%)}.service-options{grid-template-columns:1fr}}@media (width<=520px){.brand{gap:9px}.mark{width:29px;height:29px}.header-cta{font-size:.8rem}.copy-note{font-size:.94rem}.component-tags span{padding:6px 8px;font-size:.67rem}.final{padding-top:90px}.final-card{padding:26px 20px}.actions{flex-direction:column;align-items:stretch}.button{width:100%}}@media (height<=670px){.copy{bottom:34px}.copy h1{font-size:clamp(2rem,8vh,3.5rem)}.copy-note{margin-top:11px;font-size:.9rem}.component-tags{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.loading,.header,.scene,.copy,.stage-nav,.scroll-cue,.beat{display:none!important}.final{color:#000;background:#fff;min-height:auto;padding:24px}.final-card{box-shadow:none;background:#fff;border-color:#888}}.header{padding-top:max(20px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(10px);background:linear-gradient(#01050ae6,#01050a59 58%,#0000)}.header-left{pointer-events:auto;align-items:center;gap:18px;display:flex}.back-link{color:var(--coco-muted);letter-spacing:.02em;align-items:center;gap:8px;font-size:.82rem;font-weight:750;text-decoration:none;transition:color .16s,transform .16s;display:inline-flex}.back-link:before{content:"←";font-size:1rem;line-height:1}.back-link:hover{color:var(--coco-text);transform:translate(-2px)}.brand{letter-spacing:-.015em;gap:0;font-size:1.02rem}.header-cta{color:#fff4ef;text-align:center;background:#e86f4e1a;border-color:#e86f4e8c;min-width:92px;padding:10px 18px}.header-cta:hover{border-color:var(--coco-coral);background:#e86f4e29}.scene:after{content:"";pointer-events:none;background:radial-gradient(circle at 68% 48%,#6fd3ff09,#0000 42%);position:absolute;inset:0}.copy{width:min(500px,100vw - 44px)}.copy h1{text-shadow:0 12px 44px #0000006b;max-width:11ch}.component-tags span{-webkit-backdrop-filter:blur(8px);background:#030910c2;border-color:#ffffff1c}.track{scroll-snap-type:none}.beat{scroll-snap-align:start;scroll-snap-stop:always;min-height:125svh}.scroll-cue{text-align:center;flex-direction:column;gap:9px;min-width:140px}.scroll-cue:before{display:none}.scroll-cue i{background:#ffffff24;width:1px;height:42px;display:block;position:relative;overflow:hidden}.scroll-cue i:after{background:linear-gradient(180deg, transparent, var(--coco-coral));content:"";width:1px;height:55%;animation:1.65s cubic-bezier(.45,0,.2,1) infinite cocometric-scan-down;position:absolute;top:-55%;left:0}@keyframes cocometric-scan-down{0%{opacity:0;transform:translateY(0)}18%{opacity:1}78%{opacity:1}to{opacity:0;transform:translateY(78px)}}.final{scroll-snap-align:start;min-height:100svh;padding:max(94px, calc(env(safe-area-inset-top) + 72px)) max(24px, env(safe-area-inset-right)) max(28px, calc(env(safe-area-inset-bottom) + 18px)) max(24px, env(safe-area-inset-left))}.final-card{background:linear-gradient(#07101af0,#030910fa);border-color:#ffffff1f;width:min(980px,100%);padding:clamp(24px,3.5vw,40px);box-shadow:0 36px 110px #00000085}.final-heading{max-width:760px;margin:0 auto}.final-card h2{margin:6px 0 12px;font-size:clamp(2.35rem,4.2vw,4.1rem);line-height:.96}.final-intro{max-width:68ch;color:var(--coco-muted);margin:0 auto;font-size:1.02rem;line-height:1.5}.final-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.final-metric{border:1px solid var(--coco-line-soft);background:#01050ad1;border-radius:11px;padding:14px 16px}.final-metric strong{color:var(--coco-text);font-size:1.38rem;line-height:1;display:block}.final-metric span{color:var(--coco-muted);letter-spacing:.04em;margin-top:6px;font-size:.72rem;font-weight:700;display:block}.metric-note{color:#7f8d99;max-width:76ch;margin:8px auto 0;font-size:.68rem;line-height:1.4}.service-options{gap:10px;margin-top:20px}.service-option{padding:15px 16px}.service-option strong{margin-bottom:4px}.service-option span{font-size:.84rem;line-height:1.4}.actions{justify-content:center;margin-top:18px}.actions .button-primary{min-width:190px}@media (height<=760px) and (width>=821px){.final{padding-top:max(82px, calc(env(safe-area-inset-top) + 62px));padding-bottom:max(18px, env(safe-area-inset-bottom))}.final-card{padding:22px 30px}.final-card h2{font-size:clamp(2.2rem,3.8vw,3.3rem)}.final-intro{font-size:.92rem}.final-metrics{margin-top:16px}.service-options{margin-top:15px}.actions{margin-top:14px}}@media (width<=820px){.header{gap:14px}.header-left{gap:12px}.back-link{font-size:.76rem}.header-cta{min-width:auto;padding:9px 14px}.scene{clip-path:inset(0 0 44svh);height:100svh;inset:0}#server-canvas{transform:none}.copy{top:auto;right:max(20px, env(safe-area-inset-right));bottom:max(28px, calc(env(safe-area-inset-bottom) + 18px));left:max(20px, env(safe-area-inset-left));width:auto;max-height:calc(44svh - 42px);overflow:hidden;transform:none}.copy h1{max-width:13ch;font-size:clamp(2rem,9.4vw,3.35rem);line-height:.94}.copy-note{max-width:38ch;margin-top:12px;font-size:.9rem;line-height:1.42}.component-tags{display:none}.vignette{background:linear-gradient(#0000 56%,#01050a33 82%,#01050af5 100%),radial-gradient(circle at 50% 34%,#0000 0 34%,#01050a24 70%,#01050a9e 100%)}.beat{min-height:115svh}.scroll-cue{bottom:max(18px, env(safe-area-inset-bottom))}}@media (width<=520px){.scene{clip-path:inset(0 0 45svh)}.copy{bottom:max(24px, calc(env(safe-area-inset-bottom) + 14px));max-height:calc(45svh - 34px)}.copy h1{font-size:clamp(1.9rem,9.1vw,2.95rem)}.copy-note{font-size:.86rem}}@media (height<=700px) and (width<=820px){.scene{clip-path:inset(0 0 48svh)}.copy{bottom:max(18px, calc(env(safe-area-inset-bottom) + 10px));max-height:calc(48svh - 26px)}.copy h1{font-size:clamp(1.75rem,8.4vw,2.65rem)}.copy-note{margin-top:9px;font-size:.82rem}}@media (prefers-reduced-motion:reduce){.scroll-cue i:after{opacity:1;animation:none;top:45%}}@media (width<=820px){html,body.cocometric-page,.track{scroll-snap-type:none!important}.beat,.story-exit,.final{scroll-snap-align:none!important;scroll-snap-stop:normal!important}.scene{clip-path:none;background:0 0;width:100vw;height:100svh;inset:0;mask-image:linear-gradient(#000 0% 48%,#000000e0 57%,#00000059 68%,#0000 80%)}#server-canvas{transform-origin:50% 45%;will-change:transform;width:100%;height:100%;transform:translateY(-9svh)scale(1.05)}.vignette{background:linear-gradient(#01050a14 0%,#0000 46%,#01050a57 72%,#01050acc 100%),radial-gradient(circle at 50% 31%,#0000 0 32%,#01050a1f 66%,#01050a80 100%)}.copy{top:auto;right:max(20px, env(safe-area-inset-right));bottom:max(24px, calc(env(safe-area-inset-bottom) + 14px));left:max(20px, env(safe-area-inset-left));width:auto;max-height:48svh;overflow:visible;transform:none}.copy h1{max-width:13ch;font-size:clamp(1.9rem,8.9vw,3.15rem);line-height:.94}.copy-note{max-width:39ch;margin-top:10px;font-size:.86rem;line-height:1.38}.component-tags{gap:6px;margin-top:13px;display:flex}.component-tags span{-webkit-backdrop-filter:blur(7px);background:#03091075;border-color:#ffffff21;padding:6px 8px;font-size:.64rem}.story-exit{z-index:18;pointer-events:none;background:linear-gradient(#01050a00 0%,#01050ab8 28%,#01050a 62%,#000 100%);min-height:52svh;position:relative}.final{z-index:20;min-height:100svh;padding:max(90px, calc(env(safe-area-inset-top) + 70px)) max(14px, env(safe-area-inset-right)) max(20px, calc(env(safe-area-inset-bottom) + 12px)) max(14px, env(safe-area-inset-left));background:#000;place-items:center;display:grid;overflow:visible}.final-card{border-radius:16px;width:min(100%,620px);margin:0 auto;padding:18px 16px}.final-card .step{margin-bottom:7px;font-size:.66rem}.final-card h2{margin:4px 0 9px;font-size:clamp(1.85rem,7.8vw,2.45rem);line-height:.96}.final-intro{font-size:.81rem;line-height:1.36}.final-metrics{gap:6px;margin-top:13px}.final-metric{border-radius:9px;padding:9px 6px}.final-metric strong{font-size:1rem}.final-metric span{margin-top:4px;font-size:.56rem;line-height:1.2}.metric-note{margin-top:5px;font-size:.55rem;line-height:1.28}.service-options{grid-template-columns:1fr;gap:7px;margin-top:12px}.service-option{border-radius:9px;padding:10px 12px}.service-option strong{margin-bottom:2px;font-size:.88rem}.service-option span{font-size:.71rem;line-height:1.3}.actions{margin-top:12px;padding-bottom:0}.actions .button-primary{width:100%;min-width:0;min-height:42px;padding:10px 16px;font-size:.9rem}}@media (height<=700px) and (width<=820px){.copy{bottom:max(14px, calc(env(safe-area-inset-bottom) + 8px));max-height:50svh}.copy h1{font-size:clamp(1.7rem,7.9vw,2.5rem)}.copy-note{margin-top:8px;font-size:.79rem}.component-tags{margin-top:9px}.component-tags span{padding:5px 7px;font-size:.59rem}.story-exit{min-height:58svh}.final{padding-top:max(76px, calc(env(safe-area-inset-top) + 58px));padding-bottom:max(12px, calc(env(safe-area-inset-bottom) + 6px))}.final-card{padding:14px}.final-card h2{font-size:clamp(1.62rem,7vw,2.05rem)}.final-intro{font-size:.73rem}.final-metrics{margin-top:10px}.service-options{margin-top:9px}.service-option{padding:8px 10px}.actions{margin-top:9px}}@media (width>=821px){html,body.cocometric-page,.track{scroll-snap-type:none!important}.beat,.story-exit,.final{scroll-snap-align:none!important;scroll-snap-stop:normal!important}.beat{min-height:115svh}.scene{clip-path:none;background:0 0;width:100vw;height:100svh;mask-image:linear-gradient(#000 0% 70%,#000000eb 80%,#0000007a 90%,#0000 100%)}#server-canvas{transform-origin:64% 46%;will-change:transform;width:100%;height:100%;transform:translate(7vw,-4svh)scale(1.04)}.vignette{background:linear-gradient(90deg,#01050ad6 0%,#01050a7a 30%,#0000 58%),linear-gradient(#01050a0d 0%,#0000 58%,#01050a6b 100%),radial-gradient(circle at 68% 42%,#0000 0 34%,#01050a1f 68%,#01050a94 100%)}.copy{width:min(460px,38vw);top:auto;bottom:clamp(42px,6vh,72px);transform:none}.copy h1{max-width:12ch;font-size:clamp(2.35rem,4.4vw,4.6rem);line-height:.95}.copy-note{color:#e6eef8;max-width:40ch;margin-top:14px;font-size:clamp(.92rem,1vw,1rem);line-height:1.46}.component-tags{gap:7px;margin-top:16px}.component-tags span{padding:6px 8px;font-size:.68rem}.story-exit{z-index:18;pointer-events:none;background:linear-gradient(#01050a00 0%,#01050aad 28%,#01050a 62%,#000 100%);min-height:52svh;position:relative}.final{z-index:20;min-height:100svh;padding:max(88px, calc(env(safe-area-inset-top) + 68px)) max(24px, env(safe-area-inset-right)) max(24px, calc(env(safe-area-inset-bottom) + 14px)) max(24px, env(safe-area-inset-left));background:#000;place-items:center;display:grid;overflow:visible}.final-card{background:#01050a;border-color:#ffffff29;border-radius:16px;width:min(920px,100%);margin:0 auto;padding:30px 34px;box-shadow:0 32px 96px #0000007a}.final-heading{max-width:760px}.final-card .step{margin-bottom:8px}.final-card h2{color:#f6faff;margin:4px 0 10px;font-size:clamp(2.45rem,3.7vw,3.65rem);line-height:.97}.final-intro{color:#e6eef8;max-width:66ch;font-size:.96rem;line-height:1.48}.service-options{gap:10px;margin-top:18px}.service-option{background:#030910;border-color:#ffffff1a;padding:14px 16px}.service-option strong{color:#f6faff;margin-bottom:4px}.service-option span{color:#e6eef8;font-size:.82rem;line-height:1.42}.actions{margin-top:16px}.actions .button-primary{min-width:190px}}@media (width>=821px) and (height<=760px){.copy{bottom:30px}.copy h1{font-size:clamp(2.2rem,4vw,3.7rem)}.copy-note{margin-top:11px;font-size:.9rem}.component-tags{margin-top:12px}.story-exit{min-height:46svh}.final{padding-top:max(76px, calc(env(safe-area-inset-top) + 58px));padding-bottom:max(16px, env(safe-area-inset-bottom))}.final-card{padding:22px 28px}.final-card h2{font-size:clamp(2.2rem,3.4vw,3.1rem)}.final-intro{font-size:.9rem}.service-options{margin-top:14px}.service-option{padding:12px 14px}.actions{margin-top:13px}}