code{font-family:var(--f-mono);font-size:.88em}:not(pre)>code{background:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:.1em .35em}.hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"text""mark""status";gap:28px;padding-block:clamp(32px,6vw,88px) 24px;display:grid}.hero__text{grid-area:text;align-content:center;gap:22px;min-width:0;display:grid}.hero__title{--wd:88;--wg:800;font-size:clamp(2.6rem,8.6vw,6.25rem)}.hero__title em{color:var(--signal);font-variation-settings:"wdth" 130, "wght" 800;font-style:normal}.hero__lede{color:var(--mute);max-width:56ch;font-size:clamp(1.0625rem,1.5vw,1.25rem)}.hero__lede code{color:var(--paper)}.hero__cta{flex-wrap:wrap;gap:12px;display:flex}.hero__mark{aspect-ratio:1;grid-area:mark;justify-self:center;width:min(100%,340px);position:relative}.hero__svg,.hero__mark canvas{width:100%;height:100%;position:absolute;inset:0}.hero__mark canvas{opacity:0;transition:opacity .8s var(--ease-out)}.hero__mark.is-gl canvas{opacity:1}.hero__mark.is-gl .hero__svg{opacity:0;transition:opacity .6s}.hero__status{grid-area:status}@media (width>=960px){.hero{min-height:calc(88svh - var(--header-h));grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"text mark""status status";align-items:center;column-gap:clamp(32px,4vw,64px)}.hero__mark{width:min(100%,520px)}.hero__status{justify-self:start}}.band{gap:clamp(28px,4vw,48px);padding-block:clamp(56px,9vw,112px) 0;display:grid}.band+.band{border-top:0}.band__head{align-content:start;gap:16px;min-width:0;max-width:60ch;display:grid}.band__head--wide{max-width:72ch}.band__title{--wd:90;--wg:780;font-size:clamp(2rem,4.6vw,3.5rem)}.band__lede{color:var(--mute);max-width:60ch;font-size:1.125rem}.band__lede a{color:var(--paper);text-decoration-color:var(--signal)}.band__foot{margin-top:-8px}.more{font-family:var(--f-mono);color:var(--paper);text-decoration-color:var(--signal);text-underline-offset:.35em;font-size:.875rem}.more:after{content:" →"}@media (width>=960px){.band{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:start;column-gap:clamp(32px,4vw,72px)}.band__head--wide,.cards,.pills,.sites,.band__foot{grid-column:1/-1}.band--api{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.ticks{gap:8px;display:grid}.ticks li{padding-left:26px;position:relative}.ticks li:before{content:"";background:var(--signal);width:12px;height:2px;position:absolute;top:.62em;left:2px}.seo-card{border:1px solid var(--line-2);background:var(--ink-2);border-radius:16px;gap:14px;min-width:0;padding:20px;display:grid}.seo-card__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:12px;display:flex}.seo-card__score{font-family:var(--f-mono);color:var(--mute);align-items:baseline;gap:6px;font-size:.8125rem;display:inline-flex}.seo-card__score strong{font-family:var(--f-display);font-variation-settings:"wdth" 100, "wght" 800;color:var(--paper);font-size:2.5rem;line-height:1}.seo-card__list{gap:4px;display:grid}.seo-card__item{grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;padding:5px 0;font-size:.9375rem;display:grid}.seo-card__icon{border-radius:50%;place-items:center;width:20px;height:20px;margin-top:2px;font-size:.75rem;font-weight:700;display:grid}.is-pass .seo-card__icon{color:#c9d6a3;background:#c9d6a324}.is-fail .seo-card__icon{color:var(--signal-soft);background:#ff5b1f29}.is-fail{color:var(--mute)}.seo-card__cap{color:var(--mute);border-top:1px solid var(--line);padding-top:10px;font-size:.8125rem}.cards{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}@media (width>=640px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}}.card{border:1px solid var(--line);background:linear-gradient(180deg, var(--ink-2), var(--ink));border-radius:16px;align-content:start;gap:10px;min-width:0;padding:22px;display:grid}.card h3{font-family:var(--f-display);font-variation-settings:"wdth" 100, "wght" 720;font-size:1.3125rem}.card p{color:var(--mute);font-size:.975rem}.actions{border-top:1px solid var(--line);display:grid}.actions__row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,17ch) minmax(0,1fr);gap:4px 16px;padding:9px 0;font-size:.9375rem;display:grid}.actions dt code{color:var(--signal-soft);background:0 0;border:0;padding:0}.actions dd{color:var(--mute)}@media (width<=420px){.actions__row{grid-template-columns:minmax(0,1fr)}}.band__code{min-width:0}.pills{flex-wrap:wrap;gap:10px;display:flex}.pills li{border:1px solid var(--line-2);font-family:var(--f-mono);letter-spacing:.02em;border-radius:999px;padding:10px 16px;font-size:.8125rem}.sites{border-top:1px solid var(--line)}.site-row{border-bottom:1px solid var(--line);grid-template-columns:3ch minmax(0,1fr) auto;grid-template-areas:"n name go""n what go";align-items:baseline;gap:2px 16px;padding:18px 4px;text-decoration:none;transition:background-color .2s;display:grid}.site-row:hover{background:var(--ink-2)}.site-row__n{font-family:var(--f-mono);color:var(--mute);grid-area:n;font-size:.75rem}.site-row__name{font-family:var(--f-display);font-variation-settings:"wdth" 110, "wght" 760;grid-area:name;font-size:clamp(1.375rem,3vw,2rem);line-height:1.1}.site-row__what{color:var(--mute);grid-area:what;font-size:.9375rem}.site-row__go{color:var(--mute);grid-area:go;transition:color .2s,transform .2s}.site-row:hover .site-row__go{color:var(--signal);transform:translate(2px,-2px)}@media (width>=900px){.site-row{grid-template-columns:4ch minmax(0,4fr) minmax(0,6fr) auto;grid-template-areas:"n name what go";align-items:center}}.built{align-items:center}.built__mark{aspect-ratio:1;width:clamp(120px,22vw,220px);height:auto}@media (width>=960px){.built{grid-template-columns:minmax(0,3fr) minmax(0,9fr)}.built__mark{justify-self:center}}.built>div{gap:16px;display:grid}
