:root{
  --orange:#E46E00;
  --prussian:#143148;
  --lapis:#3F648D;
  --aeon:#C0DE25;
  --bg:#F7F8FB;
  --card: rgba(255,255,255,0.92);
  --text:#2C2C2C;
  --muted: rgba(44,44,44,0.72);
  --line: rgba(20,49,72,0.14);
  --shadow: 0 18px 55px rgba(20,49,72,0.14);
  --shadow2: 0 10px 26px rgba(44,44,44,0.10);
  --r: 18px;
  --max: 1120px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--text);background:var(--bg);line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 14px;border-radius:12px;border:1px solid transparent;font-weight:800;font-size:14px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease;cursor:pointer;white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn.primary{background:linear-gradient(135deg,var(--orange),#ff9b43);color:#fff;box-shadow:0 14px 34px rgba(228,110,0,0.22)}
.btn.primary:hover{box-shadow:0 18px 44px rgba(228,110,0,0.28)}
.btn.ghost{background:rgba(255,255,255,0.80);border-color:rgba(20,49,72,0.22);color:var(--prussian)}
.btn.ghost:hover{background:rgba(63,100,141,0.10);border-color:rgba(63,100,141,0.26)}
.btn.small{padding:9px 12px;font-size:13px;border-radius:12px}
.topbar{background:linear-gradient(90deg,rgba(20,49,72,0.98),rgba(63,100,141,0.92));color:#fff;border-bottom:1px solid rgba(255,255,255,0.14)}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;font-size:13.5px;flex-wrap:wrap}
.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,0.10);border:1px solid rgba(255,255,255,0.16);white-space:nowrap}
.dot{width:8px;height:8px;border-radius:999px;background:var(--orange);box-shadow:0 0 0 3px rgba(228,110,0,0.18)}
.topbar a{color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(228,110,0,0.90)}
header{position:sticky;top:0;z-index:40;backdrop-filter:saturate(180%) blur(10px);background:rgba(247,248,251,0.90);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:14px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:34px;width:auto;display:block}
nav ul{display:flex;align-items:center;gap:10px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
nav a{font-size:14px;color:var(--prussian);padding:8px 10px;border-radius:10px}
nav a:hover{background:rgba(63,100,141,0.10)}
.nav-ctas{display:flex;align-items:center;gap:10px}
.menu-btn{display:none;border:1px solid rgba(20,49,72,0.22);background:rgba(255,255,255,0.72);padding:10px 12px;border-radius:12px;color:var(--prussian);font-weight:900}
.mobile{display:none;padding:0 0 14px}
.mobile.open{display:block}
.mobile a{display:block;padding:10px;border-radius:12px;border:1px solid rgba(20,49,72,0.14);background:rgba(255,255,255,0.70);margin-top:10px;color:var(--prussian);font-weight:900}
.hero-wrap{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,0.94),rgba(247,248,251,0.94)),radial-gradient(900px 520px at 10% 0%,rgba(63,100,141,0.12),transparent 62%),radial-gradient(780px 420px at 85% 15%,rgba(20,49,72,0.09),transparent 60%);border-bottom:1px solid var(--line)}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0.16;pointer-events:none;filter:saturate(0.9)}
.orange-arc{position:absolute;right:86px;bottom:110px;width:150px;height:150px;border-radius:999px;border:10px solid rgba(228,110,0,0.85);border-left-color:transparent;border-bottom-color:transparent;transform:rotate(18deg);opacity:0.85;pointer-events:none}
.hero{position:relative;padding:56px 0 40px}
.hero-grid{display:grid;grid-template-columns:1.12fr 0.88fr;gap:22px;align-items:center}
.kickers{display:flex;gap:10px;flex-wrap:wrap}
.tag{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:rgba(20,49,72,0.05);border:1px solid rgba(20,49,72,0.10);font-size:13px;font-weight:800;color:var(--prussian)}
.tag .mini-dot{width:7px;height:7px;border-radius:999px;background:var(--orange);box-shadow:0 0 0 3px rgba(228,110,0,0.14)}
h1{margin:14px 0 10px;font-size:clamp(34px,3.4vw,52px);letter-spacing:-0.7px;line-height:1.06;color:var(--prussian)}
.subhead{margin:0 0 16px;font-size:16.5px;color:rgba(44,44,44,0.78);max-width:70ch}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.statline{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.stat{padding:12px;border-radius:16px;border:1px solid rgba(20,49,72,0.12);background:rgba(255,255,255,0.82);box-shadow:0 10px 24px rgba(44,44,44,0.06)}
.stat b{display:block;color:var(--prussian);font-size:18px;letter-spacing:-0.2px}
.stat span{display:block;color:rgba(44,44,44,0.72);font-size:13px;margin-top:3px}
.card{background:var(--card);border:1px solid rgba(20,49,72,0.14);border-radius:var(--r);padding:16px;box-shadow:var(--shadow2)}
.card h3{margin:10px 0 6px;font-size:16px;letter-spacing:-0.2px;color:var(--prussian)}
.card p{margin:0;font-size:14.5px;color:var(--muted)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
section{padding:56px 0}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px;flex-wrap:wrap}
.section-head h2{margin:0;font-size:clamp(22px,2.1vw,34px);letter-spacing:-0.4px;line-height:1.1;color:var(--prussian)}
.section-head p{margin:0;max-width:78ch;font-size:15.5px;color:var(--muted)}
.carousel{border-radius:var(--r);border:1px solid rgba(20,49,72,0.14);background:rgba(255,255,255,0.80);box-shadow:var(--shadow2);overflow:hidden}
.carousel-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid rgba(20,49,72,0.12);background:rgba(247,248,251,0.75)}
.carousel-top b{color:var(--prussian)}
.carousel-view{position:relative}
.carousel-view img{width:100%;height:auto;display:block;background:#fff}
.carousel-nav{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none;padding:0 10px}
.cbtn{pointer-events:auto;width:44px;height:44px;border-radius:14px;border:1px solid rgba(20,49,72,0.18);background:rgba(255,255,255,0.72);color:var(--prussian);font-weight:900;cursor:pointer;display:grid;place-items:center;box-shadow:0 10px 22px rgba(20,49,72,0.10)}
.cbtn:hover{background:rgba(255,255,255,0.88)}
.dots{display:flex;gap:8px;align-items:center}
.dot2{width:8px;height:8px;border-radius:999px;background:rgba(20,49,72,0.22)}
.dot2.active{background:var(--orange)}
footer{padding:48px 0;background:linear-gradient(135deg,#10283B,var(--prussian));color:rgba(255,255,255,0.86);border-top:1px solid rgba(255,255,255,0.12)}
.footer-grid{display:grid;grid-template-columns:1.4fr 0.6fr 0.6fr;gap:20px}
.footer-grid h4{margin:0 0 10px;font-size:14px;color:rgba(255,255,255,0.92);letter-spacing:0.2px;text-transform:uppercase}
.footer-grid a{color:rgba(255,255,255,0.86)}
.footer-grid a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(228,110,0,0.9)}
.footer-small{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,0.14);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:rgba(255,255,255,0.70);font-size:12.5px}
@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr}
  .grid-3{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
  nav ul{display:none}
  .menu-btn{display:inline-flex;align-items:center;gap:10px}
  .statline{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
}