
:root{
  --navy:#0B1D34; --navy-2:#102B4E; --steel:#415466; --slate:#7A8693;
  --light:#E6E9ED; --gold:#D4AF37; --white:#FFFFFF; --ink:#101820;
  --max:1180px; --radius:18px; --shadow:0 18px 50px rgba(11,29,52,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Open Sans",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}
img{max-width:100%;height:auto}
a{color:inherit}
.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;z-index:999;background:#fff;padding:8px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);border-bottom:1px solid #e9edf1;backdrop-filter:blur(10px)}
.header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand img{display:block;width:390px;max-width:48vw;height:auto}
.primary-nav{display:flex;align-items:center;gap:22px;font-weight:700;font-size:.95rem}
.primary-nav a{text-decoration:none}.primary-nav a:hover{color:var(--gold)}
.nav-group{position:relative}.nav-group-toggle{background:none;border:0;font:inherit;color:inherit;cursor:pointer;padding:0}
.nav-dropdown{display:none;position:absolute;top:28px;left:-20px;min-width:290px;background:#fff;padding:14px;border-radius:12px;box-shadow:var(--shadow);border:1px solid #edf0f3}
.nav-group:hover .nav-dropdown,.nav-group:focus-within .nav-dropdown{display:grid}
.nav-dropdown a{padding:9px 10px;border-radius:8px}.nav-dropdown a:hover{background:#f5f7f9}
.nav-toggle{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);color:var(--navy);font-family:Montserrat,sans-serif;font-weight:800;text-decoration:none;border-radius:999px;padding:14px 24px;border:2px solid var(--gold);transition:.2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(212,175,55,.25)}
.btn-outline{background:transparent;color:#fff;border-color:#fff}
.btn-small{padding:10px 17px;font-size:.85rem}
.hero{background:linear-gradient(125deg,var(--navy),#12395f 72%,#0b2440);color:#fff;padding:88px 0;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:58px}
.eyebrow{font-family:Montserrat,sans-serif;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);font-size:.82rem}
h1,h2,h3{font-family:Montserrat,sans-serif;line-height:1.16;color:var(--navy)}
.hero h1{color:#fff;font-size:clamp(2.6rem,5vw,5rem);margin:.25em 0}
.hero .lead{font-size:1.2rem;max-width:720px;color:#e6edf5}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.hero-mark{background:radial-gradient(circle at 50% 45%,rgba(212,175,55,.16),transparent 58%);padding:40px;text-align:center}
.hero-mark img{width:min(320px,76%);filter:drop-shadow(0 24px 42px rgba(0,0,0,.35))}
.section{padding:82px 0}.section-alt{background:#f5f7f9}.section-dark{background:var(--navy);color:#fff}
.section-dark h2,.section-dark h3{color:#fff}
.section-heading{max-width:760px;margin-bottom:34px}
.section-heading h2{font-size:clamp(2rem,3.4vw,3.3rem);margin:.15em 0}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:#fff;border:1px solid #e6eaee;border-radius:var(--radius);padding:28px;box-shadow:0 7px 25px rgba(11,29,52,.06)}
.card h3{margin-top:.35em}.card .icon{font-size:2rem;color:var(--gold)}
.card-link{display:inline-block;margin-top:10px;color:var(--navy);font-weight:800;text-decoration:none}
.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}
.feature-image{border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.feature-image img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.check-list{padding:0;list-style:none}.check-list li{padding:8px 0 8px 28px;position:relative}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:900}
.stat-band{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.stat{padding:22px;border-left:3px solid var(--gold);background:rgba(255,255,255,.06)}
.cta{background:linear-gradient(135deg,#fff7dc,#fff);border:1px solid #f0df9d;border-radius:26px;padding:46px}
.page-hero{padding:64px 0;background:linear-gradient(120deg,var(--navy),#163c65);color:#fff}.page-hero h1{color:#fff;font-size:clamp(2.3rem,4vw,4rem);margin:.2em 0}
.site-footer{background:#071525;color:#d9e1e9;padding:62px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.footer-grid h2{color:#fff;font-size:1rem;text-transform:uppercase;letter-spacing:.08em}
.footer-grid a{display:block;text-decoration:none;margin:8px 0;color:#d9e1e9}.footer-grid a:hover{color:var(--gold)}
.footer-logo{width:390px;max-width:100%;height:auto}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:42px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:.85rem}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}
label{font-weight:700}.field input,.field textarea,.field select{width:100%;padding:13px 14px;border:1px solid #ccd4dc;border-radius:10px;font:inherit}.field textarea{min-height:150px}
.notice{background:#fff7dc;border-left:4px solid var(--gold);padding:16px 18px;border-radius:8px}
@media(max-width:900px){
  .nav-toggle{display:block;background:var(--navy);color:#fff;border:0;border-radius:8px;padding:10px 14px}
  .primary-nav{display:none;position:absolute;left:20px;right:20px;top:78px;background:#fff;padding:20px;border-radius:14px;box-shadow:var(--shadow);align-items:stretch;flex-direction:column}
  .primary-nav.open{display:flex}.nav-dropdown{position:static;box-shadow:none;border:0;padding-left:12px;display:grid}
  .brand img{width:290px;max-width:68vw}
  .hero-grid,.split{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr}
}
@media(max-width:620px){
  .container{width:min(calc(100% - 28px),var(--max))}.section{padding:58px 0}.hero{padding:62px 0}
  .grid-4,.stat-band,.footer-grid,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}
  .footer-bottom{flex-direction:column}.hero-mark{padding:10px}.brand img{width:245px;max-width:72vw}
}

.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.notice-success{background:#edf8ef;border-left-color:#2f7d3e}
.notice-error{background:#fff0f0;border-left-color:#9b2c2c}
