:root{
  --navy:#001d3b; --navy-2:#0a2a4e; --navy-3:#06182f;
  --gold:#fdd633; --gold-deep:#e9be1f;
  --ink:#13202e; --muted:#5d6e7e; --paper:#f5f8fc; --line:#e7eef6; --white:#fff;
  --maxw:1180px; --r:16px;
  --shadow:0 18px 40px -22px rgba(0,29,59,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:"Manrope","Inter",system-ui,sans-serif;line-height:1.12;margin:0;letter-spacing:-.02em;color:var(--navy)}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.eyebrow{font-family:"Manrope",sans-serif;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700;color:var(--gold-deep)}
.btn{display:inline-flex;align-items:center;gap:.55em;font-family:"Manrope",sans-serif;font-weight:600;font-size:15px;padding:13px 22px;border-radius:999px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.btn-gold{background:var(--gold);color:var(--navy)}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 14px 26px -12px rgba(253,214,51,.7)}
.btn-ghost{border:1.5px solid rgba(255,255,255,.4);color:#fff}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.btn-navy{background:var(--navy);color:#fff}
.btn-navy:hover{transform:translateY(-2px);box-shadow:0 14px 26px -12px rgba(0,29,59,.6)}
.btn-line{border:1.5px solid var(--navy);color:var(--navy)}
.btn-line:hover{background:var(--navy);color:#fff}

/* Top bar */
.topbar{background:var(--navy-3);color:#cdd9e8;font-size:13.5px}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:9px;padding-bottom:9px}
.topbar a{color:#e7eef7;white-space:nowrap}
.topbar a:hover{color:var(--gold)}
.topbar .sep{opacity:.4;margin:0 10px}

/* Header */
header{position:sticky;top:0;z-index:50;background:rgba(0,29,59,.96);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}
header .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:12px;padding-bottom:12px;position:relative}
.logo{display:inline-flex;align-items:center}
.logo img{height:57px;width:auto;display:block}
.logo-lockup{flex-direction:column;align-items:flex-start;justify-content:center;gap:5px}
.logo-sub{display:block;padding-left:5px;font-family:"Manrope",sans-serif;font-weight:800;font-size:12px;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
nav.main{display:flex;align-items:center;gap:30px}
nav.main a{color:#dbe6f2;font-size:15px;font-weight:500}
nav.main a:hover,nav.main a.active{color:var(--gold)}
nav.main .nav-call{display:none}
.nav-cta{display:inline-flex;align-items:center;gap:.5em;background:var(--gold);color:var(--navy);font-family:"Manrope",sans-serif;font-weight:700;font-size:15px;padding:10px 18px;border-radius:999px}
.nav-cta:hover{transform:translateY(-1px)}
.hgroup{display:flex;align-items:center;gap:14px}
.navtoggle{display:none}
.burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:46px;height:40px;border:1px solid rgba(255,255,255,.25);border-radius:10px;cursor:pointer;padding:0 11px}
.burger span{display:block;height:2px;background:#fff;border-radius:2px}

/* Hero (home) */
.hero{position:relative;background:radial-gradient(1200px 600px at 78% -10%,rgba(253,214,51,.16),transparent 60%),linear-gradient(160deg,#04203f 0%,#001d3b 55%,#03152b 100%);color:#eaf1f8;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:26px 26px;opacity:.5;mask-image:linear-gradient(180deg,#000,transparent 80%)}
.hero .wrap{position:relative;padding:84px 24px 96px;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.hero h1{color:#fff;font-size:clamp(34px,5vw,56px);font-weight:700}
.hero h1 .hl{color:var(--gold)}
.hero p.lead{font-size:clamp(17px,1.5vw,20px);color:#c4d3e3;margin:22px 0 32px;max-width:38ch}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.hero-stats{display:flex;gap:30px;margin-top:40px;flex-wrap:wrap}
.hero-stats div{min-width:90px}
.hero-stats b{display:block;font-family:"Manrope",sans-serif;font-size:26px;color:#fff;font-weight:700}
.hero-stats span{font-size:13.5px;color:#9fb4ca}
.hero-card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:30px;backdrop-filter:blur(4px)}
.hero-card h3{color:#fff;font-size:19px;margin-bottom:6px}
.hero-card p{color:#bccadb;font-size:14.5px;margin:0 0 20px}
.hero-card ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.hero-card li{display:flex;align-items:center;gap:12px;font-size:15px;color:#e7eef7}
.hero-card li svg{flex:0 0 auto}
.pill{display:inline-block;background:rgba(253,214,51,.14);color:var(--gold);border:1px solid rgba(253,214,51,.3);font-family:"Manrope",sans-serif;font-weight:600;font-size:12.5px;letter-spacing:.04em;padding:6px 14px;border-radius:999px;margin-bottom:24px}

/* Sub-hero (inner pages) */
.subhero{position:relative;background:radial-gradient(900px 500px at 85% -20%,rgba(253,214,51,.14),transparent 60%),linear-gradient(160deg,#04203f,#001d3b 60%,#03152b);color:#eaf1f8}
.subhero .wrap{padding:62px 24px 66px;max-width:820px}
.subhero .crumb{font-size:13px;color:#9fb4ca;margin-bottom:16px;font-family:"Manrope",sans-serif}
.subhero .crumb a:hover{color:var(--gold)}
.subhero h1{color:#fff;font-size:clamp(30px,4.4vw,46px);font-weight:700}
.subhero p{font-size:clamp(16px,1.4vw,19px);color:#c4d3e3;margin:18px 0 0;max-width:60ch}

/* Trust strip */
.trust{background:var(--white);border-bottom:1px solid var(--line)}
.trust .wrap{padding:30px 24px;display:flex;align-items:center;gap:40px;flex-wrap:wrap;justify-content:center}
.trust p{margin:0;font-size:13.5px;color:var(--muted);font-weight:600;letter-spacing:.02em}
.trust .logos{display:flex;align-items:center;gap:44px;flex-wrap:wrap;justify-content:center}
.trust img{height:48px;width:auto;opacity:.95;transition:.2s}
.trust img:hover{opacity:1;transform:translateY(-2px)}

/* Testimonial cards */
.tcard{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:30px 30px 28px;box-shadow:var(--shadow);display:flex;flex-direction:column}
.tcard .mk{font-family:"Manrope",sans-serif;font-size:56px;line-height:.55;color:var(--gold);height:30px}
.tcard blockquote{margin:0 0 22px;font-size:18px;line-height:1.55;color:var(--ink);font-weight:500}
.tcard figcaption{margin-top:auto;display:flex;flex-direction:column;gap:2px}
.tcard figcaption strong{font-family:"Manrope",sans-serif;color:var(--navy);font-size:16px}
.tcard figcaption span{color:var(--muted);font-size:13.5px}
.tcard.solo{max-width:760px;margin:30px auto 0}

/* Client logos within Client stories */
.clientlogos{margin-top:48px;text-align:center}
.clientlogos p{font-size:13.5px;color:var(--muted);font-weight:600;letter-spacing:.02em;margin:0 0 22px}
.clientlogos .row{display:flex;justify-content:center;align-items:center;gap:48px;flex-wrap:wrap}
.clientlogos img{height:50px;width:auto;opacity:.95;transition:.2s}
.clientlogos img:hover{opacity:1;transform:translateY(-2px)}

/* Featured testimonial banner */
.qfeature{position:relative;overflow:hidden;background:linear-gradient(160deg,#04203f,#001d3b 60%,#03152b);color:#fff;border-radius:20px;padding:50px 56px;text-align:center;max-width:940px;margin:0 auto;box-shadow:var(--shadow)}
.qfeature::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:22px 22px;opacity:.5}
.qfeature .mk{position:relative;font-family:"Manrope",sans-serif;font-size:62px;line-height:.5;color:var(--gold);height:32px}
.qfeature blockquote{position:relative;margin:0;font-family:"Manrope",sans-serif;font-weight:600;font-size:clamp(18px,2.1vw,24px);line-height:1.5;color:#fff}
.qfeature .by{position:relative;margin-top:24px;color:#bccadb;font-size:15px}
.qfeature .by strong{color:var(--gold);font-family:"Manrope",sans-serif}
@media(max-width:620px){.qfeature{padding:36px 26px}}

/* Sections */
section{padding:88px 0}
.sec-head{max-width:660px;margin:0 auto 52px;text-align:center}
.sec-head h2{font-size:clamp(28px,3.4vw,40px);margin:14px 0}
.sec-head p{color:var(--muted);font-size:17px;margin:0}
.paper{background:var(--paper)}

/* Coverage map */
.covmap{max-width:760px;margin:0 auto;border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}
.covmap svg{display:block;width:100%;height:auto}
.mapnote{max-width:760px;margin:18px auto 0;text-align:center;color:var(--muted);font-size:13px}

/* Prose (legal / long-form) */
.prose{max-width:760px;margin:0 auto}
.prose h2{font-size:21px;margin:32px 0 10px;color:var(--navy)}
.prose h2:first-child{margin-top:0}
.prose p{color:var(--ink);margin:0 0 14px}
.prose ul{margin:0 0 14px;padding-left:20px}
.prose li{margin:6px 0;color:var(--ink)}
.prose a:not(.btn){color:var(--gold-deep);font-weight:600}
.prose a:not(.btn):hover{text-decoration:underline}

/* Service / card grid */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:var(--white);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.card .ph{aspect-ratio:16/9;overflow:hidden;background:var(--navy)}
.card .ph img{width:100%;height:100%;object-fit:cover;transition:.4s}
.card:hover .ph img{transform:scale(1.05)}
.card .body{padding:24px 24px 26px;flex:1;display:flex;flex-direction:column}
.card h3{font-size:19px;margin-bottom:9px}
.card p{margin:0;color:var(--muted);font-size:15px}
.card .tag{margin-top:auto;padding-top:16px;font-family:"Manrope",sans-serif;font-size:13px;font-weight:600;color:var(--gold-deep)}

/* Split (service detail) */
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.split.rev .col-img{order:2}
.split .col-img img{width:100%;border-radius:var(--r);box-shadow:var(--shadow)}
.split h2{font-size:clamp(24px,3vw,34px);margin-bottom:16px}
.split p{color:var(--muted);font-size:16px;margin:0 0 14px}
.checklist{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:13px}
.checklist li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;color:var(--ink)}
.checklist li svg{flex:0 0 auto;margin-top:3px}

/* Why */
.why{background:var(--navy);color:#e9f0f8}
.why h2{color:#fff}
.why .sec-head p{color:#a9bdd3}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:8px}
.feat{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:var(--r);padding:28px 24px}
.feat .ic{width:46px;height:46px;border-radius:12px;background:rgba(253,214,51,.16);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.feat h3{color:#fff;font-size:17.5px;margin-bottom:8px}
.feat p{margin:0;color:#aebfd2;font-size:14.5px}

/* Stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.stat{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:var(--r);padding:30px 22px;text-align:center}
.stat b{display:block;font-family:"Manrope",sans-serif;font-weight:700;font-size:clamp(26px,3vw,34px);color:var(--gold);line-height:1.05}
.stat span{display:block;margin-top:10px;color:#aebfd2;font-size:14px;line-height:1.4}

/* Switching */
.switchlist{list-style:none;margin:0 auto;padding:0;max-width:820px;display:grid;grid-template-columns:1fr 1fr;gap:16px 32px}
.switchlist li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;color:var(--ink)}
.switchlist li svg{flex:0 0 auto;margin-top:3px}

/* Q&A */
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.qbox{background:var(--white);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;padding:24px 26px}
.qbox h3{font-size:18px;margin-bottom:8px;color:var(--navy)}
.qbox p{margin:0;color:var(--muted);font-size:15px}

/* Areas */
.areas .map{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:820px;margin:0 auto}
.areas .chip{background:var(--white);border:1px solid var(--line);border-radius:999px;padding:11px 22px;font-family:"Manrope",sans-serif;font-weight:600;font-size:15px;color:var(--navy);transition:.15s}
.areas a.chip:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:var(--shadow)}
.areas a.chip.hq:hover{color:#fff}
.areas .chip.hq{background:var(--navy);color:#fff}
.areas .chip.hq span{color:var(--gold)}

/* Quote */
.quote{background:linear-gradient(160deg,#04203f,#001d3b);color:#fff;text-align:center}
.quote .wrap{max-width:860px}
.quote .mk{font-family:"Manrope",sans-serif;font-size:64px;line-height:1;color:var(--gold);height:34px}
.quote blockquote{margin:0;font-family:"Manrope",sans-serif;font-weight:600;font-size:clamp(22px,3vw,32px);line-height:1.3;color:#fff}
.quote .by{margin-top:22px;color:#a9bdd3;font-size:15px}

/* CTA band */
.band{background:var(--gold)}
.band .wrap{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding:46px 24px}
.band h2{color:var(--navy);font-size:clamp(24px,3vw,34px);max-width:20ch}
.band p{margin:8px 0 0;color:#4a3d0c;font-weight:500}
.band .act{display:flex;gap:14px;flex-wrap:wrap}

/* Footer */
footer{background:var(--navy-3);color:#9fb2c6;font-size:14.5px}
footer .wrap{padding:64px 24px 30px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px}
footer h4{font-family:"Manrope",sans-serif;color:#fff;font-size:14px;letter-spacing:.04em;text-transform:uppercase;margin:0 0 16px}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
footer a:hover{color:var(--gold)}
footer .logo{margin-bottom:12px}
footer .logo img{height:50px}
footer .strap{color:var(--gold);font-family:"Manrope",sans-serif;font-weight:600;font-size:13px;letter-spacing:.03em;margin:0 0 14px}
footer .blurb{max-width:32ch;color:#8ba0b6;margin:0}
footer .contact a{color:#e7eef7;font-weight:600}
.foot-bottom{border-top:1px solid rgba(255,255,255,.08)}
.foot-bottom .wrap{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:18px 24px;font-size:13px;color:#7d92a8}

@media(max-width:980px){
  .hero .wrap{grid-template-columns:1fr;gap:40px;padding:60px 24px 72px}
  .grid{grid-template-columns:repeat(2,1fr)}
  .grid4{grid-template-columns:repeat(2,1fr)}
  .split{grid-template-columns:1fr;gap:30px}
  .split.rev .col-img{order:0}
  .stats{grid-template-columns:repeat(2,1fr)}
  footer .wrap{grid-template-columns:1fr 1fr}
  .nav-cta{display:none}
  .burger{display:flex}
  nav.main{position:absolute;top:100%;left:0;right:0;background:#001d3b;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 26px 34px -20px rgba(0,0,0,.6);flex-direction:column;align-items:stretch;gap:0;padding:6px 0;display:none}
  nav.main a{padding:14px 24px;font-size:16px}
  nav.main .nav-call{display:block;color:var(--gold);font-weight:700;border-top:1px solid rgba(255,255,255,.08);margin-top:6px}
  .navtoggle:checked ~ nav.main{display:flex}
}
@media(max-width:620px){
  .grid,.grid2,.grid4,.stats,.switchlist,footer .wrap{grid-template-columns:1fr}
  .topbar .hide-sm{display:none}
  .topbar .tb-left{display:none}
  .topbar .wrap{justify-content:center}
  .logo img{height:44px}
  .logo-sub{font-size:10px;letter-spacing:.12em;padding-left:4px}
  section{padding:60px 0}
  .band .wrap{flex-direction:column;align-items:flex-start}
}

/* Light info card (contact page) + blog/insights */
.infocard{background:var(--white);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:16px;padding:30px;box-shadow:var(--shadow)}
.infocard h3{font-size:19px;margin-bottom:6px;color:var(--navy)}
.infocard p{color:var(--muted);font-size:15px;margin:0 0 18px}
.infocard ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.infocard li{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--ink)}
.infocard li svg{flex:0 0 auto}
.infocard p strong{color:var(--navy)}
.infocard a:not(.btn){color:var(--navy);font-weight:600}
.postmeta{font-family:"Manrope",sans-serif;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:10px}
.card .postmeta{margin-bottom:6px}
.article{max-width:760px;margin:0 auto}
.article h2{font-size:clamp(22px,2.6vw,28px);margin:34px 0 12px}
.article h3{font-size:20px;margin:24px 0 10px}
.article p{color:var(--ink);font-size:16.5px;line-height:1.7;margin:0 0 16px}
.article ul{margin:0 0 18px;padding-left:22px;color:var(--ink);line-height:1.7}
.article li{margin:0 0 8px}
.article a:not(.btn){color:var(--navy);font-weight:600;text-decoration:underline;text-decoration-color:var(--gold)}
.article .lead-p{font-size:18px;color:var(--muted)}
.nearby{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.nearby a{font-family:"Manrope",sans-serif;font-weight:600;font-size:14px;color:var(--navy);background:var(--white);border:1px solid var(--line);border-radius:999px;padding:8px 16px;text-decoration:none}
.nearby a:hover{border-color:var(--gold)}