:root{--ink:#0f1b2d;--muted:#5b6778;--bg:#f7f8fb;--card:#fff;--brand:#0b6e4f;--brand2:#0a5a41;--accent:#d97706;--line:#e3e7ee;--r:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--brand)}.wrap{max-width:1120px;margin:0 auto;padding:0 22px}.narrow{max-width:720px}
.nav{position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:10}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;color:var(--ink);text-decoration:none}
.logo-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--brand);color:#fff;font-size:14px;letter-spacing:.5px}
.nav-links{display:flex;gap:22px;align-items:center}.nav-links a{color:var(--ink);text-decoration:none;font-weight:500}
.btn{display:inline-block;background:var(--brand);color:#fff!important;padding:13px 22px;border-radius:10px;font-weight:700;text-decoration:none;border:0;cursor:pointer;font-size:16px}
.btn:hover{background:var(--brand2)}.btn-small{padding:8px 14px;font-size:14px}.btn-ghost{background:transparent;color:var(--brand)!important;border:2px solid var(--brand)}.btn-ghost:hover{background:#e8f4ef}.btn-wide{width:100%}
.hero{padding:72px 0 56px;background:radial-gradient(1200px 400px at 80% 0,#e3f3ec,transparent),var(--bg)}
.hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}
.eyebrow{color:var(--brand);font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:1px;margin:0 0 10px}
h1{font-size:46px;line-height:1.1;margin:0 0 18px;letter-spacing:-.5px}.accent{color:var(--brand)}
.lead{font-size:18px;color:#2c3a4f;margin:0 0 26px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.fineprint{color:var(--muted);font-size:13.5px;margin-top:14px}
.mock{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 20px 50px rgba(15,27,45,.12);overflow:hidden;font-size:13.5px}
.mock-bar{display:flex;gap:6px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line);background:#fafbfd}
.mock-bar span{width:10px;height:10px;border-radius:50%;background:#d6dbe3}.mock-bar em{margin-left:8px;color:var(--muted);font-style:normal}
.mock table{width:100%;border-collapse:collapse}.mock th,.mock td{text-align:left;padding:10px 12px;border-bottom:1px solid #eef1f5}
.mock th{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px}
.pill{display:inline-block;padding:2px 9px;border-radius:99px;font-size:12px}.hi{background:#dcf3e8;color:#0b6e4f}.mid{background:#fdf0d9;color:#a35c00}.lo{background:#fde2e2;color:#b42318}
.mock-foot{display:flex;justify-content:space-between;padding:10px 14px;color:var(--muted);background:#fafbfd}
.why{padding:36px 0}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px}.stat h3{margin:0 0 6px;font-size:18px}.stat p{margin:0;color:var(--muted)}
h2{font-size:32px;text-align:center;margin:0 0 28px;letter-spacing:-.3px}.center{text-align:center}.muted{color:var(--muted)}.small{font-size:14px}
.how{padding:56px 0}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.steps li{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.steps span{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e3f3ec;color:var(--brand);font-weight:800}
.steps h4{margin:12px 0 6px}.steps p{margin:0;color:var(--muted);font-size:14.5px}
.features{padding:20px 0 56px}.grid-feat{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid-feat div{padding:20px;border-left:3px solid var(--brand);background:var(--card);border-radius:0 var(--r) var(--r) 0}
.grid-feat h4{margin:0 0 6px}.grid-feat p{margin:0;color:var(--muted);font-size:15px}
.pricing{padding:56px 0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:26px 0 14px}
.plan{position:relative;border:1px solid var(--line);border-radius:var(--r);padding:26px;background:var(--bg)}
.plan.featured{border:2px solid var(--brand);background:#fff;box-shadow:0 12px 30px rgba(11,110,79,.12)}
.tag{position:absolute;top:-12px;left:24px;margin:0;background:var(--brand);color:#fff;font-size:12px;font-weight:700;padding:3px 10px;border-radius:99px}
.plan h3{margin:0}.price{font-size:40px;font-weight:800;margin:6px 0 10px}.price small{font-size:16px;color:var(--muted);font-weight:500}
.plan ul{padding-left:18px;margin:0;color:#2c3a4f}.plan li{margin:6px 0}
.waitlist{padding:60px 0}.form{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:28px;display:grid;gap:14px;box-shadow:0 10px 30px rgba(15,27,45,.06)}
.form label{display:grid;gap:6px;font-weight:600;font-size:14.5px}.form em{font-weight:400;color:var(--muted)}
.form input[type=email],.form input[type=text],.form select,.form textarea{font:inherit;padding:11px 12px;border:1px solid #cfd6e0;border-radius:9px;background:#fff;width:100%}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid #9ad3bd;border-color:var(--brand)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important}
.hp{position:absolute;left:-9999px}.form-msg{margin:0;text-align:center;color:var(--brand);font-weight:600;min-height:1.2em}
.faq{padding:20px 0 60px}details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:10px}
summary{font-weight:700;cursor:pointer}details p{color:#2c3a4f;margin:10px 0 0}
.footer{background:#0f1b2d;color:#c9d2de;padding:36px 0}.footer a{color:#9ad3bd}.disclaimer{font-size:14px;max-width:900px}
@media (max-width:900px){.hero-grid,.three,.grid-feat,.plans{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}h1{font-size:34px}.nav-links a:not(.btn){display:none}}
@media (max-width:560px){.steps,.row{grid-template-columns:1fr}.mock{font-size:12px}.mock th,.mock td{padding:8px}h2{font-size:26px}}
.mock td:nth-child(2){white-space:nowrap;font-family:ui-monospace,Menlo,monospace;font-size:12.5px}@media (max-width:560px){.mock td:nth-child(2){white-space:normal}}
.legal{padding:48px 0 64px;background:#fff}.legal h1{font-size:36px;margin:0 0 6px}.legal h2{font-size:21px;text-align:left;margin:30px 0 8px}
.legal p,.legal li{color:#2c3a4f}.callout{background:#fff8eb;border:1px solid #f5d9a6;border-left:4px solid var(--accent);border-radius:10px;padding:6px 18px;margin:10px 0}
