
:root{
  --navy:#082b57;
  --navy-2:#0d3c72;
  --green:#0a7d55;
  --green-2:#0c9767;
  --gold:#c58a13;
  --ink:#15202b;
  --muted:#607080;
  --surface:#f5f8fb;
  --line:#dce5ee;
  --white:#ffffff;
  --shadow:0 14px 38px rgba(6,35,68,.10);
  --radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1180px,92%);margin:auto}
.topbar{background:var(--navy);color:#dceafb;font-size:.86rem}
.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:8px 0}
.topbar a{color:#fff}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:82px}
.brand{display:flex;align-items:center;gap:14px;min-width:230px}
.brand img{width:210px;height:auto}
.nav{display:flex;align-items:center;gap:22px;font-size:.93rem;font-weight:650}
.nav a{padding:28px 0;border-bottom:3px solid transparent}
.nav a:hover,.nav a.active{color:var(--green);border-bottom-color:var(--gold)}
.nav-cta{display:flex;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:10px;font-weight:750;border:1px solid transparent;transition:.2s ease;cursor:pointer}
.btn-primary{background:var(--green);color:#fff}
.btn-primary:hover{background:var(--green-2);transform:translateY(-1px)}
.btn-secondary{background:var(--navy);color:#fff}
.btn-secondary:hover{background:var(--navy-2);transform:translateY(-1px)}
.btn-outline{border-color:var(--navy);color:var(--navy);background:#fff}
.btn-outline:hover{background:var(--surface)}
.menu-btn{display:none;border:0;background:none;font-size:1.6rem;color:var(--navy)}
.hero{position:relative;overflow:hidden;background:
 radial-gradient(circle at 84% 18%,rgba(197,138,19,.20),transparent 24%),
 radial-gradient(circle at 85% 72%,rgba(10,125,85,.19),transparent 28%),
 linear-gradient(115deg,#061f42 0%,#0b376a 58%,#0b4b62 100%);color:#fff}
.hero:after{content:"";position:absolute;right:-160px;top:-110px;width:520px;height:520px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 120px rgba(255,255,255,.02)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center;min-height:660px;padding:72px 0}
.eyebrow{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#aee0cf;margin-bottom:12px}
.hero h1{font-size:clamp(2.65rem,5vw,4.7rem);line-height:1.02;margin:0 0 22px;letter-spacing:-.035em}
.hero p{font-size:1.18rem;color:#d7e6f4;max-width:720px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hero .btn-outline{background:transparent;border-color:#fff;color:#fff}
.hero-card{background:rgba(255,255,255,.97);color:var(--ink);border-radius:24px;padding:30px;box-shadow:0 25px 70px rgba(0,0,0,.22)}
.hero-card h3{color:var(--navy);font-size:1.35rem;margin:0 0 10px}
.hero-card p{color:var(--muted);font-size:.98rem}
.hero-logo{background:white;border-radius:16px;padding:14px;margin-bottom:18px}
.hero-note{border-left:4px solid var(--gold);padding:12px 14px;background:#fff8e8;border-radius:8px;margin-top:18px;font-size:.93rem}
.trust-strip{border-bottom:1px solid var(--line);background:#fff}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.stat{padding:30px 22px;border-right:1px solid var(--line)}
.stat:last-child{border-right:0}
.stat strong{display:block;color:var(--navy);font-size:2.15rem;line-height:1}
.stat span{display:block;margin-top:8px;color:var(--muted);font-size:.9rem}
.section{padding:90px 0}
.section.alt{background:var(--surface)}
.section-head{max-width:800px;margin-bottom:42px}
.section-head.center{text-align:center;margin-left:auto;margin-right:auto}
.section h2{font-size:clamp(2rem,4vw,3.25rem);line-height:1.1;color:var(--navy);letter-spacing:-.025em;margin:0 0 14px}
.section-head p{font-size:1.07rem;color:var(--muted);margin:0}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 10px 25px rgba(20,42,64,.05)}
.card h3{color:var(--navy);margin:12px 0 8px;font-size:1.17rem}
.card p{color:var(--muted);margin:0;font-size:.95rem}
.icon{width:42px;height:42px;border-radius:11px;background:#e9f5f0;color:var(--green);display:flex;align-items:center;justify-content:center;font-weight:900}
.capability{display:grid;grid-template-columns:1fr 100px 1fr;align-items:stretch;gap:20px}
.cap-box{border-radius:22px;padding:32px}
.cap-box.before{background:#f5f7f9;border:1px solid var(--line)}
.cap-box.after{background:linear-gradient(150deg,#083461,#096848);color:#fff}
.cap-box ul{margin:18px 0 0;padding-left:20px}
.cap-box li{margin:10px 0}
.cap-arrow{display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--gold)}
.program-card{position:relative;padding-top:58px}
.program-number{position:absolute;top:18px;right:20px;color:#dfe7ee;font-weight:900;font-size:2rem}
.program-card a{display:inline-block;margin-top:16px;color:var(--green);font-weight:750}
.feature-row{display:grid;grid-template-columns:.95fr 1.05fr;gap:55px;align-items:center}
.feature-panel{background:linear-gradient(145deg,#072a56,#0b6a4d);color:#fff;border-radius:26px;padding:42px;min-height:400px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--shadow)}
.feature-panel h3{font-size:2rem;line-height:1.1;margin:0 0 14px}
.feature-panel p{color:#dceef0}
.tick-list{list-style:none;padding:0;margin:24px 0}
.tick-list li{padding:9px 0 9px 30px;position:relative;color:var(--ink)}
.tick-list li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}
.quote{font-size:1.45rem;line-height:1.4;color:var(--navy);font-weight:700;border-left:5px solid var(--gold);padding-left:22px;margin:26px 0}
.founder{display:grid;grid-template-columns:1fr 1.15fr;gap:42px;align-items:center}
.founder-visual{background:linear-gradient(135deg,#072a56,#0d7a56);min-height:440px;border-radius:26px;padding:34px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow)}
.founder-monogram{width:105px;height:105px;border-radius:50%;background:#fff;color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:900;border:5px solid rgba(197,138,19,.8)}
.tool-badges{display:flex;gap:10px;flex-wrap:wrap}
.badge{font-size:.82rem;font-weight:750;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28)}
.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.partner-card{padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff}
.partner-card h3{color:var(--navy);margin:0 0 8px}
.partner-card p{color:var(--muted);font-size:.93rem}
.cta{background:linear-gradient(110deg,#06264f,#0a7753);color:#fff;border-radius:28px;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.cta h2{color:#fff;margin:0 0 10px;font-size:2.2rem}
.cta p{color:#d9ece8;margin:0;max-width:700px}
.footer{background:#061c37;color:#c7d6e5;padding:62px 0 20px;margin-top:70px}
.footer-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr 1fr;gap:36px}
.footer img{width:190px;background:#fff;padding:8px;border-radius:10px}
.footer h4{color:#fff;margin-top:0}
.footer a{display:block;color:#c7d6e5;margin:7px 0;font-size:.92rem}
.footer a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:18px;font-size:.82rem;color:#90a7bd;display:flex;justify-content:space-between;gap:20px}
.page-hero{background:linear-gradient(120deg,#061f42,#0b5a50);color:#fff;padding:80px 0}
.page-hero h1{font-size:clamp(2.4rem,4vw,4rem);margin:0 0 14px;line-height:1.05}
.page-hero p{max-width:820px;color:#d9e7ef;font-size:1.08rem}
.content{padding:70px 0}
.content h2{color:var(--navy);margin-top:48px}
.content h3{color:var(--navy)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:38px}
.contact-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.contact-card{padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff}
.notice{background:#fff7df;border:1px solid #f0d48f;border-radius:14px;padding:18px;color:#644c10}
.source-note{font-size:.78rem;color:#788899;margin-top:12px}
.table-wrap{overflow:auto}
table.data{width:100%;border-collapse:collapse;background:#fff}
table.data th,table.data td{padding:14px;border:1px solid var(--line);vertical-align:top;text-align:left}
table.data th{background:var(--navy);color:#fff}
.kicker{color:var(--green);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem}
@media(max-width:980px){
  .nav{display:none;position:absolute;left:0;right:0;top:82px;background:#fff;border-bottom:1px solid var(--line);padding:18px 4%;flex-direction:column;align-items:flex-start}
  .nav.open{display:flex}
  .nav a{padding:8px 0}
  .menu-btn{display:block}
  .nav-cta{display:none}
  .hero-grid,.feature-row,.founder,.two-col{grid-template-columns:1fr}
  .trust-grid,.grid-4{grid-template-columns:repeat(2,1fr)}
  .grid-3,.partner-grid{grid-template-columns:1fr 1fr}
  .capability{grid-template-columns:1fr}
  .cap-arrow{transform:rotate(90deg)}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .brand img{width:168px}
  .topbar .container{flex-direction:column;align-items:flex-start;gap:2px}
  .hero-grid{padding:58px 0;min-height:auto}
  .hero h1{font-size:2.55rem}
  .trust-grid,.grid-4,.grid-3,.partner-grid,.contact-cards,.footer-grid{grid-template-columns:1fr}
  .stat{border-right:0;border-bottom:1px solid var(--line)}
  .section{padding:68px 0}
  .cta{padding:32px;flex-direction:column;align-items:flex-start}
}


/* ===== V2 Institutional Navigation ===== */
.nav-wrap{
  min-height:78px;
  gap:20px;
}
.brand{min-width:auto}
.brand img{width:235px}
.nav{
  gap:18px;
  font-size:.92rem;
  font-weight:700;
  margin-left:auto;
}
.nav-item{
  position:relative;
  display:flex;
  align-items:center;
}
.nav-link{
  display:flex;
  align-items:center;
  gap:6px;
  padding:28px 0;
  border-bottom:3px solid transparent;
  white-space:nowrap;
}
.nav-link:hover,
.nav-item:hover>.nav-link,
.nav-link.active{
  color:var(--green);
  border-bottom-color:var(--gold);
}
.chev{
  font-size:.72rem;
  transition:transform .2s ease;
}
.nav-item:hover .chev{transform:rotate(180deg)}

.dropdown{
  position:absolute;
  top:68px;
  left:50%;
  transform:translateX(-50%) translateY(10px);
  min-width:245px;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:0 18px 45px rgba(6,35,68,.14);
  border-radius:14px;
  padding:10px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:.18s ease;
  z-index:100;
}
.nav-item:hover>.dropdown,
.nav-item:focus-within>.dropdown{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}
.dropdown a{
  display:block;
  padding:10px 12px;
  border-radius:9px;
  color:var(--ink);
  border:0;
  font-weight:650;
  white-space:nowrap;
}
.dropdown a:hover{
  background:var(--surface);
  color:var(--green);
}

/* mega menu */
.dropdown.mega{
  width:720px;
  padding:18px;
}
.mega-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.mega-col h5{
  margin:4px 0 8px;
  font-size:.76rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--navy);
}
.mega-col a{
  white-space:normal;
  line-height:1.35;
}

.nav-cta{
  margin-left:8px;
}
.nav-cta .btn{
  padding:11px 16px;
  white-space:nowrap;
}
.partner-btn{
  background:var(--green);
  color:#fff;
  border-radius:10px;
  font-weight:800;
  padding:12px 18px;
}
.partner-btn:hover{background:var(--green-2)}

@media(max-width:1180px){
  .brand img{width:205px}
  .nav{gap:14px;font-size:.88rem}
  .nav-cta .btn{padding:10px 14px}
}
@media(max-width:980px){
  .nav{
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:78px;
    background:#fff;
    border-bottom:1px solid var(--line);
    padding:14px 4% 20px;
    flex-direction:column;
    align-items:stretch;
    gap:2px;
    max-height:calc(100vh - 90px);
    overflow:auto;
  }
  .nav.open{display:flex}
  .nav-item{display:block}
  .nav-link{
    padding:12px 0;
    justify-content:space-between;
    border-bottom:1px solid var(--line);
  }
  .dropdown,
  .dropdown.mega{
    position:static;
    transform:none;
    width:auto;
    min-width:0;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    box-shadow:none;
    border:0;
    border-radius:0;
    padding:6px 0 10px 14px;
    display:none;
  }
  .nav-item.open>.dropdown{display:block}
  .nav-item:hover>.dropdown{display:none}
  .nav-item.open:hover>.dropdown{display:block}
  .mega-grid{grid-template-columns:1fr}
  .nav-cta{display:none}
  .brand img{width:190px}
}
