*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--color-night);color:var(--color-text);font-family:var(--font-family-body);-webkit-font-smoothing:antialiased;font-size:1.0625rem;line-height:1.6;overflow-x:hidden}::selection{background:var(--color-signal);color:var(--color-signal-ink)}a{color:var(--color-signal);text-underline-offset:3px}:focus-visible{outline:2px solid var(--color-signal);outline-offset:3px}.wrap{max-width:72rem;margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem)}.skip-link{background:var(--color-signal);color:var(--color-signal-ink);z-index:10;padding:.5rem 1rem;position:absolute;top:0;left:-999px}.skip-link:focus{left:0}h1,h2,h3{font-family:var(--font-family-display);text-transform:uppercase;text-wrap:balance;font-style:italic;line-height:.95}h1{font-size:clamp(3rem,9vw,5.5rem);font-weight:900;line-height:.88}h1 em,h2 em{color:var(--color-signal);font-style:italic}h2{font-size:clamp(2rem,5vw,3rem);font-weight:800}h3{font-size:1.6rem;font-weight:800;line-height:1.05}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--color-signal);font-size:.8125rem;font-weight:600}p{max-width:64ch}.lede{color:var(--color-label);font-size:1.1875rem}.small{color:var(--color-label);font-size:.9375rem}strong{color:var(--color-text)}code{font-family:var(--font-family-mono);background:var(--color-plate-raised);padding:.1em .35em;font-size:.9em}section{border-top:1px solid var(--color-rule);padding-block:clamp(3.5rem,8vw,6rem)}.sec-head{gap:.75rem;margin-bottom:2rem;display:grid}header.site{z-index:5;background:var(--color-night);border-bottom:1px solid var(--color-rule);position:sticky;top:0}.masthead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-block:.875rem;display:flex}.wordmark{line-height:0;display:block}.wordmark svg{width:auto;height:36px}.site-nav{letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:.25rem 1.25rem;font-size:.8125rem;font-weight:600;display:flex}.site-nav a{color:var(--color-label);border-bottom:3px solid #0000;padding-block:.35rem;text-decoration:none}.site-nav a:hover{color:var(--color-text)}.site-nav a[aria-current=page]{color:var(--color-text);border-bottom-color:var(--color-signal)}.site-nav .nav-cta{background:var(--color-signal);color:var(--color-signal-ink);clip-path:polygon(.4rem 0,100% 0,calc(100% - .4rem) 100%,0 100%);border:none;padding:.45rem 1rem}.site-nav .nav-cta:hover{color:var(--color-signal-ink);filter:brightness(1.08)}.cta-row{flex-wrap:wrap;gap:.875rem;margin-top:2rem;display:flex}.btn{font-family:var(--font-family-display);letter-spacing:.05em;text-transform:uppercase;clip-path:polygon(.65rem 0,100% 0,calc(100% - .65rem) 100%,0 100%);padding:.85rem 1.75rem;font-size:1.1875rem;font-style:italic;font-weight:800;text-decoration:none;display:inline-block}.btn-primary{background:var(--color-signal);color:var(--color-signal-ink)}.btn-secondary{background:var(--color-plate-raised);color:var(--color-text)}.btn:hover{filter:brightness(1.08)}.hero{background:linear-gradient(115deg, var(--color-night) 52%, var(--color-plate) 52%);border-top:none}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(2rem,5vw,3.5rem);display:grid}.hero h1{margin-top:.75rem}.hero .lede{margin-top:1.25rem}.page-hero{border-top:none;padding-bottom:clamp(2rem,5vw,3rem)}.page-hero .lede{margin-top:1.25rem}.page-hero .status-line{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.grid-2,.grid-3,.grid-4{gap:2px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--color-plate);border-top:4px solid var(--color-rule);align-content:start;gap:.6rem;min-width:0;padding:1.5rem 1.6rem;display:grid}.card.lead{border-top-color:var(--color-signal)}.card .card-top{justify-content:space-between;align-items:start;gap:.75rem;display:flex}.card a.more{letter-spacing:.08em;text-transform:uppercase;margin-top:.25rem;font-size:.875rem;font-weight:600;text-decoration:none}.split{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(2rem,5vw,3.5rem);display:grid}.split.flip>:first-child{order:2}.stack{align-content:start;gap:1rem;display:grid}.steps{counter-reset:step;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;list-style:none;display:grid}.steps.three{grid-template-columns:repeat(3,minmax(0,1fr))}.steps li{background:var(--color-plate);border-left:6px solid var(--color-player);counter-increment:step;align-content:start;gap:.6rem;padding:1.4rem 1.4rem 1.6rem;display:grid}.steps li:before{content:"Step " counter(step);font-family:var(--font-family-display);letter-spacing:.1em;text-transform:uppercase;color:var(--color-signal);font-size:.875rem;font-weight:700}.steps li p{color:var(--color-label);font-size:.9375rem}.chain{flex-wrap:wrap;gap:2px;margin-top:1.5rem;list-style:none;display:flex}.chain li{background:var(--color-plate);clip-path:polygon(0 0,calc(100% - .9rem) 0,100% 50%,calc(100% - .9rem) 100%,0 100%);flex:10rem;padding:1rem 1.25rem 1rem 1.5rem}.chain li b{font-family:var(--font-family-display);text-transform:uppercase;font-size:1.35rem;font-style:italic;font-weight:800;display:block}.chain li span{color:var(--color-label);font-size:.875rem}.chain li.you{background:var(--color-signal);color:var(--color-signal-ink)}.chain li.you span{color:var(--color-signal-ink)}.codeblock{background:var(--color-plate);border-left:6px solid var(--color-signal);overflow-x:auto}.codeblock pre{font:400 .875rem/1.65 var(--font-family-mono);color:var(--color-text);padding:1.25rem 1.5rem}.codeblock code{background:0 0;padding:0}.codeblock .c{color:var(--color-muted)}.codeblock .k{color:var(--color-stress)}.codeblock .s{color:var(--color-signal)}.codeblock .t{color:var(--color-armor)}.keys{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.6rem;display:grid}.key{aspect-ratio:1;text-align:center;background:var(--color-plate);border:2px solid var(--color-rule);border-bottom:6px solid var(--key,var(--color-rule));font-family:var(--font-family-display);text-transform:uppercase;border-radius:10px;place-content:center;gap:.25rem;font-style:italic;font-weight:800;line-height:1;display:grid}.key b{font-size:2rem}.key span{letter-spacing:.06em;color:var(--color-label);font-size:.9rem;font-style:normal;font-weight:700}.key kbd{font:500 .75rem/1 var(--font-family-mono);color:var(--color-label)}.oi{font:700 .875rem/1 var(--font-family-display);letter-spacing:.05em;color:var(--color-label);flex-wrap:wrap;align-items:center;gap:6px;margin-top:.75rem;display:flex}.oi span{background:var(--color-plate-raised);padding:6px 8px}.oi .bar{background:var(--color-hit);width:40px;height:8px;transform:skewX(var(--slant));padding:0}.oi .mid~.bar{transform:skewX(var(--slant-mirror))}.oi .mid{text-align:center;border:1px dashed var(--color-rule);min-width:60px;font:400 .75rem/1 var(--font-family-mono);color:var(--color-muted);background:0 0;flex:1}.ticks{gap:.5rem;list-style:none;display:grid}.ticks li{padding-left:1.75rem;position:relative}.ticks li:before{content:"";background:var(--color-signal);width:.9rem;height:.55rem;transform:skewX(var(--slant));position:absolute;top:.5em;left:0}footer.site{border-top:1px solid var(--color-rule);padding-block:3rem}.foot-grid{grid-template-columns:auto auto minmax(0,1fr);align-items:start;gap:2.5rem;display:grid}.foot-grid .foot-mark{margin-bottom:.75rem}.foot-nav{gap:.35rem;font-size:.9375rem;display:grid}.foot-nav a{color:var(--color-label);text-decoration:none}.foot-nav a:hover{color:var(--color-text)}.foot-meta{gap:.6rem;display:grid}@media (width<=60rem){.grid-4,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.steps.three{grid-template-columns:minmax(0,1fr)}}@media (width<=52rem){.hero-grid,.split{grid-template-columns:minmax(0,1fr)}.split.flip>:first-child{order:0}.hero{background:var(--color-night)}.foot-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=36rem){.grid-2,.grid-4,.steps{grid-template-columns:minmax(0,1fr)}}