*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;color:#15202b;line-height:1.6}
.nav{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;border-bottom:1px solid #e6e9ee}
.brand{font-weight:700;font-size:1.15rem;text-decoration:none;color:#15202b}
.nav nav a{margin-left:1.5rem;text-decoration:none;color:#4a5568}
.hero{padding:5rem 2rem;text-align:center;background:#f7f9fc}
.hero h1{font-size:2.75rem;margin:0 0 1rem;letter-spacing:-.02em}
.lead{font-size:1.2rem;color:#4a5568;max-width:36rem;margin:0 auto 2rem}
.btn{display:inline-block;background:#3b5bdb;color:#fff;padding:.8rem 1.8rem;border-radius:6px;text-decoration:none;font-weight:600}
.features{padding:4rem 2rem;max-width:64rem;margin:0 auto;text-align:center}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.5rem;margin-top:2.5rem}
.card{border:1px solid #e6e9ee;border-radius:10px;padding:1.75rem;text-align:left}
.card h3{margin:0 0 .5rem}.page{padding:4rem 2rem;max-width:44rem;margin:0 auto}
footer{border-top:1px solid #e6e9ee;padding:2rem;text-align:center;color:#8896aa;font-size:.9rem}