:root{
  --bg:#f8f4ea;
  --ink:#0a1934;
  --muted:#526275;
  --navy:#07172f;
  --navy-2:#0d2448;
  --teal:#15b8aa;
  --teal-dark:#087c79;
  --gold:#e9b64f;
  --gold-2:#ffd98a;
  --white:#ffffff;
  --soft:#fffaf0;
  --line:rgba(10,25,52,.12);
  --shadow:0 24px 70px rgba(7,23,47,.16);
  --radius:28px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--ink);
  background:linear-gradient(180deg,#fffaf0 0%,#f7f1e5 52%,#fff 100%);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img,video{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.skip-link{position:absolute;top:-80px;left:16px;background:var(--ink);color:#fff;padding:10px 14px;border-radius:12px;z-index:999}
.skip-link:focus{top:12px}
.container{width:min(var(--max),calc(100% - 32px));margin-inline:auto}
.grid{display:grid;gap:24px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.section{padding:88px 0;position:relative}
.section.compact{padding:56px 0}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  color:var(--teal-dark);font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;
  background:rgba(21,184,170,.10);border:1px solid rgba(21,184,170,.20);border-radius:999px;padding:8px 13px;
}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(233,182,79,.2)}
.display{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(2.3rem,5.2vw,5.8rem);
  line-height:.95;letter-spacing:-.06em;margin:18px 0 18px;color:var(--ink)
}
.section-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,3vw,3.65rem);line-height:1.04;letter-spacing:-.035em;margin:14px 0;color:var(--ink)}
.lead{font-size:clamp(1rem,1.55vw,1.22rem);color:#405168;max-width:730px;margin:0 0 24px}
.center{text-align:center}.center .lead{margin-inline:auto}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:48px;padding:13px 20px;border-radius:999px;border:1px solid transparent;font-weight:850;
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease,border-color .25s ease;
  cursor:pointer;white-space:nowrap;
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--gold),#ffdf94);color:#0c1b36;box-shadow:0 14px 35px rgba(233,182,79,.34)}
.btn-secondary{background:#fff;color:var(--ink);border-color:rgba(10,25,52,.12);box-shadow:0 12px 28px rgba(7,23,47,.08)}
.btn-dark{background:var(--navy);color:#fff;border-color:rgba(255,255,255,.08)}
.btn-ghost{border-color:rgba(255,255,255,.22);color:#fff;background:rgba(255,255,255,.08);backdrop-filter:blur(10px)}
.link-arrow{display:inline-flex;gap:8px;align-items:center;color:var(--teal-dark);font-weight:850}.link-arrow::after{content:"→";transition:transform .2s ease}.link-arrow:hover::after{transform:translateX(4px)}
.topbar{background:var(--navy);color:#dbe9f0;font-size:.88rem}.topbar-row{height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar a{color:#fff}.topbar small{opacity:.82}.topbar-links{display:flex;gap:16px;align-items:center;white-space:nowrap}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,250,240,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(10,25,52,.08)}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:22px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand img{width:54px;height:54px;border-radius:50%;object-fit:cover;box-shadow:0 10px 28px rgba(7,23,47,.18)}.brand-name{font-family:Georgia,"Times New Roman",serif;font-size:1.28rem;font-weight:800;letter-spacing:-.03em}.brand small{display:block;color:var(--muted);font-size:.74rem;line-height:1.1;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.menu{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0}.menu a{display:inline-flex;padding:10px 12px;border-radius:999px;font-weight:760;color:#1d2e46;font-size:.95rem}.menu a:hover,.menu a[aria-current="page"]{background:rgba(21,184,170,.11);color:var(--teal-dark)}.nav-actions{display:flex;align-items:center;gap:10px}.menu-toggle{display:none;width:44px;height:44px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--ink)}.menu-toggle span{display:block;width:20px;height:2px;background:currentColor;margin:5px auto;border-radius:99px;transition:.25s}
.hero{padding:58px 0 78px;overflow:hidden}.hero-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.hero-copy{position:relative;z-index:2}.hero .lead{max-width:660px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.hero-card{position:relative;border-radius:36px;overflow:hidden;box-shadow:var(--shadow);background:var(--navy);min-height:470px}.hero-card picture,.hero-card img{width:100%;height:100%;min-height:470px;object-fit:cover}.hero-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,23,47,0) 0%,rgba(7,23,47,.28) 100%)}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.stat{padding:16px;background:#fff;border:1px solid rgba(10,25,52,.08);border-radius:22px;box-shadow:0 12px 24px rgba(7,23,47,.06)}.stat strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:1.8rem;color:var(--teal-dark);line-height:1}.stat span{font-size:.82rem;color:var(--muted);font-weight:750}.floating-note{position:absolute;left:24px;bottom:24px;right:24px;z-index:2;color:#fff;background:rgba(7,23,47,.56);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:16px;backdrop-filter:blur(12px)}.floating-note strong{display:block;color:var(--gold-2)}
.trust-strip{padding:20px 0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.trust-item{display:flex;gap:10px;align-items:center;color:#32425a;font-weight:800}.trust-icon{width:36px;height:36px;border-radius:12px;background:rgba(21,184,170,.12);display:grid;place-items:center;color:var(--teal-dark);font-weight:900}
.card{background:#fff;border:1px solid rgba(10,25,52,.09);border-radius:var(--radius);box-shadow:0 18px 46px rgba(7,23,47,.08);overflow:hidden}.card-pad{padding:28px}.program-card{position:relative;overflow:hidden;min-height:100%;transition:transform .25s ease,box-shadow .25s ease}.program-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.program-card img{width:100%;aspect-ratio:1.45/1;object-fit:cover}.program-card h3{font-family:Georgia,"Times New Roman",serif;font-size:1.65rem;line-height:1.05;margin:0 0 8px}.program-card p{color:var(--muted);margin:0}.tag{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:rgba(233,182,79,.15);color:#72501d;font-weight:850;padding:6px 10px;font-size:.78rem;margin-bottom:14px}.feature-list{display:grid;gap:14px;margin:24px 0 0;padding:0;list-style:none}.feature-list li{display:flex;gap:11px;align-items:flex-start;color:#32425a}.tick{flex:0 0 24px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(21,184,170,.14);color:var(--teal-dark);font-weight:900;font-size:.8rem}
.about-panel{background:linear-gradient(135deg,#07172f,#0b3764 55%,#0b7a73);color:#fff;border-radius:36px;overflow:hidden;box-shadow:var(--shadow)}.about-panel .inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:0;align-items:stretch}.about-panel img{height:100%;width:100%;object-fit:cover;min-height:520px}.about-content{padding:48px}.about-content .section-title,.about-content .lead{color:#fff}.about-content .lead{opacity:.84}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.metric{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.15);border-radius:22px;padding:18px}.metric strong{font-size:1.75rem;font-family:Georgia,"Times New Roman",serif;color:var(--gold-2);display:block}.metric span{font-size:.84rem;opacity:.85;font-weight:760}
.steps{counter-reset:step}.step{display:flex;gap:16px;padding:22px;border-radius:24px;background:#fff;border:1px solid rgba(10,25,52,.08);box-shadow:0 14px 34px rgba(7,23,47,.06)}.step::before{counter-increment:step;content:"0" counter(step);flex:0 0 52px;width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,var(--gold),var(--teal));color:#fff;display:grid;place-items:center;font-weight:950}.step h3{margin:0 0 6px;font-size:1.05rem}.step p{margin:0;color:var(--muted)}
.dark-section{background:radial-gradient(circle at 20% 20%,rgba(21,184,170,.25),transparent 38%),linear-gradient(135deg,#07172f,#0a1d3e);color:#fff}.dark-section .section-title,.dark-section .lead{color:#fff}.dark-section .lead{opacity:.82}.pill-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.pill{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:999px;padding:9px 13px;font-weight:800;color:#fff}
.video-card{border-radius:34px;overflow:hidden;box-shadow:var(--shadow);background:#000;position:relative}.video-card video{width:100%;aspect-ratio:5/3;object-fit:cover}.caption{font-size:.9rem;color:var(--muted);margin-top:12px}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.gallery-item{border-radius:26px;overflow:hidden;box-shadow:0 18px 42px rgba(7,23,47,.10);background:#fff;border:1px solid rgba(10,25,52,.08)}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-item.tall{grid-row:span 2}.gallery-item.brochure img{aspect-ratio:1.54/1;object-fit:cover}
.faq{display:grid;gap:12px}.faq details{background:#fff;border:1px solid rgba(10,25,52,.09);border-radius:22px;padding:18px 22px;box-shadow:0 10px 28px rgba(7,23,47,.05)}.faq summary{font-weight:900;cursor:pointer;color:#152640}.faq p{color:var(--muted);margin:12px 0 0}.cta-band{background:linear-gradient(135deg,#0b1c3a,#0e706c);color:#fff;border-radius:36px;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:26px;box-shadow:var(--shadow);overflow:hidden;position:relative}.cta-band::before{content:"";position:absolute;inset:auto -90px -120px auto;width:300px;height:300px;border-radius:50%;background:rgba(233,182,79,.24);filter:blur(10px)}.cta-band h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.8rem,3vw,3rem);line-height:1.02;margin:0 0 8px}.cta-band p{margin:0;opacity:.82}.cta-actions{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:1}
.contact-card{padding:28px}.contact-list{display:grid;gap:14px}.contact-row{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid rgba(10,25,52,.08);border-radius:18px;background:#fff}.contact-row .trust-icon{flex:0 0 40px}.contact-row strong{display:block}.contact-row span,.contact-row a{color:var(--muted)}.form{display:grid;gap:14px}.form label{font-weight:850;font-size:.9rem}.form input,.form textarea,.form select{width:100%;border:1px solid rgba(10,25,52,.14);border-radius:16px;padding:13px 14px;background:#fff;color:var(--ink);outline:none}.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(21,184,170,.12)}.form textarea{min-height:110px;resize:vertical}.form-note{font-size:.86rem;color:var(--muted);margin:0}
.page-hero{padding:72px 0;background:radial-gradient(circle at 78% 20%,rgba(233,182,79,.22),transparent 30%),linear-gradient(135deg,#fffaf0,#eef8f6)}.page-hero .lead{max-width:760px}.breadcrumb{font-size:.88rem;color:var(--muted);font-weight:800}.breadcrumb a{color:var(--teal-dark)}.timeline{position:relative;display:grid;gap:18px}.timeline::before{content:"";position:absolute;left:27px;top:12px;bottom:12px;width:2px;background:rgba(21,184,170,.25)}.timeline-item{position:relative;display:grid;grid-template-columns:56px 1fr;gap:16px}.timeline-dot{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,var(--teal),var(--gold));color:#fff;display:grid;place-items:center;font-weight:950;z-index:1}.timeline-card{background:#fff;border:1px solid rgba(10,25,52,.08);border-radius:24px;padding:22px;box-shadow:0 12px 30px rgba(7,23,47,.06)}.timeline-card h3{margin:0 0 6px}.timeline-card p{margin:0;color:var(--muted)}
.pricing-card{display:grid;gap:18px}.price-box{padding:24px;border-radius:28px;background:#fff;border:1px solid rgba(10,25,52,.09);box-shadow:0 14px 34px rgba(7,23,47,.06)}.price-box h3{font-size:1.35rem;margin:0 0 8px}.price-box .price{font-family:Georgia,"Times New Roman",serif;font-size:2rem;color:var(--teal-dark);font-weight:900}.notice{background:#fff7df;border:1px solid rgba(233,182,79,.35);border-radius:22px;padding:18px;color:#60441a}.notice strong{color:#3b2a12}
.site-footer{background:#07172f;color:#dbe9f0;padding:62px 0 28px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr;gap:28px}.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:14px}.footer-logo img{width:54px;height:54px;border-radius:50%;object-fit:cover}.footer-logo strong{font-family:Georgia,"Times New Roman",serif;color:#fff;font-size:1.4rem}.site-footer p,.site-footer li{color:rgba(219,233,240,.78)}.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}.site-footer h3{color:#fff;margin:0 0 14px}.site-footer a:hover{color:var(--gold-2)}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:38px;padding-top:18px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:rgba(219,233,240,.66);font-size:.9rem}
.mobile-cta{display:none}.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:45;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 14px 35px rgba(37,211,102,.38);font-size:1.4rem}.whatsapp-float::before{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid rgba(37,211,102,.38);animation:pulse 1.8s infinite}.reveal{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}.reveal.is-visible{opacity:1;transform:none}@keyframes pulse{0%{transform:scale(.9);opacity:1}80%,100%{transform:scale(1.22);opacity:0}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.hero-wrap{grid-template-columns:1fr}.hero-card{min-height:420px}.about-panel .inner{grid-template-columns:1fr}.about-panel img{min-height:auto;max-height:520px}.footer-grid{grid-template-columns:1fr 1fr}.topbar-row{height:auto;min-height:38px;padding:8px 0;flex-wrap:wrap}.nav-actions .btn{display:none}.menu{position:fixed;left:16px;right:16px;top:124px;background:#fff;border:1px solid rgba(10,25,52,.10);border-radius:26px;box-shadow:var(--shadow);padding:12px;display:none;flex-direction:column;align-items:stretch}.menu.is-open{display:flex}.menu a{width:100%;justify-content:center;padding:13px}.menu-toggle{display:block}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}
@media (max-width:760px){body{padding-bottom:74px}.container{width:min(100% - 24px,var(--max))}.section{padding:64px 0}.compact{padding:42px 0}.topbar{display:none}.nav{min-height:68px}.brand img{width:48px;height:48px}.brand-name{font-size:1.08rem}.brand small{font-size:.66rem}.menu{top:82px}.display{font-size:clamp(2.45rem,13vw,3.5rem);letter-spacing:-.06em}.hero{padding:38px 0 56px}.hero-wrap{gap:24px}.hero-actions{display:grid;grid-template-columns:1fr;gap:10px}.hero-card,.hero-card picture,.hero-card img{min-height:380px}.floating-note{left:14px;right:14px;bottom:14px}.hero-stats{grid-template-columns:1fr;gap:10px}.trust-list{grid-template-columns:1fr 1fr}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.card-pad{padding:22px}.about-content{padding:28px}.metric-row{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr}.gallery-item.tall{grid-row:auto}.cta-band{padding:28px;display:grid}.cta-actions,.hero-actions{width:100%}.cta-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:grid}.whatsapp-float{display:none}.mobile-cta{position:fixed;left:0;right:0;bottom:0;z-index:80;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(7,23,47,.2);box-shadow:0 -10px 30px rgba(7,23,47,.18)}.mobile-cta a{background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:66px;font-size:.78rem;font-weight:900;color:var(--ink)}.mobile-cta a:nth-child(2){background:#25D366;color:#fff}.mobile-cta a:nth-child(3){background:var(--navy);color:#fff}.mobile-cta b{font-size:1.15rem}.timeline::before{left:22px}.timeline-item{grid-template-columns:46px 1fr}.timeline-dot{width:46px;height:46px;border-radius:15px}.page-hero{padding:50px 0}.section-title{font-size:2.1rem}.video-card video{aspect-ratio:5/3}}
@media (max-width:420px){.trust-list{grid-template-columns:1fr}.hero-card,.hero-card picture,.hero-card img{min-height:330px}.floating-note{font-size:.9rem}.program-card h3{font-size:1.45rem}.topbar-links{display:none}}


/* Premium update: WhatsApp icon-only CTA */
.nav-whatsapp{
  width:54px;height:54px;border-radius:50%;display:grid;place-items:center;
  background:#21d366;box-shadow:0 10px 32px rgba(37,211,102,.38);
  position:relative;transition:transform .25s ease, box-shadow .25s ease;
}
.nav-whatsapp::before,.whatsapp-float::before{
  content:"";position:absolute;inset:-7px;border-radius:50%;
  border:2px solid rgba(37,211,102,.38);animation:pulse 1.8s infinite;
}
.nav-whatsapp:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 16px 42px rgba(37,211,102,.48)}
.nav-whatsapp img,.whatsapp-float img{width:100%;height:100%;object-fit:contain;border-radius:50%}
.mobile-cta img{width:25px;height:25px;object-fit:contain;border-radius:50%}
.whatsapp-float{background:transparent;padding:0;overflow:visible}
.whatsapp-float img{filter:drop-shadow(0 14px 28px rgba(37,211,102,.38))}

/* Program details page enhancements */
.program-details-section{background:linear-gradient(180deg,#fffaf0,#fff)}
.program-info-grid{align-items:stretch;margin-top:34px}
.pricing-card{display:grid;gap:18px;height:100%}
.detail-card{display:flex;align-items:flex-start;gap:18px;min-height:178px}
.detail-icon,.schedule-icon,.benefit-icon,.level-icon{
  width:62px;height:62px;border-radius:20px;display:grid;place-items:center;
  background:linear-gradient(135deg,#e9b64f,#15b8aa);color:#fff;
  box-shadow:0 16px 38px rgba(7,23,47,.15);font-size:1.75rem;flex:0 0 62px;
}
.schedule-card{height:100%;display:flex;flex-direction:column;justify-content:center}
.schedule-card .section-title{font-size:clamp(2.15rem,3.3vw,4rem)}
.schedule-icon{margin-bottom:18px}

/* Level structure premium cards */
.level-structure{overflow:hidden}
.gradient-title{
  background:linear-gradient(90deg,#ffffff 0%,#ffe5a6 45%,#7cf3ea 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent !important;
}
.level-grid{align-items:stretch}
.level-card{
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.07));
  border:1px solid rgba(255,255,255,.2);border-radius:30px;padding:36px;
  color:#fff;box-shadow:0 26px 70px rgba(0,0,0,.22);
  text-align:center;backdrop-filter:blur(12px);
}
.level-card .level-icon{margin:0 auto 18px;background:linear-gradient(135deg,#ffd98a,#12c8bd)}
.level-card h3{font-family:Georgia,"Times New Roman",serif;font-size:2rem;line-height:1.05;margin:12px 0;color:#fff}
.level-card p{color:rgba(255,255,255,.82);margin:0 auto 20px;max-width:520px}
.level-card .feature-list{max-width:440px;margin:20px auto 0;text-align:left}
.level-card .feature-list li{color:rgba(255,255,255,.9)}
.level-card .tag{background:rgba(255,217,138,.16);color:#ffe5a6;border:1px solid rgba(255,217,138,.28)}

/* Remove numeric counters and use modern icons */
.step::before{content:attr(data-icon);counter-increment:none;font-size:1.4rem}
.icon-step::before{background:linear-gradient(135deg,#e9b64f,#15b8aa)}

/* Benefit cards without numbers */
.benefit-grid{align-items:stretch}
.benefit-card{
  display:flex;gap:18px;align-items:flex-start;padding:26px;
  border-radius:26px;background:linear-gradient(180deg,#ffffff,#fffaf1);
  border:1px solid rgba(255,211,106,.38);
  box-shadow:0 20px 45px rgba(7,26,58,.08);
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.benefit-card:hover{transform:translateY(-6px);box-shadow:0 28px 65px rgba(7,26,58,.14);border-color:rgba(21,184,170,.28)}
.benefit-card h3{font-size:1.12rem;margin:2px 0 8px;color:#061a3a}
.benefit-card p{margin:0;color:#405168;line-height:1.65}
.benefit-icon{width:56px;height:56px;flex-basis:56px;border-radius:18px;font-size:1.45rem}

/* Gallery page premium image-first layout */
.gallery-cards{align-items:stretch}
.gallery-card{
  display:block;overflow:hidden;border-radius:28px;background:#fff;
  border:1px solid rgba(10,25,52,.1);box-shadow:0 20px 50px rgba(7,23,47,.09);
  transition:transform .25s ease,box-shadow .25s ease;
}
.gallery-card:hover{transform:translateY(-6px);box-shadow:0 30px 78px rgba(7,23,47,.16)}
.gallery-card img{width:100%;aspect-ratio:16/10;object-fit:cover}
.gallery-card div{padding:22px}
.gallery-card h3{font-family:Georgia,"Times New Roman",serif;font-size:1.45rem;line-height:1.08;margin:0 0 8px;color:#061a3a}
.gallery-card p{margin:0;color:#526275}

/* Contact page equal columns */
.equal-contact-grid{align-items:stretch}
.equal-contact-grid>.card{height:100%}
.contact-card{display:flex;flex-direction:column}
.contact-card .form{height:100%}
.contact-card .form textarea{min-height:120px}
.contact-list{flex:1}

@media (max-width:1024px){
  .nav-whatsapp{width:48px;height:48px}
}
@media (max-width:760px){
  .program-info-grid,.equal-contact-grid{grid-template-columns:1fr}
  .detail-card{display:grid;gap:14px}
  .detail-icon,.schedule-icon,.benefit-icon,.level-icon{width:54px;height:54px;flex-basis:54px;font-size:1.35rem}
  .benefit-card{display:grid;text-align:left}
  .level-card{padding:28px 22px}
  .level-card h3{font-size:1.65rem}
}


/* Final readability correction: visible colors on dark/white mixed sections */
.dark-section .card,
.dark-section .price-box {
  color: var(--ink) !important;
  background: linear-gradient(180deg, #ffffff, #fffaf1);
}

.dark-section .card h1,
.dark-section .card h2,
.dark-section .card h3,
.dark-section .card h4,
.dark-section .card strong {
  color: #061a3a !important;
}

.dark-section .card p,
.dark-section .card li,
.dark-section .card .feature-list li,
.dark-section .card .feature-list li span:not(.tick),
.dark-section .card .caption {
  color: #31445f !important;
}

.dark-section .card .tag {
  color: #6c4a13 !important;
  background: #fff0d6 !important;
  border: 1px solid rgba(233, 182, 79, .28);
}

/* Dark panel readable checklist */
.about-panel .feature-list li,
.about-panel .feature-list li span:not(.tick),
.about-content .feature-list li,
.about-content .feature-list li span:not(.tick) {
  color: rgba(255,255,255,.92) !important;
}

.about-panel .tick,
.about-content .tick {
  background: rgba(21,184,170,.22) !important;
  color: #7cf3ea !important;
}

/* White card vertical alignment correction for about/values cards */
.dark-section .grid-3 .card.card-pad {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 360px;
}

.dark-section .grid-3 .card.card-pad h3 {
  margin: 14px 0 12px;
  font-size: 1.65rem;
  line-height: 1.12;
}

.dark-section .grid-3 .card.card-pad p {
  margin: 0 0 18px;
  line-height: 1.7;
}

.dark-section .grid-3 .card.card-pad .feature-list {
  margin-top: auto;
}

/* Stronger text contrast globally */
.section-title,
.display {
  color: #061a3a;
}

.dark-section > .container > .section-title,
.dark-section .center .section-title,
.dark-section .center .lead {
  color: #ffffff !important;
}

.cta-band h2,
.cta-band p,
.site-footer h3,
.site-footer p,
.site-footer li,
.site-footer a,
.footer-bottom {
  color: rgba(255,255,255,.88);
}

.site-footer h3,
.footer-logo strong {
  color: #ffffff !important;
}

/* Header menu spacing after removing Gallery */
.menu {
  gap: 9px;
}



/* Generated academy image updates */
.image-page-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:430px;
  display:flex;
  align-items:center;
  color:#fff;
  background:linear-gradient(90deg,rgba(7,23,47,.86),rgba(7,23,47,.52),rgba(7,23,47,.20)),var(--page-bg) center/cover no-repeat;
}
.image-page-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 20% 18%,rgba(233,182,79,.22),transparent 34%);
  z-index:-1;
}
.image-page-hero .breadcrumb,
.image-page-hero .breadcrumb a,
.image-page-hero .lead{color:rgba(255,255,255,.86)}
.image-page-hero .eyebrow{color:#f6d07a;background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.18)}
.section-image-card{margin-top:24px;border-radius:30px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(10,25,52,.09);background:#fff}
.section-image-card img{display:block;width:100%;height:auto;object-fit:cover}
.section-image-card.wide img{aspect-ratio:16/9;object-fit:cover}
.contact-card-image{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:24px;margin-bottom:24px;box-shadow:0 16px 36px rgba(7,23,47,.10)}
.cta-band.cta-image{
  background:linear-gradient(90deg,rgba(7,23,47,.88),rgba(14,112,108,.68),rgba(7,23,47,.45)),var(--cta-bg) center/cover no-repeat;
  min-height:270px;
}
.cta-band.cta-image::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,23,47,.12),rgba(255,255,255,.05));z-index:0}
.cta-band.cta-image>*{position:relative;z-index:1}
@media (max-width:760px){
  .image-page-hero{min-height:360px;background-position:center}
  .section-image-card{border-radius:24px}
  .cta-band.cta-image{min-height:310px;background-position:center}
}

/* Final requested update: responsive hero background images + removed section image layouts */
.hero{
  position:relative;
  isolation:isolate;
  min-height:640px;
  display:flex;
  align-items:center;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(7,23,47,.90) 0%,rgba(7,23,47,.72) 43%,rgba(7,23,47,.28) 100%),
    var(--hero-bg) center/cover no-repeat;
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:radial-gradient(circle at 22% 22%,rgba(233,182,79,.24),transparent 34%);
}
.hero-wrap{grid-template-columns:minmax(0,760px);align-items:center}
.hero-card{display:none}
.hero .display,.hero .lead{color:#fff}
.hero .eyebrow{color:#f6d07a;background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.18)}
.hero .stat{background:rgba(255,255,255,.92);backdrop-filter:blur(10px)}
.text-only-panel .inner{grid-template-columns:1fr!important}
.text-only-panel .about-content{padding:42px;max-width:980px;margin-inline:auto}
.text-only-section{background:#fff;border:1px solid rgba(10,25,52,.09);border-radius:var(--radius);box-shadow:0 18px 46px rgba(7,23,47,.08);padding:40px;max-width:980px}
.contact-card .section-title{margin-top:0}
@media (max-width:760px){
  .hero{
    min-height:620px;
    padding:78px 0 64px;
    background:
      linear-gradient(180deg,rgba(7,23,47,.82) 0%,rgba(7,23,47,.68) 56%,rgba(7,23,47,.46) 100%),
      var(--hero-bg-mobile) center/cover no-repeat;
  }
  .hero-wrap{grid-template-columns:1fr}
  .image-page-hero{
    background:
      linear-gradient(180deg,rgba(7,23,47,.84),rgba(7,23,47,.58)),
      var(--page-bg-mobile) center/cover no-repeat;
  }
  .text-only-panel .about-content,.text-only-section{padding:26px}
}

/* Hero background visibility fix - images now render as real background layers */
.hero,
.image-page-hero{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  background:#07172f !important;
}
.hero::before,
.image-page-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:var(--hero-bg);
  background-size:cover;
  background-position:center right;
  background-repeat:no-repeat;
  transform:scale(1.01);
}
.image-page-hero::before{
  background-image:var(--page-bg);
}
.hero::after,
.image-page-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
}
.hero::after{
  background:
    radial-gradient(circle at 20% 18%,rgba(233,182,79,.18),transparent 34%),
    linear-gradient(90deg,rgba(7,23,47,.88) 0%,rgba(7,23,47,.70) 38%,rgba(7,23,47,.30) 63%,rgba(7,23,47,.08) 100%);
}
.image-page-hero::after{
  background:
    radial-gradient(circle at 20% 18%,rgba(233,182,79,.18),transparent 34%),
    linear-gradient(90deg,rgba(7,23,47,.88) 0%,rgba(7,23,47,.68) 38%,rgba(7,23,47,.34) 66%,rgba(7,23,47,.08) 100%);
}
.hero > .container,
.image-page-hero > .container{
  position:relative;
  z-index:2;
}
.hero .display,
.hero .lead,
.image-page-hero .display,
.image-page-hero .lead{
  text-shadow:0 4px 18px rgba(7,23,47,.35);
}
@media (max-width:760px){
  .hero::before{
    background-image:var(--hero-bg-mobile);
    background-position:center top;
  }
  .image-page-hero::before{
    background-image:var(--page-bg-mobile);
    background-position:center top;
  }
  .hero::after,
  .image-page-hero::after{
    background:
      radial-gradient(circle at 24% 16%,rgba(233,182,79,.18),transparent 32%),
      linear-gradient(180deg,rgba(7,23,47,.82) 0%,rgba(7,23,47,.62) 54%,rgba(7,23,47,.44) 100%);
  }
}

/* Hard-coded page hero image fallbacks for maximum browser compatibility */
body.home-page .hero::before{background-image:url('../images/hero-brain-enhancing.webp') !important;}
body.about-page .image-page-hero::before{background-image:url('../images/about-page-hero.webp') !important;}
body.programs-page .image-page-hero::before{background-image:url('../images/programs-page-hero.webp') !important;}
body.franchise-page .image-page-hero::before{background-image:url('../images/franchise-page-hero.webp') !important;}
body.contact-page .image-page-hero::before{background-image:url('../images/contact-page-hero.webp') !important;}
@media (max-width:760px){
  body.home-page .hero::before,
  body.about-page .image-page-hero::before,
  body.programs-page .image-page-hero::before,
  body.franchise-page .image-page-hero::before,
  body.contact-page .image-page-hero::before{
    background-image:url('../images/hero-brain-enhancing-mobile.webp') !important;
    background-position:center top !important;
  }
}

/* === 2026 final hero readability + font correction === */
:root{
  --headline-font:"Trebuchet MS","Segoe UI",Inter,Arial,sans-serif;
  --hero-title:#ffffff;
  --hero-body:#f8fafc;
  --hero-gold:#ffd166;
}
.display,
.section-title,
.cta-band h2,
.program-card h3,
.gallery-card h3,
.footer-logo strong,
.brand-name{
  font-family:var(--headline-font) !important;
  letter-spacing:-.045em;
}
.display{
  font-weight:950 !important;
  line-height:1.03 !important;
}
.hero .display,
.image-page-hero .display{
  color:var(--hero-title) !important;
  max-width:980px;
  font-size:clamp(2.75rem,5vw,5.35rem) !important;
  text-shadow:0 4px 24px rgba(0,0,0,.68), 0 1px 1px rgba(0,0,0,.45) !important;
}
.image-page-hero .display{
  max-width:1080px;
  font-size:clamp(2.45rem,4.4vw,4.95rem) !important;
}
.hero .lead,
.image-page-hero .lead{
  color:var(--hero-body) !important;
  font-weight:650;
  max-width:760px;
  text-shadow:0 3px 16px rgba(0,0,0,.68) !important;
}
.image-page-hero .breadcrumb,
.image-page-hero .breadcrumb a{
  color:#ffffff !important;
  text-shadow:0 2px 12px rgba(0,0,0,.72);
}
.hero .eyebrow,
.image-page-hero .eyebrow{
  color:var(--hero-gold) !important;
  background:rgba(6,18,40,.56) !important;
  border-color:rgba(255,255,255,.22) !important;
  box-shadow:0 12px 32px rgba(0,0,0,.18);
  backdrop-filter:blur(12px);
}
.hero::after{
  background:
    linear-gradient(90deg,rgba(4,16,35,.94) 0%,rgba(4,16,35,.84) 35%,rgba(4,16,35,.48) 58%,rgba(4,16,35,.10) 100%),
    radial-gradient(circle at 18% 22%,rgba(255,209,102,.20),transparent 34%) !important;
}
.image-page-hero::after{
  background:
    linear-gradient(90deg,rgba(4,16,35,.92) 0%,rgba(4,16,35,.80) 36%,rgba(4,16,35,.48) 62%,rgba(4,16,35,.18) 100%),
    radial-gradient(circle at 18% 22%,rgba(255,209,102,.18),transparent 34%) !important;
}
.hero::before,
.image-page-hero::before{
  filter:saturate(1.02) contrast(1.03);
  background-position:center right !important;
}
.hero,
.image-page-hero{
  min-height:620px;
  align-items:center;
}
.image-page-hero{min-height:520px !important;}
.hero .container,
.image-page-hero .container{
  padding-block:34px;
}
.hero-copy,
.image-page-hero .container{
  max-width:1120px;
}
.hero-stats .stat strong{
  color:#007f78 !important;
  text-shadow:none;
}
.section-title{color:#061a3a !important;}
.dark-section .section-title{color:#ffffff !important;}

/* individual desktop hero background positions */
body.home-page .hero::before{background-position:center right !important;}
body.about-page .image-page-hero::before{background-position:center right !important;}
body.programs-page .image-page-hero::before{background-position:center right !important;}
body.franchise-page .image-page-hero::before{background-position:center right !important;}
body.contact-page .image-page-hero::before{background-position:center right !important;}

/* individual mobile hero images and visible mobile typography */
@media (max-width:760px){
  .display,
  .hero .display,
  .image-page-hero .display{
    font-family:var(--headline-font) !important;
    font-size:clamp(2.15rem,11vw,3.15rem) !important;
    line-height:1.08 !important;
    letter-spacing:-.04em !important;
    color:#ffffff !important;
    text-shadow:0 4px 20px rgba(0,0,0,.82) !important;
  }
  .hero .lead,
  .image-page-hero .lead{
    font-size:1rem !important;
    line-height:1.72 !important;
    font-weight:650 !important;
    color:#ffffff !important;
    text-shadow:0 3px 15px rgba(0,0,0,.82) !important;
  }
  .hero,
  .image-page-hero{
    min-height:620px !important;
    padding:74px 0 60px !important;
  }
  .image-page-hero{min-height:500px !important;}
  .hero::after,
  .image-page-hero::after{
    background:
      linear-gradient(180deg,rgba(4,16,35,.92) 0%,rgba(4,16,35,.78) 47%,rgba(4,16,35,.56) 100%),
      radial-gradient(circle at 22% 16%,rgba(255,209,102,.18),transparent 32%) !important;
  }
  .hero::before,
  .image-page-hero::before{
    background-size:cover !important;
    background-position:center top !important;
  }
  body.home-page .hero::before{background-image:url('../images/hero-brain-enhancing-mobile.webp') !important;}
  body.about-page .image-page-hero::before{background-image:url('../images/about-page-hero-mobile.webp') !important;}
  body.programs-page .image-page-hero::before{background-image:url('../images/programs-page-hero-mobile.webp') !important;}
  body.franchise-page .image-page-hero::before{background-image:url('../images/franchise-page-hero-mobile.webp') !important;}
  body.contact-page .image-page-hero::before{background-image:url('../images/contact-page-hero-mobile.webp') !important;}
  .hero-actions .btn{font-size:.95rem;min-height:52px;}
  .hero-stats{grid-template-columns:1fr !important;}
}


/* === Final client update: remove schedule image gap, white stage heading, premium glow animations === */
:root{
  --headline-font:"Playfair Display", Georgia, "Times New Roman", serif;
  --body-font:"Poppins", Inter, "Segoe UI", Arial, sans-serif;
  --glow-gold:rgba(255,209,102,.58);
  --glow-teal:rgba(21,184,170,.42);
  --clear-white:#ffffff;
}
body{font-family:var(--body-font) !important;}
.display,
.section-title,
.cta-band h2,
.program-card h3,
.gallery-card h3,
.level-card h3,
.brand-name,
.footer-logo strong{
  font-family:var(--headline-font) !important;
  letter-spacing:-.035em;
}

/* Requested heading visibility: "Stage-by-stage brain enhancing program for children." */
.text-only-panel.about-panel,
.about-panel.text-only-panel{
  background:radial-gradient(circle at 15% 15%, rgba(255,209,102,.18), transparent 35%), linear-gradient(135deg,#06142c 0%, #0b2d55 52%, #067a72 100%) !important;
  box-shadow:0 26px 80px rgba(7,23,47,.26), 0 0 42px rgba(21,184,170,.18) !important;
}
.text-only-panel .section-title,
.text-only-panel.about-panel .section-title,
.about-panel.text-only-panel .section-title,
.about-panel.text-only-panel h2{
  color:#ffffff !important;
  text-align:left;
  text-shadow:0 4px 24px rgba(0,0,0,.58), 0 0 18px rgba(255,209,102,.26) !important;
}
.text-only-panel .lead,
.text-only-panel .feature-list li,
.text-only-panel .feature-list span:not(.tick){
  color:rgba(255,255,255,.92) !important;
}
.text-only-panel .metric{
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(255,255,255,.22) !important;
}
.text-only-panel .metric span{color:rgba(255,255,255,.88) !important;}

/* Proper heading alignment and spacing across desktop/mobile */
.container.center,
.section > .container.center{
  text-align:center !important;
  max-width:980px;
}
.container.center .section-title,
.container.center .lead{
  margin-left:auto !important;
  margin-right:auto !important;
}
.section-title{
  line-height:1.08 !important;
  margin-top:12px !important;
  margin-bottom:16px !important;
}
.lead{max-width:780px;}
.card h3,.price-box h3,.benefit-card h3,.timeline-card h3{line-height:1.16 !important;}

/* Premium glowing animation applied across the site */
@keyframes softTextGlow{
  0%,100%{text-shadow:0 3px 18px rgba(0,0,0,.34),0 0 0 rgba(255,209,102,0)}
  50%{text-shadow:0 4px 22px rgba(0,0,0,.48),0 0 22px rgba(255,209,102,.42)}
}
@keyframes softBoxGlow{
  0%,100%{box-shadow:0 18px 46px rgba(7,23,47,.08),0 0 0 rgba(255,209,102,0)}
  50%{box-shadow:0 24px 66px rgba(7,23,47,.14),0 0 28px rgba(255,209,102,.22),0 0 36px rgba(21,184,170,.12)}
}
@keyframes softIconGlow{
  0%,100%{filter:drop-shadow(0 0 0 rgba(255,209,102,0))}
  50%{filter:drop-shadow(0 0 14px rgba(255,209,102,.55)) drop-shadow(0 0 16px rgba(21,184,170,.28))}
}
@keyframes softBorderGlow{
  0%,100%{border-color:rgba(10,25,52,.10)}
  50%{border-color:rgba(255,209,102,.52)}
}
.display,
.hero .display,
.image-page-hero .display,
.section-title,
.cta-band h2{
  animation:softTextGlow 3.4s ease-in-out infinite;
}
.eyebrow,
.btn,
.stat,
.card,
.program-card,
.price-box,
.step,
.metric,
.contact-row,
.benefit-card,
.level-card,
.timeline-card,
.section-image-card,
.video-card,
.cta-band,
.form input,
.form textarea,
.form select{
  animation:softBoxGlow 4.2s ease-in-out infinite, softBorderGlow 4.2s ease-in-out infinite;
}
.trust-icon,
.detail-icon,
.schedule-icon,
.benefit-icon,
.level-icon,
.tick,
.nav img,
.footer-logo img,
.mobile-cta b{
  animation:softIconGlow 3.2s ease-in-out infinite;
}
.card:nth-child(2n),.program-card:nth-child(2n),.benefit-card:nth-child(2n),.step:nth-child(2n){animation-delay:.45s;}
.card:nth-child(3n),.program-card:nth-child(3n),.benefit-card:nth-child(3n),.step:nth-child(3n){animation-delay:.85s;}
.btn:hover,.card:hover,.program-card:hover,.benefit-card:hover,.price-box:hover,.step:hover,.contact-row:hover{
  transform:translateY(-4px);
  box-shadow:0 28px 80px rgba(7,23,47,.18),0 0 38px rgba(255,209,102,.34),0 0 42px rgba(21,184,170,.18) !important;
}

/* Remove the deleted program schedule image spacing and keep program section tight */
.program-details-section + .section .section-image-card:has(img[src*="program-schedule"]){display:none !important;}

/* Mobile friendly heading fixes */
@media (max-width:760px){
  .container.center,
  .section > .container.center{text-align:center !important;}
  .text-only-panel .section-title,
  .text-only-panel.about-panel .section-title,
  .about-panel.text-only-panel .section-title{text-align:center !important;}
  .section-title{font-size:clamp(2rem,9vw,2.85rem) !important;line-height:1.1 !important;}
  .display,
  .hero .display,
  .image-page-hero .display{font-size:clamp(2.2rem,10.5vw,3.2rem) !important;line-height:1.08 !important;}
  .lead{font-size:1rem !important;line-height:1.7 !important;}
  .card,.price-box,.benefit-card,.step,.contact-row{border-radius:22px !important;}
  .btn:hover,.card:hover,.program-card:hover,.benefit-card:hover,.price-box:hover,.step:hover,.contact-row:hover{transform:none;}
}

@media (prefers-reduced-motion:reduce){
  .display,.hero .display,.image-page-hero .display,.section-title,.cta-band h2,.eyebrow,.btn,.stat,.card,.program-card,.price-box,.step,.metric,.contact-row,.benefit-card,.level-card,.timeline-card,.section-image-card,.video-card,.cta-band,.form input,.form textarea,.form select,.trust-icon,.detail-icon,.schedule-icon,.benefit-icon,.level-icon,.tick,.nav img,.footer-logo img,.mobile-cta b{animation:none !important;}
}


/* Social media auto-feed: YouTube uploads + Instagram public profile */
.social-feed-section{
  overflow:hidden;
  background:
    radial-gradient(circle at 10% 10%,rgba(255,217,138,.28),transparent 34%),
    radial-gradient(circle at 92% 16%,rgba(21,184,170,.17),transparent 28%),
    linear-gradient(180deg,#fffaf0 0%,#ffffff 100%);
}
.social-feed-section::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;
  background-image:linear-gradient(rgba(7,23,47,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(7,23,47,.025) 1px,transparent 1px);
  background-size:34px 34px;
}
.social-feed-section>.container{position:relative;z-index:1}
.social-feed-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:32px}
.social-feed-head .lead{margin-bottom:0}
.social-live-badge{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border-radius:999px;
  background:#fff;border:1px solid rgba(10,25,52,.09);box-shadow:0 12px 30px rgba(7,23,47,.08);
  color:#253a56;font-size:.83rem;font-weight:850;letter-spacing:.03em;
}
.social-live-badge span{width:9px;height:9px;border-radius:50%;background:#15b8aa;box-shadow:0 0 0 6px rgba(21,184,170,.12);animation:socialPulse 1.7s ease-in-out infinite}
@keyframes socialPulse{0%,100%{box-shadow:0 0 0 4px rgba(21,184,170,.12)}50%{box-shadow:0 0 0 9px rgba(21,184,170,.03)}}
.social-feed-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:24px;align-items:start}
.social-panel{
  background:rgba(255,255,255,.94);border:1px solid rgba(10,25,52,.10);border-radius:30px;padding:18px;
  box-shadow:0 24px 70px rgba(7,23,47,.11);overflow:hidden;position:relative;
}
.social-panel::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.social-panel-top{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:13px;align-items:center;padding:3px 2px 16px}
.social-platform-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;color:#fff;font-size:1.35rem;font-weight:900;box-shadow:0 14px 30px rgba(7,23,47,.16)}
.youtube-icon{background:linear-gradient(135deg,#ff0033,#c60026)}
.instagram-icon{background:linear-gradient(135deg,#6d36d8 0%,#c4318c 42%,#f2683b 72%,#f6c34a 100%);font-size:2rem}
.social-kicker{display:block;color:#6f7d8e;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;line-height:1.2}
.social-panel h3{margin:4px 0 0;color:#061a3a;font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;line-height:1.1;word-break:break-word}
.social-follow-link{position:relative;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:999px;background:#f7f2e8;border:1px solid rgba(10,25,52,.08);color:#172d49;font-size:.78rem;font-weight:850;white-space:nowrap;transition:.2s}
.social-follow-link:hover{transform:translateY(-2px);background:#fff}
.youtube-auto-frame{position:relative;overflow:hidden;border-radius:22px;background:#02050a;aspect-ratio:16/9;box-shadow:0 16px 36px rgba(7,23,47,.18)}
.youtube-auto-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.social-panel-note{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 4px 2px;color:#5c6d80;font-size:.84rem}
.social-panel-note strong{color:#0b203f;font-size:.9rem}
.social-panel-note span{text-align:right}
.instagram-auto-frame{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(150deg,#fbfbfb,#f5efe4);min-height:610px;border:1px solid rgba(10,25,52,.07)}
.instagram-auto-frame iframe{position:relative;z-index:2;display:block;width:100%;height:610px;border:0;background:#fff}
.instagram-fallback{position:absolute;inset:auto 20px 20px;z-index:1;text-align:center;color:#657588;font-size:.85rem}
.instagram-fallback p{margin:0 0 10px}
.instagram-fallback a{display:inline-flex;padding:9px 14px;border-radius:999px;background:#0b203f;color:#fff;font-weight:800}
@media (max-width:1024px){
  .social-feed-grid{grid-template-columns:1fr}
  .instagram-auto-frame,.instagram-auto-frame iframe{min-height:720px;height:720px}
}
@media (max-width:760px){
  .social-feed-head{display:grid;gap:16px;margin-bottom:24px}
  .social-live-badge{justify-self:start}
  .social-panel{padding:13px;border-radius:24px}
  .social-panel-top{grid-template-columns:46px minmax(0,1fr);padding-bottom:13px}
  .social-platform-icon{width:46px;height:46px;border-radius:15px}
  .social-follow-link{grid-column:1/-1;justify-content:center;width:100%;margin-top:1px}
  .social-panel h3{font-size:1.18rem}
  .social-panel-note{display:grid;gap:4px;padding:13px 3px 2px}
  .social-panel-note span{text-align:left}
  .instagram-auto-frame,.instagram-auto-frame iframe{min-height:560px;height:560px}
}
@media (prefers-reduced-motion:reduce){.social-live-badge span{animation:none!important}}

/* Added real-photo activity gallery — existing image styles remain untouched */
.core-benefit-grid{align-items:stretch}.core-benefit-grid .card{height:100%}

/* Premium balanced gallery: no unused gaps, consistent alignment */
.real-photo-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-template-rows:210px 210px 270px 290px;
  gap:18px;
  align-items:stretch;
}
.real-photo{
  position:relative;
  margin:0;
  min-width:0;
  min-height:0;
  border-radius:28px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 18px 48px rgba(7,23,47,.12);
  border:1px solid rgba(10,25,52,.08);
  isolation:isolate;
}
.real-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .45s ease;
}
.real-photo:hover img{transform:scale(1.035)}
.real-photo::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:34%;
  background:linear-gradient(to top,rgba(5,15,35,.44),transparent);
  pointer-events:none;
  z-index:1;
}
.real-photo figcaption{
  position:absolute;
  left:14px;
  bottom:14px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(7,23,47,.88);
  color:#fff;
  font-weight:800;
  font-size:.80rem;
  line-height:1;
  letter-spacing:.01em;
  box-shadow:0 8px 22px rgba(0,0,0,.16);
  backdrop-filter:blur(8px);
}

/* Row 1 + 2: one hero photo with a perfectly balanced right-side cluster */
.real-photo-grid .real-photo:nth-child(1){grid-column:1/7;grid-row:1/3}
.real-photo-grid .real-photo:nth-child(2){grid-column:7/10;grid-row:1}
.real-photo-grid .real-photo:nth-child(3){grid-column:10/13;grid-row:1}
.real-photo-grid .real-photo:nth-child(4){grid-column:7/13;grid-row:2}

/* Row 3: academy banner gets the full width it was designed for */
.real-photo-grid .real-photo:nth-child(7){grid-column:1/13;grid-row:3;background:#150b38}
.real-photo-grid .real-photo:nth-child(7) img{object-fit:contain;padding:0}
.real-photo-grid .real-photo:nth-child(7)::after{height:28%}

/* Row 4: four equal branding/inspiration cards */
.real-photo-grid .real-photo:nth-child(5){grid-column:1/4;grid-row:4}
.real-photo-grid .real-photo:nth-child(6){grid-column:4/7;grid-row:4}
.real-photo-grid .real-photo:nth-child(8){grid-column:7/10;grid-row:4}
.real-photo-grid .real-photo:nth-child(9){grid-column:10/13;grid-row:4}
.real-photo-grid .real-photo:nth-child(5) img,
.real-photo-grid .real-photo:nth-child(6) img,
.real-photo-grid .real-photo:nth-child(8) img,
.real-photo-grid .real-photo:nth-child(9) img{
  object-fit:contain;
  background:#fff;
}

.partner-highlight .cta-band{border:1px solid rgba(228,173,50,.3)}

@media(max-width:1000px){
  .real-photo-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:none;
    grid-auto-rows:230px;
  }
  .real-photo-grid .real-photo:nth-child(n){grid-column:auto;grid-row:auto}
  .real-photo-grid .real-photo:nth-child(1){grid-column:1/-1;min-height:390px}
  .real-photo-grid .real-photo:nth-child(4){grid-column:1/-1;min-height:280px}
  .real-photo-grid .real-photo:nth-child(7){grid-column:1/-1;min-height:260px}
}

@media(max-width:600px){
  .real-photo-grid{grid-template-columns:1fr;grid-auto-rows:260px;gap:14px}
  .real-photo-grid .real-photo:nth-child(n){grid-column:1;grid-row:auto;min-height:0}
  .real-photo-grid .real-photo:nth-child(1){min-height:350px}
  .real-photo-grid .real-photo:nth-child(4){min-height:260px}
  .real-photo-grid .real-photo:nth-child(7){min-height:190px}
  .real-photo{border-radius:22px}
  .real-photo figcaption{left:11px;bottom:11px;font-size:.76rem;padding:7px 11px}
}


/* Added brochure popup, founder section and quote gallery */
.brochure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.brochure-card{appearance:none;border:1px solid rgba(10,25,52,.08);background:#fff;border-radius:28px;box-shadow:0 20px 48px rgba(7,23,47,.10);overflow:hidden;text-align:left;padding:0;cursor:pointer;transition:transform .25s ease, box-shadow .25s ease}
.brochure-card:hover,.brochure-card:focus-visible{transform:translateY(-4px);box-shadow:0 28px 56px rgba(7,23,47,.16)}
.brochure-card img{width:100%;height:240px;object-fit:cover;display:block}
.brochure-card-content{padding:24px}
.brochure-link{display:inline-flex;margin-top:12px;font-weight:700;color:var(--primary,#07172f)}
.founder-grid{gap:30px}
.founder-visual img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:1/1}
.note-panel{margin-top:18px;padding:18px 20px;border-radius:20px;background:rgba(255,255,255,.78);border:1px solid rgba(10,25,52,.08);box-shadow:0 10px 25px rgba(7,23,47,.08)}
.note-panel strong{display:block;margin-bottom:8px}
.note-panel p{margin:0;color:var(--muted)}
.quote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.quote-poster{background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 20px 48px rgba(7,23,47,.10);border:1px solid rgba(10,25,52,.08)}
.quote-poster img{width:100%;display:block;height:auto}
.quote-poster figcaption{padding:16px 18px;color:var(--muted);font-weight:600}
.quote-wide{grid-column:span 2}
.modal-open{overflow:hidden}
.modal-overlay{position:fixed;inset:0;background:rgba(6,14,29,.72);display:none;align-items:center;justify-content:center;padding:20px;z-index:1200}
.modal-overlay.is-open{display:flex}
.modal-card{position:relative;max-width:1080px;width:min(100%,1080px);max-height:88vh;overflow:auto;background:#fff;border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.28);display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px)}
.modal-media img{width:100%;height:100%;display:block;object-fit:cover}
.modal-copy{padding:32px}
.modal-copy h3{margin-top:14px;margin-bottom:12px}
.compact-list{margin-top:14px}
.modal-actions{margin-top:20px}
.modal-close{position:absolute;right:16px;top:14px;width:42px;height:42px;border-radius:999px;border:none;background:#07172f;color:#fff;font-size:1.8rem;line-height:1;cursor:pointer;display:grid;place-items:center}
@media (max-width: 900px){
  .brochure-grid,.quote-grid{grid-template-columns:1fr}
  .quote-wide{grid-column:span 1}
  .modal-card{grid-template-columns:1fr;max-height:92vh}
  .modal-media img{max-height:300px}
}

/* User brochure PDF preview */
.brochure-modal{display:block;max-width:1120px}
.brochure-modal-copy{padding:30px}
.brochure-pages{display:grid;grid-template-columns:1fr;gap:22px;margin-top:18px}
.brochure-pages img{width:100%;height:auto;display:block;border-radius:18px;border:1px solid rgba(10,25,52,.08);box-shadow:0 12px 30px rgba(7,23,47,.10)}
.brochure-card img{aspect-ratio:1.414/1;object-fit:cover;object-position:center}
@media (max-width:700px){.brochure-modal-copy{padding:20px 14px}.brochure-pages{gap:14px}.brochure-card img{height:auto}}


/* About page spacing fix */
.about-page .about-real-photo-grid{
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-template-rows:250px 250px;
  grid-auto-rows:0;
  min-height:0;
}
.about-page .about-real-photo-grid .real-photo:nth-child(1){grid-column:1/7;grid-row:1/3}
.about-page .about-real-photo-grid .real-photo:nth-child(2){grid-column:7/10;grid-row:1}
.about-page .about-real-photo-grid .real-photo:nth-child(3){grid-column:10/13;grid-row:1}
.about-page .about-real-photo-grid .real-photo:nth-child(4){grid-column:7/13;grid-row:2}
.about-page main>.section:last-child{padding-bottom:48px}


@media(max-width:1000px){
  .about-page .about-real-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:230px}
  .about-page .about-real-photo-grid .real-photo:nth-child(n){grid-column:auto;grid-row:auto;min-height:0}
  .about-page .about-real-photo-grid .real-photo:nth-child(1){grid-column:1/-1;min-height:380px}
  .about-page .about-real-photo-grid .real-photo:nth-child(4){grid-column:1/-1;min-height:270px}
}
@media(max-width:600px){
  .about-page .about-real-photo-grid{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:245px;gap:14px}
  .about-page .about-real-photo-grid .real-photo:nth-child(n){grid-column:1;grid-row:auto;min-height:0}
  .about-page .about-real-photo-grid .real-photo:nth-child(1){min-height:330px}
  .about-page .about-real-photo-grid .real-photo:nth-child(4){min-height:225px}
}

/* Quote gallery: static, easy-to-read grid (no running animation) */
.quote-static-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;align-items:stretch}
.quote-static-grid .quote-poster{flex:0 1 calc((100% - 48px)/3)}
@media(max-width:900px){.quote-static-grid .quote-poster{flex-basis:calc((100% - 24px)/2)}}
.quote-static-grid .quote-poster{margin:0;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 16px 42px rgba(7,23,47,.10);border:1px solid rgba(10,25,52,.08)}
.quote-static-grid .quote-poster img{width:100%;height:auto;display:block}
.quote-static-grid .quote-poster figcaption{padding:16px 18px 18px;color:var(--ink);font-size:1rem;line-height:1.6;font-weight:600}
@media(max-width:600px){.quote-static-grid{gap:18px}.quote-static-grid .quote-poster{flex-basis:100%}.quote-static-grid .quote-poster{border-radius:20px}}

/* Core Competencies section: red & gold headings (scoped to this section only) */
.core-competencies{--cc-red:#a3121c;--cc-red-dark:#6e0a12;--cc-gold:#f2c14e;--cc-gold-deep:#b8861a}
.core-competencies .eyebrow{color:var(--cc-gold-deep)}
.core-competencies .eyebrow::before{background:var(--cc-red);box-shadow:0 0 0 5px rgba(163,18,28,.15)}
.core-competencies .section-title.cc-title{color:var(--cc-red) !important;padding-bottom:18px;position:relative}
.core-competencies .cc-title::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:120px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--cc-gold-deep),var(--cc-gold))}
.cc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:34px}
.cc-card{display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(160deg,var(--cc-red) 0%,var(--cc-red-dark) 100%);border:1px solid rgba(242,193,78,.45);border-radius:24px;padding:0;box-shadow:0 18px 44px rgba(110,10,18,.22)}
.cc-card h3{margin:0 0 10px;color:var(--cc-gold);font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.25}
.cc-card p{margin:0;color:#fff4e0;line-height:1.7;max-width:62ch}
.cc-card>img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:center 30%;display:block;border-bottom:3px solid var(--cc-gold)}
.cc-body{padding:24px 28px 28px}
@media(max-width:760px){.cc-grid{grid-template-columns:1fr}.cc-body{padding:20px 20px 24px}}

/* Mobile: no bottom Call/WhatsApp/Directions bar — only the floating WhatsApp icon with a gentle nudge */
@media (max-width:760px){
  body{padding-bottom:0}
  .mobile-cta{display:none !important}
  .whatsapp-float{display:grid !important;width:56px;height:56px;right:16px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:80;animation:waNudge 4s ease-in-out infinite}
}
@keyframes waNudge{
  0%,80%,100%{transform:translateY(0) rotate(0)}
  84%{transform:translateY(-6px) rotate(-8deg)}
  88%{transform:translateY(0) rotate(6deg)}
  92%{transform:translateY(-3px) rotate(-4deg)}
  96%{transform:translateY(0) rotate(0)}
}