:root{ --navy:#1F3A5F; --teal:#2CA6A4; --light:#F4F4F4; --ink:#0f172a; --bg:#f9fafb; }
*{ box-sizing:border-box }
body{ margin:0; font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background:var(--bg); color:var(--ink); }
.container{ max-width:1120px; margin:0 auto; padding:0 16px; }
header{ position:sticky; top:0; background:#fff; border-bottom:1px solid #e2e8f0; z-index:40; }
.brand{ display:flex; align-items:center; gap:12px; color:var(--navy); text-decoration:none; font-weight:800; }
.brand img{ height:42px; width:auto; }
nav{ display:flex; gap:16px; align-items:center; }
.hero{ background:linear-gradient(135deg,#0f172a 0%,#1f2937 45%,#0f766e 100%); color:#fff; }
.hero .inner{ padding:80px 0; }
h1{ margin:0 0 6px; font-size:40px; font-weight:800; }
.tagline{ font-style:italic; color:#e6fffb; opacity:.95; }
.lead{ max-width:760px; font-size:18px; opacity:.95; }
.btn{ display:inline-block; padding:12px 18px; border-radius:12px; font-weight:700; text-decoration:none; }
.btn.teal{ background:var(--teal); color:#0f172a; }
.btn.ghost{ background:rgba(255,255,255,.08); color:#fff; border:1px solid rgba(255,255,255,.3); }
section{ padding:56px 0; }
.grid3{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px; }
.card{ background:#fff; border:1px solid #e2e8f0; border-radius:16px; padding:18px; }
.card h3{ margin:0 0 6px; }
footer{ background:#fff; border-top:1px solid #e2e8f0; color:#475569; }
.small{ font-size:12px; line-height:1.6; }
.contact a{ color:var(--navy); text-decoration:none; }
.badge{ display:inline-block; background:#e5f7f6; color:#0f172a; border-radius:999px; padding:4px 10px; font-size:12px; font-weight:700; }