.wrap{gap:88px;max-width:1180px;margin:0 auto;display:grid}h1,h2,h3{font-family:var(--display);text-wrap:balance;letter-spacing:-.015em;margin:0}h1{font-size:clamp(2.3rem,5.4vw,3.9rem);font-weight:700;line-height:1.02}h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.15}h3{font-size:1.08rem;font-weight:700}p{margin:0}section{gap:22px;display:grid}.stack{align-content:start;gap:14px;min-width:0;display:grid}.eyebrow{font:600 .75rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.lede{color:var(--muted);max-width:60ch;font-size:1.15rem}code,pre{font-family:var(--mono);font-size:.86em}:not(pre)>code{background:var(--code-bg);border-radius:4px;padding:.1em .35em}pre{background:var(--code-bg);border:1px solid var(--rule);color:var(--fg);border-radius:10px;min-width:0;margin:0;padding:18px 20px;line-height:1.6;overflow-x:auto}pre .k{color:var(--accent)}pre .s{color:var(--warn)}.hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:40px}.hero-text{gap:20px;display:grid}.cta{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}figure{gap:10px;min-width:0;margin:0;display:grid}figcaption{color:var(--muted);font-size:.86rem}.shot{background:var(--term);border:1px solid var(--term-edge);border-radius:12px;overflow:hidden;box-shadow:0 24px 60px -28px #0a141e99}.shot img,.crop img{width:100%;height:auto;display:block}.anatomy{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:36px}.anatomy p{color:var(--muted)}.files{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.files li{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,13rem) minmax(0,1fr);gap:12px;padding:9px 0;font-size:.9rem;display:grid}.files li>code{color:var(--accent);word-break:break-all;background:0 0;padding:0}.files span{color:var(--muted)}.caps{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.cap{border:1px solid var(--rule);background:var(--surface);color:inherit;border-radius:12px;align-content:start;gap:10px;padding:14px;text-decoration:none;transition:border-color .15s,transform .15s;display:grid}.cap:hover{border-color:var(--accent);transform:translateY(-2px)}.cap h3{margin-top:4px}.cap p{color:var(--muted);font-size:.92rem}.crop{background:var(--term);border:1px solid var(--term-edge);border-radius:8px;overflow:hidden}.cap .crop:first-child:last-of-type,.cap .crop{max-height:190px}.cap .crop img{object-fit:cover;object-position:top left;max-height:190px}.mods{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.mods a{background:var(--surface);border:1px solid var(--rule);color:inherit;border-radius:12px;gap:6px;height:100%;padding:18px;text-decoration:none;display:grid}.mods a:hover{border-color:var(--accent)}.mods code{color:var(--accent);background:var(--accent-soft);justify-self:start}.mods b{font:700 1.1rem/1.2 var(--display)}.mods span{color:var(--muted);font-size:.92rem}.teaser-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 32px;display:flex}.teaser-head p{color:var(--muted);max-width:60ch}#teaser-panes .card{gap:12px;display:grid}#teaser-panes .card-head{flex-wrap:wrap;align-items:baseline;gap:8px 14px;display:flex}#teaser-panes h2{font-size:1.1rem}#teaser-panes .chips{flex-wrap:wrap;gap:6px;display:flex}#teaser-panes .chip{font:600 .72rem/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;background:var(--chip);color:var(--fg);white-space:nowrap;border-radius:4px;padding:5px 7px}#teaser-panes .chip.warn{color:var(--warn);background:0 0;border:1px solid}#teaser-panes .term{background:#1e1f29;border-radius:10px;width:100%;height:auto;display:block;box-shadow:0 22px 50px -26px #080a1e99}#teaser-panes .caption{color:var(--muted);max-width:78ch;font-size:.95rem}.loop ol{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.loop li{counter-increment:step;border-top:2px solid var(--accent);background:var(--surface);color:var(--muted);border-radius:0 0 10px 10px;padding:18px;font-size:.93rem}.loop li:before{content:"0" counter(step);font:700 .8rem/1 var(--mono);color:var(--accent);margin-bottom:10px;display:block}.loop b{color:var(--fg)}@media (width<=860px){.hero,.anatomy{grid-template-columns:minmax(0,1fr)}.files li{grid-template-columns:minmax(0,1fr);gap:2px}.wrap{gap:64px}}@media (prefers-reduced-motion:reduce){.cap{transition:none}.cap:hover{transform:none}}