:root {
  --bg: #f7faff; --surface: #ffffff; --surface-alt: #eff5ff; --text: #0d1b2f; --muted: #49617f;
  --line: #d6e2f4; --primary: #1d4ed8; --primary-dark: #163da8; --whatsapp: #16a34a;
  --radius: 14px; --shadow: 0 12px 30px rgba(30, 78, 172, 0.08);
}
*{box-sizing:border-box}
html,body{margin:0;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
.container{width:min(1140px,92%);margin:0 auto}
.topbar{position:sticky;top:0;z-index:100;background:rgba(247,250,255,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(6px)}
.topbar-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.brand{text-decoration:none;color:#12388f;font-weight:800;font-size:1.08rem}
.menu{display:flex;gap:16px}.menu a{text-decoration:none;color:var(--muted);font-weight:600;font-size:.91rem}.menu a:hover{color:var(--primary)}
.section{padding:74px 0}.section-soft{background:var(--surface-alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hero{background:linear-gradient(160deg,#f9fbff 0%,#eaf2ff 100%)}
.hero-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start}
.eyebrow{margin:0 0 12px;font-size:.76rem;font-weight:700;letter-spacing:.11em;color:#3564bf}
h1{margin:0;font-size:clamp(2rem,4.8vw,3.15rem);line-height:1.12}
.lead{margin-top:14px;max-width:65ch;color:var(--muted);line-height:1.68}.hero-actions{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}
.metric-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}
.metric-panel h2{margin:0;font-size:1.14rem}.metric-panel ul{margin:12px 0 0;padding-left:18px}.metric-panel li{margin:8px 0;color:var(--muted)}.metric-panel p{margin:12px 0 0;color:#627b99;font-size:.9rem}
h2{margin:0;font-size:clamp(1.56rem,3vw,2.2rem)}h3.subhead{margin:24px 0 0;font-size:1.1rem;color:#183d84}h4{margin:0 0 8px;font-size:1rem}
.section-lead{margin:10px 0 0;color:var(--muted);line-height:1.65;max-width:72ch}
.cards{margin-top:18px;display:grid;gap:14px}.cards.five{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.cards.four{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.cards.three{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.cards.offerings{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;transition:transform .18s ease,box-shadow .18s ease}
.card:hover{transform:translateY(-4px);box-shadow:0 16px 28px rgba(30,78,172,.12)}.card p{margin:0;color:var(--muted);line-height:1.6}.chamber-card ul{margin:0;padding-left:18px;color:var(--muted)}.chamber-card li{margin:8px 0}
.impact-prompt{margin:16px 0 0;padding:14px;border:1px solid #efc4c4;background:#fff4f4;border-radius:10px}
.impact-question{margin:0;color:#8f1d1d;font-weight:600}
.btn-danger{margin-top:10px;color:#fff;background:#cf2f2f;border-color:#a92424}
.btn-danger:hover{background:#b92828}
.framework-card{border-top:4px solid #95b7ef}
.chamber-carousel{
  display:flex;
  gap:14px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding-bottom:8px;
  grid-template-columns:none;
}
.chamber-carousel .card{
  min-width:280px;
  flex:0 0 280px;
  scroll-snap-align:start;
}
.chamber-carousel::-webkit-scrollbar{height:8px}
.chamber-carousel::-webkit-scrollbar-thumb{background:#c1d4f4;border-radius:999px}
.journey{margin:22px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px;position:relative}
.journey::before{content:"";position:absolute;left:8%;right:8%;top:28px;height:4px;border-radius:999px;background:linear-gradient(90deg,#bdd2f5,#8cb2ef)}
.journey li{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:48px 14px 14px;color:var(--muted);text-align:center;z-index:1}
.journey li::before{content:"";position:absolute;top:16px;left:50%;transform:translateX(-50%);width:20px;height:20px;border-radius:999px;background:var(--primary);border:4px solid #eaf2ff;box-shadow:0 0 0 2px #9dc0f8}
.journey li strong{display:block;margin-bottom:6px;color:#1b3977}.center{margin-top:24px;text-align:center}
.faq{margin-top:16px;display:grid;gap:10px}.faq details{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:14px 16px}.faq summary{cursor:pointer;font-weight:700}.faq p{margin:10px 0 0;color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:10px;padding:11px 16px;font-weight:700;font-size:.91rem;border:1px solid transparent}
.btn-primary{color:#fff;background:var(--primary)}.btn-primary:hover{background:var(--primary-dark)}.btn-outline{color:var(--primary);background:#fff;border-color:#bcd1f4}.btn-outline:hover{background:#f6f9ff}.btn-whatsapp{color:#fff;background:var(--whatsapp);border-color:#0f8c3e}.btn-whatsapp:hover{background:#138e42}
.footer{background:#0f213f;color:#dce9ff;padding:52px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.footer h2{margin:0;color:#fff}.footer p{margin:8px 0 0;color:#b8cbed}
.whatsapp-float{position:fixed;right:16px;bottom:16px;z-index:120;text-decoration:none;color:#fff;background:var(--whatsapp);border:1px solid #0e8b3d;border-radius:999px;padding:10px 14px;font-weight:800;font-size:.9rem;box-shadow:0 14px 24px rgba(22,163,74,.28)}
.modal-overlay{
  position:fixed; inset:0; background:rgba(20,27,45,.55); z-index:300;
  display:none; align-items:center; justify-content:center; padding:16px;
}
.modal-overlay.is-open{display:flex}
.danger-modal{
  width:min(920px,100%); max-height:90vh; overflow:auto;
  background:#fff; border:1px solid #f0b4b4; border-radius:14px; box-shadow:0 22px 40px rgba(32,18,18,.28);
  padding:18px;
}
.danger-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.danger-modal-head h3{margin:0;color:#8f1d1d}
.close-modal{
  border:1px solid #efc4c4;background:#fff3f3;color:#8f1d1d;border-radius:8px;
  font-weight:700;padding:6px 10px;cursor:pointer;
}
.danger-grid{
  margin-top:14px; display:grid; gap:12px;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
.danger-card{
  border:1px solid #efc4c4; background:#fff7f7; border-radius:10px; padding:12px;
}
.danger-card h4{margin:0 0 6px;color:#a92424}
.danger-card p{margin:0;color:#7c2d2d;line-height:1.55}
.danger-action{
  margin-top:14px;
  border:1px solid #b7e6c5;
  background:#ecfff3;
  border-radius:10px;
  padding:12px;
}
.danger-action p{
  margin:0 0 10px;
  color:#1f6b3a;
  font-weight:600;
}
a:focus-visible,summary:focus-visible{outline:3px solid rgba(29,78,216,.36);outline-offset:2px}
@media (max-width:930px){.hero-layout{grid-template-columns:1fr}}
@media (max-width:760px){.menu{display:none}.section{padding:58px 0}.journey{grid-template-columns:1fr;gap:10px}.journey::before{left:22px;right:auto;top:22px;bottom:22px;width:4px;height:auto;background:linear-gradient(180deg,#bdd2f5,#8cb2ef)}.journey li{text-align:left;padding:14px 14px 14px 48px}.journey li::before{top:50%;left:14px;transform:translateY(-50%)}.footer-inner{flex-direction:column;align-items:flex-start}.whatsapp-float{left:12px;right:12px;text-align:center}}