*,*::before,*::after{box-sizing:border-box}body{margin:0;background:var(--color-background);color:var(--color-foreground);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:1.55;-webkit-font-smoothing:antialiased}.skip{position:absolute;left:-9999px}.skip:focus{left:var(--space-screen);top:var(--space-screen);z-index:10;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-radius:var(--radius-badge)}.wrap{width:100%;max-width:62rem;margin:0 auto;padding:0 var(--space-screen)}.masthead{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg) 0}.mark{display:block;width:7.5rem;height:auto;border-radius:var(--radius-badge)}.mark--dark{display:none}.langs{display:flex;gap:var(--space-xs);list-style:none;margin:0;padding:0}.langs a{display:inline-block;padding:var(--space-xs) var(--space-sm);min-height:var(--space-touch-target);line-height:var(--space-touch-target);border-radius:var(--radius-badge);color:var(--color-dim);text-decoration:none;font-size:var(--type-kicker-size);font-weight:var(--type-kicker-weight);letter-spacing:var(--type-kicker-tracking);text-transform:uppercase}.langs a[aria-current=true]{color:var(--color-foreground);background:var(--color-surface)}.hero{padding:var(--space-lg) 0 calc(var(--space-lg)*2)}.kicker{margin:0 0 var(--space-sm);color:var(--color-dim);font-size:var(--type-kicker-size);font-weight:var(--type-kicker-weight);letter-spacing:var(--type-kicker-tracking);text-transform:uppercase}h1{margin:0 0 var(--space-md);font-size:clamp(var(--type-section-size),7vw,var(--type-display-size)*1.6);font-weight:var(--type-display-weight);line-height:1.05;letter-spacing:-0.02em}.subhead{margin:0 0 var(--space-lg);font-size:calc(var(--type-body-size)*1.25);color:var(--color-dim)}.cta{display:inline-block;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-cta);background:var(--color-accent);color:var(--color-cta-ink);font-weight:var(--type-section-weight)}.cta-note{margin:var(--space-sm) 0 0;color:var(--color-dim);font-size:var(--type-kicker-size)}.schematic{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-sm);margin-top:calc(var(--space-lg)*1.5);aspect-ratio:4/3}.frame{border-radius:var(--radius-cell);background:var(--color-schematic);border:var(--space-hairline) solid var(--color-hairline);animation:shuffle 9s ease-in-out infinite}.frame--near{background:var(--color-thumb-placeholder)}.frame:nth-child(2){animation-delay:-0.6s}.frame:nth-child(3){animation-delay:-1.2s}.frame:nth-child(4){animation-delay:-1.8s}.frame:nth-child(5){animation-delay:-2.4s}.frame:nth-child(6){animation-delay:-3s}.frame:nth-child(7){animation-delay:-3.6s}.frame:nth-child(8){animation-delay:-4.2s}.frame:nth-child(9){animation-delay:-4.8s}@keyframes shuffle{0%,100%{transform:none}45%{transform:scale(0.92)}55%{transform:scale(0.92)}}@media(prefers-reduced-motion: reduce){.frame{animation:none}}section{padding:calc(var(--space-lg)*2) 0;border-top:var(--space-hairline) solid var(--color-hairline)}h2{margin:0 0 var(--space-md);font-size:var(--type-section-size);font-weight:var(--type-section-weight)}h3{margin:0 0 var(--space-xs);font-size:var(--type-body-size);font-weight:var(--type-section-weight)}.lede{margin:0 0 var(--space-lg);max-width:44rem;color:var(--color-dim)}.cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(15rem, 1fr));gap:var(--space-lg)}.card{padding:var(--space-lg);border-radius:var(--radius-panel);background:var(--color-surface)}.card p{margin:0;color:var(--color-dim)}.faq dt{margin-top:var(--space-lg);font-weight:var(--type-section-weight)}.faq dd{margin:var(--space-xs) 0 0;color:var(--color-dim);max-width:44rem}footer{padding:calc(var(--space-lg)*2) 0;border-top:var(--space-hairline) solid var(--color-hairline);color:var(--color-dim);font-size:var(--type-kicker-size)}footer a{color:var(--color-dim)}footer nav{display:flex;gap:var(--space-lg);margin-bottom:var(--space-sm)}@media(prefers-color-scheme: dark){.mark--light{display:none}.mark--dark{display:block}}