:root{
  --ink:#0b1220; --muted:#64748b; --line:#e6eef7; --brand:#1d4ed8; --brand2:#3b82f6;
  --bg:#ffffff; --bg2:#f8fafc;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg2)}
.container{max-width:1100px;margin:0 auto;padding:24px 16px}
.row{display:flex;gap:16px}
.between{justify-content:space-between}
.center{align-items:center}

/* Header */
.logo{font-weight:800}
.nav a{margin-left:14px;text-decoration:none;color:#0f172a}
.nav .active{font-weight:700}
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);z-index:10}

/* Hero */
.hero{color:#0b1220;position:relative}
.hero-bg{background:#111 url('assets/img/hero_dc.jpg') center/cover no-repeat}
.hero .container{padding:64px 16px}
.hero h1{font-size:40px;margin:0 0 8px;color:#fff}
.lead{color:#e7efff;max-width:820px}
.highlight{color:#7dd3fc}
.hero-cta{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 0;padding:0;list-style:none}
.badges li{background:rgba(255,255,255,.9);border:1px solid #dbe3ef;border-radius:999px;padding:6px 10px;font-size:14px}

.header-email {
  font-size: 14px;
  color: #1e3a8a;       /* dark blue tone */
  text-decoration: none;
  font-weight: 600;
}
.header-email:hover {
  text-decoration: underline;
}

/* Sections & grids */
.section{padding:28px 0}
.section.light{background:#ffffff}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (max-width:900px){.grid-3{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}}
.grid-2 .span-2{grid-column:1/-1}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}
.images .img-card img{width:100%;height:auto;border-radius:10px;display:block}
.muted{color:var(--muted)}
.small{font-size:12px}

/* Page hero */
.page-hero{background:#fff;border-bottom:1px solid var(--line)}
.page-hero .container{padding:32px 16px}
.page-hero h1{margin:0 0 8px}

/* Strips (full-width image blocks) */
.strip{background:#fff}
.strip img{width:100%;height:auto;display:block}

/* Lists */
.columns{list-style:disc;padding-left:18px}
.check{list-style:none;padding:0}
.check li{padding-left:26px;position:relative;margin:8px 0}
.check li::before{content:"✔";position:absolute;left:0;top:0;color:#16a34a}
.dots{list-style:disc;padding-left:18px}

/* Form */
.form{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;margin-top:8px}
label{display:block;font-size:14px;color:#334155;margin:6px 0 4px}
input,select,textarea{width:100%;padding:10px 12px;border:1px solid #dbe3ef;border-radius:10px;font-size:16px;background:#fff}
input:focus,select:focus,textarea:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px rgba(147,197,253,.35)}
.hp{position:absolute;left:-9999px;top:-9999px;height:0;overflow:hidden}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}

/* Buttons */
.btn{background:linear-gradient(90deg,var(--brand),var(--brand2));color:#fff;border:none;border-radius:10px;padding:12px 16px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}
.btn.ghost{background:#fff;color:var(--brand);border:1px solid #bfd3ff}

/* Footer */
.site-footer{border-top:1px solid var(--line);background:#fff}