main:has(>.hero) .hero{background:var(--bg);padding-block:clamp(1.75rem,1rem + 3.5vw,4rem) clamp(1.5rem,1rem + 2vw,2.75rem)}@media (min-width:60rem){main:has(>.hero) .hero{background:radial-gradient(closest-side at 78% 42%, color-mix(in srgb, var(--brand) 13%, transparent), transparent 70%), var(--bg)}}main:has(>.hero) .hero-grid{align-items:center;gap:clamp(1.5rem,1rem + 2vw,3rem);display:grid}@media (min-width:60rem){main:has(>.hero) .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}main:has(>.hero) .hero h1{max-width:16ch;margin-top:.5rem;font-size:clamp(2.2rem,1.5rem + 3.2vw,3.7rem)}main:has(>.hero) .hero .lead{margin-top:1rem}main:has(>.hero) .hero .hero-pic{box-shadow:var(--shadow-lg,var(--shadow))}main:has(>.hero) .proof{color:var(--text);gap:.45rem;margin-top:1.5rem;padding:0;font-size:.97rem;list-style:none;display:grid}main:has(>.hero) .proof li{align-items:baseline;gap:.55rem;display:flex}main:has(>.hero) .proof li:before{content:"";background:var(--signal);border-radius:2px;flex:none;width:.6rem;height:.6rem;transform:translateY(-.05rem)}main:has(>.hero) .stats{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:repeat(2,minmax(0,1fr));margin:clamp(1.75rem,1rem + 2.5vw,3rem) 0 0;display:grid;overflow:hidden}@media (min-width:48rem){main:has(>.hero) .stats{grid-template-columns:repeat(4,minmax(0,1fr))}}main:has(>.hero) .stats>div{border-left:1px solid var(--line);border-top:1px solid var(--line);flex-direction:column-reverse;justify-content:flex-end;gap:.2rem;margin:-1px 0 0 -1px;padding:1rem 1.25rem;display:flex}main:has(>.hero) .stats dd{color:var(--brand);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:0;font-size:clamp(1.6rem,1.2rem + 1.4vw,2.2rem);font-weight:800;line-height:1.05}main:has(>.hero) .stats dt{color:var(--text);font-size:.88rem;line-height:1.35}main:has(>.hero) .band{background:var(--surface-2);border-block:1px solid var(--line)}main:has(>.hero) .sec-head{max-width:46rem}main:has(>.hero) .sec-head .lead{margin-top:.6rem}main:has(>.hero) .icards{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:1.25rem;display:grid}@media (min-width:64rem){main:has(>.hero) .icards{grid-template-columns:repeat(4,minmax(0,1fr))}main:has(>.hero) .icards-3{grid-template-columns:repeat(3,minmax(0,1fr))}}main:has(>.hero) .icard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;transition:border-color .15s,transform .15s;display:flex;position:relative;overflow:hidden}main:has(>.hero) .icard:hover{border-color:var(--brand)}@media (prefers-reduced-motion:no-preference){main:has(>.hero) .icard:hover{transform:translateY(-2px)}}main:has(>.hero) .icard .pic{border-radius:0}main:has(>.hero) .icard-body{gap:.45rem;padding:1rem 1.15rem 1.2rem;display:grid}main:has(>.hero) .icard h3{font-size:1.1rem;line-height:1.3}main:has(>.hero) .icard h3 a{color:var(--fg);text-decoration:none}main:has(>.hero) .icard h3 a:hover{text-decoration:underline}main:has(>.hero) .stretch:after{content:"";position:absolute;inset:0}main:has(>.hero) .icard:focus-within{outline:3px solid var(--focus,var(--brand));outline-offset:2px}main:has(>.hero) .more-links{flex-wrap:wrap;gap:.5rem 1.5rem;padding:0;list-style:none;display:flex}main:has(>.hero) .more-links a{font-weight:600}main:has(>.hero) .split-2{gap:1.25rem;display:grid}@media (min-width:56rem){main:has(>.hero) .split-2{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start}}main:has(>.hero) .example{margin:0;padding:1.4rem}main:has(>.hero) figcaption{gap:.35rem;display:grid}main:has(>.hero) .hc-title{color:var(--fg);font-size:1.08rem;font-weight:700}main:has(>.hero) .bars{gap:.9rem;margin:1.1rem 0 .9rem;padding:0;list-style:none;display:grid}main:has(>.hero) .bars li{grid-template-columns:minmax(0,1fr) auto;gap:.3rem 1rem;display:grid}main:has(>.hero) .bar-label{color:var(--text);font-size:.95rem}main:has(>.hero) .bar-value{color:var(--fg);font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:700}main:has(>.hero) .bar{background:var(--surface-2);border-radius:999px;grid-column:1/-1;height:.6rem;overflow:hidden}main:has(>.hero) .fill{height:100%;width:var(--w);border-radius:inherit;background:linear-gradient(90deg, var(--brand), var(--signal));transform-origin:0;display:block}@media (prefers-reduced-motion:no-preference){main:has(>.hero) .fill{animation:charge 1.1s var(--ease) both}}main:has(>.hero) .db{padding:1.4rem}main:has(>.hero) .brand-list{gap:0;padding:0;list-style:none;display:grid}main:has(>.hero) .brand-list li{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.55rem 0;display:flex}main:has(>.hero) .brand-list a{font-weight:650}main:has(>.hero) .method{border-left:3px solid var(--brand);max-width:52rem;padding-left:1.25rem}@keyframes charge{0%{transform:scaleX(.2)}to{transform:scaleX(1)}}.db .db-pic{margin:-.25rem 0 1rem}
