:root{--text:#1a1a1a;--muted:#555;--bg:#fff;--accent:#039;--surface:#f3f5f9;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}body{margin:0}main{max-width:64rem;margin:0 auto;padding:2rem 1rem 4rem}h1{margin:0 0 .5rem;font-size:clamp(2rem,5vw,3rem);line-height:1.15}.tagline{color:var(--muted);margin-top:0;font-size:1.25rem}a{color:var(--accent)}a:focus-visible,.button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.button{background:var(--accent);color:#fff;border-radius:.4rem;padding:.7rem 1.2rem;font-weight:600;text-decoration:none;display:inline-block}.hero-image{border-radius:.5rem;width:100%;height:auto;margin-top:1.5rem}.highlights{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;margin:2.5rem 0;padding:0;list-style:none;display:grid}.highlights li{background:var(--surface);border-radius:.5rem;padding:1.25rem}.highlights h3{margin:0 0 .4rem;font-size:1.1rem}.highlights p{margin:0}.prose{max-width:42rem}.skip-link{position:absolute;top:0;left:-999px}.skip-link:focus{z-index:10;background:#fff;padding:.5rem 1rem;top:1rem;left:1rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
