/* =========================================================
   SECTION 1 — HEADER + HERO STYLES
   Design tokens match the site palette:
   Navy #003E7E · Orange #F58220 · BG #FFFFFF/#F7F9FC · Footer #0B1525
   Fonts: Manrope (body/UI) · Poppins (display)
   ========================================================= */

:root{
  --navy:#003E7E;
  --navy-deep:#00203f;
  --navy-mid:#0a4f96;
  --orange:#F58220;
  --orange-deep:#d96c0f;
  --bg-light:#F7F9FC;
  --text:#1A1A1A;
  --gray:#6B7280;
  --ff-head:'Poppins',sans-serif;
  --ff-body:'Manrope',sans-serif;
  --ff-mono:'DM Mono',monospace;
  --header-h:104px;
  --header-h-scrolled:76px;
}
*{box-sizing:border-box;}
.container-x{max-width:1320px;margin:0 auto;padding:0 24px;}

/* ---------- TOPBAR ---------- */
.topbar{background:var(--navy-deep);color:#cfe0f2;font-size:13px;padding:9px 0;font-family:var(--ff-body);position:relative;z-index:1100;}
.topbar a{color:#cfe0f2;opacity:.85;text-decoration:none;transition:opacity .2s;}
.topbar a i{color:var(--orange);margin-right:6px;font-size:12px;}
.topbar a:hover{opacity:1;}
.tb-divider{width:1px;height:13px;background:rgba(255,255,255,.18);display:inline-block;}
.iso-badge{background:rgba(245,130,32,.16);color:var(--orange);padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.05em;font-family:var(--ff-mono);}

/* ---------- HEADER ---------- */
.site-header{
  position:sticky;top:0;z-index:1000;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(18px) saturate(180%);
  -webkit-backdrop-filter:blur(18px) saturate(180%);
  border-bottom:1px solid rgba(0,62,126,.07);
  transition:box-shadow .4s ease, border-color .4s ease;
}
.site-header.is-scrolled{
  box-shadow:0 12px 34px -18px rgba(0,32,63,.28);
  border-bottom-color:rgba(0,62,126,.12);
}
.site-header .navbar{
  min-height:var(--header-h);
  align-items:center;
  transition:min-height .35s cubic-bezier(.2,.8,.2,1);
}
.site-header.is-scrolled .navbar{min-height:var(--header-h-scrolled);}

.brand{display:flex;align-items:center;gap:14px;text-decoration:none;}
.brand-mark{height:52px;width:auto;transition:height .35s ease;}
.site-header.is-scrolled .brand-mark{height:40px;}
.brand-word{
  font-family:var(--ff-head);font-weight:800;font-size:20px;line-height:1.15;
  color:var(--navy);white-space:nowrap;
}
.brand-word small{
  display:block;font-family:var(--ff-mono);font-weight:500;font-size:10.5px;
  letter-spacing:.16em;color:var(--gray);text-transform:uppercase;margin-top:2px;
}

.nav-divider{width:1px;height:34px;background:rgba(0,62,126,.12);margin:0 32px;}

.main-nav-list{gap:6px;align-items:center;}
.nav-link-x{
  font-family:var(--ff-body);font-weight:700;font-size:14px;letter-spacing:.02em;
  color:var(--text);padding:12px 18px !important;position:relative;display:block;
  text-decoration:none;transition:color .25s ease;
}
.nav-link-x::after{
  content:"";position:absolute;left:18px;right:18px;bottom:9px;height:2px;
  background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.2,.8,.2,1);
}
.nav-link-x:hover{color:var(--navy);}
.nav-link-x:hover::after{transform:scaleX(1);}
.dropdown-toggle::after{border-top-color:var(--gray);margin-left:8px;vertical-align:2px;}

/* Mega menu */
.mega-panel{
  border:none;border-radius:20px;padding:28px;margin-top:14px;
  box-shadow:0 30px 70px -28px rgba(0,32,63,.35);
  min-width:640px;background:#fff;
}
.mega-grid{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:8px;}
.mega-label{
  display:block;font-family:var(--ff-mono);font-size:11px;letter-spacing:.12em;
  color:var(--orange);text-transform:uppercase;margin-bottom:14px;font-weight:600;
}
.mega-link{
  display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;
  font-size:14px;font-weight:600;color:var(--text);text-decoration:none;
  transition:background .2s ease, color .2s ease, transform .2s ease;
}
.mega-link i{color:var(--navy);width:18px;font-size:14px;}
.mega-link:hover{background:var(--bg-light);color:var(--navy);transform:translateX(3px);}
.mega-feature{position:relative;border-radius:14px;overflow:hidden;min-height:180px;}
.mega-feature img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;}
.mega-feature-text{
  position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;
  padding:18px;background:linear-gradient(0deg, rgba(0,32,63,.92) 10%, rgba(0,32,63,.15) 80%);color:#fff;
}
.mega-feature-text span{font-family:var(--ff-mono);font-size:10.5px;letter-spacing:.1em;color:var(--orange);text-transform:uppercase;}
.mega-feature-text strong{font-family:var(--ff-head);font-size:16px;margin:6px 0 10px;}
.mega-feature-text a{color:#fff;font-size:13px;font-weight:700;text-decoration:none;}
.mega-feature-text a i{margin-left:4px;font-size:11px;transition:transform .25s;}
.mega-feature-text a:hover i{transform:translateX(4px);}

/* Nav actions */
.nav-actions{display:flex;align-items:center;gap:14px;margin-left:24px;}
.icon-btn{
  width:42px;height:42px;border-radius:50%;border:1.5px solid rgba(0,62,126,.15);
  background:transparent;color:var(--navy);display:flex;align-items:center;justify-content:center;
  transition:all .25s ease;cursor:pointer;
}
.icon-btn:hover{background:var(--navy);color:#fff;border-color:var(--navy);}
.btn-quote{
  display:inline-flex;align-items:center;gap:10px;background:var(--orange);color:#fff;
  font-weight:700;font-size:14px;padding:13px 26px;border-radius:50px;text-decoration:none;
  box-shadow:0 14px 28px -10px rgba(245,130,32,.55);transition:all .3s cubic-bezier(.2,.8,.2,1);
}
.btn-quote i{font-size:12px;transition:transform .3s;}
.btn-quote:hover{background:var(--orange-deep);transform:translateY(-2px);box-shadow:0 18px 32px -10px rgba(245,130,32,.6);}
.btn-quote:hover i{transform:translateX(4px);}

.navbar-toggler{border:none;background:none;padding:8px;display:flex;flex-direction:column;gap:5px;}
.navbar-toggler span{width:26px;height:2px;background:var(--navy);display:block;border-radius:2px;}

/* ---------- HERO ---------- */
.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;}
.hero-media{position:absolute;inset:0;z-index:0;}
.hero-bg{
  width:100%;height:100%;object-fit:cover;
  animation:heroKenBurns 22s ease-in-out infinite alternate;
}
@keyframes heroKenBurns{
  0%{transform:scale(1) translate(0,0);}
  100%{transform:scale(1.12) translate(-1%, -1%);}
}
.hero-overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(115deg, rgba(0,20,45,.94) 10%, rgba(0,45,88,.82) 45%, rgba(0,62,126,.55) 100%),
    linear-gradient(0deg, rgba(0,16,36,.95) 0%, rgba(0,16,36,.15) 45%, rgba(0,16,36,.55) 100%);
}
.hero-grid{
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(180deg,#000 0%, rgba(0,0,0,.4) 60%, transparent 100%);
}

.hero-inner{position:relative;z-index:2;padding-top:64px;}
.eyebrow-pill{
  display:inline-flex;align-items:center;gap:10px;padding:9px 20px;border-radius:50px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(10px);font-family:var(--ff-mono);font-size:12.5px;letter-spacing:.08em;
  color:#e6eefb;margin-bottom:32px;
}
.eyebrow-pill i{color:var(--orange);}

.hero-title{
  font-family:var(--ff-head);font-weight:300;line-height:1.05;margin:0 0 26px;
  font-size:clamp(2.6rem, 5.6vw, 5rem);
}
.hero-title .line-1{display:block;font-weight:300;color:#eaf1fb;}
.hero-title .line-2{display:block;font-weight:800;color:#fff;margin-top:4px;}
.hero-title .line-2 em{font-style:normal;color:var(--orange);}

.hero-lead{
  font-family:var(--ff-body);font-size:19px;line-height:1.7;color:#c8d7ea;
  max-width:600px;margin-bottom:44px;font-weight:400;
}

.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:100px;}
.btn-primary-x{
  display:inline-flex;align-items:center;gap:10px;background:var(--orange);color:#fff;
  font-weight:700;font-size:15px;padding:16px 30px;border-radius:50px;text-decoration:none;
  box-shadow:0 18px 36px -12px rgba(245,130,32,.55);transition:all .3s cubic-bezier(.2,.8,.2,1);
}
.btn-primary-x:hover{transform:translateY(-3px);background:var(--orange-deep);box-shadow:0 22px 40px -12px rgba(245,130,32,.65);}
.btn-glass-x{
  display:inline-flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:15px;
  padding:15px 28px;border-radius:50px;text-decoration:none;
  background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.3);backdrop-filter:blur(10px);
  transition:all .3s ease;
}
.btn-glass-x:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.55);}
.btn-text-x{
  color:#fff;font-weight:700;font-size:15px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;
  border-bottom:1.5px solid rgba(255,255,255,.35);padding-bottom:3px;transition:border-color .25s ease;
}
.btn-text-x:hover{border-color:var(--orange);color:var(--orange);}

/* Floating glass stat dock */
.hero-stat-dock{
  position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.16);
  border-radius:20px;backdrop-filter:blur(16px) saturate(160%);overflow:hidden;
  margin:0 24px 28px;max-width:1272px;margin-left:auto;margin-right:auto;
}
.stat-glass{
  background:rgba(10,30,55,.35);padding:24px 20px;display:flex;align-items:center;gap:14px;
}
.stat-glass i{font-size:20px;color:var(--orange);}
.stat-glass b{font-family:var(--ff-head);font-size:1.7rem;font-weight:800;display:block;color:#fff;line-height:1;}
.stat-glass span{font-size:11.5px;color:#b9cbe0;font-family:var(--ff-mono);letter-spacing:.06em;text-transform:uppercase;}

/* Trust bar inside hero base */
.hero-trust-bar{
  position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.1);
  padding:20px 24px 26px;display:flex;flex-wrap:wrap;align-items:center;gap:26px;
  max-width:1272px;margin:0 auto;width:100%;
}
.trust-label{font-family:var(--ff-mono);font-size:11.5px;letter-spacing:.1em;color:#9bb2cc;text-transform:uppercase;white-space:nowrap;}
.trust-track{display:flex;align-items:center;gap:38px;overflow:hidden;flex:1;}
.trust-track img{height:26px;opacity:.65;filter:brightness(0) invert(1);transition:opacity .25s;}
.trust-track img:hover{opacity:1;}

/* Scroll cue */
.scroll-cue{
  position:absolute;bottom:18px;right:28px;z-index:3;background:none;border:none;color:#cfe0f2;
  font-family:var(--ff-mono);font-size:11px;letter-spacing:.14em;display:flex;flex-direction:column;
  align-items:center;gap:8px;cursor:pointer;opacity:.85;transition:opacity .25s;
}
.scroll-cue:hover{opacity:1;}
.scroll-cue i{animation:cueBounce 1.8s infinite;color:var(--orange);}
@keyframes cueBounce{0%,100%{transform:translateY(0);}50%{transform:translateY(6px);}}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1200px){
  .hero-stat-dock{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:991px){
  :root{--header-h:84px;--header-h-scrolled:70px;}
  .nav-divider{display:none;}
  .main-nav-list{align-items:flex-start;padding:20px 0;gap:2px;}
  .nav-link-x{padding:12px 4px !important;}
  .nav-link-x::after{left:4px;right:4px;}
  .mega-panel{min-width:100%;box-shadow:none;border:1px solid #eef1f6;}
  .mega-grid{grid-template-columns:1fr;}
  .mega-feature{display:none;}
  .nav-actions{margin:16px 0 0;}
  .hero-title{font-size:clamp(2.2rem,8vw,3rem);}
  .hero-lead{font-size:16.5px;}
  .hero-cta{margin-bottom:60px;}
}
@media (max-width:767px){
  .hero-stat-dock{grid-template-columns:1fr;margin:0 16px 20px;}
  .stat-glass{padding:18px 20px;}
  .trust-label{display:none;}
  .scroll-cue{display:none;}
  .hero{min-height:100svh;}
  .topbar{display:none !important;}
}
@media (prefers-reduced-motion: reduce){
  .hero-bg{animation:none;}
  .scroll-cue i{animation:none;}
}