.cs-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:56px;display:grid}.cs-kicker{font:600 11px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-brand-ink);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cs-soon{border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);letter-spacing:.04em;text-transform:none;color:var(--color-ink-secondary);padding:3px 9px}.cs-h1{letter-spacing:-.04em;text-wrap:balance;color:var(--color-ink-primary);margin-top:14px;font-size:clamp(34px,4.4vw,52px);font-weight:800;line-height:1.05}.cs-lede{max-width:52ch;color:var(--color-ink-secondary);margin-top:16px;font-size:17px;line-height:1.62}.cs-points{gap:10px;margin-top:24px;display:grid}.cs-points li{color:var(--color-ink-primary);padding-left:24px;font-size:15px;line-height:1.5;position:relative}.cs-points li:before{content:"";background:var(--color-brand);border-radius:2px;width:9px;height:9px;position:absolute;top:.5em;left:2px}.cs-sketch{border:1px solid var(--color-line-hairline);background:radial-gradient(circle at 1px 1px, var(--color-grid-dot) 1px, transparent 1.4px) 0 0 / 18px 18px, var(--color-surface-canvas);box-shadow:var(--shadow-elevation-1);border-radius:20px;margin:0;padding:18px 18px 12px}.cs-sketch svg{width:100%;height:auto;display:block;overflow:visible}.cs-sketch figcaption{font:500 10.5px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-muted);margin-top:10px}.cs-mean{border-top:1px solid var(--color-line-hairline);margin-top:88px;padding-top:28px}.cs-mean h2{font:600 11px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-muted)}.cs-mean-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:14px;display:grid}.cs-card{border:1px solid var(--color-line-hairline);border-radius:var(--radius-card);background:var(--color-surface-raised);gap:6px;padding:18px 20px;transition:border-color .15s,transform .15s;display:grid}.cs-card:hover{border-color:var(--color-brand);transform:translateY(-2px)}.cs-card:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.cs-card b{color:var(--color-ink-primary);font-size:15.5px;font-weight:700}.cs-card b:after{content:" →";color:var(--color-brand-ink)}.cs-card span{color:var(--color-ink-secondary);font-size:14px;line-height:1.55}.rp-wires path{stroke:var(--color-line-strong);stroke-width:1.5px;stroke-dasharray:3 4;fill:none}.rp-part rect{fill:var(--color-surface-raised);stroke:var(--color-line-strong);stroke-width:1.2px;animation:9s ease-in-out infinite rp-fail;animation-delay:inherit}.rp-part text{font:650 12.5px var(--font-sans);fill:var(--color-ink-primary)}.rp-hops circle{fill:var(--color-signal-critical);opacity:0;animation:9s linear infinite rp-hop}.rp-time line{stroke:var(--color-line-strong);stroke-width:1.2px}.rp-time text{font:500 10px var(--font-mono);fill:var(--color-ink-muted);text-anchor:middle}.rp-head line{stroke:var(--color-brand);stroke-width:2px}.rp-head circle{fill:var(--color-brand)}.rp-head{animation:9s linear infinite rp-play}@keyframes rp-fail{0%,8%{stroke:var(--color-line-strong);fill:var(--color-surface-raised)}11%{stroke:var(--color-signal-warn);fill:var(--color-surface-raised)}16%,62%{stroke:var(--color-signal-critical);fill:color-mix(in oklab, var(--color-signal-critical) 18%, var(--color-surface-raised))}72%,to{stroke:var(--color-signal-ok);fill:var(--color-surface-raised)}}@keyframes rp-hop{0%{opacity:0}3%{opacity:1}9%,to{opacity:0}}@keyframes rp-play{0%{transform:translate(0)}to{transform:translate(472px)}}.dy{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:20px;display:grid}.dy-wires path{stroke:var(--color-line-strong);stroke-width:1.5px;stroke-dasharray:3 4;fill:none}.dy-part rect{fill:var(--color-surface-raised);stroke:var(--color-line-strong);stroke-width:1.2px}.dy-part text{font:650 12.5px var(--font-sans);fill:var(--color-ink-primary)}.dy-part .dy-sub{font:500 10px var(--font-mono);fill:var(--color-ink-secondary)}.dy-bad rect{stroke:var(--color-signal-warn);fill:color-mix(in oklab, var(--color-signal-warn) 12%, var(--color-surface-raised));animation:1.6s ease-in-out infinite dy-pulse}@keyframes dy-pulse{50%{stroke-opacity:.3}}.dy-card{border:1px solid var(--color-line-strong);background:var(--color-surface-raised);border-radius:14px;padding:16px}.dy-day{font:600 10.5px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-brand-ink)}.dy-q{color:var(--color-ink-primary);margin-top:8px;font-size:14.5px;font-weight:600;line-height:1.45}.dy-card ul{gap:6px;margin-top:12px;display:grid}.dy-card li{border:1px solid var(--color-line-hairline);color:var(--color-ink-secondary);border-radius:8px;padding:7px 10px;font-size:13px}@media (max-width:1023px){.cs-hero{grid-template-columns:minmax(0,1fr);gap:36px}}@media (max-width:639px){.cs-mean{margin-top:56px}.dy{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.rp-part rect{stroke:var(--color-signal-critical);fill:color-mix(in oklab, var(--color-signal-critical) 18%, var(--color-surface-raised));animation:none}.rp-hops circle{animation:none}.rp-head{animation:none;transform:translate(250px)}.dy-bad rect{animation:none}}