:root{--play-purple:#632b8c;--play-purple-dark:#35135c;--play-pink:#ee2865;--play-yellow:#ffe13b;--play-cyan:#34cfe0;--play-green:#61c94f}
body{background:#fff;color:#17132e}
body:before{display:none}
.site-header{height:94px;border:0}.brand-mark{border-radius:50%;background:#3c1971;color:#fff;box-shadow:4px 5px 0 var(--play-yellow)}.nav-cta{background:var(--play-yellow);box-shadow:4px 5px 0 #3c1971}
.hero{position:relative;min-height:660px;margin-top:8px;padding:64px 58px 56px;border-radius:46px;background:var(--play-purple);color:#fff;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 12%,#b737de 0 7px,transparent 8px),radial-gradient(circle at 91% 18%,#9a3ed0 0 9px,transparent 10px),radial-gradient(circle at 75% 90%,#7e35a9 0 12px,transparent 13px);background-size:92px 92px,130px 130px,160px 160px;opacity:.42}.hero:after{display:none}.hero-copy,.conversation-stage{position:relative;z-index:1}.kicker{color:var(--play-yellow)}.kicker span{height:7px;background:var(--play-cyan)}.hero h1{font-family:"DM Sans",system-ui,sans-serif;font-weight:900;letter-spacing:-.07em;font-size:clamp(3.4rem,6.1vw,6.6rem);line-height:.88;margin-top:20px}.hero h1 em{color:var(--play-yellow);font-style:normal;text-decoration:none}.hero-lede{color:#fff;font-weight:600;max-width:610px}.hero-actions{gap:18px}.hero .button{min-height:64px;padding-inline:28px;border:4px solid #fff;font-size:1rem}.hero .button.primary{background:var(--play-yellow);color:#321054;border-color:var(--play-pink);box-shadow:0 8px 0 #c91e55}.hero .button.ghost{background:var(--play-cyan);color:#251044;border-color:#fff;box-shadow:0 8px 0 #159fb5}.hero-proof{display:none}
.conversation-stage{min-height:500px;border:0;border-radius:44px;background:var(--play-cyan);box-shadow:0 12px 0 var(--play-pink);overflow:hidden}.conversation-stage:before{background:radial-gradient(circle,#fff6 0 5px,transparent 6px);background-size:58px 58px;opacity:.7}.sun-disc{width:170px;height:170px;right:-24px;top:-35px;background:var(--play-yellow);box-shadow:0 0 0 18px #ee2865}.hero-mascots{position:absolute;z-index:2;left:1%;right:1%;bottom:-8px;height:82%}.hero-mascots img{position:absolute;bottom:0;height:76%;width:43%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 4px #35135c55)}.hero-mascots img:nth-child(1){left:-2%;transform:rotate(-4deg)}.hero-mascots img:nth-child(2){left:29%;height:88%;z-index:3}.hero-mascots img:nth-child(3){right:-2%;transform:rotate(4deg)}.speech{z-index:4;min-width:155px;padding:10px 14px;border:3px solid #321054;border-radius:20px;box-shadow:4px 5px 0 #321054;transform:none}.speech strong{font-family:"DM Sans",sans-serif;font-size:1.05rem}.speech-one{left:3%;top:7%}.speech-two{right:4%;top:15%}.speech-three,.speech-four{display:none}.reply{z-index:5;left:50%;bottom:5%;background:var(--play-pink);border:3px solid #fff;box-shadow:0 7px 0 #bd1749}
.language-section{padding:105px 0 115px}.section-heading h2,.kids-copy h2,.community-banner h2{font-family:"DM Sans",system-ui,sans-serif;font-weight:900;letter-spacing:-.055em}.language-grid{grid-template-columns:repeat(3,1fr);gap:22px}.language-card{--tile:#ffd934;--edge:#159761;position:relative;isolation:isolate;min-height:330px;padding:28px;border:0;border-radius:32px;background:var(--tile);color:#17132e;box-shadow:0 9px 0 var(--edge);overflow:hidden;transition:transform .18s}.language-card:hover{transform:translateY(-5px)}.language-card:before{content:"";position:absolute;z-index:-1;inset:auto -32px -54px auto;width:220px;height:220px;border-radius:50%;background:#fff;opacity:.34}.language-card:after{content:"";position:absolute;left:25px;right:auto;top:23px;width:76px;height:8px;border-radius:999px;background:repeating-linear-gradient(90deg,var(--edge) 0 12px,#fff 12px 17px)}.language-card small{position:relative;z-index:2;margin-top:18px}.language-card h3{position:relative;z-index:2;max-width:82%;margin:auto 0 12px;font-family:"DM Sans",system-ui,sans-serif;font-weight:900;letter-spacing:-.055em;font-size:clamp(2rem,3vw,3.15rem);line-height:.92}.language-card p{position:relative;z-index:2;max-width:68%;font-weight:600}.language-card b{position:relative;z-index:2}.language-script{display:none}.language-mascot{position:absolute;z-index:1;right:-8%;bottom:-9%;width:54%;height:66%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 3px #17132e33)}.language-card.twi{--tile:#ffd934;--edge:#08794f;background:var(--tile);color:#17132e}.language-card.yoruba{--tile:#4ab8ed;--edge:#1448a0;background:var(--tile);color:#17132e}.language-card.wolof{--tile:#f29b31;--edge:#19844f;background:var(--tile);color:#17132e}.language-card.mdw{--tile:#e3bd78;--edge:#15848f;background:var(--tile);color:#17132e}.language-card.kikongo{--tile:#63d09b;--edge:#c9433c;background:var(--tile);color:#17132e}.language-card.swahili{--tile:#a387f4;--edge:#5f35b2;background:var(--tile);color:#17132e}.language-card.coming{border:3px dashed #5f35b2;box-shadow:0 8px 0 #ff7b36}
.kids-section:before{background:var(--play-purple-dark)}.kids-copy .overline{color:var(--play-yellow)}.mascot-card{border:4px solid #fff;box-shadow:0 8px 0 #160928}.kids-badges span{border:2px solid #fff;background:#ffffff18}
.method-grid li{border:0;border-radius:30px;background:#f5f2fb}.method-grid li:nth-child(1){box-shadow:0 8px 0 var(--play-cyan)}.method-grid li:nth-child(2){box-shadow:0 8px 0 var(--play-pink)}.method-grid li:nth-child(3){box-shadow:0 8px 0 var(--play-green)}.method-grid h3{font-family:"DM Sans",system-ui,sans-serif;font-weight:900}.community-banner{background:var(--play-purple);border:5px solid var(--play-yellow)}
@media(max-width:980px){.hero{padding:50px 38px}.language-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.site-header{min-height:78px}.hero{padding:44px 22px 48px;border-radius:30px}.hero h1{font-size:clamp(3rem,15vw,4.6rem)}.conversation-stage{min-height:430px}.hero-mascots img{width:46%}.hero-mascots img:nth-child(1){left:-6%}.hero-mascots img:nth-child(2){left:27%}.hero-mascots img:nth-child(3){right:-6%}.language-grid{grid-template-columns:1fr}.language-card{min-height:310px}.language-card p{max-width:64%}.language-mascot{width:57%}.speech-two{right:2%}}
@media(prefers-reduced-motion:reduce){.language-card{transition:none}}
.speech{color:#17132e}
.language-card.twi .language-script{display:grid;place-items:center;position:absolute;z-index:1;right:-12px;top:auto;bottom:-30px;width:52%;height:78%;font-family:"DM Sans",sans-serif;font-size:10rem;font-weight:900;color:#08794f;opacity:.22}
.premium-chip{position:absolute;z-index:3;right:20px;top:19px;padding:7px 11px;border:2px solid #17132e;border-radius:999px;background:#fff7c7;color:#17132e;font-size:.7rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;box-shadow:3px 3px 0 #15848f}
.premium-feature{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;margin-top:34px;padding:24px 28px;border:3px solid #17132e;border-radius:28px;background:#201744;color:#fff;box-shadow:0 8px 0 #e3bd78;text-decoration:none;transition:transform .18s ease}.premium-feature:hover{transform:translateY(-3px)}.premium-seal{display:grid;place-items:center;width:74px;height:74px;border-radius:22px;background:#e3bd78;color:#17132e;font-size:2.4rem}.premium-feature span:not(.premium-seal){display:grid;gap:3px}.premium-feature small{color:#e3bd78;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.premium-feature strong{font-family:"DM Sans",system-ui,sans-serif;font-size:1.6rem;font-weight:900;letter-spacing:-.035em}.premium-feature em{max-width:720px;color:#e8e2ff;font-style:normal;line-height:1.45}.premium-feature>b{padding:13px 16px;border-radius:14px;background:#ffe13b;color:#261742;white-space:nowrap}
@media(max-width:700px){.premium-feature{grid-template-columns:auto 1fr;padding:20px;gap:15px}.premium-feature>b{grid-column:1/-1;text-align:center}.premium-seal{width:58px;height:58px;font-size:2rem}.premium-feature strong{font-size:1.35rem}.premium-chip{right:16px;top:16px}}