:root{color-scheme:dark;--bg:#0c0e11;--ink:#f0f0ec;--muted:#81878f;--accent:#ff6b35;--line:#24282e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.header{height:90px;max-width:1600px;margin:auto;padding:0 5.4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:800;letter-spacing:-.5px}.brand-dot{font-size:10px;margin-top:-12px;margin-left:-6px;color:var(--muted)}.brand-mark{width:23px;height:24px;display:flex;gap:3px;align-items:flex-end;transform:skew(-16deg)}.brand-mark i{display:block;width:5px;background:var(--accent);height:16px}.brand-mark i:nth-child(2){height:24px}.brand-mark i:nth-child(3){height:11px}.header-caption,.edition,.eyebrow,.scene-label,.section-label,.steps article>span,.timeline,footer{font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.25px}.header-caption{color:#747b85}.header-link{font-size:12px}.header-link span{color:var(--accent);margin-left:19px;font-size:19px}
.hero{height:min(870px,calc(100svh - 90px));min-height:720px;position:relative;overflow:hidden;max-width:1800px;margin:auto;background:radial-gradient(ellipse at 50% 53%,#1b2026 0%,#0c0e11 65%)}.hero-top{position:absolute;top:34px;left:5.4%;right:5.4%;display:flex;justify-content:space-between;z-index:2;pointer-events:none}.eyebrow{color:#aeb2b7;display:flex;gap:9px;align-items:center;letter-spacing:1.5px}.eyebrow b{width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #ff6b3566}.edition{color:#666e77}.hero:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(0deg,#0c0e11 1%,transparent 16%,transparent 90%,#0c0e1100);z-index:1}#stage{position:absolute;inset:0}canvas{width:100%;height:100%;display:block;touch-action:pan-y}.fallback{position:absolute;top:16%;width:100%;text-align:center;pointer-events:none}.fallback h1{font-size:clamp(48px,6.4vw,104px);line-height:1.01;letter-spacing:-.055em;margin:0;font-weight:800}.fallback h1 span{color:var(--accent)}.fallback p{margin-top:32px;color:#757c85;font-size:12px;letter-spacing:.03em}.fallback.ready{visibility:hidden}.scene-label{position:absolute;top:71%;color:#838991;font-size:9px;z-index:2;opacity:0;transition:opacity 1s;pointer-events:none}.scene-label span{color:var(--accent);margin-right:13px}.left-label{left:16%}.right-label{right:16%}.scene-bottom{position:absolute;left:5.4%;right:5.4%;bottom:86px;z-index:3;display:flex;align-items:center;justify-content:space-between}.hero-copy{font-size:13px;line-height:1.65;color:#9ca2aa;margin:0}.playback{display:flex;gap:9px}.playback button{cursor:pointer;border:1px solid #41464e;background:#181c21;color:var(--ink);height:45px;border-radius:4px;font-size:12px;transition:border-color .2s,background .2s}.playback button:hover{background:#242a31;border-color:#89919b}.playback button:disabled{opacity:.4;cursor:wait}.primary{padding:0 18px}.primary span{color:var(--accent);font-size:20px;margin-right:9px;vertical-align:-1px}.pause{width:45px}.timeline{position:absolute;bottom:37px;left:5.4%;right:5.4%;z-index:3;display:flex;gap:18px;align-items:center;color:#777f88;font-size:9px;letter-spacing:.6px}.timeline>span:first-child{width:190px;flex-shrink:0}.timeline>span:last-child{width:55px;text-align:right;flex-shrink:0}.timeline input{appearance:none;flex:1;height:2px;background:#30363e;accent-color:var(--accent);cursor:pointer;min-width:0}.timeline input::-webkit-slider-thumb{appearance:none;width:7px;height:7px;border-radius:50%;background:var(--accent)}.ambient-line{height:1px;position:absolute;bottom:0;left:5.4%;right:5.4%;background:var(--line)}
.approach{max-width:1600px;margin:auto;padding:90px 5.4% 80px}.section-label{color:var(--accent);margin-bottom:28px}.approach-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:end}.approach h2{font-size:clamp(26px,3.1vw,47px);font-weight:500;letter-spacing:-1.8px;line-height:1.15;margin:0}.approach h2 span{color:#767e87}.approach-grid>p{font-size:15px;line-height:1.8;color:#a0a6ae;max-width:430px;margin:0}.steps{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:64px;border-top:1px solid var(--line)}.steps article{padding:27px 30px 0 0}.steps article+article{padding-left:30px;border-left:1px solid var(--line)}.steps article>span{color:#727a84;font-size:9px}.steps h3{font-size:19px;font-weight:500;margin:24px 0 13px}.steps p{font-size:13px;line-height:1.7;color:#8b939c;max-width:260px}footer{padding:27px 5.4%;max-width:1600px;margin:auto;border-top:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;color:#67707b;letter-spacing:.4px;font-size:9px}footer a:hover{color:var(--ink)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){.hero{max-height:940px}.hero-top,.scene-bottom,.timeline{left:calc((100% - 1430px)/2);right:calc((100% - 1430px)/2)}}
@media(max-width:800px){.header{height:74px;padding:0 6%}.header-caption{display:none}.brand{font-size:17px}.header-link{font-size:11px}.header-link span{margin-left:7px}.hero{height:760px;min-height:690px}.hero-top{top:27px;left:6%;right:6%}.eyebrow{font-size:8px;letter-spacing:.8px}.edition{font-size:8px}.scene-bottom{left:6%;right:6%;bottom:88px;align-items:flex-start;gap:24px}.hero-copy{font-size:11px}.playback{gap:6px}.primary{padding:0 12px}.playback button{font-size:10px;height:40px}.pause{width:36px}.primary span{margin-right:5px}.timeline{left:6%;right:6%;gap:12px}.timeline>span:first-child{width:150px;font-size:8px}.scene-label{font-size:8px;top:70%;letter-spacing:.5px}.left-label{left:9%}.right-label{right:9%}.approach{padding:65px 6%}.approach-grid{grid-template-columns:1fr;gap:25px}.approach h2{letter-spacing:-1px}.approach-grid>p{font-size:13px}.steps{margin-top:38px}.steps article{padding-right:12px}.steps article+article{padding-left:15px}.steps h3{font-size:15px}.steps p{font-size:11px}.steps article>span{font-size:8px;letter-spacing:.4px}footer{padding:24px 6%;flex-wrap:wrap}footer>span:nth-child(2){display:none}}
@media(max-width:480px){.hero{height:660px;min-height:660px}.scene-bottom{bottom:87px;display:flex;flex-direction:column;gap:13px}.hero-copy{max-width:none;margin:0;font-size:12px}.playback{position:static}.primary{max-width:none;line-height:1.3}.primary span{display:inline}.timeline>span:first-child{width:132px}.timeline{gap:9px}.scene-label{top:65%}.left-label{left:8%}.right-label{right:8%}.fallback{top:23%}.fallback h1{font-size:46px}.fallback p{font-size:10px}.steps{grid-template-columns:1fr}.steps article,.steps article+article{padding:22px 0;border-left:0;border-bottom:1px solid var(--line)}.steps h3{margin-top:12px;font-size:19px}.steps p{max-width:100%;font-size:13px}.hero-top .edition{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
