.cs__hero{padding-top:calc(var(--nav-h) + clamp(40px, 7vw, 88px));justify-items:start;gap:22px;padding-bottom:clamp(36px,5vw,56px);display:grid}.cs__back{margin-bottom:8px}.cs__back:hover svg{transform:translate(-3px)!important}.cs__title{font-size:var(--fs-hero);letter-spacing:-.045em;line-height:1}.cs__lede{max-width:64ch;font-size:var(--fs-md);color:var(--text-2)}.cs__meta{border:1px solid var(--border);border-radius:var(--r-md);background:var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;width:100%;max-width:820px;margin:10px 0 0;display:grid;overflow:hidden}@media (min-width:720px){.cs__meta{grid-template-columns:repeat(4,minmax(0,1fr))}}.cs__meta div{background:var(--bg-2);padding:14px 16px}.cs__meta dt{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);font-size:.64rem}.cs__meta dd{font-size:var(--fs-sm);margin:4px 0 0;font-weight:500}.cs__actions{flex-wrap:wrap;gap:12px;display:flex}.cs__shot{margin-block:0 clamp(64px,9vw,120px)}.cs__frame img{width:100%}.cs__shot figcaption{font-size:var(--fs-xs);color:var(--text-3);margin-top:12px}.cs__body{padding-bottom:var(--section-y);gap:clamp(56px,8vw,96px);display:grid}.cs__section{gap:24px;display:grid}@media (min-width:900px){.cs__section:not(.cs__section--wide):not(.cs__cta){grid-template-columns:280px minmax(0,1fr);gap:48px}}.cs__section h2{font-size:var(--fs-xl);letter-spacing:-.03em;align-items:baseline;gap:14px;display:flex}.cs__section h2 .mono{font-size:var(--fs-xs);color:var(--cyan);letter-spacing:.1em}.cs__prose{font-size:var(--fs-md);color:var(--text-2);gap:16px;max-width:66ch;display:grid}.cs__goals{gap:12px;display:grid}@media (min-width:640px){.cs__goals{grid-template-columns:1fr 1fr}}.cs__goals li{border-radius:var(--r-md);border:1px solid var(--border);background:#1017298c;gap:12px;padding:16px 18px;display:flex}.cs__goals svg{color:var(--cyan);flex:none;margin-top:3px}.cs__features{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:14px;display:grid}.cs__features li{align-content:start;gap:10px;padding:22px;display:grid}.cs__features h3{font-size:1.1rem}.cs__features p{font-size:var(--fs-sm);color:var(--text-2)}.cs__ficon{border-radius:var(--r-sm);background:var(--grad-soft);border:1px solid var(--border);width:38px;height:38px;color:var(--cyan);place-items:center;display:grid}.cs__code-grid{gap:16px;display:grid}@media (min-width:1000px){.cs__code-grid{grid-template-columns:1.4fr 1fr}}.cs__code{border-radius:var(--r-md);border:1px solid var(--border);background:#060810;min-width:0;margin:0;overflow:hidden}.cs__code figcaption{border-bottom:1px solid var(--border);color:var(--text-3);padding:10px 16px;font-size:.7rem}.cs__code pre{font-family:var(--font-mono);color:#cbd5e1;tab-size:2;margin:0;padding:18px;font-size:.8rem;line-height:1.7;overflow-x:auto}.cs__cta{background:radial-gradient(60% 100% at 100% 0,#3b82f629,#0000 70%),linear-gradient(#131c33cc,#101729cc);justify-items:start;padding:clamp(28px,4vw,48px)}.cs__cta p{color:var(--text-2)}