:root{--navy:#0B2545;--navy2:#13315C;--teal:#14A89B;--teal-d:#0E7C73;--teal-l:#E3F5F3;--ink:#1F2A37;--muted:#5B6776;--line:#DCE3EA;--r:14px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);line-height:1.6;background:#fff}
h1,h2,h3,h4{font-family:Montserrat,Inter,system-ui,sans-serif;color:var(--navy);line-height:1.2}
a{color:inherit}
.wrap{max-width:1140px;margin:0 auto;padding:0 22px}
.ph{background:#FFF4D6;color:#8A5A00;padding:0 .35em;border-radius:4px;font-weight:600}
.demo-bar{background:#FFF4D6;color:#6B4700;text-align:center;font-size:13px;padding:6px 12px}
/* nav */
.nav{position:sticky;top:0;z-index:20;background:rgba(11,37,69,.97);backdrop-filter:blur(6px)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-family:Montserrat,sans-serif;font-weight:800;font-size:15px;line-height:1.1}
.brand small{display:block;font-weight:600;font-size:10px;letter-spacing:.14em;color:#8FD9D0}
.brand picture{display:flex;flex:none}
.mark{width:44px;height:44px;display:block;flex:none}
.links{display:flex;gap:26px;align-items:center}
.links a{color:#DCE8F0;text-decoration:none;font-size:15px;font-weight:500}
.links a:hover{color:#fff}
.btn-sm{background:var(--teal);color:#fff!important;padding:8px 16px;border-radius:999px}
#menu,.burger{display:none}
/* hero */
.hero{background:linear-gradient(140deg,var(--navy) 0%,var(--navy2) 55%,#0E6E72 100%);color:#fff;overflow:hidden}
.hero-in{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center;padding:90px 22px 100px}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--teal);margin-bottom:10px}
.hero .eyebrow,.eyebrow.light{color:#7FE0D6}
.hero h1{color:#fff;font-size:clamp(32px,4.6vw,54px);font-weight:800;margin-bottom:18px}
.lead{font-size:18px;color:#CFE3EC;max-width:600px}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 36px}
.btn{display:inline-block;background:var(--teal);color:#fff;text-decoration:none;font-weight:700;padding:14px 24px;border-radius:999px;transition:.2s}
.btn:hover{background:var(--teal-d)}
.btn.ghost{background:transparent;border:2px solid rgba(255,255,255,.5)}
.btn.ghost:hover{background:rgba(255,255,255,.1)}
.facts{list-style:none;display:flex;flex-wrap:wrap;gap:34px;border-top:1px solid rgba(255,255,255,.2);padding-top:22px;font-size:14px;color:#AFC7D6}
.facts b{display:block;color:#fff;font-size:20px;font-family:Montserrat,sans-serif}
.hero-art{position:relative;aspect-ratio:1;max-width:380px;width:100%;justify-self:center}
.ring{position:absolute;left:50%;top:62%;border:14px solid var(--teal);border-color:var(--teal) transparent transparent transparent;border-radius:50%;transform:translate(-50%,-50%)}
.r1{width:100%;height:100%;opacity:.35}.r2{width:72%;height:72%;opacity:.6}.r3{width:44%;height:44%}
.dot{position:absolute;left:50%;top:62%;width:44px;height:44px;margin:-22px;border-radius:50%;background:var(--teal)}
/* sections */
.sec{padding:88px 0}
.tint{background:#F4F8FB}
.sec h2{font-size:clamp(28px,3.4vw,38px);margin-bottom:22px}
.sec h2:after{content:"";display:block;width:56px;height:4px;background:var(--teal);border-radius:2px;margin-top:14px}
.sec p{margin-bottom:14px}
.muted{color:var(--muted)}
.intro{max-width:720px;color:var(--muted)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.mv{display:grid;gap:18px}
.mv-card{background:var(--navy);color:#DCE8F0;border-radius:var(--r);padding:28px}
.mv-card.alt{background:#0E6E72}
.mv-card h3{color:#7FE0D6;margin-bottom:8px}.mv-card.alt h3{color:#fff}
.mv-card em{font-weight:400;font-size:13px;opacity:.75}
.mv-card p{margin:0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;margin-top:28px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;transition:.2s}
.card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(11,37,69,.08)}
.card.core{border-top:4px solid var(--teal)}
.card h3{font-size:18px;margin:10px 0 8px}
.card p{color:var(--muted);font-size:15px;margin:0}
.card.dashed{border-style:dashed;margin-top:22px}
.tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:var(--teal-l);color:var(--teal-d);padding:4px 10px;border-radius:999px}
.tag.allied{background:#EEF1F5;color:var(--muted)}
.tag.light{background:rgba(255,255,255,.15);color:#BFF0EA}
/* kag */
.kag{border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:0 14px 40px rgba(11,37,69,.08)}
.kag-head{display:flex;gap:24px;align-items:center;background:linear-gradient(120deg,var(--navy),#0E6E72);color:#DCE8F0;padding:30px}
.kag-head img{width:96px;height:96px;flex:none}
.kag-head h3{color:#fff;font-size:30px;margin:8px 0 6px}
.kag-head p{margin:0;max-width:620px}
.kag-body{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;padding:30px}
.kag-body h4{font-size:16px;margin:0 0 12px}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}
.chips li{background:var(--teal-l);border:1px solid #B9E4DF;color:var(--navy);font-weight:600;padding:6px 16px;border-radius:999px}
.steps{padding-left:20px;display:grid;gap:8px;color:var(--muted)}
.steps b{color:var(--navy)}
.prices{display:grid;gap:12px;align-content:start}
.price{display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:10px;padding:12px 16px}
.price span{font-weight:600}
.price b{font-family:Montserrat,sans-serif;font-size:24px;color:var(--navy);grid-row:span 2}
.price b.ph{font-size:16px;color:#8A5A00}
.price small{color:var(--muted)}
.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.photos figure{margin:0}.photos img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:12px;box-shadow:0 6px 18px rgba(11,37,69,.12)}.photos figcaption{font-size:13px;color:var(--muted);font-style:italic;text-align:center;margin-top:8px}
/* people */
.people{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:10px}
.person{background:#fff;border:1px solid var(--line);border-top:4px solid var(--teal);border-radius:var(--r);padding:26px;text-align:center}
.av{width:76px;height:76px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-family:Montserrat,sans-serif;font-weight:700;font-size:22px;border:3px solid var(--teal);margin:0 auto 14px;flex:none}
.person h3{font-size:18px}
.role{color:var(--teal-d);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin:6px 0 10px!important}
.partner{display:flex;gap:24px;align-items:center;margin-top:22px;background:var(--teal-l);border:2px solid var(--teal);border-radius:var(--r);padding:26px}
.partner .av{margin:0}
.partner-photo{flex:none;width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid var(--teal);box-shadow:0 8px 24px rgba(11,37,69,.18);background:var(--navy)}
.partner h3{font-size:22px;margin-top:8px}
.partner p{margin:0}
/* registration */
.reg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.reg div{background:#F4F8FB;border-radius:12px;padding:18px}
.reg dt{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:4px}
.reg dd{font-weight:600;color:var(--navy)}
/* contact */
.contact{background:var(--navy);color:#DCE8F0}
.contact h2{color:#fff}
.btn.wa{background:#25D366;color:#073B1E;margin-top:6px}
.btn.wa:hover{background:#1FB857}
.clist{list-style:none;display:grid;gap:4px}
.clist li{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.clist span{color:#7FE0D6;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.1em}
.clist a{color:#fff;text-decoration:none}
.foot{background:#071A31;color:#8EA3B8;font-size:13px;padding:22px 0;text-align:center}
.foot-logo{display:block;width:fit-content;margin:6px auto 14px}
.foot-logo img{display:block;width:300px;max-width:80vw;height:auto}
/* responsive */
@media (max-width:960px){
  .reg{grid-template-columns:repeat(2,1fr)}
  .people{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
  .burger{display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:8px}
  .burger span{width:24px;height:2px;background:#fff;border-radius:2px}
  .links{display:none;position:absolute;top:68px;left:0;right:0;background:var(--navy);flex-direction:column;align-items:flex-start;padding:10px 22px 22px;gap:14px}
  #menu:checked~.links{display:flex}
  .hero-in{grid-template-columns:1fr;padding:56px 22px 64px}
  .hero-art{display:none}
  .two,.kag-body{grid-template-columns:1fr;gap:30px}
  .sec{padding:64px 0}
}
@media (max-width:560px){
  .people,.photos,.reg{grid-template-columns:1fr}
  .kag-head,.partner{flex-direction:column;align-items:flex-start;text-align:left}
  .partner-photo{width:120px;height:120px}
  .kag-head{padding:24px}.kag-body{padding:22px}
  .facts{gap:20px}
  .clist li{grid-template-columns:1fr;gap:2px}
  .lead{font-size:16px}
}
.clist .ph{justify-self:start}

/* leadership v7: leaders first, board members compact */
.subhead{font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:26px 0 12px}
.leaders{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.leaders .partner{margin-top:0;align-items:flex-start;background:#fff;border:1px solid var(--line);border-top:4px solid var(--teal)}
.leaders .partner h3{font-size:22px;font-weight:800;margin-top:4px}
.leaders .partner .role{font-weight:700;margin:4px 0 10px}
.leaders .partner-photo{width:120px;height:120px}
.members{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.member{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px}
.member .av.sm{width:46px;height:46px;font-size:14px;border-width:2px;margin:0}
.member h4{font-size:15px;margin:0}
.member .role{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:2px 0 6px}
.member p:last-child{font-size:13px;color:var(--muted);line-height:1.5;margin:0}
@media (max-width:820px){.leaders,.members{grid-template-columns:1fr}.leaders .partner{flex-direction:column}}
.wa-float{position:fixed;right:18px;bottom:18px;z-index:50;width:58px;height:58px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.wa-float:hover{background:#1FB857}
