
:root { --primary:#0ea5e9; --dark:#0b3b55; --muted:#eef5f9; --text:#0f172a; --max:1000px; }
*{ box-sizing:border-box }
html,body{ margin:0; padding:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color:var(--text); }
.hero{ background:linear-gradient(120deg, var(--dark), #1e749b); color:white; padding:2.5rem 1rem; }
.hero-inner{ max-width:var(--max); margin:0 auto; text-align:center; }
.tagline{ opacity:.95; margin:.5rem 0 1rem; }
.cta-row{ display:flex; gap:.75rem; justify-content:center; flex-wrap:wrap; }
.btn{ background:white; color:var(--dark); padding:.7rem 1rem; border-radius:.6rem; text-decoration:none; font-weight:700; display:inline-block; }
.btn:hover{ opacity:.9 }
.btn-alt{ background:transparent; border:2px solid white; color:white; }
.nav{ background:#083246; display:flex; gap:1rem; padding:.8rem 1rem; }
.nav a{ color:#cfefff; text-decoration:none; }
.nav a:hover{ text-decoration:underline; }
.container{ max-width:var(--max); margin:0 auto; padding:1rem; }
.footer{ margin-top:2rem; padding:1rem; text-align:center; background:var(--muted); color:#334155; }

.grid-3{ display:grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap:1rem; }
.grid-2{ display:grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap:1rem; }
.card{ background:white; border:1px solid #e6edf2; border-radius:.8rem; padding:1rem; box-shadow: 0 1px 0 rgba(0,0,0,.02); }

.bullets{ line-height:1.9 }
.brand-row{ display:flex; gap:.5rem; flex-wrap:wrap; }
.pill{ background:#e6f4ff; border:1px solid #cfe8ff; padding:.3rem .6rem; border-radius:999px; }

.table{ width:100%; border-collapse:collapse; margin:1rem 0; background:white; }
.table th,.table td{ border:1px solid #e5e7eb; padding:.65rem .75rem; text-align:left; }
.table thead{ background:#f8fafc; }

.steps{ line-height:1.9; }
.contact-form{ display:grid; gap:.6rem; max-width:520px; }
label{ display:grid; gap:.25rem; font-weight:600; }
input, textarea, button{ padding:.6rem .75rem; border:1px solid #cbd5e1; border-radius:.5rem; }
button{ background:var(--primary); color:white; font-weight:700; cursor:pointer; }
button:hover{ filter:brightness(.95); }
