/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.start\!{inset-inline-start:var(--spacing)!important}.grid{display:grid}.table{display:table}}:root{--ink:#3e304d;--ink-soft:#6f6277;--paper:#fffdf8;--cream:#fff7e5;--berry:#d9517e;--berry-dark:#aa345c;--gold:#f5bd42;--gold-light:#ffeab2;--mint:#dceccf;--sky:#d8edf3;--peach:#f7dbc9;--line:#3e304d29;--shadow:0 24px 65px #472e4e21}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--cream);margin:0;font-family:Nunito,ui-rounded,Trebuchet MS,system-ui,sans-serif;font-size:17px;line-height:1.62}body:before{z-index:-2;content:"";pointer-events:none;background-image:radial-gradient(#865d3d17 1px,#0000 1px);background-size:24px 24px;position:fixed;inset:0}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand,.button,.header-cta{font-family:Trebuchet MS,Nunito,ui-rounded,system-ui,sans-serif}h1,h2,h3{letter-spacing:-.035em;line-height:1.08}h2{margin-bottom:20px;font-size:clamp(2.25rem,5vw,4.35rem)}h3{font-size:1.65rem}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:10px;padding:10px 16px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline-offset:4px;outline:3px solid #2165a3}.site-header{align-items:center;gap:28px;width:min(1180px,100% - 40px);margin:18px auto 0;padding:8px 0;display:flex}.brand{align-items:center;gap:10px;font-size:1.35rem;font-weight:950;text-decoration:none;display:flex}.brand img{border-radius:14px;box-shadow:0 5px 13px #3d304c21}.site-header nav{gap:24px;margin-left:auto;display:flex}.site-header nav a{color:var(--ink-soft);font-size:.88rem;font-weight:850;text-decoration:none}.site-header nav a:hover{color:var(--berry-dark)}.header-cta{border:2px solid var(--ink);background:var(--ink);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-size:.88rem;font-weight:900;text-decoration:none;display:inline-flex}.hero{grid-template-columns:.92fr 1.08fr;align-items:center;gap:54px;width:min(1180px,100% - 40px);min-height:735px;margin:0 auto;padding:60px 0 90px;display:grid}.eyebrow,.section-label,.mini-label{color:var(--berry-dark);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;font-size:.78rem;font-weight:950}.hero h1{max-width:650px;margin-bottom:25px;font-size:clamp(3.45rem,6.7vw,6.7rem)}.hero-lead{max-width:670px;color:var(--ink-soft);margin-bottom:30px;font-size:1.15rem;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:14px;margin-bottom:23px;display:flex}.button{border:2px solid var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:55px;padding:0 24px;font-weight:950;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--berry);color:#fff;box-shadow:0 7px 0 var(--berry-dark)}.button-secondary{background:#ffffffad;box-shadow:0 7px #3e304d2e}.button-dark{background:var(--ink);color:#fff;box-shadow:0 7px #251c2e}.hero-facts{color:var(--ink-soft);flex-wrap:wrap;gap:11px 22px;margin:0 0 20px;padding:0;font-size:.9rem;font-weight:850;list-style:none;display:flex}.hero-facts span{color:#3e7b4c}.grown-up-links{color:var(--ink-soft);flex-wrap:wrap;gap:7px;font-size:.78rem;display:flex}.grown-up-links a{color:var(--berry-dark);font-weight:850}.hero-art{min-height:620px;position:relative}.hero-art:before{content:"";background:linear-gradient(135deg,#f8d6e2,#fff0bd 60%,#dceccf);border-radius:46% 54% 50% 50%/55% 43% 57% 45%;position:absolute;inset:2% 0 4% 7%}.sun-dot{background:var(--gold);border-radius:50%;width:105px;height:105px;position:absolute;top:20px;right:30px}.phone-frame{z-index:3;border:7px solid var(--ink);width:285px;height:580px;box-shadow:var(--shadow);background:#fff;border-radius:47px;padding:10px;position:absolute;top:20px;left:50%;overflow:hidden;transform:translate(-43%)rotate(2deg)}.phone-frame img{object-fit:cover;object-position:top;border-radius:33px;width:100%;height:100%}.hero-character{z-index:5;object-fit:contain;filter:drop-shadow(0 12px 8px #3d304c26);position:absolute}.hero-king{width:210px;top:265px;left:-12px;transform:rotate(-5deg)}.hero-stella{width:215px;top:312px;right:-11px;transform:rotate(5deg)}.hero-maya{width:190px;bottom:-22px;left:185px}.speech-bubble{z-index:6;box-shadow:var(--shadow);background:#fff;border-radius:24px 24px 7px;padding:12px 19px;font-weight:950;position:absolute;top:215px;right:-3px}.section{width:min(1180px,100% - 40px);margin:0 auto;padding:100px 0}.section-heading{max-width:880px;margin-bottom:48px}.section-heading.narrow{max-width:800px}.section-heading>p:last-child{max-width:720px;color:var(--ink-soft);font-size:1.05rem}.answer-strip{background:var(--paper);width:min(1180px,100% - 40px);box-shadow:var(--shadow);border-radius:66px 25px 60px 28px;grid-template-columns:150px 1fr 150px;align-items:center;gap:40px;margin:0 auto;padding:42px 56px;display:grid}.answer-strip h2{margin-bottom:10px;font-size:clamp(2rem,4vw,3.4rem)}.answer-strip p{margin-bottom:0}.answer-strip>div p{color:var(--ink-soft)}.steps-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.step-card{border-radius:50px 24px 45px 28px;min-height:330px;padding:34px}.step-one{background:var(--mint)}.step-two{background:var(--sky);border-radius:28px 50px 30px 48px;margin-top:36px}.step-three{background:var(--peach);border-radius:40px 28px 55px 35px}.step-number{background:#fff;border-radius:50%;place-items:center;width:52px;height:52px;margin-bottom:64px;font-size:1.3rem;font-weight:950;display:grid}.step-card p{color:var(--ink-soft)}.vocabulary-section{padding-top:85px}.vocabulary-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.vocabulary-card{border-radius:65px 28px 52px 34px;min-height:450px;padding:45px;position:relative;overflow:hidden}.everyday-card{background:var(--mint)}.eleven-card{background:var(--sky);border-radius:28px 65px 35px 55px;margin-top:38px}.card-icon{width:60px;height:60px;color:var(--berry-dark);background:#fffc;border-radius:50%;place-items:center;margin-bottom:60px;font-size:1.55rem;display:grid}.vocabulary-card h3{font-size:2.25rem}.vocabulary-card p,.vocabulary-card li{color:#62576a}.vocabulary-card ul{gap:8px;padding-left:20px;display:grid}.practice-note{border-left:6px solid var(--gold);background:#ffffff94;border-radius:0 20px 20px 0;align-items:center;gap:20px;margin:26px 0 0 8%;padding:22px 28px;display:flex}.practice-note strong{white-space:nowrap}.practice-note span{color:var(--ink-soft)}.games-section{padding-top:95px}.games-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.game-card{border:1.5px solid var(--line);background:#f8dce5;border-radius:60px 28px 52px 33px;grid-template-columns:1fr .82fr;align-items:end;gap:18px;min-height:440px;padding:38px 35px 0;display:grid;overflow:hidden}.game-2{background:var(--mint);border-radius:28px 60px 35px 52px;margin-top:40px}.game-3{background:var(--gold-light);border-radius:35px 50px 60px 27px}.game-4{background:var(--sky);border-radius:55px 30px 45px 60px;margin-top:40px}.game-copy{align-self:center;padding-bottom:38px}.game-copy p:last-child{color:var(--ink-soft)}.mini-phone{border:5px solid var(--ink);background:#fff;border-bottom:0;border-radius:34px 34px 0 0;align-self:end;height:330px;padding:7px;overflow:hidden;box-shadow:0 12px 35px #3d304c24}.mini-phone img{object-fit:cover;object-position:top;border-radius:23px 23px 0 0;width:100%;height:100%}.word-path-visual{box-shadow:var(--shadow);background:#fff;border-radius:28px;grid-template-columns:repeat(3,66px);place-self:center;gap:8px;padding:18px;display:grid;transform:rotate(3deg)}.word-path-visual span{background:#f3eee8;border-radius:18px;place-items:center;width:66px;height:66px;font-weight:950;display:grid}.word-path-visual .active-letter{background:var(--gold)}.rewards-section{grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;display:grid}.rewards-art{background:linear-gradient(135deg,#f7dce5,#fff0bc);border-radius:50% 50% 44% 56%/49% 53% 47% 51%;justify-content:center;align-items:end;min-height:390px;padding:55px 25px 20px;display:flex}.rewards-art img{filter:drop-shadow(0 14px 8px #3d304c21);width:31%}.rewards-art img:first-child{transform:rotate(-6deg)translateY(16px)}.rewards-art img:nth-child(2){z-index:2;transform:scale(1.15)}.rewards-art img:nth-child(3){transform:rotate(6deg)translateY(20px)}.rewards-copy p{color:var(--ink-soft)}.quiet-note{background:#ffffff8c;border-radius:18px;padding:16px 20px;font-size:.86rem}.story-section{background:var(--ink);color:#fff;border-radius:75px 32px 65px 38px;grid-template-columns:.82fr 1.18fr;align-items:center;gap:70px;width:min(1220px,100% - 40px);padding:70px;display:grid}.story-art{min-height:420px;position:relative}.story-blob{background:var(--gold);border-radius:46% 54% 55% 45%/57% 45% 55% 43%;position:absolute;inset:5% 0}.story-art img{z-index:2;filter:drop-shadow(0 15px 8px #3d304c29);width:52%;position:absolute;bottom:65px}.story-duck{left:-4%;transform:rotate(-5deg)}.story-rabbit{right:-4%;transform:rotate(5deg)}.eyebrow.light{color:#ffd776}.story-copy p{color:#ffffffd1}.story-copy h2{font-size:clamp(2.25rem,4.3vw,4rem)}.attention-note{color:#ffffffbf;background:#ffffff14;border:1px solid #ffffff2e;border-radius:20px;padding:19px 22px;font-size:.86rem}.privacy-section{background:linear-gradient(135deg, var(--sky), #f6eadb);border-radius:65px 28px 60px 32px;grid-template-columns:.82fr 1.18fr;align-items:center;gap:55px;padding:65px;display:grid}.privacy-copy h2{margin-bottom:18px;font-size:clamp(2.25rem,4.2vw,3.8rem)}.privacy-copy>p:last-child{color:var(--ink-soft);margin-bottom:0}.privacy-points{gap:14px;display:grid}.privacy-points article{background:#fffdf8c7;border:1.5px solid #3e304d1f;border-radius:25px 38px 25px 32px;grid-template-columns:54px 1fr;align-items:start;gap:18px;padding:24px;display:grid}.privacy-points article:nth-child(2){border-radius:38px 24px 34px 25px}.privacy-points article>span{background:var(--gold-light);border-radius:50%;place-items:center;width:54px;height:54px;font-size:1.3rem;font-weight:950;display:grid}.privacy-points h3{margin-bottom:8px;font-size:1.25rem}.privacy-points p{color:var(--ink-soft);margin-bottom:0;font-size:.92rem}.install-section{box-shadow:var(--shadow);background:#fffdf8d9;border-radius:65px 28px 60px 32px;padding:60px}.install-intro{grid-template-columns:1fr auto;align-items:center;gap:30px;margin-bottom:28px;display:grid}.install-intro h2{font-size:clamp(2.2rem,4vw,3.5rem)}.install-intro p{color:var(--ink-soft)}.install-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.install-grid details,.faq-list details{border:1.5px solid var(--line);background:#fff;border-radius:22px}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.install-grid summary,.faq-list summary{justify-content:space-between;gap:20px;padding:20px 23px;font-weight:950;display:flex}.install-grid details[open] summary span,.faq-list details[open] summary span{transform:rotate(45deg)}.install-grid summary span,.faq-list summary span{transition:transform .16s}.install-grid ol{color:var(--ink-soft);margin:0;padding:0 26px 25px 48px}.faq-section{padding-top:120px}.faq-list{gap:12px;max-width:900px;display:grid}.faq-list details{border-radius:20px 30px}.faq-list summary{padding:23px 26px;font-size:1.05rem}.faq-list details p{max-width:790px;color:var(--ink-soft);padding:0 62px 25px 26px}.final-section{background:var(--gold);border-radius:68px 30px 58px 35px;grid-template-columns:180px 1fr auto;align-items:center;gap:40px;width:min(1180px,100% - 40px);margin:45px auto 100px;padding:45px 55px 20px;display:grid;overflow:hidden}.final-section img{align-self:end;margin-bottom:-10px}.final-section h2{margin-bottom:10px;font-size:clamp(2.2rem,4vw,3.6rem)}.final-section p:last-child{color:#615169;margin-bottom:0}.site-footer{border-top:1.5px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:35px;width:min(1180px,100% - 40px);margin:0 auto;padding:32px 0 40px;display:grid}.footer-brand{align-items:center;gap:13px;display:flex}.footer-brand img{border-radius:12px}.footer-brand strong{font-size:1.1rem}.footer-brand p,.footer-note{color:var(--ink-soft);margin-bottom:0;font-size:.78rem}.site-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:18px;display:flex}.site-footer nav a{color:var(--ink-soft);font-size:.8rem;font-weight:850;text-decoration:none}.footer-note{grid-column:1/-1}@media (width<=1050px){.site-header nav{display:none}.site-header .header-cta{margin-left:auto}.hero{grid-template-columns:1fr}.hero-copy{max-width:800px}.hero-art{min-height:650px}.phone-frame{left:52%}.hero-king{left:8%}.hero-stella{right:7%}.hero-maya{left:33%}.games-grid,.vocabulary-grid{grid-template-columns:1fr}.game-2,.game-4,.eleven-card{margin-top:0}.game-card{min-height:420px}.story-section,.rewards-section,.privacy-section{grid-template-columns:1fr}.story-art{min-height:350px}.final-section{grid-template-columns:150px 1fr}.final-section .button{grid-column:2;justify-self:start;margin-bottom:35px}}@media (width<=760px){body{font-size:16px}.site-header{width:min(100% - 24px,1180px);margin-top:10px}.brand img{width:42px;height:42px}.header-cta{min-height:40px;padding:0 14px;font-size:.8rem}.hero,.section,.answer-strip,.final-section,.site-footer{width:min(100% - 28px,1180px)}.hero{gap:25px;min-height:0;padding:52px 0 65px}.hero h1{font-size:clamp(3rem,15vw,4.6rem)}.hero-lead{font-size:1.02rem}.hero-actions .button{width:100%}.grown-up-links{line-height:1.7}.hero-art{min-height:540px}.phone-frame{width:235px;height:485px;left:52%}.hero-king{width:145px;top:270px;left:-15px}.hero-stella{width:145px;top:300px;right:-10px}.hero-maya{width:145px;bottom:-10px;left:27%}.speech-bubble{font-size:.8rem;top:235px;right:-5px}.answer-strip{border-radius:42px 20px 38px 24px;grid-template-columns:1fr;gap:12px;padding:35px 28px}.answer-strip>.section-label{margin-bottom:0}.answer-strip img{justify-self:end;width:120px;margin-top:-35px}.section{padding:75px 0}h2{font-size:clamp(2.2rem,11vw,3.2rem)}.steps-grid,.install-grid{grid-template-columns:1fr}.step-two{margin-top:0}.step-card{min-height:265px}.step-number{margin-bottom:42px}.vocabulary-card{min-height:390px;padding:34px 28px}.card-icon{margin-bottom:42px}.practice-note{margin-left:0;display:grid}.practice-note strong{white-space:normal}.game-card{grid-template-columns:1fr .78fr;min-height:390px;padding:30px 24px 0}.mini-phone{height:280px}.word-path-visual{grid-template-columns:repeat(3,45px);gap:6px;padding:12px}.word-path-visual span{border-radius:12px;width:45px;height:45px}.rewards-section{gap:40px}.rewards-art{min-height:280px}.story-section{border-radius:55px 24px 48px 28px;gap:20px;width:100%;padding:55px 28px}.story-art{min-height:290px}.story-art img{bottom:45px}.install-section{padding:40px 24px}.privacy-section{gap:30px;padding:42px 25px}.privacy-points article{grid-template-columns:46px 1fr;padding:20px}.privacy-points article>span{width:46px;height:46px}.install-intro{grid-template-columns:1fr}.final-section{grid-template-columns:100px 1fr;gap:20px;padding:32px 25px 15px}.final-section img{width:110px}.final-section .button{grid-column:1/-1;justify-self:stretch;margin-bottom:30px}.site-footer{grid-template-columns:1fr}.site-footer nav{justify-content:flex-start}}@media (width<=440px){.brand span{font-size:1.13rem}.header-cta{padding:0 12px}.hero-art{min-height:500px}.phone-frame{width:215px;height:450px}.hero-king,.hero-stella,.hero-maya{width:125px}.game-card{grid-template-columns:1fr;padding-bottom:0}.game-copy{padding-bottom:10px}.mini-phone{justify-self:center;width:70%}.word-path-visual{margin-bottom:30px}.final-section{grid-template-columns:1fr}.final-section img{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important}}
.petpop-card{grid-column:1/-1;background:linear-gradient(135deg,#f7dbc9,#fff0bd 48%,#dceccf);border-radius:58px 30px 62px 36px;grid-template-columns:1fr minmax(245px,.58fr);align-items:center;min-height:610px;padding:28px 60px}.petpop-card .game-copy{padding:28px 10px 28px 0}.petpop-card .game-copy>p:not(.mini-label){max-width:610px;color:var(--ink-soft);font-size:1.04rem}.petpop-rounds{grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0 0;padding:0;list-style:none;display:grid}.petpop-rounds li{background:#ffffffb8;border:1.5px solid var(--line);border-radius:20px;padding:14px 12px;font-size:.86rem;font-weight:850}.petpop-rounds strong{background:var(--berry);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;margin-bottom:8px;display:grid}.petpop-phone{border-bottom:5px solid var(--ink);border-radius:38px;justify-self:center;width:270px;height:570px;padding:8px}.petpop-phone img{border-radius:27px;object-fit:cover;object-position:top}.community-section{background:linear-gradient(135deg,#fffdf8,#d8edf3);border:1.5px solid var(--line);border-radius:64px 30px 58px 36px;grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;padding:62px}.community-section h2{font-size:clamp(2.25rem,4vw,3.8rem)}.community-section>div>p{color:var(--ink-soft)}.community-safety{background:#ffffffa6;border-left:6px solid var(--gold);border-radius:0 20px 20px 0;padding:18px 20px}.community-action{text-align:center;background:#ffffff9c;border-radius:45px 25px 40px 28px;padding:34px 24px}.community-action .button{cursor:default;line-height:1.25}.community-action p{margin:19px 0 0;color:var(--ink-soft);font-size:.8rem}@media (width<=1050px){.petpop-card{grid-template-columns:1fr minmax(230px,.55fr)}.community-section{grid-template-columns:1fr}}@media (width<=760px){.petpop-card{grid-template-columns:1fr;min-height:0;padding:34px 24px}.petpop-card .game-copy{padding:0}.petpop-rounds{grid-template-columns:1fr}.petpop-phone{width:225px;height:490px}.community-section{width:min(100% - 28px,1180px);gap:25px;padding:38px 24px}.community-action{padding:27px 18px}}
/* L5: WordBar Dictation has two games (Pet Pop, SushiBar) */
.dictation-games{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 0;padding:0;list-style:none;max-width:640px}
.dictation-games li{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:12px 14px}
.dictation-games .dg-icon{font-size:1.55rem;line-height:1.1}
.dictation-games strong{display:block;font-size:1.02rem}
.dictation-games em{font-style:normal;font-size:.68rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;background:#ffcf4a;color:var(--ink);border-radius:999px;padding:2px 8px;margin-left:4px;vertical-align:2px}
.dictation-games small{display:block;margin-top:3px;color:var(--ink-soft);font-weight:700;font-size:.82rem;line-height:1.35}
.dictation-rounds-label{margin:22px 0 0;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--berry-dark)}
.dictation-rounds-label+.dictation-rounds{margin-top:10px}
.dictation-phones{display:grid;grid-template-columns:1fr 1fr;align-items:start;justify-items:center;width:100%;max-width:440px;justify-self:center;padding:10px 0 30px}
.dictation-phones .dp{display:grid;justify-items:center;gap:12px;width:100%}
.dictation-phones .dictation-phone{width:100%;max-width:205px;height:auto;aspect-ratio:205/445;padding:6px;border-width:4px;border-radius:30px}
.dictation-phones .dictation-phone img{border-radius:22px}
.dictation-phones .dp-petpop{transform:rotate(-4deg) translateX(8%);z-index:1}
.dictation-phones .dp-sushi{transform:rotate(4deg) translate(-8%,34px);z-index:2}
.dp-chip{font-weight:900;font-size:.86rem;background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:5px 12px;white-space:nowrap;box-shadow:0 3px 0 #3d304c1a}
@media (width<=1050px){.dictation-games{grid-template-columns:1fr}}
@media (760px<width<=900px){.dictation-section .dictation-card{grid-template-columns:1fr;min-height:0;padding:40px 44px}.dictation-section .dictation-card .game-copy{padding:0}.dictation-section .dictation-games{grid-template-columns:1fr 1fr}.dictation-section .dictation-rounds{grid-template-columns:repeat(4,1fr)}.dictation-section .dictation-phones{max-width:440px;margin-top:8px}}
@media (width<=760px){.dictation-games{grid-template-columns:1fr 1fr}.dictation-phones{max-width:340px;margin-top:6px}.dictation-phones .dictation-phone{max-width:165px}}
@media (width<=420px){.dictation-games{grid-template-columns:1fr}.dictation-phones .dp-sushi{transform:rotate(4deg) translate(-6%,26px)}}
@media (prefers-reduced-motion:reduce){.dictation-phones .dp-petpop,.dictation-phones .dp-sushi{transform:none}}
/* L6: language switch (EN | 繁 | 简) */.lang-switch{display:inline-flex;align-items:center;gap:2px;padding:2px;border:2px solid var(--ink);border-radius:999px;background:var(--paper);flex:0 0 auto}.lang-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:38px;padding:0 10px;border-radius:999px;color:var(--ink);font-weight:900;font-size:.95rem;text-decoration:none;line-height:1}.lang-switch a[aria-current="page"]{background:var(--berry-btn);color:#fff}.lang-switch a:focus-visible{outline:3px solid #3b8fe0;outline-offset:1px}:lang(zh) body{word-break:normal;line-break:strict}.zh-note{margin:16px 4px 0;color:var(--ink-soft);font-size:.9rem}@media (width<=560px){.site-header .header-ctas{flex:1 1 0;min-width:0}.header-ctas .lang-switch{order:2}.header-ctas::before{content:"";order:1;flex-basis:100%;height:0}}

.eyebrow,.section-label{font-size:.92rem;letter-spacing:.1em}
.mini-label{font-size:.86rem}
.grown-up-links{align-items:center;gap:10px}
.grown-up-links>span:first-child{color:var(--ink);font-size:1.15rem;font-weight:950;letter-spacing:-.01em}
.grown-up-links>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 17px;border:2px solid var(--ink);border-radius:999px;background:var(--paper);color:var(--ink);box-shadow:0 4px 0 rgba(62,48,77,.18);font-size:.9rem;font-weight:900;text-decoration:none}
.grown-up-links>a:first-of-type{background:#00b67a;color:#fff;border-color:#008f61;box-shadow:0 4px 0 #007a52}
.grown-up-links>a:last-of-type{background:var(--gold);color:var(--ink);border-color:#c78b16;box-shadow:0 4px 0 #c78b16}
.grown-up-links>span[aria-hidden="true"]{display:none}
.word-path-shot img{object-fit:contain;object-position:top;background:var(--cream)}
.story-support{width:max-content;margin-top:10px;background:var(--gold);color:var(--ink);border-color:#c78b16;box-shadow:0 7px 0 #c78b16}
@media (max-width:760px){.grown-up-links{align-items:flex-start}.grown-up-links>span:first-child{width:100%}.grown-up-links>a{width:100%}.story-support{width:100%}}

/* L1: stop the hero characters making phones scroll sideways (existing issue) */
html,body{overflow-x:clip}
@supports not (overflow-x:clip){body{overflow-x:hidden}}
/* L1: WordBar Dictation */
.hero-dictation{margin:-6px 0 18px;font-size:.95rem;font-weight:850;color:var(--ink-soft)}
.hero-dictation a{color:var(--berry-dark);text-decoration-thickness:2px;text-underline-offset:3px}
.petpop-dictation-link{margin:22px 0 0}
.petpop-dictation-link a{color:var(--berry-dark);font-weight:900;text-decoration-thickness:2px;text-underline-offset:3px}
.dictation-section{padding-top:10px}
.dictation-card{background:linear-gradient(135deg,#ece3f7,#f8e6ef 52%,#e4ecf7);border:1.5px solid var(--line);border-radius:36px 60px 30px 58px;display:grid;grid-template-columns:1fr minmax(245px,.58fr);align-items:center;gap:18px;min-height:610px;padding:28px 60px;overflow:hidden}
.dictation-card .game-copy{padding:28px 10px 28px 0}
.dictation-card h2{font-size:clamp(2.2rem,4.2vw,3.5rem);margin-bottom:16px}
.dictation-lead{max-width:610px;color:var(--ink-soft);font-size:1.04rem}
.dictation-lead strong{color:var(--ink)}
.dictation-rounds{grid-template-columns:repeat(4,1fr);gap:10px;margin:26px 0 0;padding:0;list-style:none;display:grid}
.dictation-rounds li{background:#ffffffb8;border:1.5px solid var(--line);border-radius:20px;padding:14px 12px;font-size:.86rem;font-weight:850;display:grid;align-content:start}
.dictation-rounds strong{background:#7a5aa6;color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;margin-bottom:8px;display:grid}
.dictation-rounds small{color:var(--ink-soft);font-weight:700;font-size:.78rem;margin-top:3px}
.dictation-facts{color:var(--ink-soft);flex-wrap:wrap;gap:8px 20px;margin:22px 0 24px;padding:0;font-size:.9rem;font-weight:850;list-style:none;display:flex}
.dictation-facts span{color:#3e7b4c}
.dictation-note{color:var(--ink-soft);font-size:.8rem;margin:12px 0 0}
.dictation-phone{border-bottom:5px solid var(--ink)}
.privacy-points article:nth-child(3){border-radius:28px 36px 22px 38px}
.install-note{margin:18px 4px 0;color:var(--ink-soft);font-size:.95rem}
.final-actions{display:flex;flex-direction:column;gap:16px;align-items:stretch}
.button-light{background:var(--paper);color:var(--ink);box-shadow:0 7px #c78b16}
@media (width<=1050px){
  .dictation-card{grid-template-columns:1fr minmax(230px,.55fr)}
  .dictation-rounds{grid-template-columns:repeat(2,1fr)}
  .final-actions{grid-column:2;justify-self:start;flex-direction:row;flex-wrap:wrap;margin-bottom:35px}
  .final-section .final-actions .button{margin-bottom:0}
}
@media (width<=760px){
  .dictation-card{grid-template-columns:1fr;min-height:0;padding:34px 24px;border-radius:30px 46px 26px 44px}
  .dictation-card .game-copy{padding:0}
  .dictation-card .button{width:100%}
  .final-actions{grid-column:1/-1;justify-self:stretch;flex-direction:column;margin-bottom:30px}
  .final-actions .button{width:100%}
}
@media (width<=380px){.dictation-rounds{grid-template-columns:1fr}}

/* ===== L2 ===== */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Contrast fixes (WCAG AA 4.5:1) */
:root{--ink-soft:#5f5268;--berry-btn:#b83a66;--dict:#6b4f9a;--dict-dark:#4d3773;--lav:#ece3f7}
.button-primary:not(.story-support){background:var(--berry-btn);box-shadow:0 7px 0 #8a2a4c}
.grown-up-links>a:first-of-type{background:#007a52;border-color:#005c3e;box-shadow:0 4px 0 #004a32}
.final-section .eyebrow{color:#8a2447}
.final-section p:last-child{color:#54475d}
/* Header: two buttons */
.site-header{flex-wrap:wrap;row-gap:8px}
.hero-copy,.play-card,.play-card-head>div{min-width:0}
h1,h2,h3,.play-card-head p{overflow-wrap:break-word}
.header-ctas{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;align-items:center;flex:0 1 auto;min-width:0}
.site-header .header-ctas .header-cta{margin-left:0}
.header-cta-play{background:var(--berry-btn);border-color:var(--ink)}
.header-cta-dict{background:var(--lav);color:var(--ink);border-color:var(--ink)}
@media (width<=1050px){.site-header .header-ctas{margin-left:auto}}
@media (width<=760px){.site-header{gap:12px}.header-ctas{gap:6px}.header-cta{padding:0 12px}}
@media (1051px<=width<=1240px){.site-header{gap:18px}.site-header nav{gap:16px}.site-header nav a{font-size:.84rem}.header-cta{padding:0 14px}}
@media (width<=420px){.brand span{display:none}.site-header{gap:10px}.header-ctas{gap:6px}.header-cta{padding:0 11px}}
/* Hero play cards */
.play-cards{display:grid;gap:14px;margin:0 0 24px;max-width:640px}
.play-card{border:2px solid var(--ink);border-radius:26px 34px 24px 32px;padding:16px 18px 18px;background:var(--paper);box-shadow:0 6px 0 #3e304d1f}
.play-card-dict{background:var(--lav);border-radius:32px 24px 34px 26px}
.play-card-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.play-card-head img{width:48px;height:48px;border-radius:14px;flex:0 0 auto}
.play-card-icon{width:48px;height:48px;border-radius:50%;background:#fff;border:2px solid var(--ink);display:grid;place-items:center;font-size:1.35rem;flex:0 0 auto}
.play-card h2{font-size:1.35rem;line-height:1.15;margin:0 0 2px}
.play-card-head p{margin:0;color:var(--ink-soft);font-size:.92rem;font-weight:800}
.play-card-actions{display:flex;flex-wrap:wrap;gap:12px}
.play-card-actions .button{flex:1 1 auto;min-height:50px;padding:0 16px;white-space:nowrap}
@media (width<=440px){.play-card{padding:14px 14px 16px}.play-card-actions{gap:10px}.play-card-actions .button{padding:0 12px;font-size:.95rem;gap:6px}}
.button-dict{background:var(--dict);color:#fff;box-shadow:0 7px 0 var(--dict-dark)}
@media (width<=760px){.hero-actions .button,.play-card-actions .button{width:auto}}
/* Dictation section buttons */
.dictation-actions{display:flex;flex-wrap:wrap;gap:12px}
.dictation-actions .button{flex:0 1 auto}
@media (width<=760px){.dictation-actions .button{flex:1 1 100%;width:100%}}
/* How to play: full screen */
html.howto-open,html.howto-open body{overflow:hidden}
dialog.howto{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--cream);color:var(--ink)}
dialog.howto::backdrop{background:var(--cream)}
.howto-inner{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:0 20px calc(40px + env(safe-area-inset-bottom))}
.howto-top{position:sticky;top:0;z-index:2;background:var(--cream);max-width:760px;margin:0 auto;padding:calc(14px + env(safe-area-inset-top)) 0 12px;border-bottom:1.5px solid var(--line)}
.howto-bar{display:flex;align-items:center;gap:16px;margin-bottom:12px}
.howto-bar h2{font-size:clamp(1.8rem,5vw,2.6rem);margin:0}
.howto-back{min-height:48px;padding:0 18px;border-radius:999px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);font:inherit;font-size:1rem;font-weight:900;cursor:pointer;flex:0 0 auto;display:inline-flex;align-items:center;gap:8px}
html:not(.js) .js-only{display:none!important}
button.button{font:inherit;font-weight:950;cursor:pointer;color:var(--ink)}
button.button.button-secondary{background:#ffffffad}
.howto-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:4px}
.howto-tabs [role=tab]{min-height:44px;border:0;border-radius:999px;background:transparent;color:var(--ink);font:inherit;font-weight:900;font-size:1rem;cursor:pointer}
.howto-tabs [role=tab][aria-selected=true]{background:var(--ink);color:#fff}
.howto-panel{max-width:760px;margin:0 auto;padding-top:22px}
.howto-panel:focus-visible{outline:3px solid #2165a3;outline-offset:4px;border-radius:12px}
.howto-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.howto-steps>li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;background:var(--paper);border:1.5px solid var(--line);border-radius:22px 28px 22px 26px;padding:18px}
.howto-num{width:44px;height:44px;border-radius:50%;background:var(--berry-btn);color:#fff;display:grid;place-items:center;font-weight:950;font-size:1.1rem}
#panel-dictation .howto-num{background:var(--dict)}
.howto-steps h3{font-size:1.2rem;margin:6px 0 6px}
.howto-steps p{margin:0;color:var(--ink-soft)}
.howto-steps ul{list-style:disc;margin:4px 0 0;padding-left:1.2em;color:var(--ink-soft);display:grid;gap:5px}
.howto-steps strong{color:var(--ink)}
.howto-tip{margin:18px 0 0;padding:14px 18px;border-left:5px solid var(--gold);background:#fffdf8;border-radius:0 16px 16px 0;color:var(--ink-soft)}
.howto-tip strong{color:var(--ink)}
.howto-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.howto-actions .button{flex:1 1 200px}
@media (prefers-reduced-motion:no-preference){dialog.howto[open]{animation:howtoIn .2s ease-out}}
@keyframes howtoIn{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
/* L6: language switch (EN | 繁 | 简) */.lang-switch{display:inline-flex;align-items:center;gap:2px;padding:2px;border:2px solid var(--ink);border-radius:999px;background:var(--paper);flex:0 0 auto}.lang-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:38px;padding:0 10px;border-radius:999px;color:var(--ink);font-weight:900;font-size:.95rem;text-decoration:none;line-height:1}.lang-switch a[aria-current="page"]{background:var(--berry-btn);color:#fff}.lang-switch a:focus-visible{outline:3px solid #3b8fe0;outline-offset:1px}:lang(zh) body{word-break:normal;line-break:strict}.zh-note{margin:16px 4px 0;color:var(--ink-soft);font-size:.9rem}@media (width<=560px){.site-header .header-ctas{flex:1 1 0;min-width:0}.header-ctas .lang-switch{order:2}.header-ctas::before{content:"";order:1;flex-basis:100%;height:0}}