/* ── TOKENS ── */
:root{
  --teal:#2ABFBF; --teal-light:#D4F5EF; --teal-pale:#EEF9F9;
  --sun:#F5A623; --sun-light:#FFF3D6;
  --navy:#1A2E4A; --rose:#F76E6E; --rose-light:#FFE8E8;
  --cream:#FFFCF5; --soft-grey:#F4F7F9; --body:#4d6478;
}
#banner img {
display: none;
}
#content .section {
    padding-top: 0;
    max-width: 100%;
        padding-left: 0;
        padding-right: 0;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-size:16px;color:var(--body);background:var(--cream);-webkit-font-smoothing:antialiased;}
a{text-decoration:none;}
 
.nl{max-width:100%;overflow:hidden;}
section{padding:88px 72px;position:relative;overflow:hidden;}
.inner{max-width:1358px;margin:0 auto;position:relative;z-index:1;}
.sec-head{text-align:center;margin-bottom:48px;}
 
.badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;padding:8px 18px;border-radius:100px;margin-bottom:18px;}
.badge--teal{background:var(--teal-light);color:var(--teal);}
.badge--sun{background:var(--sun-light);color:#b07000;}
.badge--rose{background:var(--rose-light);color:var(--rose);}
.badge--white{background:rgba(255,255,255,0.16);border:1px solid rgba(255,255,255,0.24);color:#fff;}
 
.section-title{font-family:'Baloo Bhaijaan 2',sans-serif;font-size:clamp(28px,3.8vw,46px);font-weight:800;line-height:1.12;margin-bottom:18px;color:var(--navy);}
.section-title .at{color:var(--teal);} .section-title .as{color:var(--sun);} .section-title .ar{color:var(--rose);}
.x-row{display:flex;gap:14px;align-items:center;}
.xm{font-size:16px;font-weight:800;opacity:0.28;}
.xm.t{color:var(--teal);} .xm.s{color:var(--sun);} .xm.r{color:var(--rose);}
 
.note{position:absolute;pointer-events:none;font-size:26px;opacity:0.5;animation:float 6s ease-in-out infinite;}
.note.t{color:var(--teal);} .note.s{color:var(--sun);} .note.r{color:var(--rose);}
 
/* ══════════════════════════════════════════ HERO ══════════════════════════════════════════ */
.mhero{display:grid;grid-template-columns:1.05fr 0.95fr;align-items:center;padding:0;background:linear-gradient(135deg,#FFFDF7 0%,#F3FBFA 55%,#EAF8F6 100%);}
.mhero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(42,191,191,0.08) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;}
.mh-left{padding:70px 52px 70px 72px;position:relative;z-index:2;}
.mh-tag{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1.5px solid rgba(42,191,191,0.32);color:var(--teal);font-size:12px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;padding:9px 20px;border-radius:100px;margin-bottom:24px;box-shadow:0 4px 14px rgba(42,191,191,0.08);animation:pop 0.6s ease both;}
.mh-tag-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);}
.mh-title{font-family:'Baloo Bhaijaan 2',sans-serif;font-size:clamp(34px,4.6vw,58px);font-weight:800;line-height:1.05;color:var(--navy);margin-bottom:10px;animation:up 0.7s 0.1s ease both;}
.mh-title .at{color:var(--teal);}
.mh-wordmark{font-family:'Baloo Bhaijaan 2',sans-serif;font-size:clamp(30px,4vw,50px);font-weight:800;color:var(--rose);line-height:1;margin-bottom:22px;animation:up 0.7s 0.16s ease both;}
.mh-wordmark .lil{color:var(--sun);}
.mh-sub{font-size:18px;color:var(--body);line-height:1.75;max-width:490px;margin-bottom:32px;animation:up 0.7s 0.24s ease both;}
.mh-sub strong{color:var(--navy);font-weight:800;}
.mh-btns{display:flex;flex-wrap:wrap;gap:14px;animation:up 0.7s 0.32s ease both;}
.mh-btn{display:inline-flex;align-items:center;gap:9px;font-family:'Baloo Bhaijaan 2',sans-serif;font-weight:800;font-size:16px;padding:15px 30px;border-radius:100px;transition:transform 0.2s,box-shadow 0.2s;}
.mh-btn.primary{background:linear-gradient(135deg,var(--sun),#ec9600);color:#fff;box-shadow:0 12px 30px rgba(245,166,35,0.4);}
.mh-btn.primary:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(245,166,35,0.5);}
.mh-btn.ghost{background:#fff;color:var(--navy);border:1.5px solid rgba(26,46,74,0.12);box-shadow:0 6px 18px rgba(26,46,74,0.06);}
.mh-btn.ghost:hover{transform:translateY(-3px);border-color:var(--teal);color:var(--teal);}
 
.mhero-right{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:50px 40px;min-height:480px;}
.mhc{position:relative;width:420px;height:440px;}
.mhc-main{position:absolute;width:310px;height:310px;border-radius:50%;background:linear-gradient(150deg,var(--teal) 0%,#1a9d9d 100%);top:66px;left:55px;box-shadow:0 30px 70px rgba(42,191,191,0.4);display:flex;align-items:center;justify-content:center;font-size:120px;animation:float 5.5s ease-in-out infinite;}
.mhc-sun{position:absolute;width:104px;height:104px;border-radius:50%;background:linear-gradient(135deg,#FFC766,var(--sun));top:0;right:24px;box-shadow:0 12px 30px rgba(245,166,35,0.4);display:flex;align-items:center;justify-content:center;font-size:44px;animation:float 4.5s 0.4s ease-in-out infinite;}
.mhc-rose{position:absolute;width:70px;height:70px;border-radius:50%;background:var(--rose);bottom:74px;left:0;box-shadow:0 10px 26px rgba(247,110,110,0.38);display:flex;align-items:center;justify-content:center;font-size:30px;animation:float 6s 1s ease-in-out infinite;}
.mhc-ring{position:absolute;width:150px;height:150px;border:2px dashed rgba(42,191,191,0.3);border-radius:50%;bottom:16px;left:92px;animation:spin 16s linear infinite;}
.mhc-card{position:absolute;background:#fff;border-radius:20px;padding:16px 20px;box-shadow:0 18px 46px rgba(26,46,74,0.15);}
.mhc-card.top{top:8px;left:-14px;width:186px;animation:float 4.6s 0.3s ease-in-out infinite;}
.mhc-card.btm{bottom:26px;right:-18px;width:180px;animation:float 5s 0.7s ease-in-out infinite;}
.mhc-card-icon{font-size:22px;margin-bottom:5px;}
.mhc-card-lbl{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--teal);}
.mhc-card-val{font-family:'Baloo Bhaijaan 2',sans-serif;font-size:20px;font-weight:800;color:var(--navy);line-height:1.1;}
.mhc-card-sub{font-size:12px;color:#9aa8b4;margin-top:2px;}
 
/* ══════════════════════════════════════════ KINDERMUSIK + EXPERIENCE ══════════════════════════════════════════ */
.km-sec{background:var(--soft-grey);}
.km-blob{position:absolute;width:460px;height:460px;border-radius:50%;background:var(--teal-light);top:-220px;left:50%;transform:translateX(-50%);opacity:0.4;pointer-events:none;}
.km-intro{max-width:760px;margin:0 auto 46px;text-align:center;}
.km-intro p{font-size:17px;color:var(--body);line-height:1.85;margin-top:8px;}
.km-intro strong{color:var(--navy);font-weight:800;}
.km-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:stretch;}
.km-card{background:linear-gradient(150deg,#20374f 0%,var(--navy) 100%);border-radius:28px;padding:38px 36px;position:relative;overflow:hidden;}
.km-card::before{content:'';position:absolute;width:200px;height:200px;border-radius:50%;background:rgba(42,191,191,0.1);top:-70px;right:-50px;animation:morph 10s ease-in-out infinite;}
.km-badge-in{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;position:relative;z-index:1;}
.km-badge-icon{width:52px;height:52px;border-radius:15px;background:rgba(42,191,191,0.18);display:flex;align-items:center;justify-content:center;font-size:26px;}
.km-badge-name{font-family:'Baloo Bhaijaan 2',sans-serif;font-size:22px;font-weight:800;color:#fff;}
.km-badge-name .k{color:var(--teal);}
.km-text{font-size:15.5px;color:rgba(255,255,255,0.75);line-height:1.85;position:relative;z-index:1;}
.km-text strong{color:#fff;font-weight:700;}
.km-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;position:relative;z-index:1;}
.km-pill{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.18);color:#fff;font-size:12.5px;font-weight:700;padding:7px 14px;border-radius:100px;}
 
.exp-card{background:#fff;border-radius:28px;padding:36px 34px;box-shadow:0 4px 22px rgba(26,46,74,0.07);}
.exp-title{font-family:'Baloo Bhaijaan 2',sans-serif;font-size:22px;font-weight:800;color:var(--navy);margin-bottom:22px;}
.exp-title .ar{color:var(--rose);}
.exp-list{display:flex;flex-direction:column;gap:14px;}
.exp-item{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:16px;background:var(--soft-grey);transition:transform .22s,background .22s;}
.exp-item:hover{transform:translateX(5px);}
.exp-item:nth-child(1){background:var(--rose-light);}
.exp-item:nth-child(2){background:var(--teal-pale);}
.exp-item:nth-child(3){background:var(--sun-light);}
.exp-item:nth-child(4){background:var(--teal-light);}
.exp-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;background:#fff;box-shadow:0 4px 12px rgba(26,46,74,0.08);}
.exp-name{font-family:'Baloo Bhaijaan 2',sans-serif;font-size:17px;font-weight:800;color:var(--navy);}
 
/* ══════════════════════════════════════════ STATS ══════════════════════════════════════════ */
.stats-sec{background:var(--navy);}
.st-ring{position:absolute;border-radius:50%;pointer-events:none;}
.st-ring.s1{width:460px;height:460px;border:58px solid rgba(42,191,191,0.06);top:-150px;right:-130px;animation:spin 38s linear infinite;}
.st-ring.s2{width:220px;height:220px;background:rgba(245,166,35,0.06);bottom:-80px;left:4%;}
.st-dots{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,0.04) 1px,transparent 1px);background-size:26px 26px;pointer-events:none;}
.st-head{text-align:center;margin-bottom:16px;}
.st-lead{text-align:center;color:rgba(255,255,255,0.7);font-size:17px;line-height:1.75;max-width:640px;margin:0 auto 44px;}
.st-lead strong{color:var(--sun);font-weight:800;}
.st-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.st-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:26px;padding:32px 30px;display:flex;align-items:center;gap:24px;transition:transform .3s,background .3s;}
.st-card:hover{transform:translateY(-6px);background:rgba(255,255,255,0.09);}
.st-icon{width:70px;height:70px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0;}
.st-card:nth-child(1) .st-icon{background:rgba(42,191,191,0.2);}
.st-card:nth-child(2) .st-icon{background:rgba(90,213,213,0.2);}
.st-card:nth-child(3) .st-icon{background:rgba(245,166,35,0.2);}
.st-card:nth-child(4) .st-icon{background:rgba(247,110,110,0.2);}
.st-kicker{font-size:11px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:6px;}
.st-card:nth-child(1) .st-kicker{color:var(--teal);}
.st-card:nth-child(2) .st-kicker{color:#7fe0e0;}
.st-card:nth-child(3) .st-kicker{color:var(--sun);}
.st-card:nth-child(4) .st-kicker{color:var(--rose);}
.st-num{font-family:'Baloo Bhaijaan 2',sans-serif;font-size:clamp(38px,5vw,52px);font-weight:800;color:#fff;line-height:1;margin-bottom:8px;}
.st-desc{font-size:14.5px;color:rgba(255,255,255,0.72);line-height:1.6;}
.st-desc strong{color:#fff;font-weight:700;}
.st-note{text-align:center;font-size:13px;color:rgba(255,255,255,0.42);max-width:720px;margin:30px auto 0;line-height:1.7;font-style:italic;}
 
/* ══════════════════════════════════════════ NO ADDITIONAL COST ══════════════════════════════════════════ */
.cost-sec{background:var(--cream);}
.cost-ring{position:absolute;border-radius:50%;width:360px;height:360px;background:radial-gradient(ellipse,rgba(42,191,191,0.08) 0%,transparent 68%);top:-110px;left:-70px;pointer-events:none;}
.cost-banner{max-width:980px;margin:0 auto;background:linear-gradient(135deg,var(--teal) 0%,#199c9c 100%);border-radius:32px;padding:56px 52px;text-align:center;position:relative;overflow:hidden;box-shadow:0 30px 70px rgba(42,191,191,0.28);}
.cost-banner::before{content:'';position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,0.08);top:-100px;right:-70px;animation:morph 11s ease-in-out infinite;}
.cost-banner::after{content:'';position:absolute;width:130px;height:130px;border:2px dashed rgba(255,255,255,0.2);border-radius:50%;bottom:-46px;left:-24px;animation:spin 18s linear infinite;}
.cost-note2{position:absolute;font-size:24px;opacity:0.5;color:#fff;}
.cost-note2.a{top:26px;left:8%;animation:float 5s ease-in-out infinite;}
.cost-note2.b{bottom:30px;right:12%;animation:float 6s .6s ease-in-out infinite;}
.cost-in{position:relative;z-index:1;}
.cost-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.32);color:#fff;font-size:12px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;padding:8px 20px;border-radius:100px;margin-bottom:20px;}
.cost-price{display:inline-flex;align-items:baseline;gap:6px;margin-bottom:14px;}
.cost-price-num{font-family:'Baloo Bhaijaan 2',sans-serif;font-size:clamp(58px,9vw,96px);font-weight:800;color:#fff;line-height:0.9;}
.cost-price-lbl{font-family:'Baloo Bhaijaan 2',sans-serif;font-size:clamp(20px,3vw,30px);font-weight:800;color:rgba(255,255,255,0.9);}
.cost-title{font-family:'Baloo Bhaijaan 2',sans-serif;font-size:clamp(24px,3.4vw,38px);font-weight:800;color:#fff;line-height:1.2;max-width:760px;margin:0 auto 16px;}
.cost-body{font-size:17px;color:rgba(255,255,255,0.9);line-height:1.85;max-width:660px;margin:0 auto 26px;}
.cost-body strong{color:#fff;font-weight:800;}
.cost-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;}
.cost-tag{background:rgba(255,255,255,0.16);border:1px solid rgba(255,255,255,0.28);color:#fff;font-size:14px;font-weight:700;padding:9px 18px;border-radius:100px;}
 
/* ══════════════════════════════════════════ MEET AMY CTA ══════════════════════════════════════════ */
.amy-sec{background:var(--soft-grey);}
.amy-ring{position:absolute;border-radius:50%;width:400px;height:400px;background:radial-gradient(ellipse,rgba(245,166,35,0.07) 0%,transparent 68%);bottom:-120px;right:-90px;pointer-events:none;}
.amy-card{max-width:1000px;margin:0 auto;background:#fff;border-radius:30px;padding:44px 48px;display:flex;align-items:center;gap:34px;box-shadow:0 20px 60px rgba(26,46,74,0.1);}
.amy-avatar{width:120px;height:120px;border-radius:28px;background:linear-gradient(150deg,var(--teal),#1a9d9d);display:flex;align-items:center;justify-content:center;font-size:60px;flex-shrink:0;box-shadow:0 16px 40px rgba(42,191,191,0.3);}
.amy-txt{flex:1;}
.amy-kicker{font-size:12px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:var(--teal);margin-bottom:8px;}
.amy-title{font-family:'Baloo Bhaijaan 2',sans-serif;font-size:26px;font-weight:800;color:var(--navy);line-height:1.2;margin-bottom:10px;}
.amy-body{font-size:15.5px;color:var(--body);line-height:1.75;margin-bottom:20px;}
.amy-btn{display:inline-flex;align-items:center;gap:9px;background:var(--navy);color:#fff;font-family:'Baloo Bhaijaan 2',sans-serif;font-weight:800;font-size:15px;padding:13px 26px;border-radius:100px;transition:transform .2s,box-shadow .2s;}
.amy-btn:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(26,46,74,0.24);}
 
/* ══════════════════════════════════════════ CLOSING ══════════════════════════════════════════ */
.closing-sec{background:var(--navy);text-align:center;padding:100px 60px;}
.close-ring{position:absolute;border-radius:50%;pointer-events:none;}
.close-ring.cr1{width:560px;height:560px;border:70px solid rgba(42,191,191,0.06);top:-200px;left:-150px;animation:spin 44s linear infinite;}
.close-ring.cr2{width:340px;height:340px;border:44px solid rgba(245,166,35,0.07);bottom:-140px;right:-80px;}
.close-dots{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,0.04) 1px,transparent 1px);background-size:26px 26px;pointer-events:none;}
.close-inner{position:relative;z-index:2;}
.close-emoji{font-size:46px;display:block;margin-bottom:16px;}
.close-title{font-family:'Baloo Bhaijaan 2',sans-serif;font-size:clamp(28px,4vw,46px);font-weight:800;color:#fff;line-height:1.15;max-width:720px;margin:0 auto 16px;}
.close-title .act{color:var(--sun);} .close-title .act2{color:var(--teal);}
.close-sub{font-size:16.5px;color:rgba(255,255,255,0.55);max-width:500px;margin:0 auto 44px;line-height:1.8;}
.contact-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;}
.contact-pill{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);border-radius:100px;padding:13px 24px;color:rgba(255,255,255,0.75);font-size:15px;font-weight:600;transition:background .2s,color .2s;}
.contact-pill:hover{background:rgba(255,255,255,0.15);color:#fff;}
.pill-icon{font-size:16px;}
 
/* keyframes */
@keyframes pop{from{opacity:0;transform:scale(0.8);}to{opacity:1;transform:scale(1);}}
@keyframes up{from{opacity:0;transform:translateY(26px);}to{opacity:1;transform:translateY(0);}}
@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}
@keyframes spin{from{transform:rotate(0);}to{transform:rotate(360deg);}}
@keyframes morph{0%,100%{border-radius:60% 40% 55% 45%/50% 60% 40% 50%;}50%{border-radius:40% 60% 45% 55%/60% 40% 60% 40%;}}
.reveal{animation:up 0.7s ease both;} .reveal-d1{animation-delay:0.1s;} .reveal-d2{animation-delay:0.2s;}
@media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;}}
 
/* responsive */
@media (max-width:1024px){
  section{padding:70px 40px;}
  .km-grid{grid-template-columns:1fr;}
  .st-grid{grid-template-columns:1fr;}
}
@media (max-width:768px){
  section{padding:58px 28px;}
  .mhero{grid-template-columns:1fr;min-height:auto;}
  .mhero-right{display:none;}
  .mh-left{padding:64px 28px 56px;}
  .amy-card{flex-direction:column;text-align:center;padding:36px 28px;}
  .closing-sec{padding:76px 28px;}
}
@media (max-width:520px){
  section{padding:48px 18px;}
  .mh-left{padding:50px 18px 42px;}
  .mh-btns,.contact-pills{flex-direction:column;align-items:stretch;}
  .mh-btn{justify-content:center;} .contact-pill{justify-content:center;}
  .st-card{flex-direction:column;text-align:center;gap:16px;}
  .km-card,.exp-card{padding:30px 24px;}
  .cost-banner{padding:40px 24px;}
  .amy-btn{width:100%;justify-content:center;}
  .section-title{font-size:26px;}
}