:root{--steel:#1c232e;--steel-2:#28313f;--line:#3a4556;--ink:#e8ecf2;--ink-dim:#98a3b3;--amber:#f4b942;--on-amber:#14181f;--indicator:#8ff0c0;--alert:#ff5c4d;--font-ui:"Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", sans-serif;--font-readout:"Share Tech Mono", ui-monospace, "SFMono-Regular", monospace;--size-12:12px;--size-14:14px;--size-16:16px;--size-20:20px;--size-28:28px;--page:#0b1020;--gutter:16px;--max-w:1040px}@media (prefers-color-scheme:light){:root{--steel:#f1f4f8;--steel-2:#e4e9f0;--line:#c2ccda;--ink:#151c25;--ink-dim:#5a6673;--amber:#b57a04;--on-amber:#fdf6e6;--indicator:#0c7a53;--alert:#c22a1c;--page:#fff}}*,:before,:after{box-sizing:border-box}html{background:var(--page);-webkit-text-size-adjust:100%}body{background:var(--page);color:var(--ink);font-family:var(--font-ui);font-size:var(--size-16);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55;overflow-x:hidden}a{color:var(--ink);-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px}a:hover{-webkit-text-decoration-color:var(--amber);text-decoration-color:var(--amber)}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}img{max-width:100%;height:auto;display:block}h1,h2,h3{margin:0 0 12px;font-weight:600;line-height:1.15}h1{font-size:34px}h2{font-size:var(--size-28)}h3{font-size:var(--size-20)}p{margin:0 0 12px}.wrap{width:100%;max-width:var(--max-w);padding:0 var(--gutter);margin:0 auto}.site-head{border-bottom:1px solid var(--line);background:var(--steel)}.site-head .wrap{flex-wrap:wrap;align-items:center;gap:12px;min-height:56px;padding-top:10px;padding-bottom:10px;display:flex}.site-wordmark{margin-right:auto;display:block}.site-wordmark img{width:auto;height:30px;display:block}.site-nav{font-size:var(--size-14);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:16px;display:flex}.hero{border-bottom:1px solid var(--line);padding:0 0 28px;position:relative}#hero-view{display:none}.hero.has-canvas #hero-view{border-bottom:1px solid var(--line);pointer-events:none;background:#070b1a;width:100%;height:320px;display:block}#hero-view canvas{width:100%;height:100%;display:block}#hero-shot{border-bottom:1px solid var(--line);width:100%}.hero-panel{border:1px solid var(--line);background:#0b1020d1;margin-top:20px;padding:16px;position:relative}@media (prefers-color-scheme:light){.hero-panel{background:#ffffffe6}}@supports ((-webkit-backdrop-filter:blur(6px)) or (backdrop-filter:blur(6px))){.hero-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.hero-panel p{max-width:62ch;color:var(--ink-dim)}.button{background:var(--amber);color:var(--on-amber);border:1px solid var(--amber);font-size:var(--size-20);margin-top:4px;padding:12px 22px;font-weight:600;text-decoration:none;display:inline-block}.button:hover{background:var(--on-amber);color:var(--amber)}.fineprint{font-size:var(--size-12);color:var(--ink-dim);margin-top:8px}main section{padding:28px 0}main section+section{border-top:1px solid var(--line)}.cards{grid-template-columns:1fr;gap:16px;display:grid}.card{border:1px solid var(--line);background:var(--steel);padding:16px}.card p{color:var(--ink-dim);margin:0}.steps{max-width:68ch;margin:0 0 12px;padding-left:22px}.steps li{margin-bottom:8px}.note{border:1px solid var(--line);background:var(--steel-2);color:var(--ink-dim);font-size:var(--size-14);padding:12px 16px}.note p{margin:0}.guide{max-width:72ch}.guide h2{font-size:var(--size-28);margin-top:28px}.guide ul{padding-left:22px}.guide li{margin-bottom:6px}.guide .key{font-family:var(--font-readout);color:var(--ink)}.site-foot{border-top:1px solid var(--line);background:var(--steel);font-size:var(--size-14);color:var(--ink-dim);padding:20px 0}.site-foot p{margin:0 0 6px}.site-foot .small{font-size:var(--size-12)}@media (width>=720px){h1{font-size:48px}.site-wordmark img{height:40px}.cards{grid-template-columns:repeat(3,1fr)}.hero.has-canvas #hero-view{border-bottom:0;height:100%;position:absolute;inset:0}.hero:not(.has-canvas) #hero-shot{object-fit:cover;max-height:480px}.hero.has-canvas{align-items:flex-end;min-height:480px;padding-bottom:40px;display:flex}.hero.has-canvas .wrap{width:100%}.hero-panel{max-width:640px;padding:24px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}