:root { --ink:#14202b; --bg:#f7f9fb; --accent:#1f7a8c; --accent-d:#155f6e; --line:#e2e8ee; }
* { box-sizing:border-box; }
body { margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif; color:var(--ink); background:var(--bg); line-height:1.55; }
h1,h2 { line-height:1.15; }
a { color:var(--accent); }
.btn,.nav-cta,button { background:var(--accent); color:#fff; border:0; border-radius:8px; padding:.8em 1.3em; font-size:1rem; text-decoration:none; cursor:pointer; display:inline-block; }
.btn:hover,button:hover,.nav-cta:hover { background:var(--accent-d); }
.hero { background:linear-gradient(160deg,#14202b,#1f3a47); color:#fff; padding:1.2em 1.2em 3.5em; }
nav { display:flex; justify-content:space-between; align-items:center; max-width:60rem; margin:0 auto; }
.logo { font-weight:700; letter-spacing:.5px; }
.nav-cta { padding:.5em 1em; font-size:.9rem; }
.hero-inner { max-width:38rem; margin:3rem auto 0; text-align:center; }
.hero h1 { font-size:2.4rem; margin:.2em 0; }
.sub { font-size:1.15rem; opacity:.92; }
main { max-width:60rem; margin:0 auto; padding:0 1.2em; }
section { padding:2.8em 0; border-bottom:1px solid var(--line); }
h2 { font-size:1.6rem; }
.steps { list-style:none; padding:0; display:grid; gap:1.2em; grid-template-columns:1fr; }
.steps li { background:#fff; border:1px solid var(--line); border-radius:10px; padding:1.2em; }
.steps strong { display:block; margin-bottom:.3em; }
.proof-note { color:#5a6b78; }
form { display:grid; gap:.9em; max-width:32rem; }
label { display:grid; gap:.3em; font-weight:600; font-size:.95rem; }
input,textarea { font:inherit; padding:.7em; border:1px solid #c7d2db; border-radius:7px; }
.hp { position:absolute; left:-9999px; }    /* honeypot: hidden from humans */
footer { text-align:center; color:#5a6b78; padding:2em 1.2em; font-size:.9rem; }
@media (min-width:40rem){ .steps{ grid-template-columns:repeat(3,1fr);} .hero h1{font-size:3rem;} }