:root{
  --ink:#0c1624;
  --navy:#10233d;
  --navy-2:#17365d;
  --gold:#d6b36a;
  --sand:#f6f0e5;
  --mist:#eef3f8;
  --line:rgba(16,35,61,.12);
  --text:#243142;
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#f7fafc 0%,#eef4f9 100%)}.nearby-links a, .content-card a, .blog-card a
a{text-decoration:none}
.topbar{background:#0a1b31;color:#fff;font-size:.95rem}
.topbar a{color:#fff;font-weight:700}
.navbar{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.navbar-brand{font-weight:800;letter-spacing:.02em;color:var(--navy)!important}
.nav-link{font-weight:600;color:var(--navy)!important}
.hero{position:relative;overflow:hidden;background:
 radial-gradient(circle at 15% 20%, rgba(214,179,106,.20), transparent 28%),
 radial-gradient(circle at 85% 25%, rgba(23,54,93,.14), transparent 25%),
 linear-gradient(135deg,#f8fbff 0%,#edf4fb 45%,#f9f3e8 100%);
 padding:6rem 0 4.5rem;border-bottom:1px solid var(--line)}
.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(2px)}
.hero:before{width:320px;height:320px;background:rgba(214,179,106,.10);right:-60px;top:-80px}
.hero:after{width:220px;height:220px;background:rgba(16,35,61,.08);left:-60px;bottom:-70px}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--navy-2);font-weight:800;font-size:.78rem}
.display-title{font-size:clamp(2.2rem,4vw,4rem);font-weight:800;line-height:1.05;color:var(--ink)}
.lead{font-size:1.1rem;color:#45586f}
.btn-brand{background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff;border:none;padding:.9rem 1.35rem;border-radius:999px;font-weight:700}
.btn-brand:hover{color:#fff;opacity:.96}
.btn-outline-brand{border:1px solid var(--navy);color:var(--navy);padding:.9rem 1.35rem;border-radius:999px;font-weight:700;background:#fff}
.glass-card,.feature-card,.content-card,.blog-card{background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.9);box-shadow:0 18px 50px rgba(15,35,60,.08);border-radius:24px}
.glass-card{padding:1.35rem}
.metric{padding:1rem 1.1rem;border-radius:18px;background:rgba(255,255,255,.78);border:1px solid rgba(16,35,61,.08)}
.section{padding:4.75rem 0}
.section-title{font-size:clamp(1.7rem,2.5vw,2.6rem);font-weight:800;color:var(--ink);margin-bottom:.85rem}
.section-sub{color:#5d6c7b;max-width:760px}
.feature-card,.content-card,.blog-card{padding:1.6rem;height:100%}
.icon-badge{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(16,35,61,.08),rgba(214,179,106,.18));color:var(--navy);font-size:1.2rem;margin-bottom:1rem}
.split-band{background:linear-gradient(135deg,var(--navy),#112948);color:#fff;border-radius:32px;padding:2.2rem}
.split-band h2,.split-band p,.split-band a{color:#fff}
.list-check{list-style:none;padding-left:0;margin:0}
.list-check li{position:relative;padding-left:1.9rem;margin-bottom:.7rem}
.list-check li:before{content:"\f058";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;top:0;color:var(--gold)}
.nearby-links a, .blog-card a{color:var(--navy);font-weight:700}
footer{background:#0d1a2b;color:rgba(255,255,255,.82);padding:3rem 0 1.5rem}
footer h5{color:#fff;font-size:1rem;margin-bottom:1rem}
footer a{color:rgba(255,255,255,.82)}
footer a:hover{color:#fff}
.page-hero{padding:4rem 0 3rem;background:linear-gradient(135deg,#f8fbff 0%,#f0f5fb 45%,#f7f0e4 100%);border-bottom:1px solid var(--line)}
.cta-panel{background:linear-gradient(135deg,#112847,#1a3a61);color:#fff;border-radius:28px;padding:2rem}
.cta-panel h2,.cta-panel p{color:#fff}
.breadcrumb a{color:var(--navy)}
.accordion-item{border:none;background:#fff;border-radius:18px!important;overflow:hidden;box-shadow:0 10px 24px rgba(15,35,60,.06);margin-bottom:1rem}
.accordion-button{font-weight:700;color:var(--ink);background:#fff}
.accordion-button:not(.collapsed){background:#f6f8fb;color:var(--navy)}
.table-lite td,.table-lite th{padding:.85rem;border-color:#e7edf3}
@media (max-width: 991px){
  .hero{padding-top:5rem}
}