:root{
  --navy:#0B3D91; --navy-dark:#072a66; --gold:#D4AF37; --ink:#111827; --muted:#6b7280; --soft:#f6f7fb;
}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);}
h1,h2,h3,h4,h5,h6,.brand-text{font-family:'Poppins',system-ui,sans-serif;font-weight:700;}
a{text-decoration:none}
.text-gold{color:var(--gold)!important}
.text-navy{color:var(--navy)!important}
.link-gold{color:var(--gold)}
.link-gold:hover{color:var(--navy)}
.topbar{background:var(--navy-dark);color:#fff;font-size:.82rem;padding:.45rem 0}
.topbar a{color:#fff}
.site-nav{background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.07)}
.brand-text{color:var(--navy);font-size:1.15rem;letter-spacing:-.02em}
.nav-link{color:var(--ink);font-weight:500;font-size:.95rem}
.nav-link.active,.nav-link:hover{color:var(--navy)}
.btn-gold{background:var(--gold);border-color:var(--gold);color:#111;font-weight:600}
.btn-gold:hover{background:#c19d2b;border-color:#c19d2b;color:#111}
.btn-navy{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:600}
.btn-navy:hover{background:var(--navy-dark);border-color:var(--navy-dark);color:#fff}
.btn-outline-navy{border-color:var(--navy);color:var(--navy);font-weight:600}
.btn-outline-navy:hover{background:var(--navy);color:#fff}
.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700;color:var(--gold)}
.hero{position:relative;color:#fff;padding:6rem 0 4rem;background:var(--navy-dark);overflow:hidden}
.hero-media{position:absolute;inset:0}
.hero-media img{width:100%;height:100%;object-fit:cover;opacity:.35}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(7,42,102,.95),rgba(11,61,145,.6))}
.hero .container{z-index:2}
.stat-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:1.1rem;backdrop-filter:blur(6px)}
.stat-value{font-family:'Poppins';font-size:1.9rem;font-weight:800;color:var(--gold);line-height:1}
.stat-label{font-size:.8rem;color:rgba(255,255,255,.75)}
.stat-card-light{background:#fff;border:1px solid #e8eaf2;border-radius:14px;padding:1.1rem}
.page-hero{background:linear-gradient(120deg,var(--navy-dark),var(--navy));color:#fff;padding:4.5rem 0;text-align:center}
.section{padding:4.5rem 0}
.section-alt{background:var(--soft)}
.section-navy{background:var(--navy-dark);color:#fff}
.section-head{text-align:center;max-width:720px;margin:0 auto 2.5rem}
.section-head h2{margin-top:.5rem}
.section-head p{color:var(--muted)}
.card{border:1px solid #e8eaf2;border-radius:16px}
.service-card,.project-card,.post-card{transition:.2s;color:inherit}
.service-card:hover,.project-card:hover,.post-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(11,61,145,.12);border-color:var(--gold)}
.project-card img{border-radius:16px 16px 0 0;height:190px;object-fit:cover}
.badge-division{background:rgba(11,61,145,.09);color:var(--navy);font-weight:600}
.badge-source{background:rgba(212,175,55,.16);color:#8a6d12;font-weight:600}
.pillar,.step-light,.sidebar-card,.rating-card,.form-card{background:#fff;border:1px solid #e8eaf2;border-radius:16px;padding:1.5rem}
.rating-card{text-align:center}
.sidebar-card{position:sticky;top:90px}
.step{border-left:2px solid var(--gold);padding-left:1rem}
.step-num{font-family:'Poppins';font-weight:800;color:var(--gold)}
.check-list{list-style:none;padding-left:0}
.check-list li{position:relative;padding-left:1.6rem;margin-bottom:.55rem}
.check-list li:before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:700}
.stars{color:var(--gold);letter-spacing:2px}
.review-card{background:#fff}
.team-card .avatar{width:56px;height:56px;border-radius:50%;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;font-family:'Poppins';font-weight:700}
.article p{font-size:1.05rem;line-height:1.85;margin-bottom:1.2rem}
.cta-inline{background:var(--soft);border-radius:16px;padding:1.75rem}
.site-footer{background:#061f4d;color:#fff;padding:3.5rem 0 2rem}
.site-footer a{color:rgba(255,255,255,.75)}
.site-footer a:hover{color:var(--gold)}
.footer-head{color:#fff;font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:1rem}
.site-footer li{margin-bottom:.4rem}
@media(max-width:991px){.hero{padding:3.5rem 0}.sidebar-card{position:static}}