*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial;color:#0f172a;background:#fff;line-height:1.6}
:root{--container:1120px;--pad:16px;--primary:#2ea7ff;--accent:#22c55e;--bg:#f8fafc;--shadow:0 2px 10px rgba(2,8,23,.06);--radius:12px}
.container{max-width:var(--container);padding-left:var(--pad);padding-right:var(--pad);margin:0 auto}
.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid #e2e8f0}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:64px}
.brand img{display:block;height:36px;width:auto}
.main-nav{display:flex;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:10px;text-decoration:none;font-weight:600;border:1px solid transparent;transition:transform .06s,box-shadow .2s}
.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
.btn-primary{background:var(--primary);color:#fff}
.btn-accent{background:var(--accent);color:#052e16}
.btn-lg{padding:14px 20px;border-radius:12px;font-size:17px}
.hero{background:linear-gradient(180deg,#f0f9ff,#fff);border-bottom:1px solid #e2e8f0}
.hero-inner{padding:32px 0}
.lead{color:#475569;max-width:72ch}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.section{padding:22px 0}
.steps{margin:0;padding-left:18px}
.site-footer{border-top:1px solid #e2e8f0;background:#fff}
.footer-inner{padding:18px 0;display:grid;gap:10px}
@media(min-width:768px){.hero-inner{padding:48px 0}}