:root{--ink:#090914;--muted:#72728c;--accent:#5743ff;--accent-dark:#4632e6;--line:#e8e8f1;--wash:#f1efff}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:#fff;color:var(--ink);font-family:'Figtree Variable',Arial,sans-serif;font-synthesis:none}button,a{font:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header{width:calc(100% - 96px);max-width:1260px;margin:auto;min-height:112px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:block;width:328px;flex-shrink:0}.brand img{display:block;width:100%;height:auto}.edition{font-size:13px;font-weight:500;color:var(--muted)}main{width:calc(100% - 96px);max-width:1260px;margin:auto;padding:22px 0 38px}.hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:42px;align-items:center}.eyebrow{font-size:13px;color:var(--accent);font-weight:700;letter-spacing:0}h1{font-size:clamp(42px,4.62vw,62px);line-height:1.04;font-weight:800;letter-spacing:-2.5px;margin:20px 0 18px}em{font:inherit;color:var(--accent)}p{line-height:1.55;color:var(--muted);font-size:16px}.intro{max-width:440px;font-size:17px;color:var(--ink)}.controls{display:flex;gap:10px;margin:25px 0;flex-wrap:wrap}.controls button,.copy{border:1px solid var(--line);border-radius:24px;background:#fff;padding:11px 18px;color:var(--ink);font-size:14px;font-weight:600;min-height:42px}.controls button:first-child,.copy{background:var(--accent);color:#fff;border-color:var(--accent)}.controls button:first-child:hover,.copy:hover{background:var(--accent-dark)}.controls button:last-child:hover{background:var(--wash)}.stage{position:relative;border-radius:16px;background:#0e0e0e;height:440px;overflow:hidden;border:1px solid var(--line);box-shadow:0 8px 24px rgb(20 20 65 / 6%)}.scene{position:absolute;inset:46px 22px 44px;opacity:0;transform:translateY(8px);transition:opacity .45s,transform .45s;display:grid;place-items:center}.scene.active{opacity:1;transform:none;z-index:1}.scene img{width:100%;height:100%;object-fit:contain;min-height:0}.stage-label{position:absolute;top:18px;left:22px;color:#fff;font-size:11px;z-index:3}.counter{position:absolute;right:22px;top:14px;border:1px solid #41414d;border-radius:20px;padding:5px 10px;color:#fff;font-size:11px;z-index:3}.badge{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);white-space:nowrap;z-index:3;color:#fff;font-size:12px}.scan{display:none}.timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:28px 0 24px}.step{padding:16px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;color:var(--ink);transition:background .2s,color .2s}.step:hover{background:var(--wash)}.step.active{background:var(--wash);border-color:var(--accent);color:var(--accent)}.number{font:700 18px/1.3 'Figtree Variable',Arial,sans-serif;display:block;margin-bottom:10px}.step b{font-size:14px;font-weight:600}.bar{height:3px;background:var(--line);margin-top:16px;border-radius:3px;overflow:hidden}.bar i{height:100%;background:var(--accent);display:block;width:0}.explanation{display:grid;grid-template-columns:1fr 2fr;gap:24px;align-items:start;min-height:84px}h2{font-size:24px;line-height:1.25;font-weight:700;letter-spacing:-.7px;margin:10px 0}.explanation p{margin-top:10px}.notes{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-top:22px}.card{padding:25px;border:1px solid var(--line);border-radius:14px;background:#fff}.card pre{white-space:pre-wrap;overflow-wrap:anywhere;font:15px/1.6 'Figtree Variable',Arial,sans-serif;background:var(--wash);padding:20px;border-radius:10px;color:var(--ink)}.copy{font-size:14px}.refine{background:var(--wash);border-color:var(--line)}.foot{font-size:12px;margin-top:25px;color:var(--muted)}#copyStatus{font-size:13px;color:var(--accent)}.paused *{animation-play-state:paused!important}@media(max-width:960px){header,main{width:calc(100% - 44px)}.hero{gap:24px}.brand{width:300px}h1{font-size:44px;letter-spacing:-1.7px}.stage{height:410px}.notes{grid-template-columns:1fr 1fr}.card{padding:20px}.step{padding:13px}}@media(max-width:600px){header,main{width:calc(100% - 36px)}header{min-height:100px;gap:10px;flex-wrap:wrap;padding:10px 0 16px}.brand{width:260px;max-width:100%}.edition{font-size:12px}main{padding-top:16px}.hero{grid-template-columns:1fr;gap:10px}h1{font-size:42px;letter-spacing:-1.8px;margin:14px 0}.intro{font-size:16px}.controls{margin:20px 0}.stage{height:370px}.timeline{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.explanation{grid-template-columns:1fr;gap:0}.explanation h2{margin-bottom:0}.notes{grid-template-columns:1fr;margin-top:12px}.card{padding:20px}.card pre{padding:16px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}