@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&family=Quicksand:wght@500;600;700&display=swap');
:root{color-scheme:light;--sky:#10172d;--surface:#1b2441;--cream:#fff4d3;--amber:#f4cc70;--lavender:#c5c3dd;--paper:#fffaf1;--ink:#252d35;--muted:#62676e;--moss:#e8eddf;--purple:#5a4887;--line:#d8d5cc}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--paper);color:var(--ink);font:1.1rem/1.65 Nunito,system-ui,sans-serif}h1,h2,h3,.brand{font-family:Quicksand,ui-rounded,system-ui,sans-serif;line-height:1.12;font-weight:700;text-wrap:balance}h1{font-size:clamp(3rem,5.5vw,5.5rem);letter-spacing:-.055em;margin:20px 0 28px}h2{font-size:clamp(2rem,3.65vw,3.65rem);letter-spacing:-.045em;margin:0 0 24px}h3{font-size:1.5rem;letter-spacing:-.025em}p{max-width:62ch;margin:0 0 20px}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #987012;outline-offset:5px}.hero :focus-visible,.signup-section :focus-visible{outline-color:var(--amber)}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.section-space{padding-block:100px}.small{font-size:.92rem}.muted{color:var(--muted)}.eyebrow{font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--purple);margin-bottom:20px}.eyebrow.light{color:var(--amber)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:14px 26px;border-radius:999px;background:var(--amber);color:var(--sky);text-decoration:none;font-weight:800;font-size:1rem;border:0;cursor:pointer;transition:background .18s,transform .18s}.button:hover{background:#ffdc8b;transform:translateY(-2px)}.button:disabled{opacity:.7;cursor:wait;transform:none}.text-link{font-weight:800;font-size:1rem;text-decoration:none;display:inline-flex;gap:14px;align-items:center;min-height:48px}.text-link:hover{text-decoration:underline}.dark-link{color:var(--purple)}.skip{position:absolute;top:-100px;left:16px;z-index:30;background:var(--cream);color:var(--sky);padding:12px}.skip:focus{top:10px}
.announcement{background:var(--moss);color:#354536;text-align:center;padding:10px 20px;font-size:.85rem}.announcement a{font-weight:800;margin-left:12px}.site-header{position:sticky;top:0;background:#fffaf1f5;z-index:20;border-bottom:1px solid #ddd9ce}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:15px}.brand{font-size:1.3rem;text-decoration:none;display:flex;align-items:center;gap:6px;white-space:nowrap}.brand img{object-fit:contain;margin-right:3px}.brand-second{font-weight:500}.header nav{display:flex;gap:24px}.header nav a{font-size:.9rem;text-decoration:none;display:flex;align-items:center;min-height:44px;font-weight:700}.header nav a:hover{color:var(--purple);text-decoration:underline}.header-cta{min-height:44px;padding:10px 20px;font-size:.85rem;gap:15px}
.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--sky) url('/assets/sky.jpg') center/cover;color:var(--cream)}.hero>.sky{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10172df8,#10172dd9 48%,#10172d60);z-index:-1}.hero-content{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:20px;padding-block:74px 82px;min-height:690px}.hero h1 span{color:var(--amber)}.hero-description{max-width:440px;font-size:1.14rem;color:#e1e1ed}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:30px 0 22px}.hero-note{font-size:.87rem;color:var(--lavender);margin-bottom:20px}.motion{background:transparent;color:var(--lavender);border:1px solid #c5c3dd65;border-radius:999px;padding:7px 14px;font-size:.75rem;min-height:36px;cursor:pointer}.motion:disabled{cursor:default}.hero-scene{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center}.hero-window{width:90%;aspect-ratio:1;border-radius:50% 48% 45% 50%;overflow:hidden;border:1px solid #d8caa64f;transform:rotate(5deg);background:url('/assets/owl.jpg') center/cover;box-shadow:0 20px 90px #0004}.hero-window img{width:100%;height:100%;object-fit:cover;transform:rotate(-5deg) scale(1.08)}.hero-mascot{position:absolute;width:50%;height:auto;right:-3%;bottom:-7%;filter:drop-shadow(0 8px 20px #070b23)}.hello-bubble{position:absolute;right:-1%;top:15%;padding:12px 19px;background:var(--cream);color:var(--sky);font-size:.9rem;font-weight:800;transform:rotate(7deg);border-radius:20px 20px 20px 4px}.scene-star{position:absolute;color:var(--amber);font-size:4rem}.star-one{left:-2%;top:8%;transform:rotate(12deg)}.star-two{bottom:4%;left:5%;font-size:2.4rem}.scene-label{position:absolute;bottom:-33px;left:8%;font-size:.75rem;color:var(--lavender)}.orbit{position:absolute;inset:3%;border:1px solid #eddca125;border-radius:50%;transform:rotate(-25deg) scaleX(1.15)}.orbit-two{inset:10% -3%;transform:rotate(32deg) scaleY(1.1)}
.trust-strip{border-bottom:1px solid var(--line);background:#f1efdf}.trust-items{display:flex;justify-content:space-between;gap:20px;padding-block:23px}.trust-items p{font-size:.86rem;font-weight:800;margin:0;display:flex;align-items:center;gap:10px}.trust-items span{color:#49723f;font-size:1.1rem}.quick-answers{display:grid;grid-template-columns:repeat(3,1fr);gap:54px}.quick-answers h2{font-size:1.6rem;letter-spacing:-.02em;margin-bottom:18px}.quick-answers p{font-size:1rem;margin:0}.answer-number{display:block;color:#827750;font-size:.78rem;font-weight:800;margin-bottom:20px}.quick-answers>div+div{border-left:1px solid var(--line);padding-left:35px}
.section-heading{text-align:center;max-width:820px;margin:0 auto 64px}.section-heading p{margin-inline:auto}.section-heading>p:last-child{color:var(--muted)}.accent{color:var(--purple)}.games-section{background:#f1eee8}.game-feature{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;margin-top:70px}.game-feature+.game-feature{margin-top:115px}.feature-copy h3{font-size:clamp(2rem,3.2vw,3rem);margin:0 0 26px;letter-spacing:-.04em}.feature-copy p{font-size:1.02rem}.feature-art{position:relative;padding:25px 30px 45px;border-radius:42% 38% 30% 36%;background:#ddd7ec}.constellation-art{background:#dce5d3;border-radius:34% 42% 35% 30%}.art-frame{aspect-ratio:1;overflow:hidden;border-radius:34px;transform:rotate(-3deg);background:url('/assets/butterfly.jpg') center/cover;box-shadow:0 20px 30px #252d3520}.constellation-art .art-frame{transform:rotate(3deg);background-image:url('/assets/fox.jpg')}.art-frame video{width:100%;height:100%;object-fit:cover}.art-caption{position:absolute;bottom:17px;left:8%;right:8%;text-align:center;font-size:.86rem;font-weight:800}.art-spark{position:absolute;right:-12px;top:0;color:#715c25;font-size:4rem;line-height:1}.reverse .feature-art{grid-column:2;grid-row:1}.reverse .feature-copy{grid-column:1;grid-row:1}.feature-points{list-style:none;padding:0;margin:24px 0;font-size:.93rem;font-weight:700}.feature-points li{padding:5px 0 5px 25px;position:relative}.feature-points li:before{content:'✓';position:absolute;left:0;color:#54764b}
.how-section{text-align:center;background:#e9edde}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:64px;margin:0 0 44px}.steps article{position:relative}.step-number{display:grid;place-items:center;margin:0 auto 24px;width:62px;height:62px;border-radius:50%;background:var(--paper);color:#455b3a;font-size:1.4rem;font-weight:800}.steps h3{margin:0 0 18px}.steps p{font-size:1rem}.active-play{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.mascot-note{text-align:center;background:#f5ead2;border-radius:48% 48% 28px 28px;padding:30px 28px 45px}.mascot-note img{width:90%;height:auto}.mascot-note p{font-family:Quicksand,ui-rounded,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.5;margin:0 0 18px}.mascot-note>span{font-size:.8rem;color:#716044}.practice-list>div{border-top:1px solid var(--line);padding-block:18px}.practice-list h3{font-family:Nunito,sans-serif;font-size:1.03rem;margin:0 0 5px;letter-spacing:0}.practice-list p{font-size:.95rem;margin:0;color:var(--muted)}
.parents-section{background:#f0edf4}.parent-features{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-bottom:65px}.parent-symbol{font-size:2.5rem;line-height:1;color:var(--purple);display:block;margin-bottom:25px}.parent-features h3{font-size:1.35rem;min-height:3em;margin:0 0 15px}.parent-features p{font-size:.95rem;margin:0}.reassurance{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:65px;border-top:1px solid #ccc5d8;padding-top:50px}.reassurance h3{font-size:2rem;margin:0 0 22px}.reassurance p:last-child{font-size:1rem;margin:0}.reassurance-links{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.friends-section{background:var(--sky);color:var(--cream)}.friends-section .section-heading>p:last-child{color:var(--lavender)}.friends-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.friends-gallery figure{margin:0;text-align:center}.friends-gallery img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:50% 50% 24px 24px}.friends-gallery figure:nth-child(2){padding-top:35px}.friends-gallery figcaption{font-family:Quicksand,sans-serif;font-size:1.2rem;font-weight:700;margin:20px 0}.gallery-note{color:var(--lavender);text-align:center;margin:32px auto 0}
.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-intro p:not(.eyebrow){font-size:1rem}.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}.faq-list details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;font-weight:800;min-height:44px;font-size:1rem;display:flex;align-items:center;justify-content:space-between;gap:22px;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:1.5rem;font-weight:400;color:var(--purple)}details[open]>summary:after{content:'−'}details p{font-size:1rem;margin:15px 0 5px}details a{font-size:1rem;display:inline-block;margin-top:12px;color:var(--purple)}
.signup-section{background:#25362f;color:var(--cream)}.signup{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.signup h2{font-size:clamp(2.5rem,4vw,4rem)}.signup-copy>p:not(.eyebrow){color:#e0e6d8}.signup-facts{font-size:.83rem;font-weight:700;margin-top:32px}.signup-facts span{padding-inline:6px}.signup-box{padding:38px;background:var(--paper);color:var(--ink);border-radius:24px}.signup-box h3{margin:0 0 14px;font-size:1.7rem}.signup-box>p{font-size:1rem}label{display:block;font-size:.9rem;font-weight:800;margin:22px 0 9px}input[type=email]{width:100%;min-width:0;background:#fffcf7;color:var(--ink);padding:14px 16px;border:1px solid #8e9389;border-radius:10px}form .button{margin-top:16px;width:100%}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.result{min-height:1.6em;font-size:.95rem;margin:14px 0 8px}.signup-box .small{font-size:.8rem;margin-bottom:0}.signup-box :focus-visible{outline-color:#765000}noscript p{padding:12px;border:1px solid currentColor}
footer{padding-block:60px 25px;background:var(--paper)}.footer-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px}.footer-row:has(.footer-column){display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr}.footer-brand>p{font-size:.95rem;margin-top:15px}.footer-column{display:flex;flex-direction:column;align-items:flex-start}.footer-column h2{font-family:Nunito,sans-serif;font-size:.9rem;font-weight:800;letter-spacing:0;margin:0 0 16px}.footer-column a{font-size:.87rem;min-height:36px;text-decoration:none}.footer-column a:hover{text-decoration:underline}.footer-column p{margin:0 0 10px}.footer-bottom{border-top:1px solid var(--line);margin-top:40px;padding-top:25px;display:flex;justify-content:space-between;gap:25px;color:var(--muted)}.footer-bottom p{font-size:.75rem;margin:0}.document{max-width:850px;background:var(--paper);border-radius:28px;padding:clamp(24px,6vw,72px);margin-block:30px 70px}.document h1{font-size:2.5rem}.document h2{font-size:1.6rem;margin-top:36px}.document a{overflow-wrap:anywhere}.document details{border-bottom:1px solid var(--line);padding-block:20px}body:has(.document){background:#eeebe3}.glass{border-radius:999px}footer .links{display:flex;gap:24px;flex-wrap:wrap;font-size:1rem}
@media(max-width:1050px){.header{gap:16px}.header nav{gap:14px}.header-cta{padding:10px 14px;gap:8px}.brand{font-size:1.05rem}.brand img{width:40px;height:40px}.hero-content{min-height:610px;padding-block:64px;gap:30px}.hero-scene{min-height:380px}.game-feature,.active-play,.signup,.faq-section{gap:45px}.quick-answers{gap:28px}.quick-answers>div+div{padding-left:24px}.parent-features{gap:24px}.trust-items{gap:16px}.trust-items p{font-size:.78rem}}
@media(max-width:800px){html{scroll-padding-top:130px}.wrap{width:calc(100% - 40px)}.section-space{padding-block:64px}.header{flex-wrap:wrap;padding-block:12px;gap:8px}.brand{font-size:1.1rem}.header nav{order:3;width:100%;justify-content:space-between;gap:10px}.header nav a{font-size:.8rem;min-height:36px}.header-cta{font-size:.77rem;min-height:40px}.announcement{font-size:.75rem}.hero-content{grid-template-columns:1fr;padding-block:44px 64px;gap:30px}.hero-copy{max-width:590px}.hero-description{max-width:540px}h1{font-size:clamp(3rem,9vw,4.5rem)}.hero-scene{width:min(460px,90%);min-height:380px;margin:0 auto 15px}.hero-window{width:90%}.hero-mascot{right:-4%;bottom:-4%}.hello-bubble{right:-3%;top:10%}.scene-label{bottom:-28px}.trust-items{display:grid;grid-template-columns:1fr 1fr;gap:16px}.trust-items p{font-size:.78rem}.quick-answers{grid-template-columns:1fr;gap:30px}.quick-answers>div+div{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:30px}.answer-number{margin-bottom:10px}.quick-answers h2{margin-bottom:12px}.section-heading{margin-bottom:42px}.game-feature,.active-play,.signup,.faq-section{grid-template-columns:1fr;gap:40px}.game-feature{margin-top:40px}.game-feature+.game-feature{margin-top:72px}.feature-art{max-width:500px;width:100%;margin:auto}.reverse .feature-art,.reverse .feature-copy{grid-column:auto;grid-row:auto}.feature-copy h3{font-size:2.4rem}.steps{gap:28px}.steps h3{font-size:1.25rem}.steps p{font-size:.92rem}.mascot-note{max-width:450px;margin:auto;padding:20px 25px 35px}.mascot-note img{width:75%}.parent-features{grid-template-columns:1fr 1fr;gap:35px}.parent-features h3{min-height:0}.reassurance{grid-template-columns:1fr;gap:24px}.friends-gallery{gap:18px}.friends-gallery figcaption{font-size:.95rem}.friends-gallery img{border-radius:50% 50% 16px 16px}.friends-gallery figure:nth-child(2){padding-top:20px}.faq-intro{max-width:550px}.signup-box{padding:28px}.footer-row:has(.footer-column){grid-template-columns:1fr 1fr;gap:35px}.footer-bottom{flex-direction:column;gap:10px}.document h1{font-size:2rem}footer .links{margin-top:22px}}
@media(max-width:480px){.wrap{width:calc(100% - 36px)}.announcement>span{display:block}.announcement a{margin-left:0}.hero-scene{min-height:310px;width:94%}.scene-label{left:4%;font-size:.69rem}.hello-bubble{font-size:.8rem}.actions{gap:12px 20px}.hero .button{padding-inline:20px}.hero .text-link{font-size:.9rem}.trust-items{gap:14px 12px}.trust-items p{font-size:.72rem;gap:7px}.trust-items span{font-size:.85rem}.steps{grid-template-columns:1fr;text-align:left;gap:30px}.steps article{padding-left:72px}.step-number{position:absolute;left:0;top:0;width:48px;height:48px;font-size:1.1rem}.steps h3{font-size:1.4rem;margin:3px 0 12px}.steps p{font-size:1rem;margin-bottom:0}.parent-features{gap:30px 22px}.parent-features h3{font-size:1.2rem}.parent-features p{font-size:.9rem}.friends-gallery{gap:10px}.friends-gallery figcaption{font-size:.75rem}.gallery-note{font-size:.8rem}.art-frame{border-radius:24px}.feature-art{padding:20px 20px 42px}.art-caption{font-size:.78rem}.signup-box{padding:25px}.signup-facts{font-size:.75rem}.brand-second{display:none}.footer-row{gap:30px 18px}.footer-brand{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.hero>.sky{display:none}video{visibility:hidden}.hero-window,.art-frame{background-size:cover}.button:hover{transform:none}}