:root{--navy:#0D1B2A;--teal:#1ABC9C;--gray:#F6F8FA;--yellow:#F6C343;--text:#0a0a0a;}
*{box-sizing:border-box} html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;color:var(--text);background:var(--gray);}
a{color:var(--teal);text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:20px}
.header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e5e7eb;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 20px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--navy)}
.nav a{margin:0 10px;color:#111} .btn{display:inline-block;padding:12px 18px;border-radius:10px;font-weight:600;border:0;cursor:pointer}
.btn-primary{background:var(--teal);color:#fff} .btn-secondary{background:var(--navy);color:#fff} .btn-ghost{background:transparent;color:var(--navy);border:2px solid var(--navy)}
.hero{background:linear-gradient(180deg,#ffffff, var(--gray));padding:60px 0} .hero h1{font-size:44px;line-height:1.1;margin:0 0 10px;color:var(--navy)} .hero p.lead{font-size:20px;color:#333;max-width:720px}
.grid{display:grid;gap:18px} .grid-3{grid-template-columns:repeat(3,1fr)} .grid-2{grid-template-columns:repeat(2,1fr)}
@media(max-width:900px){.grid-3{grid-template-columns:1fr} .grid-2{grid-template-columns:1fr} .hero h1{font-size:34px}}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px} .badge{display:inline-block;background:var(--yellow);color:#111;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}
.section{padding:40px 0} .section h2{font-size:28px;margin:0 0 12px;color:var(--navy)}
.footer{background:#0f172a;color:#cbd5e1;padding:30px 0;margin-top:40px} .footer a{color:#cbd5e1}
label{display:block;margin:8px 0 6px;font-weight:600} input,select,textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:10px;background:#fff}
form .row{display:grid;grid-template-columns:1fr 1fr;gap:16px} @media(max-width:700px){form .row{grid-template-columns:1fr}}
.form-actions{display:flex;gap:12px;align-items:center;margin-top:14px} .toast{position:fixed;right:16px;bottom:16px;background:#111;color:#fff;padding:12px 16px;border-radius:10px;opacity:0;transform:translateY(10px);transition:.2s}
.toast.show{opacity:1;transform:none} .pricing{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)} @media(max-width:900px){.pricing{grid-template-columns:1fr}}
.price-card{border:1px solid #e5e7eb;border-radius:16px;background:#fff;padding:20px} .price{font-size:36px;color:var(--navy);margin:8px 0} small.muted{color:#6b7280} .hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.kicker{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#475569;font-weight:700} hr.separator{border:0;border-top:1px solid #e5e7eb;margin:24px 0}