main{display:block}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(2rem,6vw,5rem);align-items:center;padding:clamp(2.5rem,7vw,5.5rem) 0 clamp(2.5rem,6vw,4.5rem)}.hero h1{margin-bottom:1.1rem}.hero h1 em{font-style:normal;color:var(--signal)}.hero .lede{margin:0 0 1.9rem}.hero .cta{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center}.hero .cta .aside{font-family:var(--label);font-size:.58rem;letter-spacing:.1em;color:var(--faint);text-transform:uppercase}.rings{position:relative;display:grid;place-items:center;padding:2.2rem}.rings svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.rings .sweep{transform-origin:50% 50%;animation:sweep 7s linear infinite}@keyframes sweep{to{transform:rotate(360deg)}}.m9{position:relative;background:linear-gradient(178deg,#2c261e,#1a1713 60%,#14110e);border:1px solid #443b2e;border-radius:16px;padding:14px 13px 30px;box-shadow:0 40px 70px -40px #000,0 2px #ffffff10 inset}.m9 canvas{display:block;width:240px;height:320px;image-rendering:pixelated;border-radius:3px;background:#000;box-shadow:0 0 0 1px #000,0 0 40px -14px var(--signal)}.m9 .brand{position:absolute;left:0;right:0;bottom:9px;text-align:center;font-family:var(--label);font-size:.5rem;letter-spacing:.22em;text-transform:uppercase;color:#5c5142}.m9 .live{position:absolute;top:-9px;left:12px;background:var(--signal);color:#000;font-family:var(--label);font-size:.48rem;letter-spacing:.14em;padding:2px 6px;border-radius:2px}.m9 .live:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#000;margin-right:4px;vertical-align:middle;animation:blink 1.6s steps(1) infinite}@keyframes blink{50%{opacity:.15}}.band{padding:clamp(2.2rem,5vw,3.4rem) 0;border-top:1px solid var(--line-soft)}.band-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:clamp(1.4rem,3vw,2.4rem)}.band p{color:var(--dim);margin:0 0 .9rem;max-width:60ch}.band p strong{color:var(--text);font-weight:600}.band h3.display{margin-bottom:.5rem;color:var(--text)}.figure{border:1px solid var(--line);border-radius:var(--r);background:var(--dust-850);padding:.9rem 1rem}.figure .k{font-family:var(--label);font-size:.55rem;letter-spacing:.13em;text-transform:uppercase;color:var(--faint);display:block;margin-bottom:.3rem}.figure .v{font-family:var(--display);font-variation-settings:"wdth" 112;font-weight:600;font-size:1.5rem}.figure .n{color:var(--dim);font-size:.82rem;display:block;margin-top:.2rem}.swatches{display:flex;flex-wrap:wrap;gap:.4rem;margin:.4rem 0 0;padding:0;list-style:none}.swatches li{display:flex;align-items:center;gap:.4rem;font-family:var(--label);font-size:.56rem;letter-spacing:.08em;color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:.22rem .6rem .22rem .3rem}.swatches i{width:9px;height:9px;border-radius:50%;display:block}.speclist{list-style:none;margin:0;padding:0}.speclist li{display:grid;grid-template-columns:8.5rem 1fr;gap:.8rem;padding:.42rem 0;border-bottom:1px solid var(--line-soft);font-size:.88rem;color:var(--dim)}.speclist li b{font-family:var(--label);font-size:.55rem;letter-spacing:.11em;text-transform:uppercase;color:var(--faint);font-weight:400;padding-top:.22rem}.pipe{display:flex;flex-wrap:wrap;align-items:stretch;gap:.5rem;margin:.6rem 0 0}.pipe .step{flex:1 1 150px;border:1px solid var(--line);border-left:2px solid var(--signal);border-radius:var(--r);background:var(--dust-850);padding:.7rem .8rem}.pipe .step .k{font-family:var(--label);font-size:.52rem;letter-spacing:.12em;text-transform:uppercase;color:var(--signal);display:block;margin-bottom:.25rem}.pipe .step p{font-size:.82rem;margin:0;color:var(--dim)}.note{border-left:2px solid var(--line);padding-left:.9rem;color:var(--faint);font-size:.85rem;max-width:62ch}.prose p{color:var(--dim);max-width:68ch}.prose h2.display{margin-top:.4rem}.band h2.display{margin-bottom:.85rem}.prose code{font-family:var(--code);font-size:.86em;background:var(--dust-800);border:1px solid var(--line);border-radius:3px;padding:.05em .35em;color:var(--text)}.prose a{color:var(--signal);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--signal) 40%,transparent)}@media(max-width:880px){.hero{grid-template-columns:1fr}.rings{order:-1;padding:1rem}.m9{transform:scale(.86);transform-origin:center}}
