:root{--navy:#063B78;--deep:#071D36;--orange:#F47B20;--pink:#D71964;--green:#18A45B;--purple:#6D48C9;--sky:#F4F9FF;--cream:#FFF5EC;--ink:#13253A;--muted:#5E7288;--line:#E3EAF3;--shadow:0 18px 50px rgba(7,29,54,.09);--soft-radius:12px;--card-radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Poppins",Arial,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}h1,h2,h3{font-family:"Outfit","Poppins",sans-serif;margin:0;line-height:1.08;color:var(--deep);letter-spacing:-.02em}p{font-size:16px;line-height:1.7;color:var(--muted);font-weight:400}img,iframe{max-width:100%}.sticky-shell{position:sticky;top:0;z-index:5000;background:#fff;box-shadow:0 8px 28px rgba(7,29,54,.06)}.top-banner{background:var(--deep);color:#fff;min-height:50px;display:flex;align-items:center;justify-content:center;gap:24px;padding:9px 16px;font-weight:600;text-align:center;flex-wrap:wrap}.top-banner span{background:var(--orange);padding:6px 13px;border-radius:10px;font-weight:700}.top-banner a{color:#fff;font-weight:700;text-underline-offset:4px}.navbar{max-width:1240px;min-height:84px;margin:auto;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand img{width:220px;height:62px;object-fit:contain;display:block}.nav-links{display:flex;align-items:center;gap:21px}.nav-links a{position:relative;text-decoration:none;color:var(--ink);font-weight:600;font-size:15px;white-space:nowrap}.nav-links a::after{content:"";position:absolute;left:0;bottom:-9px;width:0;height:3px;background:var(--orange);border-radius:4px;transition:.22s ease}.nav-links a:hover,.nav-links a.active{color:var(--navy)}.nav-links a:hover::after,.nav-links a.active::after{width:100%}.menu-btn{display:none;border:0;background:var(--navy);color:#fff;border-radius:8px;font-size:24px;padding:8px 12px}.btn{border:0;border-radius:10px;padding:13px 22px;font-weight:700;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:"Outfit",sans-serif;transition:.2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#FF6422;color:#fff;box-shadow:0 12px 26px rgba(244,123,32,.24)}.btn-secondary{background:#fff;color:var(--navy);border:1px solid var(--line)}.btn-light{background:#fff;color:var(--navy)}.hero{max-width:1240px;margin:auto;padding:44px 20px 32px;display:grid;grid-template-columns:1fr;gap:24px}.hero-kicker{display:inline-block;color:#FF6422;font-weight:600;line-height:1.5;font-size:16px;margin-bottom:18px}.hero-kicker::after{content:"";display:block;width:54px;height:3px;background:#FF6422;margin-top:14px}.hero h1{font-size:clamp(34px,3.4vw,68px);font-weight:800;margin-bottom:16px}.hero h1 span{color:#FF6422}.hero p{font-size:16px;max-width:620px;margin-bottom:20px}.hero-features{display:grid;grid-template-columns:1fr;gap:10px;margin:20px 0}.hero-features div{background:#fff;border:1px solid var(--line);border-radius:var(--soft-radius);padding:12px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 26px rgba(7,29,54,.05)}.hero-features b{width:36px;height:36px;display:grid;place-items:center;background:var(--sky);border-radius:10px}.hero-features span{font-weight:600;font-size:13px}.hero-stats{background:#fff;border:1px solid var(--line);border-radius:var(--card-radius);box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.hero-stats div{padding:15px;text-align:center;border-bottom:1px solid var(--line)}.hero-stats strong{display:block;font-size:22px;color:#1976E9;font-weight:700;font-family:"Outfit",sans-serif}.hero-stats div:nth-child(1) strong{color:#FF6422}.hero-stats div:nth-child(3) strong{color:#18A45B}.hero-stats div:nth-child(4) strong{color:#6D48C9}.hero-stats span{font-size:12px;font-weight:500;color:var(--muted)}.hero-visual img{width:100%;display:block;border-radius:16px}.section{max-width:1240px;margin:auto;padding:44px 20px}.section-heading{text-align:center;max-width:850px;margin:0 auto 26px}.section-heading span,.section-label{color:#FF6422;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:12px}.section-heading h2{font-size:clamp(28px,6vw,48px);margin-top:10px}.image-band{padding-top:22px;padding-bottom:22px}.image-band-grid{display:grid;grid-template-columns:1fr;gap:14px}.image-band-grid img{width:100%;border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow)}.problem-grid{display:grid;grid-template-columns:1fr;gap:14px}.problem-grid article,.pillar-display,.trial-card,.level-card,.outcomes-panel,.founder-card,.admission-panel,.contact-info,.contact-form,.modal-box,.category-panel,.featured-video,.video-tile{background:#fff;border:1px solid var(--line);border-radius:var(--card-radius);box-shadow:var(--shadow)}.problem-grid article{padding:20px}.problem-grid h3{font-size:22px;margin-bottom:6px}.pillar-tabs{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-bottom:18px}.pillar-tab{border:1px solid var(--line);background:#fff;border-radius:10px;padding:11px 14px;font-weight:600;cursor:pointer;font-family:"Outfit",sans-serif}.pillar-tab.active{background:var(--navy);color:#fff}.pillar-display{padding:18px;display:grid;grid-template-columns:1fr;gap:20px}.expression-image img{width:100%;border-radius:12px;border:1px solid var(--line);display:block}.pillar-detail h2{font-size:30px;margin-bottom:10px;font-weight:700}.expression-grid{display:grid;grid-template-columns:1fr;gap:10px;margin:16px 0}.bad,.good{border-radius:12px;padding:14px;font-weight:600;min-height:74px}.bad{background:#FFF1F1;color:#B4232D}.good{background:#EFFFF4;color:#10713C}.pillar-detail ul{padding:0;margin:16px 0 0;list-style:none;display:grid;gap:9px}.pillar-detail li{background:#F8FBFF;border:1px solid var(--line);border-radius:10px;padding:12px 13px;font-weight:600}.trial-card{padding:20px;display:grid;grid-template-columns:1fr;gap:18px}.trial-card h2{font-size:30px;margin:10px 0;font-weight:700}.video-frame{overflow:hidden;border-radius:14px;border:1px solid var(--line)}.video-frame iframe{width:100%;aspect-ratio:16/9;border:0;display:block}.level-grid{display:grid;grid-template-columns:1fr;gap:14px}.level-card{padding:22px;border-top:6px solid var(--accent)}.level-card.pink{--accent:var(--pink)}.level-card.orange{--accent:var(--orange)}.level-card.green{--accent:var(--green)}.level-card span{color:#FF6422;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.level-card h3{font-size:26px;margin:8px 0;font-weight:700}.outcomes-panel{background:var(--deep);padding:24px;color:#fff;display:grid;grid-template-columns:1fr;gap:20px}.outcomes-panel h2{color:#fff;font-size:32px;margin:10px 0;font-weight:700}.outcomes-panel p{color:#C8D9EC}.outcome-grid{display:grid;grid-template-columns:1fr;gap:10px}.outcome-grid div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px}.founder-card{padding:20px;display:grid;grid-template-columns:1fr;gap:20px;align-items:center}.founder-card img{width:100%;max-width:320px;margin:auto;display:block;border-radius:16px}.founder-card h2{font-size:32px;margin:10px 0;font-weight:700}.admission-panel{background:var(--navy);color:#fff;padding:24px;display:grid;grid-template-columns:1fr;gap:18px}.admission-panel h2{color:#fff;font-size:32px;margin:8px 0;font-weight:700}.admission-panel p{color:#D4E4F7}.admission-panel span{color:#FFB071;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.contact-section{display:grid;grid-template-columns:1fr;gap:16px}.contact-info,.contact-form{padding:22px}.contact-info h2{font-size:32px;margin:10px 0;font-weight:700}.contact-form{display:grid;gap:12px}.contact-form h3{font-size:26px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:14px 15px;font:inherit;font-weight:500;outline:none;background:#fff}textarea{min-height:112px}input:focus,select:focus,textarea:focus{border-color:#FF6422;box-shadow:0 0 0 4px rgba(244,123,32,.12)}.checkbox-line{display:flex;gap:10px;align-items:flex-start;font-weight:500;line-height:1.5;color:var(--ink)}.checkbox-line input{width:auto;margin-top:4px}.form-msg{margin:0;color:var(--green);font-weight:700}.modal{position:fixed;inset:0;background:rgba(7,29,54,.72);z-index:7000;display:none;place-items:center;padding:18px}.modal.show{display:grid}.modal-box{max-width:520px;width:100%;padding:24px;position:relative}.modal-box h2{font-size:32px;font-weight:700}.modal form{display:grid;gap:12px;margin-top:16px}.modal-close{position:absolute;right:14px;top:14px;width:36px;height:36px;border:0;border-radius:8px;background:#FFE4E4;font-size:24px;cursor:pointer}.full{width:100%}.floating-whatsapp{position:fixed;right:16px;bottom:16px;z-index:4900;border:0;border-radius:10px;background:#20BF63;color:#fff;padding:12px 16px;font-weight:700;box-shadow:0 14px 30px rgba(32,191,99,.28);cursor:pointer}.premium-footer{background:#061B34;color:#fff;margin-top:20px}.footer-inner{max-width:1240px;margin:auto;padding:42px 20px;display:grid;grid-template-columns:1fr;gap:26px}.footer-brand img{width:230px;background:#fff;border-radius:12px;padding:6px;margin-bottom:12px}.footer-brand p,.footer-col p{color:#C3D4E8;margin:8px 0}.footer-col{display:grid;gap:8px;align-content:start}.footer-col h3{color:#fff;font-size:22px}.footer-col a{color:#C3D4E8;text-decoration:none}.footer-col a:hover{color:#FFB071}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:18px 20px;text-align:center;color:#C3D4E8}.dashboard-hero{max-width:1240px;margin:auto;padding:38px 20px 24px}.dashboard-hero h1{font-size:clamp(34px,8vw,60px);margin:12px 0;font-weight:700}.dashboard-hero p{max-width:760px;font-size:16px}.video-dashboard{max-width:1240px;margin:auto;padding:0 20px 58px;display:grid;grid-template-columns:1fr;gap:16px}.category-panel{padding:20px}.category-panel h3{font-size:24px;margin-bottom:14px}#categoryButtons{display:grid;gap:9px}.category-btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:13px 15px;text-align:left;font-weight:600;cursor:pointer}.category-btn.active{background:var(--navy);color:#fff}.video-main{display:grid;gap:16px}.featured-video{overflow:hidden}.featured-video iframe{width:100%;aspect-ratio:16/9;border:0;display:block}.featured-content{padding:18px}.video-grid{display:grid;grid-template-columns:1fr;gap:12px}.video-tile{overflow:hidden;cursor:pointer}.video-thumb{aspect-ratio:16/9;background:#F4F9FF;display:grid;place-items:center;font-size:42px}.video-tile div:last-child{padding:14px}.video-tile b{display:block;margin-bottom:5px;font-weight:600}.video-tile span{color:var(--muted);font-size:13px}@media(min-width:700px){.hero-features{grid-template-columns:repeat(2,1fr)}.hero-stats{grid-template-columns:repeat(4,1fr)}.hero-stats div{border-bottom:0;border-right:1px solid var(--line)}.hero-stats div:last-child{border-right:0}.image-band-grid{grid-template-columns:repeat(3,1fr)}.problem-grid{grid-template-columns:repeat(3,1fr)}.expression-grid{grid-template-columns:1fr 1fr}.level-grid{grid-template-columns:repeat(3,1fr)}.outcome-grid{grid-template-columns:repeat(2,1fr)}.video-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1.4fr .8fr 1fr}}@media(min-width:980px){.hero{grid-template-columns:.96fr 1.04fr;padding-top:60px}.hero-features{grid-template-columns:repeat(4,1fr)}.pillar-display{grid-template-columns:1fr 1fr;padding:24px}.trial-card{grid-template-columns:.8fr 1.2fr;padding:28px;align-items:center}.founder-card{grid-template-columns:330px 1fr;padding:30px}.admission-panel{grid-template-columns:1fr auto;padding:34px;align-items:center}.contact-section{grid-template-columns:.9fr 1.1fr}.video-dashboard{grid-template-columns:280px 1fr}.category-panel{position:sticky;top:150px;align-self:start}.video-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1040px){.nav-cta{display:none}.menu-btn{display:block}.nav-links{display:none;position:absolute;top:100%;left:14px;right:14px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:14px;flex-direction:column;align-items:flex-start;z-index:6000}.nav-links.open{display:flex}}@media(max-width:560px){.top-banner{gap:8px;font-size:11px;min-height:auto;padding:7px 10px;line-height:1.35}.top-banner span{padding:5px 9px}.navbar{min-height:68px;padding:8px 14px}.brand img{width:150px;height:48px}.hero{padding:30px 14px 24px;gap:18px}.section{padding:36px 14px}.image-band{padding-top:12px;padding-bottom:12px}.hero h1{font-size:34px}.hero-features{grid-template-columns:1fr}.hero-stats{grid-template-columns:1fr 1fr}.section-heading{margin-bottom:20px}.pillar-display,.trial-card,.founder-card,.contact-info,.contact-form,.problem-grid article{padding:16px}.floating-whatsapp{right:10px;bottom:10px;font-size:12px;padding:10px 12px}.footer-inner{padding:34px 16px}}

/* CORRECTED PALETTE */
:root{
  --bs-blue:#0d6efd;
  --bs-indigo:#6610f2;
  --bs-purple:#a597e7;
  --bs-pink:#ea77ad;
  --bs-red:#dc3545;
  --bs-orange:#fd7e14;
  --bs-yellow:#ffc107;
  --bs-green:#198754;
  --bs-teal:#20c997;

  --navy:#0d2f5f;
  --deep:#071d36;
  --orange:#fd7e14;
  --pink:#ea77ad;
  --green:#198754;
  --purple:#a597e7;
  --sky:#eaf4ff;
  --cream:#fff4e8;
  --ink:#13253a;
  --muted:#5e7288;
  --line:#e3eaf3;
  --shadow:0 18px 50px rgba(7,29,54,.09);
}

.top-banner{
  background:#071d36 !important;
}

.top-banner span,
.btn-primary{
  background:var(--bs-orange) !important;
  color:#fff !important;
}

.hero h1 span,
.hero-kicker,
.section-heading span,
.section-label,
.nav-links a:hover,
.nav-links a.active{
  color:var(--bs-orange) !important;
}

.hero-kicker::after,
.nav-links a::after{
  background:var(--bs-orange) !important;
}

.hero-stats div:nth-child(1) strong{color:var(--bs-orange) !important}
.hero-stats div:nth-child(2) strong{color:var(--bs-blue) !important}
.hero-stats div:nth-child(3) strong{color:var(--bs-green) !important}
.hero-stats div:nth-child(4) strong{color:var(--bs-purple) !important}

.level-card.pink{--accent:var(--bs-pink) !important}
.level-card.orange{--accent:var(--bs-orange) !important}
.level-card.green{--accent:var(--bs-green) !important}

.outcomes-panel,
.admission-panel,
.premium-footer{
  background:#071d36 !important;
}

.pillar-tab.active,
.category-btn.active{
  background:#0d2f5f !important;
  color:#fff !important;
}

.floating-whatsapp{
  background:#20c997 !important;
  color:#fff !important;
}

/* Correct problem cards with relevant scenes */
.problem-grid.correct-problems{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}

.problem-card-visual{
  overflow:hidden;
  padding:0 !important;
}

.problem-image{
  min-height:180px;
  background:var(--soft);
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  padding:20px;
}

.problem-image .kid-face{
  width:74px;
  height:74px;
  display:grid;
  place-items:center;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  font-size:40px;
  box-shadow:0 10px 26px rgba(0,0,0,.06);
}

.problem-image .symbol{
  position:absolute;
  right:28px;
  top:24px;
  font-size:42px;
}

.problem-image .speech{
  position:absolute;
  left:24px;
  bottom:22px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:10px 12px;
  max-width:190px;
  font-size:13px;
  font-weight:700;
  color:#13253a;
  box-shadow:0 10px 26px rgba(0,0,0,.06);
}

.problem-content{
  padding:20px;
}

.problem-content h3{
  margin-bottom:8px;
  font-size:24px;
}

.problem-content p{
  margin:0;
}

.problem-card-visual.textbook{--soft:#eaf4ff;}
.problem-card-visual.missing{--soft:#fff4e8;}
.problem-card-visual.translation{--soft:#f2efff;}

@media(min-width:800px){
  .problem-grid.correct-problems{
    grid-template-columns:repeat(3,1fr);
  }
}

@media(max-width:560px){
  .problem-image{
    min-height:150px;
  }

  .problem-content{
    padding:16px;
  }

  .problem-content h3{
    font-size:21px;
  }

  .problem-image .speech{
    left:16px;
    right:16px;
    max-width:none;
    bottom:16px;
  }
}


/* Video onload and hero video */
.intro-video-modal{
  position:fixed;
  inset:0;
  background:rgba(7,29,54,.82);
  z-index:9000;
  display:none;
  place-items:center;
  padding:18px;
}

.intro-video-modal.show{
  display:grid;
}

.intro-video-box{
  width:min(920px,100%);
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  position:relative;
  box-shadow:0 30px 90px rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.2);
}

.intro-video-box video{
  width:100%;
  aspect-ratio:16/9;
  display:block;
  background:#000;
}

.intro-skip{
  position:absolute;
  right:14px;
  top:14px;
  z-index:2;
  border:0;
  background:var(--bs-orange);
  color:#fff;
  padding:10px 14px;
  border-radius:10px;
  font-weight:700;
  cursor:pointer;
  font-family:"Outfit",sans-serif;
}

.hero-with-video{
  position:relative;
  overflow:hidden;
}

.hero-bg-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:-2;
  opacity:.16;
  pointer-events:none;
}

.hero-video-overlay{
  position:absolute;
  inset:0;
  z-index:-1;
  background:rgba(255,255,255,.88);
}

@media(max-width:560px){
  .intro-video-modal{
    padding:12px;
  }

  .intro-skip{
    right:10px;
    top:10px;
    padding:8px 11px;
    font-size:12px;
  }

  .hero-bg-video{
    opacity:.08;
  }

  .hero-video-overlay{
    background:rgba(255,255,255,.94);
  }
}


/* Final requested change: left side text/card, not image */
.expression-image{
  display:none !important;
}

.flyer-method-card{
  background:#fff;
  border:2px solid var(--card-color);
  border-radius:10px;
  padding:16px;
  min-height:430px;
  display:flex;
  flex-direction:column;
  gap:12px;
  box-shadow:0 4px 0 rgba(0,0,0,.08);
}

.flyer-method-card.blue{--card-color:var(--bs-blue);--soft:#eef6ff;--note:#e9f3ff;}
.flyer-method-card.orange{--card-color:var(--bs-orange);--soft:#fff3e8;--note:#fff2df;}
.flyer-method-card.green{--card-color:var(--bs-green);--soft:#effff4;--note:#eaf8ef;}
.flyer-method-card.purple{--card-color:var(--bs-purple);--soft:#f5efff;--note:#f2effb;}

.flyer-method-card h3{
  margin:0;
  color:var(--card-color);
  text-transform:uppercase;
  font-size:20px;
  font-weight:800;
  line-height:1.15;
}

.flyer-scene{
  min-height:105px;
  background:var(--soft);
  border-radius:8px;
  display:grid;
  place-items:center;
  padding:12px;
}

.mini-kids{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  font-size:44px;
}

.mini-kids .motion{
  font-size:34px;
}

.chunk-mini{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:6px;
}

.chunk-mini span{
  background:#fff;
  border:1px solid #d7e0ea;
  border-radius:5px;
  padding:5px 8px;
  color:#2f3c43;
  font-weight:700;
  font-size:13px;
}

.flyer-line{
  font-size:15px;
  line-height:1.35;
  font-weight:700;
}

.wrong-line{
  color:#b4232d;
}

.right-line{
  color:#198754;
}

.flyer-dots{
  border-top:3px dotted var(--card-color);
  margin:0;
}

.flyer-middle{
  margin:0;
  color:#26384f;
  font-size:15px;
  font-weight:600 !important;
  line-height:1.45;
  text-align:center;
}

.flyer-note{
  margin-top:auto;
  background:var(--note);
  border-left:5px solid var(--card-color);
  border-radius:8px;
  padding:12px;
  display:flex;
  gap:10px;
  align-items:flex-start;
  color:#26384f;
}

.flyer-note span{
  font-size:24px;
  line-height:1;
}

.flyer-note b{
  font-size:14px;
  line-height:1.35;
  font-weight:700;
}

@media(max-width:560px){
  .flyer-method-card{
    min-height:auto;
    padding:14px;
  }

  .flyer-method-card h3{
    font-size:18px;
  }

  .flyer-scene{
    min-height:90px;
  }

  .mini-kids{
    font-size:38px;
  }

  .flyer-line{
    font-size:14px;
  }
}
