/* Design Taste test: type scale, mono labels, hairlines. Test only. */
.hero h1{font-size:clamp(3rem,5.4vw,5.1rem);line-height:.95;letter-spacing:-.04em}
.hero h1 .serif{display:block;font-size:1.08em;color:#7cc4ff}
.hero .pill{font-family:ui-monospace,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;border-radius:3px;background:transparent;border:1px solid rgba(255,255,255,.2)}
.hero .lede{max-width:34rem;border-top:1px solid rgba(255,255,255,.16);padding-top:1.4rem;margin-top:1.8rem;line-height:1.6}
.hero .fine{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.04em;font-size:.74rem;opacity:.8}
.hero .ctas{margin-top:1.8rem}
/* Gentle load-in for hero content. Off when the visitor prefers reduced motion. */
@keyframes hero-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.hero h1,.hero .lede,.hero .ctas{animation:hero-rise .8s cubic-bezier(.2,.7,.2,1) both}
.hero .lede{animation-delay:.12s}
.hero .ctas{animation-delay:.24s}
@media (prefers-reduced-motion: reduce){.hero h1,.hero .lede,.hero .ctas{animation:none}}