:root { --brand:#0b5fff; --accent:#10b981; }
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;color:#111}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
header, footer{border-bottom:1px solid #eee}
.container{max-width:1100px;margin:0 auto;padding:1rem}
.nav{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}
.nav a{padding:.5rem .75rem;border-radius:.5rem}
.nav a.btn{background:var(--accent);color:white}
.hero{padding:3rem 0;background:linear-gradient(180deg,#f8fbff,white)}
.grid{display:grid;gap:1rem}
@media(min-width:800px){.grid-3{grid-template-columns:repeat(3,1fr)}}
.card{border:1px solid #eee;border-radius:1rem;padding:1rem;background:white}
.footer{border-top:1px solid #eee;margin-top:2rem;padding:1.5rem 0;color:#555}
h1,h2,h3{line-height:1.2}
ul{padding-left:1.25rem}