:root{--bg:#0a0c10;--card:#12151b;--text:#e8eaed;--muted:#9aa0aa;--line:#232830;--accent:#8b7bff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif}.wrap{max-width:720px;margin:0 auto;padding:48px 20px 80px}a{color:var(--accent)}h1{font-size:2rem;line-height:1.25;margin:0 0 16px}h2{font-size:1.25rem;margin:36px 0 8px}.answer{font-size:1.08rem;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:10px;padding:16px 18px;margin:0 0 20px}ol,ul{padding-left:22px}li{margin:8px 0}.cta{display:inline-block;margin:20px 0;padding:12px 22px;border-radius:999px;background:var(--accent);color:#0a0c10;font-weight:600;text-decoration:none}.back{display:inline-block;margin-bottom:24px;color:var(--muted)}.list a{font-weight:600}.list p{margin:4px 0 22px;color:var(--muted)}footer{margin-top:48px;border-top:1px solid var(--line);padding-top:16px;color:var(--muted);font-size:.85rem}.label{display:block;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 6px}.demo{position:relative;display:grid;grid-template-columns:minmax(0,9fr) minmax(0,16fr);gap:10px;align-items:center;margin:8px 0 6px}.demo video{width:100%;display:block;border-radius:12px;background:#000}.demo .reel{position:relative}.demo .reel video{max-height:62vh;object-fit:cover}.demo figcaption{grid-column:1/-1;color:var(--muted);font-size:.85rem;margin-top:2px}.demo-pause{position:absolute;left:8px;top:8px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(10,12,16,.7);color:#fff;display:grid;place-items:center;cursor:pointer}.demo-pause svg{width:20px;height:20px}.demo-pause .play{display:none}.demo-pause[aria-pressed=true] .play{display:block}.demo-pause[aria-pressed=true] .stop{display:none}@media(max-width:560px){.demo{grid-template-columns:1fr}.demo .reel{width:62%;margin:0 auto}}ol.steps{list-style:none;counter-reset:s;padding:0}ol.steps>li{counter-increment:s;position:relative;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px 14px 56px;margin:10px 0}ol.steps>li::before{content:counter(s);position:absolute;left:16px;top:14px;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#0a0c10;font-weight:700;display:grid;place-items:center;font-size:.9rem}.diagram{width:100%;max-width:560px;display:block;margin:12px auto 4px}.diagram-caption{text-align:center;color:var(--muted);font-size:.85rem;margin:0 0 8px}