@font-face{font-family:Nunito;src:url('fonts/nunito-latin-variable.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}
:root{color-scheme:light;--paper:#fbfaf8;--ink:#292637;--muted:#605c69;--surface:#f0ede9;--accent:#fe6736;--stage:#f8eee5;--placeholder:#d7d4d1;--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Nunito,Arial,sans-serif;font-size:18px;line-height:1.6;font-weight:400}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration-thickness:1.5px;text-underline-offset:5px}a:hover{text-decoration-thickness:3px}a:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:6px}p{margin:0 0 1em;max-width:65ch;text-wrap:pretty}h1,h2,h3{font-weight:800;margin:0;line-height:1.12;letter-spacing:-.035em;text-wrap:balance}h1{font-size:clamp(44px,5.7vw,76px)}h2{font-size:clamp(30px,3.1vw,42px)}h3{font-size:24px;letter-spacing:-.02em}.wrap{width:calc(100% - 80px);max-width:1080px;margin-inline:auto}.site-header{display:flex;justify-content:space-between;align-items:center;gap:28px;min-height:112px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:20px;font-weight:800;text-decoration:none;white-space:nowrap}.brand img{width:38px;height:38px;object-fit:cover;border-radius:10px}.site-header nav{display:flex;gap:30px;align-items:center}.site-header nav a{text-decoration:none;font-weight:700;padding:10px 0;font-size:17px}.site-header nav a:hover,.site-header nav a[aria-current=page]{text-decoration:underline}.skip-link{position:absolute;left:24px;top:-100px;z-index:10;padding:12px 24px;background:var(--ink);color:var(--paper)}.skip-link:focus{top:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 26px;min-height:54px;border-radius:999px;background:var(--accent);color:#292637;font-weight:800;text-decoration:none;transition:transform .18s ease}.button:hover{transform:translateY(-2px);text-decoration:none}.button:active{transform:translateY(0)}.availability{display:inline-block;width:fit-content;max-width:100%;padding:13px 20px;background:var(--accent);color:#292637;border-radius:999px;font-size:16px;line-height:1.4;font-weight:800;margin:0}.text-link{font-weight:700;display:inline-flex;gap:16px;align-items:center;min-height:44px;font-size:16px}.section-heading{margin-bottom:32px}.section-heading p{font-size:20px;line-height:1.5;margin:12px 0 0;max-width:55ch}
/* Intro: product promise on the left, a portrait app image on the right. */
.product-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:88px;align-items:center;padding-block:38px 82px;min-height:650px}.hero-copy h1{font-size:72px;line-height:1;letter-spacing:-.055em}.hero-line{font-size:40px;line-height:1.15;font-weight:800;letter-spacing:-.035em;margin:24px 0 20px}.hero-description{max-width:36ch;font-size:20px;line-height:1.5;margin-bottom:28px}.store-links{margin-bottom:16px}.hero-stage{display:grid;place-items:center}.screenshot{margin:0;min-width:0}.screenshot img{aspect-ratio:983/2000;object-fit:contain;background:transparent;width:100%;border-radius:0}.screenshot figcaption{font-size:14px;line-height:1.5;color:var(--muted);font-weight:400;text-align:center;margin-top:14px}.hero-shot{max-width:272px;width:100%}.phone-preview{padding:0;background:transparent}.phone-preview img{border-radius:0}.hero-shot figcaption{font-size:14px}
/* Two groups of features, then the parent-facing information panel. */
.visual-features{padding-block:24px 72px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.feature-visual{padding:26px 24px 20px;background:var(--stage);border-radius:var(--radius);display:grid;place-items:center;margin-bottom:22px}.feature-visual .screenshot{width:100%;max-width:220px}.feature-visual img{border-radius:0}.feature-visual figcaption{font-size:13px;margin-top:10px}.visual-feature h3{margin-bottom:10px}.visual-feature>p{font-size:17px;line-height:1.55;margin:0}.more-features{padding-block:20px 80px}.more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.more-grid article{background:var(--surface);border-radius:var(--radius);padding:30px}.more-grid h3{margin-bottom:12px}.more-grid p{font-size:18px;margin:0}.kids-note{background:var(--surface);border-radius:var(--radius);padding:44px 48px;display:grid;grid-template-columns:1.5fr 1fr;gap:80px;align-items:center}.kids-note h2{margin-bottom:20px}.kids-note p{font-size:20px;margin:0;max-width:38ch}.kids-links{display:flex;flex-direction:column;gap:12px}.kids-links p{font-size:22px;line-height:1.4;font-weight:800;margin-bottom:6px}.kids-links a{font-size:17px}.help-banner{padding-block:72px 80px;display:flex;justify-content:space-between;align-items:center;gap:40px}.help-banner h2{font-size:36px}.help-banner p{font-size:20px;margin:0}
/* Studio home retains the brief's simple introduction and one app card. */
.studio-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:72px;align-items:center;padding-block:64px 64px}.studio-hero h1{font-size:72px}.studio-hero p{font-size:24px;line-height:1.5;margin:20px 0 0}.studio-hero .studio-intro{font-size:20px;margin:0;max-width:30ch}.app-feature{display:grid;grid-template-columns:1.2fr 1fr;background:var(--stage);border-radius:var(--radius);overflow:hidden;min-height:390px;margin-bottom:80px}.app-preview{display:grid;place-items:center;padding:44px;grid-column:2;grid-row:1}.app-icon{background:#d7d4d1;position:relative;width:220px;height:220px;border-radius:44px;overflow:hidden}.app-icon img{width:100%;height:100%}.app-description{padding:44px;grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:22px}.app-description h2{font-size:48px}.app-description>p:not(.availability){font-size:24px;line-height:1.4;margin:0;max-width:26ch}.app-description .availability{font-size:14px;background:var(--paper);color:var(--ink);padding:10px 16px}
/* Compact multi-column footer mirrors the reference's information hierarchy. */
.site-footer{background:var(--surface);padding-block:54px 28px}.footer-columns{display:grid;grid-template-columns:1.4fr .65fr 1fr 1.25fr;gap:32px;align-items:start}.footer-identity p{font-size:16px;color:var(--muted);margin:18px 0 0;max-width:22ch}.footer-columns h2{font-size:17px;letter-spacing:0;font-weight:800;line-height:1.5;margin:0 0 12px}.footer-columns nav{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.footer-columns nav h2{margin-bottom:4px}.footer-columns nav a,.footer-contact>a{font-size:16px;text-decoration:none;line-height:1.6}.footer-columns a:hover{text-decoration:underline}.footer-contact>a{overflow-wrap:anywhere}.copyright{font-size:14px;color:var(--muted);margin:44px 0 0}
/* Support and policy pages share the same frame. */
.support-hero{display:grid;grid-template-columns:1.6fr 1fr;gap:64px;align-items:end;padding-block:64px 80px}.support-hero h1{font-size:64px;max-width:11ch}.lead{font-size:24px;margin:24px 0}.support-note{background:var(--stage);padding:28px;border-radius:var(--radius)}.support-note p:last-child{margin-bottom:0}.email-button{font-size:18px;overflow-wrap:anywhere;max-width:100%}.faq-section{display:grid;grid-template-columns:1fr 1.7fr;gap:56px;padding-bottom:80px}.faq-section h2{max-width:12ch}.faq-list details{background:var(--surface);border-radius:16px;margin-bottom:12px;padding:0 24px}.faq-list summary{font-size:19px;font-weight:800;line-height:1.4;cursor:pointer;list-style:none;padding:24px 28px 24px 0;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:0;top:21px;font-size:26px;line-height:1}.faq-list details[open] summary:after{content:'−'}.faq-list details[open]{background:var(--stage)}.answer{padding-bottom:24px}.answer p{margin:0}.legal{max-width:810px;padding-block:64px 88px}.legal h1{font-size:clamp(40px,5vw,64px);max-width:20ch;margin-bottom:28px}.legal h2{font-size:28px;letter-spacing:-.025em;line-height:1.2;margin:44px 0 20px}.legal p,.legal li{font-size:18px;line-height:1.75}.legal li{margin-block:12px}.legal ul{padding-left:24px}.legal .updated{color:var(--muted);font-size:16px;margin-bottom:40px}.short-legal{min-height:58vh}.not-found{padding-block:80px 100px}.not-found h1{max-width:13ch}.not-found p{font-size:24px;margin-block:28px}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.product-hero{gap:40px;grid-template-columns:1.2fr 1fr;min-height:600px}.hero-copy h1{font-size:64px}.hero-line{font-size:34px}.hero-description{font-size:18px}.hero-shot{max-width:238px}.feature-grid{gap:24px}.feature-visual{padding:24px 16px 18px}.footer-columns{grid-template-columns:1.2fr 1fr 1fr;gap:32px}.footer-contact{grid-column:1/-1}.footer-identity .brand{font-size:18px}.studio-hero{gap:40px}.studio-hero h1{font-size:60px}.app-description{padding:36px}.app-preview{padding:30px}.kids-note{gap:40px;padding:36px}.help-banner{gap:32px}.support-hero{gap:36px}.support-hero h1{font-size:52px}.faq-section{gap:36px}}
@media(max-width:650px){body{font-size:17px}.wrap{width:calc(100% - 40px)}.site-header{min-height:104px;align-items:center;flex-wrap:wrap;gap:8px;padding-block:18px}.brand{font-size:18px;gap:10px}.brand img{width:34px;height:34px}.site-header nav{gap:24px;flex-basis:100%}.site-header nav a{font-size:16px;padding:5px 0}.product-hero{display:flex;flex-direction:column;align-items:stretch;padding-block:32px 56px;gap:36px;min-height:0}.hero-copy h1{font-size:60px}.hero-line{font-size:32px;margin:20px 0}.hero-description{font-size:18px;max-width:34ch}.availability{font-size:14px;padding:13px 16px}.hero-shot{max-width:238px}.hero-shot figcaption{font-size:14px}.visual-features{padding-block:20px 52px}.section-heading h2{font-size:34px}.section-heading p{font-size:18px}.feature-grid{grid-template-columns:1fr;gap:38px}.feature-visual{padding:24px;margin-bottom:18px}.feature-visual .screenshot{max-width:220px}.visual-feature h3{font-size:24px}.visual-feature>p{font-size:17px}.more-features{padding-block:12px 52px}.more-grid{grid-template-columns:1fr;gap:18px}.more-grid article{padding:26px}.kids-note{display:block;padding:28px}.kids-note h2{font-size:34px}.kids-note p{font-size:18px}.kids-links{margin-top:28px}.kids-links p{font-size:20px}.kids-links p br{display:none}.help-banner{display:block;padding-block:52px}.help-banner h2{font-size:34px}.help-banner p{font-size:18px;margin-top:18px}.studio-hero{display:block;padding-block:40px}.studio-hero h1{font-size:54px;max-width:10ch}.studio-hero p{font-size:22px;margin-top:18px}.studio-hero .studio-intro{font-size:18px;margin-top:24px}.app-feature{display:flex;flex-direction:column;margin-bottom:52px}.app-description{order:0;padding:28px;gap:20px}.app-preview{order:1;padding:8px 28px 32px}.app-description h2{font-size:42px}.app-description>p:not(.availability){font-size:22px}.app-icon{width:176px;height:176px;border-radius:36px}.site-footer{padding-block:36px 24px}.footer-columns{grid-template-columns:1fr 1fr;gap:32px 24px}.footer-identity{grid-column:1/-1}.footer-identity p{max-width:none;margin-top:12px}.footer-contact{grid-column:1/-1}.copyright{margin-top:32px}.support-hero{display:block;padding-block:36px 44px}.support-hero h1{font-size:46px}.lead{font-size:21px}.support-note{margin-top:30px;padding:24px}.email-button{padding:14px 20px;font-size:16px}.faq-section{display:block;padding-bottom:48px}.faq-section h2{font-size:34px;margin-bottom:26px}.faq-list details{padding-inline:20px}.faq-list summary{font-size:18px;padding-block:22px}.answer p{font-size:17px}.legal{padding-block:36px 56px}.legal h1{font-size:38px;max-width:17ch}.legal h2{font-size:25px;margin-top:36px}.legal p,.legal li{font-size:17px;line-height:1.7}.legal .updated{font-size:15px}.not-found{padding-block:44px 72px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.product-title{display:flex;align-items:center;gap:20px}.product-title>img{width:72px;height:72px;border-radius:16px;flex-shrink:0}
@media(max-width:650px){.product-title{gap:14px}.product-title>img{width:52px;height:52px;border-radius:12px}.product-title h1{font-size:clamp(44px,12vw,60px)}}

/* Bright look (2026-11-07): a soft sky, the game's word cards, colored bands and press-down buttons. One light theme for everyone. */
:root{--paper:#fffaf5;--surface:#f3effa;--stage:#fff1e6;--sky:#e3f1fa;--peach:#ffe3cc;--sage:#e0eada;--lavender:#e4dcf2;--peach-band:#fff1e6;--sage-band:#edf5e9;--lavender-band:#f3effa;--edge:#d9502a;--line:#ece8e3;--card-shadow:0 18px 40px -24px rgba(41,38,55,.35)}
body{background:linear-gradient(180deg,var(--sky) 0,#eef6fb 420px,var(--paper) 860px) no-repeat,var(--paper)}
.site-header nav a{padding:10px 14px;border-radius:999px}
.site-header nav a:hover,.site-header nav a[aria-current=page]{text-decoration:none;background:rgba(255,255,255,.75)}
.site-header nav{gap:10px}
.brand img{box-shadow:0 4px 0 rgba(41,38,55,.12)}
.button,.availability{box-shadow:0 4px 0 var(--edge)}
.button:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--edge)}
.button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--edge)}
.app-description .availability{box-shadow:0 3px 0 var(--line)}
.text-link{text-decoration-color:var(--accent)}

/* Phone images float on a soft shadow. */
.hero-shot img,.feature-visual img{filter:drop-shadow(0 22px 26px rgba(41,38,55,.28))}

/* Falling word cards, drawn like the game's cards. Decorative only. */
.hero-stage,.app-preview{position:relative}
.word-card{position:absolute;z-index:1;display:inline-block;padding:7px 16px 9px;border-radius:16px;background:var(--peach);color:#292637;font-weight:800;font-size:22px;line-height:1.1;letter-spacing:-.01em;box-shadow:0 5px 0 rgba(41,38,55,.10),0 14px 24px -14px rgba(41,38,55,.35);white-space:nowrap;pointer-events:none}
.word-card.sage{background:var(--sage)}
.word-card.lavender{background:var(--lavender)}
.word-card.gold{background:#ffe7a3;box-shadow:0 5px 0 #e2b84a,0 14px 24px -14px rgba(41,38,55,.35)}
.word-card .typed{color:#a8360f;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}
.hero-stage .w1{top:6%;left:2%;transform:rotate(-6deg)}
.hero-stage .w2{top:20%;right:0;transform:rotate(5deg)}
.hero-stage .w3{top:52%;left:-2%;transform:rotate(4deg)}
.hero-stage .w4{bottom:16%;right:2%;transform:rotate(-4deg)}
.hero-stage .w5{bottom:24%;left:-4%;transform:rotate(-3deg)}
.app-preview .w1{top:14%;left:8%;transform:rotate(-6deg)}
.app-preview .w2{top:36%;right:6%;transform:rotate(5deg)}
.app-preview .w3{bottom:12%;left:14%;transform:rotate(3deg)}
@media(prefers-reduced-motion:no-preference){
.word-card{animation:drift 8s ease-in-out infinite alternate}
.word-card.w2{animation-duration:9.5s;animation-delay:-2s}
.word-card.w3{animation-duration:7s;animation-delay:-4s}
.word-card.w4{animation-duration:10s;animation-delay:-1s}
.word-card.w5{animation-duration:8.5s;animation-delay:-3s}
@keyframes drift{from{translate:0 -6px}to{translate:0 8px}}
}

/* Full-width colored bands. */
.visual-features,.help-banner{position:relative}
.visual-features{padding-block:64px 72px;border-image:conic-gradient(var(--peach-band) 0 0) fill 0//0 100vw}
.feature-grid{gap:28px}
.visual-feature{background:#fff;border:1px solid var(--line);border-radius:24px;padding:16px 16px 26px;box-shadow:var(--card-shadow)}
.visual-feature h3,.visual-feature>p{padding-inline:10px}
.feature-visual{border-radius:18px;background:linear-gradient(180deg,#fff 0,var(--peach) 100%)}
.visual-feature:nth-child(2) .feature-visual{background:linear-gradient(180deg,#fff 0,var(--sage) 100%)}
.visual-feature:nth-child(3) .feature-visual{background:linear-gradient(180deg,#fff 0,var(--lavender) 100%)}
.more-features{padding-block:72px 64px}
.more-grid{gap:28px}
.more-grid article{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--card-shadow)}
.kids-note{background:var(--sage-band);border:1px solid #dbe8d4;border-radius:28px;margin-bottom:8px}
.help-banner{margin-top:56px;padding-block:56px;border-image:conic-gradient(var(--lavender-band) 0 0) fill 0//0 100vw}

/* Home: the app card sits on the peach stage with a soft shadow. */
.app-feature{background:linear-gradient(135deg,var(--peach-band) 0,#fff 55%,var(--lavender-band) 100%);border:1px solid var(--line);border-radius:28px;box-shadow:var(--card-shadow)}
.app-icon{box-shadow:0 8px 0 rgba(41,38,55,.10),0 24px 40px -18px rgba(41,38,55,.45)}

/* Support and policies. */
.support-note{background:#fff;border:1px solid var(--line);box-shadow:var(--card-shadow)}
.faq-list details{background:#fff;border:1px solid var(--line)}
.faq-list details[open]{background:var(--peach-band)}
.legal{background:#fff;border:1px solid var(--line);border-radius:28px;padding:56px 64px;margin-block:24px 72px;box-shadow:var(--card-shadow)}

/* Footer on the lavender band. */
.site-footer{background:var(--lavender-band);border-top:1px solid #e6def4}

@media(max-width:1000px){.hero-stage .w1{left:-4%}.hero-stage .w3{left:-6%}}
@media(max-width:650px){
.site-header nav{gap:4px;margin-left:-14px}
.visual-features{padding-block:48px 52px}
.more-features{padding-block:52px 44px}
.help-banner{margin-top:40px;padding-block:44px}
.legal{padding:32px 22px;border-radius:22px;margin-block:12px 48px}
.word-card{font-size:18px;padding:6px 12px 8px}
.hero-stage .w3,.hero-stage .w5,.app-preview .w3{display:none}
.hero-stage .w1{top:4%;left:0}
.hero-stage .w2{top:16%;right:0}
.hero-stage .w4{bottom:10%;right:0}
}