@font-face{font-family:Fredoka;src:url('assets/fredoka-latin.woff2') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:Nunito;src:url('assets/nunito-latin.woff2') format('woff2');font-weight:400 800;font-display:swap}
:root{--paper:#fffdf9;--ink:#2d2345;--muted:#685f77;--purple:#5835a5;--purple-dark:#41217f;--lilac:#eee7fa;--coral:#bd4c3d;--yellow:#ffda77;--line:#e6dfed;--white:#fff;--display:Fredoka,'Trebuchet MS',sans-serif;--body:Nunito,'Segoe UI',sans-serif;--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.7 var(--body);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1.12;letter-spacing:-.025em;text-wrap:balance}a{color:inherit;text-underline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.55}img,svg{display:block;max-width:100%}button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}:focus-visible{outline:3px solid #1b6dce;outline-offset:5px}::selection{background:#ffda77;color:var(--ink)}.wrap{width:min(1184px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:white;padding:14px 20px;border-radius:10px}.skip:focus{top:15px}.button{display:inline-flex;gap:16px;align-items:center;justify-content:center;min-height:50px;padding:13px 23px;border:1px solid transparent;border-radius:13px;font-weight:800;font-size:1rem;line-height:1.4;text-decoration:none;transition:background .18s,transform .18s,box-shadow .18s}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(1px)}.primary{background:var(--purple);color:#fff;box-shadow:0 4px 0 var(--purple-dark)}.primary:hover{background:var(--purple-dark)}.secondary{background:#f4f0fa;color:var(--purple);border-color:#e6dcef}.secondary:hover{background:#eae1f7}.yellow{background:var(--yellow);color:var(--ink);box-shadow:0 4px 0 #d9ab49}.text-link{font-weight:800;text-decoration:none;display:inline-flex;gap:14px;align-items:center;min-height:48px}.text-link:hover{text-decoration:underline}.eyebrow{font-size:.875rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--purple);line-height:1.5}.status-dot{width:8px;height:8px;border-radius:50%;background:#368053;display:inline-block;margin-right:7px;box-shadow:0 0 0 4px #e6f2e7}.purple{color:var(--purple)}
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,253,249,.97);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:32px;min-height:92px}.brand{display:flex;gap:9px;align-items:center;font:500 1.35rem/1.1 var(--display);letter-spacing:-.02em;text-decoration:none;white-space:nowrap}.brand img{width:39px;height:48px;object-fit:contain}.brand-accent{color:var(--purple)}.brand-caption{display:block;font:600 .75rem/1.6 var(--body);letter-spacing:.015em;color:var(--muted);margin-top:3px}.header-inner nav{display:flex;gap:25px;align-items:center;margin-left:auto}.header-inner nav a{font-weight:700;font-size:.875rem;text-decoration:none;white-space:nowrap;padding-block:12px;color:var(--muted)}.header-inner nav a:hover,.header-inner nav a[aria-current]{color:var(--purple)}.header-cta{background:var(--purple);color:#fff;font-size:.875rem;min-height:44px;padding:11px 18px;white-space:nowrap}
.hero{padding:64px 0 68px;overflow:clip}.hero-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:54px;align-items:center}.hero h1{font-size:clamp(3.2rem,5.3vw,4.65rem);line-height:1.03;letter-spacing:-.04em;margin:22px 0 24px}.hero h1>span{color:var(--purple)}.hero-lead{max-width:480px;font-size:1.16rem;line-height:1.7;color:var(--muted)}.hero-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:28px}.trust-list{display:flex;flex-wrap:wrap;gap:9px 20px;margin:30px 0 0;padding:0;list-style:none;font-size:.875rem;font-weight:700;color:var(--muted)}.trust-list li::before{content:'✓';color:#31734c;margin-right:7px}.demo-stage{background:#ede4fa;border:1px solid #e6d9f4;border-radius:38px;padding:25px 33px 18px;position:relative}.stage-caption{font:500 .97rem/1.5 var(--display);display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:16px;color:var(--purple-dark);text-align:center}.small-star{color:var(--purple);font-size:1.9rem;line-height:1}.tablet{position:relative;background:white;border:7px solid #3e2c5d;border-radius:28px;max-width:412px;margin:auto;padding:17px 19px 15px;box-shadow:0 18px 28px -18px #4d317780;scroll-margin-top:10px}.tablet-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.demo-label{font-size:.8rem;font-weight:800;color:var(--muted)}.demo-label>span{color:#378350;font-size:.75rem;margin-right:5px}.sound-button{display:flex;align-items:center;gap:5px;min-height:40px;padding:6px 9px;border:0;border-radius:10px;background:#f3eef9;font-size:.875rem;font-weight:800;color:var(--purple)}.sound-button[aria-pressed=false]{color:var(--muted);background:#f0edf1}.sound-button[aria-pressed=false] svg{opacity:.45}.exercise-heading{display:flex;gap:6px;justify-content:space-between;align-items:center;margin-bottom:12px}.exercise-heading h2{font-size:1.25rem;letter-spacing:0}.exercise-heading h2 span{color:var(--purple)}.stars{font-size:1.08rem;letter-spacing:1px;color:#996600;white-space:nowrap}.trace{height:248px;position:relative;overflow:hidden;border:1.5px solid #e9e1ee;border-radius:18px;background:#fffcf5;touch-action:none;user-select:none;cursor:crosshair}.trace canvas{position:absolute;inset:0;width:100%;height:100%}.hint{position:absolute;top:9px;left:8px;right:8px;z-index:2;text-align:center;font-size:.875rem;font-weight:800;line-height:1.5;color:#5d546c;pointer-events:none}.demo-monster{position:absolute;bottom:6px;right:4px;width:69px;height:81px;pointer-events:none;transform-origin:bottom}.demo-monster.happy{animation:happy .6s ease 2}.confetti{pointer-events:none;z-index:3}.demo-progress{display:flex;gap:10px;align-items:center;margin:11px 0}.progress{height:7px;flex:1;background:#eee9f0;border-radius:10px;overflow:hidden}.progress i{display:block;width:0;height:100%;background:#3e9463;border-radius:10px;transition:width .1s}.demo-progress>span{font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--muted);width:32px;text-align:right}.letters{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-bottom:12px}.letters button{height:43px;min-width:0;border-radius:10px;background:#f6f2fa;border:1.5px solid transparent;display:grid;place-items:center;position:relative}.letters button svg{height:33px;width:26px;stroke:none}.letters button:hover{background:#e9ddf9}.letters button[aria-pressed=true]{background:var(--yellow);border-color:#b68226;box-shadow:0 2px 0 #c79434}.letters button.complete::after{content:'✓';position:absolute;right:1px;top:-4px;font-size:.75rem;font-weight:800;color:#276b43}.demo-actions{display:flex;gap:8px}.demo-button{display:flex;align-items:center;justify-content:center;gap:8px;background:white;border:1px solid var(--line);border-radius:10px;min-height:44px;flex:1;font-weight:800;font-size:.875rem}.demo-button:hover{background:#f6f1fa;border-color:#beaddb}.demo-button>span{font-size:1.4rem;line-height:1}.demo-footnote{font-size:.8rem;text-align:center;margin-top:13px;color:#625272}.demo-footnote>span{font-size:1.1rem;color:var(--purple);margin-left:5px}
.fact-strip{background:#f3eff8;border-block:1px solid #e9e1ef}.fact-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-block:25px}.fact-grid p{display:flex;align-items:center;justify-content:center;gap:15px;border-right:1px solid #dcd1e7}.fact-grid p:last-child{border:0}.fact-grid b{font:500 2.3rem/1 var(--display);color:var(--purple)}.fact-grid span{font-size:.875rem;max-width:125px;color:var(--muted);line-height:1.5}.section{padding:88px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38px}.section-heading h2{font-size:clamp(2rem,3.25vw,2.75rem);margin-top:13px}.section-heading>p{width:345px;flex-shrink:0;color:var(--muted);font-size:1rem;line-height:1.8}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.step-visual{height:162px;display:flex;align-items:center;justify-content:center;gap:13px;position:relative;margin:9px 9px 0;border-radius:17px}.hear{background:#eee7fa}.letter-display{font:500 3.2rem/1 var(--display);color:var(--purple)}.sound-wave{color:#8462b5;font-size:1.5rem;letter-spacing:-3px}.write{background:#fff1ce;gap:19px}.visual-letter svg{width:70px;height:115px}.visual-caption{font-size:.875rem;font-weight:800;color:#785614;max-width:100px;line-height:1.5}.celebrate{background:#e4f2e9}.celebrate img{height:123px;width:106px}.celebration-label{font:500 1rem/1.4 var(--display);color:#296244;background:white;padding:9px 11px;border-radius:12px;transform:rotate(-5deg);margin-left:-15px}.celebration-label span{color:#a67513}.step-copy{padding:24px 26px 28px;position:relative}.step-number{font-size:.8rem;color:var(--purple);font-weight:800;display:block;margin-bottom:9px}.step h3{font-size:1.5rem;margin-bottom:12px}.step p{color:var(--muted);line-height:1.8}.section-note{font-size:.875rem;color:var(--muted);margin-top:24px;text-align:center}
.monster-section{background:#f5f1fa;border-block:1px solid #e9e1ef}.monster-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:11px}.monster-card{background:#fff;border:1px solid #e6ddef;border-radius:17px;padding:10px 5px 13px;display:flex;flex-direction:column;align-items:center;min-width:0;transition:transform .18s,border-color .18s,box-shadow .18s;text-align:center;position:relative}.monster-card:hover{transform:translateY(-4px);border-color:#b69ccd;box-shadow:0 8px 18px -10px #67439150}.monster-card.selected{background:#fff8df;border-color:#cda657}.monster-card img{width:76px;height:88px;object-fit:contain}.monster-letter{position:absolute;left:8px;top:8px}.monster-letter svg{width:18px;height:25px}.monster-name{display:block;font:500 .96rem/1.3 var(--display);margin:3px 0 1px;overflow-wrap:anywhere}.monster-animal{display:block;font-size:.875rem;line-height:1.4;color:var(--muted)}.monster-status{text-align:center;font-size:.875rem;min-height:26px;margin-top:22px;color:var(--purple);font-weight:700}
.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.audience{padding:30px 34px 35px;border-radius:var(--radius);border:1px solid #e7dce7}.parents{background:#fff0e9}.school{background:#ede9f8}.audience-top{display:flex;justify-content:space-between;align-items:flex-start;height:85px}.audience-top img{width:76px;height:89px;margin-top:-10px}.pill{display:inline-flex;align-items:center;padding:5px 11px;border:1px solid currentColor;border-radius:7px;font-size:.8rem;line-height:1.4;font-weight:800;color:var(--purple);white-space:nowrap}.audience h3{font-size:1.65rem;margin-bottom:14px}.audience>p{color:var(--muted);max-width:440px}.check-list{list-style:none;margin:23px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:.95rem;line-height:1.55}.check-list li{padding-left:23px;position:relative}.check-list li::before{content:'✓';position:absolute;left:0;top:0;color:var(--purple);font-weight:800}.check-list li.future::before{content:'+'}.vision-section{background:#332049;color:#fff;padding:65px 0}.vision-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:70px}.vision-section .eyebrow{color:#ddc7fc}.vision-section h2{font-size:clamp(2rem,3.5vw,3rem);margin-top:15px}.vision-lead{font-size:1.2rem;line-height:1.7;margin-bottom:19px}.vision-grid>div>p:not(.eyebrow):not(.vision-lead){color:#dfd3e7}.vision-signature{display:flex;align-items:center;gap:13px;margin-top:23px;font-size:.9rem;font-weight:700}.vision-signature>span{color:var(--yellow);font-size:1.6rem}
.pricing-note{display:flex;align-items:center;gap:18px;padding:17px 20px;background:#f4f0f8;border-radius:12px;margin-bottom:36px}.pricing-note p{font-size:.875rem;color:var(--muted);line-height:1.65}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.plan{border:1px solid var(--line);border-radius:var(--radius);padding:29px 27px;background:#fff;display:flex;flex-direction:column;position:relative}.plan-kicker{font-size:.8rem;font-weight:700;color:var(--muted);margin-bottom:12px}.plan h3{font-size:1.7rem}.amount{font:500 2.6rem/1.2 var(--display);margin:20px 0 16px;letter-spacing:-.035em}.amount span{font:600 .875rem/1.6 var(--body);letter-spacing:0;white-space:nowrap;display:block;margin-top:4px;color:var(--muted)}.amount.custom{padding-bottom:25px}.plan-intro{font-size:.95rem;color:var(--muted)}.plan .check-list{margin:24px 0 29px;flex:1;gap:13px;font-size:.875rem}.plan .button{font-size:.875rem;padding-inline:12px}.featured{border:2px solid var(--purple);background:#fcfaff;box-shadow:0 12px 30px -22px #5835a566}.featured-label{position:absolute;top:-15px;left:22px;background:var(--purple);color:#fff;border-radius:7px;padding:4px 12px;font-size:.8rem;font-weight:800;line-height:1.6}
.closing{text-align:center;background:var(--purple);color:#fff;padding:56px 0 65px}.closing-monsters{display:flex;justify-content:center;align-items:flex-end;margin-bottom:15px}.closing-monsters img{object-fit:contain;margin-inline:-5px}.closing-monsters img:first-child{transform:rotate(-8deg)}.closing-monsters img:last-child{transform:rotate(8deg)}.closing .eyebrow{color:#e9dbff}.closing h2{font-size:clamp(2.2rem,4vw,3.25rem);margin:16px 0}.closing p:not(.eyebrow){color:#e9dbff;font-size:1.05rem;margin-bottom:25px}.closing-link{display:block;width:fit-content;margin:22px auto 0;font-size:.875rem;color:#eee3ff}.closing-link:hover{color:#fff}footer{padding:28px 0;background:var(--paper)}.footer-inner{display:flex;gap:18px;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--muted)}.footer-brand{font:500 1.25rem/1.3 var(--display);text-decoration:none;color:var(--ink)}.footer-brand span{color:var(--purple)}footer a:last-child{font-weight:700;text-decoration:none}
@keyframes happy{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-12px) rotate(-7deg)}70%{transform:translateY(-4px) rotate(6deg)}}
@media(min-width:1500px){.hero{padding-block:80px}.hero-grid{gap:76px}}
@media(max-width:1120px){.wrap{width:calc(100% - 48px)}.header-inner{gap:20px}.header-inner nav{gap:16px}.brand{font-size:1.2rem}.hero-grid{gap:30px}.demo-stage{padding:20px 21px 15px}.hero h1{font-size:clamp(3rem,5.5vw,4rem)}.monster-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.plan{padding-inline:22px}.fact-grid p{gap:10px}.fact-grid span{max-width:100px}}
@media(max-width:900px){.header-inner{flex-wrap:wrap;gap:0 15px;padding-top:12px;min-height:0}.header-cta{margin-left:auto}.header-inner nav{order:3;width:100%;justify-content:center;gap:28px;border-top:1px solid var(--line);margin-top:11px}.header-inner nav a{padding-block:9px}.hero{padding-top:38px}.hero-grid{gap:25px}.hero h1{font-size:3.05rem}.hero-lead{font-size:1.025rem}.hero-actions{gap:15px}.demo-stage{padding-inline:14px;border-radius:26px}.tablet{padding:13px 12px;border-width:6px;border-radius:23px}.stars{font-size:.88rem;letter-spacing:0}.trace{height:228px}.letters{gap:5px}.section{padding-block:64px}.section-heading{gap:26px;align-items:flex-start}.section-heading>p{width:270px}.steps{gap:16px}.step-copy{padding:20px}.step-visual{height:130px}.letter-display{font-size:2.5rem}.visual-caption{display:none}.celebration-label{font-size:.875rem;margin-left:-30px}.fact-grid b{font-size:1.9rem}.audience{padding:25px}.vision-grid{gap:40px}.pricing-grid{gap:15px}.plan{padding:26px 18px}.footer-inner{flex-wrap:wrap;justify-content:center}}
@media(max-width:700px){html{scroll-padding-top:131px}.wrap{width:calc(100% - 36px)}.header-inner nav{gap:0;justify-content:space-between}.brand{font-size:1.08rem;gap:4px}.brand img{width:31px;height:39px}.brand-caption{font-size:.75rem;letter-spacing:0}.header-cta{font-size:.875rem;padding:9px 11px;min-height:41px;gap:8px}.hero{padding:33px 0 34px}.hero-grid{grid-template-columns:1fr;gap:35px}.hero-copy{text-align:center}.hero h1{font-size:clamp(2.8rem,9.8vw,4.1rem);margin:18px 0}.desktop-break{display:none}.hero-lead{font-size:1.06rem;max-width:490px;margin-inline:auto}.hero-actions{justify-content:center;margin-top:23px;gap:24px}.trust-list{justify-content:center;gap:9px 17px;margin-top:22px}.demo-stage{width:min(480px,100%);margin-inline:auto;padding:21px 24px 16px;border-radius:30px}.tablet{padding:15px 16px;border-width:6px;scroll-margin-top:10px}.trace{height:260px}.exercise-heading h2{font-size:1.25rem}.stars{font-size:1.05rem;letter-spacing:.6px}.stage-caption{font-size:.95rem}.letters button{height:45px}.demo-button{min-height:44px;font-size:.9rem}.fact-grid{grid-template-columns:repeat(2,1fr);gap:19px 0;padding-block:22px}.fact-grid p{justify-content:flex-start;padding-left:19px;gap:13px}.fact-grid p:nth-child(2){border:0}.fact-grid span{max-width:100px}.section{padding:52px 0}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:2.1rem}.section-heading>p{width:auto;max-width:470px;margin-top:18px}.steps{grid-template-columns:1fr;gap:18px}.step{display:grid;grid-template-columns:120px 1fr;align-items:stretch}.step-visual{height:auto;min-height:180px;margin:8px 0 8px 8px;display:flex;flex-direction:column;gap:0}.letter-display{font-size:2rem}.sound-wave{display:none}.step-copy{padding:23px 20px}.step h3{font-size:1.4rem}.step p{font-size:1rem;line-height:1.7}.step-number{margin-bottom:7px}.celebrate img{width:96px;height:112px}.celebration-label{font-size:.8rem;margin:-10px 0 0;padding:5px 7px}.visual-caption{display:block;text-align:center;font-size:.8rem;max-width:95px}.section-note{text-align:left}.monster-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.monster-card{padding:8px 2px 12px}.monster-card img{width:68px;height:80px}.monster-name{font-size:1rem}.monster-letter{top:6px;left:4px}.monster-letter svg{width:14px;height:21px}.audience-grid,.vision-grid,.pricing-grid{grid-template-columns:1fr}.audience{padding:26px}.vision-section{padding:47px 0}.vision-grid{gap:26px}.vision-section h2{font-size:2.3rem}.vision-lead{font-size:1.1rem}.pricing-note{align-items:flex-start;flex-direction:column;gap:11px;margin-bottom:30px;padding:17px}.pricing-grid{gap:28px}.plan{padding:28px}.plan .check-list{font-size:1rem}.plan .button{font-size:.95rem}.amount.custom{padding-bottom:0}.amount span{display:inline;margin-left:3px}.closing{padding:35px 0 45px}.closing h2{font-size:2.3rem}.closing p:not(.eyebrow){font-size:1rem}.footer-inner{flex-direction:column;text-align:center;gap:12px}}
@media(max-width:400px){.header-inner{column-gap:8px}.header-cta{font-size:.8rem;gap:5px}.brand-caption{display:none}.brand{font-size:.95rem}.brand img{width:23px}.header-cta{padding-inline:8px}.demo-stage{padding-inline:12px}.tablet{padding-inline:12px}.trace{height:240px}.stars{font-size:.9rem}.stage-caption{font-size:.875rem}.step{grid-template-columns:90px 1fr}.step-copy{padding:18px 16px}.monster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fact-grid p{padding-left:8px;gap:8px}.fact-grid span{max-width:96px}.section-heading h2{font-size:1.9rem}.header-inner nav{flex-wrap:wrap;column-gap:12px;justify-content:center}.demo-label{max-width:120px}.exercise-heading{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover,.monster-card:hover{transform:none}}
@media print{.site-header,.demo-stage,.closing-link,.skip{display:none}.hero-grid,.vision-grid{display:block}.hero{padding:20px 0}.hero h1{font-size:38pt}.desktop-break{display:none}.section{padding:25px 0}.section-heading h2{font-size:24pt}.wrap{width:100%}.steps,.audience-grid,.pricing-grid{break-inside:avoid}.monster-grid{grid-template-columns:repeat(9,1fr)}.monster-card img{height:65px}.closing{padding:20px}.closing-monsters{display:none}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}a{text-decoration:none}}