:root{
  --ink:#33235b; --muted:#756b86; --cream:#fff8e7; --white:#fff;
  --yellow:#ffd84d; --pink:#ff74b8; --blue:#48b8f0; --green:#79d76e; --purple:#8d66ef;
  --red:#ff5757; --line:#eadff5; --shadow:0 22px 60px rgba(80,46,126,.15);
  --radius:28px; --max:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--cream);color:var(--ink);font-family:"Nunito",system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden} img,video{display:block;max-width:100%} a{color:inherit;text-decoration:none} button,input,textarea,select{font:inherit}.skip-link{position:absolute;left:-9999px;top:10px;background:#111;color:#fff;padding:.75rem 1rem;border-radius:8px;z-index:999}.skip-link:focus{left:10px}.section-shell{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.site-header{height:84px;width:min(1240px,calc(100% - 28px));margin:14px auto 0;padding:0 22px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.8);box-shadow:0 10px 35px rgba(99,76,122,.09);border-radius:24px;position:sticky;top:12px;z-index:20}.brand{display:flex;align-items:center;gap:10px;font:700 1.14rem "Fredoka",sans-serif}.brand b{color:#ff4f91}.brand-star{display:grid;place-items:center;width:40px;height:40px;background:var(--yellow);border-radius:50%;font-size:1.35rem;transform:rotate(-10deg);box-shadow:inset 0 -3px 0 rgba(0,0,0,.08)}.nav{display:flex;align-items:center;gap:26px;font-weight:800;font-size:.95rem}.nav a:hover{color:#7b56d8}.nav-cta{background:var(--ink);color:#fff;padding:10px 17px;border-radius:999px}.nav-cta:hover{color:#fff!important;transform:translateY(-1px)}.menu-btn{display:none;border:0;background:var(--ink);color:white;border-radius:999px;padding:9px 14px;font-weight:800}.hero{min-height:680px;padding:82px 0 72px;display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:center}.eyebrow{margin:0 0 14px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:#7d5ad5;font-size:.78rem}.hero h1,.section-heading h2,.about-copy h2,.parents-card h2,.contact-copy h2{font-family:"Fredoka",sans-serif;line-height:.98;letter-spacing:-.04em}.hero h1{font-size:clamp(3.5rem,7vw,6.9rem);margin:0 0 24px;max-width:760px}.hero h1 span{color:#ff5aa8;position:relative}.hero-lede{font-size:1.2rem;color:#635b70;max-width:620px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 24px}.btn{border:0;display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:15px 22px;border-radius:999px;font-weight:900;cursor:pointer;transition:.2s ease}.btn-primary{background:var(--ink);color:#fff;box-shadow:0 12px 25px rgba(51,35,91,.18)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 28px rgba(51,35,91,.25)}.btn-secondary{background:#fff;border:2px solid #ece3f6}.btn-secondary:hover{border-color:#cbb8ea}.mini-points{display:flex;gap:10px;flex-wrap:wrap}.mini-points span{background:#fff;padding:9px 13px;border-radius:999px;font-weight:800;font-size:.83rem;box-shadow:0 6px 18px rgba(72,52,99,.06)}.hero-art{position:relative;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:5% -5% -7% 8%;background:linear-gradient(145deg,#ffe56f,#ff9bcb 50%,#7bd9ff);filter:blur(1px);border-radius:45% 55% 50% 42%/48% 43% 57% 52%;transform:rotate(-4deg);z-index:-2}.hero-art:after{content:"";position:absolute;inset:-35px;background-image:radial-gradient(circle,#fff 0 3px,transparent 4px);background-size:32px 32px;opacity:.5;z-index:-3}.hero-art video{width:100%;aspect-ratio:1;border-radius:38% 46% 40% 45%/40% 42% 45% 38%;object-fit:cover;border:10px solid white;box-shadow:var(--shadow)}.orbit{position:absolute;z-index:3;width:66px;height:66px;border-radius:18px;display:grid;place-items:center;font:800 2rem "Fredoka";box-shadow:0 12px 25px rgba(63,35,96,.15);animation:float 4.5s ease-in-out infinite}.orbit-one{background:#53c7f6;left:-22px;top:15%;transform:rotate(-10deg)}.orbit-two{background:#ff7a76;right:-24px;top:10%;animation-delay:-1s}.orbit-three{background:#79dd73;right:1%;bottom:2%;animation-delay:-2s}@keyframes float{50%{translate:0 -12px;rotate:4deg}}.ticker{overflow:hidden;background:var(--ink);color:#fff;font:700 1rem "Fredoka";letter-spacing:.12em;padding:14px 0;white-space:nowrap}.ticker div{width:max-content;animation:marquee 20s linear infinite}@keyframes marquee{to{transform:translateX(-30%)}}.watch{padding:100px 0}.section-heading{max-width:740px;margin-bottom:38px}.section-heading.centered{text-align:center;margin:0 auto 44px}.section-heading h2,.about-copy h2,.parents-card h2,.contact-copy h2{font-size:clamp(2.5rem,5vw,4.6rem);margin:0 0 18px}.section-heading p:not(.eyebrow){font-size:1.08rem;color:var(--muted)}.youtube-card{display:grid;grid-template-columns:1.35fr 1fr;max-width:980px;margin:auto;background:#fff;border-radius:34px;padding:18px;box-shadow:var(--shadow);transition:.25s ease}.youtube-card:hover{transform:translateY(-5px)}.youtube-card-art{position:relative;overflow:hidden;border-radius:24px;min-height:350px}.youtube-card-art img{width:100%;height:100%;object-fit:cover}.play-bubble{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;width:76px;height:76px;background:#fff;border-radius:50%;display:grid;place-items:center;font-size:1.8rem;color:#f3406c;box-shadow:0 12px 35px rgba(0,0,0,.18)}.youtube-card-copy{padding:42px 34px;align-self:center}.yt-badge{display:inline-block;background:#ffecf1;color:#dc2d5d;font-weight:900;padding:7px 12px;border-radius:999px;font-size:.78rem}.youtube-card-copy h3{font:700 2.4rem "Fredoka";margin:15px 0 9px}.youtube-card-copy p{color:var(--muted)}.text-link{font-weight:900;color:#7250cb}.about-section{padding:100px 0;background:#fff}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.about-art{position:relative}.about-art img{border-radius:38px;box-shadow:var(--shadow);transform:rotate(-2deg)}.sticker{position:absolute;padding:13px 18px;border-radius:18px;color:white;font:800 1.3rem "Fredoka";box-shadow:0 12px 24px rgba(0,0,0,.12)}.sticker-a{background:#ff60aa;right:-20px;top:20px;rotate:8deg}.sticker-b{background:#6257e8;left:-18px;bottom:25px;rotate:-8deg}.about-copy>p:not(.eyebrow){color:var(--muted);font-size:1.05rem}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}.feature-grid article{background:var(--cream);padding:22px;border-radius:22px}.feature-grid article span{font-size:1.8rem}.feature-grid h3{font:700 1.12rem "Fredoka";margin:8px 0 4px}.feature-grid p{font-size:.92rem;color:var(--muted);margin:0}.gallery{padding:100px 0}.gallery-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:18px}.tile{margin:0;position:relative;overflow:hidden;border-radius:30px;min-height:380px;box-shadow:0 16px 35px rgba(73,46,97,.12)}.tile img{width:100%;height:100%;object-fit:cover;transition:.4s ease}.tile:hover img{transform:scale(1.04)}.tile figcaption{position:absolute;left:18px;bottom:18px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);padding:10px 14px;border-radius:999px;font-weight:900}.parents-section{padding:40px 0 110px}.parents-card{background:linear-gradient(135deg,#ffe679,#ffb5d7 50%,#c4adff);border-radius:38px;padding:60px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;box-shadow:var(--shadow)}.parents-card>div:first-child{max-width:770px}.parents-card p:not(.eyebrow){font-size:1.08rem}.parent-badge{width:180px;height:180px;border-radius:50%;background:var(--ink);color:white;display:grid;place-items:center;text-align:center;border:8px solid rgba(255,255,255,.55);font:700 1.25rem "Fredoka";line-height:1.1}.parent-badge span{font-size:2.1rem;margin-bottom:-35px}.contact{padding:100px 0 120px;display:grid;grid-template-columns:.88fr 1.12fr;gap:70px}.contact-copy{padding-top:24px}.contact-copy>p:not(.eyebrow){color:var(--muted);font-size:1.06rem}.contact-note{display:flex;gap:12px;background:#fff3cc;padding:16px 18px;border-radius:18px;margin:28px 0 18px}.contact-note p{margin:0;font-size:.9rem}.social-link{font-weight:900;color:#6f4ac8}.contact-form{background:#fff;padding:34px;border-radius:30px;box-shadow:var(--shadow)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:block;font-weight:900;font-size:.9rem;margin-bottom:16px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;margin-top:7px;border:2px solid #ebe4f1;border-radius:14px;background:#fffdf9;color:var(--ink);padding:13px 14px;outline:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#8d66ef;box-shadow:0 0 0 4px rgba(141,102,239,.12)}.check{display:flex!important;gap:10px;align-items:flex-start;font-weight:700!important;color:var(--muted)}.check input{width:auto;margin-top:5px}.btn-submit{width:100%;font-size:1rem}.form-small{text-align:center;color:#8b8294;font-size:.78rem;margin:12px 0 0}footer{background:var(--ink);color:#fff;padding:56px 0}.footer-inner{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.footer-brand strong{font:700 1.4rem "Fredoka"}.footer-brand>span{color:var(--yellow);margin-right:8px}.footer-brand p{margin:3px 0 0;color:#cfc5e0}.footer-links{display:flex;gap:22px;font-weight:800}.copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.13);padding-top:22px;margin:0;color:#cfc5e0;font-size:.85rem}
@media(max-width:900px){.nav{display:none;position:absolute;left:0;right:0;top:92px;background:white;border-radius:22px;padding:18px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav.open{display:flex}.menu-btn{display:block}.hero,.about-grid,.contact{grid-template-columns:1fr}.hero{padding-top:60px;gap:40px}.hero-copy{text-align:center}.hero-lede{margin-inline:auto}.hero-actions,.mini-points{justify-content:center}.hero-art{width:min(620px,92%);margin:auto}.youtube-card{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr}.tile-wide{grid-column:1/-1}.parents-card{grid-template-columns:1fr}.parent-badge{width:140px;height:140px}.footer-inner{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}}
@media(max-width:580px){.section-shell{width:min(100% - 26px,var(--max))}.site-header{height:72px}.brand{font-size:1rem}.brand-star{width:34px;height:34px}.hero{min-height:auto;padding:55px 0}.hero h1{font-size:3.8rem}.orbit{width:50px;height:50px;font-size:1.45rem}.youtube-card-copy{padding:28px 14px}.youtube-card-art{min-height:280px}.about-section,.watch,.gallery,.contact{padding:76px 0}.feature-grid,.gallery-grid,.field-row{grid-template-columns:1fr}.tile,.tile-wide{grid-column:auto;min-height:310px}.parents-card{padding:34px 24px}.contact-form{padding:24px 18px}.footer-links{gap:14px}.ticker{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}


/* ===== August 2026 live-site fixes ===== */
html { overflow-x: hidden; }
body { overflow-x: hidden; }
img, video { max-width: 100%; }

.site-header {
  min-height: 84px;
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

.brand {
  min-width: 0;
  flex: 0 1 auto;
}

.brand-logo {
  width: 66px;
  height: 66px;
  flex: 0 0 66px;
  object-fit: cover;
  object-position: center;
  border-radius: 18px;
  background: #fff;
  border: 3px solid #fff;
  box-shadow: 0 7px 18px rgba(51,35,91,.16);
}

.brand-name {
  white-space: nowrap;
  line-height: 1.05;
}

.hero-art video {
  display: block;
  background: #fff;
}

.footer-brand {
  display: flex;
  align-items: center;
  gap: 14px;
}

.footer-logo {
  width: 68px;
  height: 68px;
  object-fit: cover;
  border-radius: 17px;
  background: #fff;
  border: 3px solid rgba(255,255,255,.9);
}

.footer-brand p { margin: 3px 0 0; }

@media (max-width: 1050px) {
  .site-header { width: min(100% - 30px, var(--max)); }
  .nav { gap: 17px; }
  .brand-name { font-size: .98rem; }
}

@media (max-width: 900px) {
  .site-header { position: sticky; top: 8px; }
  .brand-logo { width: 58px; height: 58px; flex-basis: 58px; }
  .nav { top: calc(100% + 8px); }
}

@media (max-width: 580px) {
  .site-header {
    min-height: 70px;
    height: auto;
    width: calc(100% - 20px);
    padding: 8px 10px;
    border-radius: 20px;
  }

  .brand { gap: 8px; }
  .brand-logo {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
    border-radius: 14px;
  }
  .brand-name {
    font-size: .82rem;
    max-width: 132px;
    white-space: normal;
  }

  .menu-btn { padding: 9px 12px; }

  .hero {
    padding-top: 42px;
    gap: 32px;
  }
  .hero h1 {
    font-size: clamp(3rem, 15vw, 4rem);
    overflow-wrap: anywhere;
  }
  .hero-lede { font-size: 1.04rem; }
  .hero-art { width: 92%; }
  .hero-art video { border-width: 7px; }

  .youtube-card { border-radius: 24px; padding: 12px; }
  .youtube-card-art { border-radius: 18px; min-height: 240px; }
  .youtube-card-copy h3 { font-size: 2rem; }

  .section-heading h2,
  .about-copy h2,
  .parents-card h2,
  .contact-copy h2 {
    font-size: clamp(2.35rem, 12vw, 3.4rem);
  }

  .footer-brand { align-items: center; }
  .footer-logo { width: 56px; height: 56px; border-radius: 14px; }
}


/* ===== Complete-site additions ===== */
.learn-section { padding: 105px 0; background: linear-gradient(180deg,#fffdf7,#f7fbff); }
.learning-grid { margin-top: 42px; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.learning-card { background:#fff; border:1px solid rgba(61,50,100,.09); border-radius:28px; padding:28px; box-shadow:0 14px 35px rgba(63,43,106,.08); transition:.2s ease; }
.learning-card:hover { transform:translateY(-4px); box-shadow:0 18px 42px rgba(63,43,106,.12); }
.learning-icon { width:58px; height:58px; border-radius:18px; display:grid; place-items:center; background:#fff4c7; font-size:30px; margin-bottom:18px; }
.learning-card:nth-child(2) .learning-icon { background:#e7f5ff; }
.learning-card:nth-child(3) .learning-icon { background:#fbe8ff; }
.learning-card:nth-child(4) .learning-icon { background:#ffe6ef; }
.learning-card:nth-child(5) .learning-icon { background:#e9faef; }
.learning-card:nth-child(6) .learning-icon { background:#eeeaff; }
.learning-card h3 { margin:0 0 8px; font-size:1.18rem; }
.learning-card p { margin:0; line-height:1.7; }

.featured-video-section { padding:95px 0; background:#fff2f7; }
.featured-video-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:52px; align-items:center; }
.featured-video-copy h2 { font-size:clamp(2.6rem,5vw,4.8rem); line-height:.95; margin:10px 0 20px; }
.featured-video-copy p { line-height:1.75; margin-bottom:25px; }
.featured-video-frame { background:#fff; border-radius:34px; padding:12px; box-shadow:0 20px 50px rgba(73,46,103,.15); transform:rotate(1deg); }
.featured-video-frame video { width:100%; display:block; border-radius:25px; background:#111; }

.parent-points { display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }
.parent-points span { display:inline-flex; padding:9px 13px; border-radius:999px; background:rgba(255,255,255,.62); font-weight:700; font-size:.9rem; }

.faq-section { padding:105px 0; background:#fff; }
.faq-grid { display:grid; grid-template-columns:.78fr 1.22fr; gap:60px; align-items:start; }
.faq-list { display:grid; gap:12px; }
.faq-list details { background:#fffaf0; border:1px solid rgba(70,50,100,.08); border-radius:20px; padding:5px 20px; }
.faq-list summary { cursor:pointer; list-style:none; padding:18px 28px 18px 0; font-weight:800; position:relative; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary:after { content:"+"; position:absolute; right:0; top:14px; font-size:1.5rem; color:#ff4f91; }
.faq-list details[open] summary:after { content:"–"; }
.faq-list p { margin:0 0 18px; line-height:1.7; }

.contact-links { display:flex; flex-direction:column; gap:10px; align-items:flex-start; }

.subscribe-strip { background:linear-gradient(135deg,#ff4f91,#7a61ff); color:#fff; padding:28px 0; }
.subscribe-inner { display:flex; justify-content:space-between; align-items:center; gap:24px; }
.subscribe-inner > div { display:flex; align-items:center; gap:17px; }
.subscribe-inner strong { display:block; font-size:1.35rem; margin-bottom:4px; }
.subscribe-inner p { margin:0; opacity:.9; }
.subscribe-star { width:58px; height:58px; border-radius:50%; display:grid; place-items:center; background:#ffd84a; color:#6e3f00; font-size:30px; flex:0 0 auto; }
.btn-light { background:#fff; color:#5c43cf; white-space:nowrap; }
.btn-light:hover { transform:translateY(-2px); }

.footer-links { flex-wrap:wrap; }

/* Legal pages */
.legal-main { padding:70px 0 100px; }
.legal-card { background:#fff; border-radius:30px; box-shadow:0 16px 45px rgba(73,46,103,.08); padding:clamp(24px,5vw,54px); max-width:900px; margin:auto; }
.legal-card h1 { font-size:clamp(2.5rem,7vw,4.5rem); margin:0 0 15px; }
.legal-card h2 { margin-top:35px; }
.legal-card p, .legal-card li { line-height:1.75; }
.legal-back { display:inline-flex; margin-bottom:25px; font-weight:800; text-decoration:none; }

@media(max-width:900px){
  .learning-grid { grid-template-columns:repeat(2,1fr); }
  .featured-video-grid,.faq-grid { grid-template-columns:1fr; gap:34px; }
  .subscribe-inner { align-items:flex-start; flex-direction:column; }
}
@media(max-width:580px){
  .learn-section,.featured-video-section,.faq-section { padding:72px 0; }
  .learning-grid { grid-template-columns:1fr; gap:14px; }
  .learning-card { border-radius:22px; padding:22px; }
  .featured-video-frame { border-radius:24px; padding:8px; transform:none; }
  .featured-video-frame video { border-radius:18px; }
  .subscribe-inner > div { align-items:flex-start; }
  .subscribe-star { width:48px; height:48px; font-size:24px; }
}