:root{--color-background: #fff9ed;--color-surface: #fffdf8;--color-primary: #98ac7d;--color-primary-soft: #ddecd8;--color-secondary-soft: #fff7e2;--color-text: #0f4d3f;--color-text-muted: #637166;--color-border: rgba(103, 132, 91, .22);--color-link: #165846;--color-link-hover: #0f4538;--color-header-bg: rgba(255, 249, 237, .88);--color-shadow: rgba(58, 75, 46, .22);--color-hero-surface: #eaf3dc;--color-primary-ink: #ffffff;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 2.5rem;--space-9: 3rem;--space-10: 4rem;--font-family-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-sm: .9rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.35rem;--font-size-2xl: clamp(1.75rem, 3.2vw, 2.5rem);--font-size-hero-subtitle: clamp(1.125rem, 2.4vw, 1.5rem);--hero-title-size: clamp(2.4rem, 5.4vw, 3.6rem);--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--shadow-soft: 0 18px 42px -28px var(--color-shadow);--container-width: 1100px;--header-height: 4.25rem;--hero-gap: var(--space-5);--brand-logo-size: 2.25rem}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%;min-height:100dvh}html{scroll-behavior:smooth;width:100%;overflow-x:hidden}body{margin:0;font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(145deg,rgba(221,236,216,.9) 0%,transparent 42%),linear-gradient(315deg,rgba(255,231,142,.58) 0%,transparent 46%),var(--color-background);overflow-x:hidden}a{color:var(--color-link);transition:color .15s ease,opacity .15s ease}a:hover{color:var(--color-link-hover);opacity:.8}p{margin:0}h1,h2,h3{margin:0;line-height:1.2;color:var(--color-text)}ul{margin:0;padding-left:var(--space-5)}.app-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;min-width:0;padding-top:var(--header-height)}.container{width:min(var(--container-width),calc(100% - (var(--space-4) * 2)));max-width:100%;margin:0 auto;min-width:0}.site-header{position:fixed;top:0;right:0;left:0;z-index:30;min-height:var(--header-height);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--color-header-bg)}.header-inner{min-height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-width:0}.brand{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xl);font-weight:800;text-decoration:none;color:var(--color-text);min-width:0}.brand-logo{width:4rem;height:4rem;border-radius:999px;object-fit:contain;filter:drop-shadow(0 5px 7px rgba(77,94,56,.2))}.brand-wordmark{display:block;width:6.3rem;height:auto;object-fit:contain}.nav-toggle{display:none;border:1px solid var(--color-border);border-radius:999px;background:#fffdf8d6;color:var(--color-text);padding:var(--space-2) var(--space-3);font:inherit;font-weight:700;cursor:pointer}.site-nav{display:flex;align-items:center;gap:var(--space-3)}.site-header nav a{transition:opacity .15s ease}.site-header nav a:hover{opacity:1}.nav-link{position:relative;padding:var(--space-2) var(--space-3);border-radius:999px;text-decoration:none;color:var(--color-text-muted);font-weight:600;transition:background-color .18s ease,color .18s ease,opacity .15s ease}.nav-link:after{content:"";position:absolute;right:var(--space-3);bottom:.35rem;left:var(--space-3);height:2px;border-radius:999px;background:var(--color-text);opacity:0;transform:scaleX(.45);transition:opacity .18s ease,transform .18s ease}.nav-link:hover{color:var(--color-text);background:#ddecd8bd;opacity:1}.nav-link.is-active{color:var(--color-text)}.nav-link.is-active:after{opacity:.55;transform:scaleX(1)}.main-content{flex:1;flex:1 0 auto;padding:var(--space-6) 0 var(--space-9);min-width:0}.page-stack{display:grid;gap:var(--space-7);min-width:0}.home-hero{display:grid;gap:var(--space-5);min-width:0}.home-hero-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,18rem);align-items:center;gap:var(--space-7);min-width:0}.home-hero-copy{display:grid;gap:var(--space-4);max-width:44rem;min-width:0}.home-hero-copy h1{font-size:var(--hero-title-size);font-weight:800}.wordmark-heading{line-height:0}.wordmark-heading-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wordmark-heading img{display:block;width:min(14rem,68vw);height:auto}.home-hero-mascot{width:min(100%,15.5rem);height:auto;justify-self:end;filter:drop-shadow(0 18px 20px rgba(77,94,56,.16))}.feature-banner-media{display:block;aspect-ratio:3 / 2;width:100%;overflow:hidden;border-radius:1.75rem;box-shadow:0 26px 60px -38px var(--color-shadow);background:var(--color-hero-surface)}.feature-banner-image{display:block;width:100%;height:100%;object-fit:cover}.brand-hero{position:relative;min-height:min(72vh,39rem);border-radius:1.75rem;overflow:hidden;background:var(--color-hero-surface);box-shadow:0 26px 60px -38px var(--color-shadow)}.brand-hero-media,.brand-hero-image{display:block;width:100%;height:100%}.brand-hero-media{position:absolute;inset:0}.brand-hero-image{object-fit:cover}.brand-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff9ed33,#fff9ed0a 44%,#fff9ed38),linear-gradient(0deg,rgba(15,77,63,.14),transparent 46%);pointer-events:none}.brand-hero-copy{position:relative;z-index:1;display:grid;align-content:end;gap:var(--space-4);width:min(34rem,92%);min-height:min(72vh,39rem);padding:clamp(var(--space-5),5vw,var(--space-9))}.brand-hero-copy h1{color:var(--color-text);font-size:var(--hero-title-size);font-weight:800}.hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:var(--hero-gap);align-items:center;min-width:0}.hero-content{background:#fffdf8d6;border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);padding:var(--space-8);display:grid;align-content:center;gap:var(--space-4);min-width:0;max-width:100%}.hero-content--home{gap:var(--space-5)}.hero h1{font-size:var(--hero-title-size);overflow-wrap:break-word}.hero-subtitle{font-size:var(--font-size-hero-subtitle);color:var(--color-text);font-weight:700;max-width:100%;overflow-wrap:break-word}.hero-subtitle--home{margin-top:calc(var(--space-4) * -1)}.hero-description{font-size:var(--font-size-lg);max-width:54ch;color:var(--color-text-muted);overflow-wrap:break-word}.hero-download-note{color:var(--color-text);font-size:var(--font-size-base);font-weight:800;overflow-wrap:break-word}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);min-width:0;max-width:100%}.hero-trust-row{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2);min-width:0;max-width:100%}.hero-trust-row li{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;border:1px solid var(--color-border);background:#fffdf8e0;color:var(--color-text);font-size:var(--font-size-sm);font-weight:800;padding:var(--space-1) var(--space-3)}.hero-trust-row svg{width:1rem;height:1rem;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hero-preview{aspect-ratio:1024 / 500;width:100%;min-width:0;max-width:100%;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-hero-surface);box-shadow:var(--shadow-soft)}.hero-preview picture,.hero-preview-image{display:block;width:100%;height:100%}.hero-preview-image{object-fit:cover}.hero--compact{grid-template-columns:1fr}.app-landing-hero{position:relative;min-height:clamp(28rem,62vh,38rem);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;background:linear-gradient(90deg,#fff9edfa,#ddecd8db),var(--color-hero-surface);box-shadow:var(--shadow-soft);display:flex;align-items:center;padding:clamp(var(--space-5),5vw,var(--space-9))}.app-landing-visual{position:absolute;top:0;right:0;bottom:0;width:min(62%,48rem);background-image:url(/marketing/feature.webp);background-position:right center;background-repeat:no-repeat;background-size:170% auto;opacity:.92}.app-landing-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff9ed,#fff9edbd 22%,#fff9ed2e 56%,#fff9ed14)}.app-landing-hero-content{position:relative;z-index:1;display:grid;gap:var(--space-4);max-width:42rem;min-width:0}.app-landing-hero-content h1{font-size:var(--hero-title-size);max-width:13ch;font-weight:800;overflow-wrap:break-word}.app-landing-subtitle{color:var(--color-text-muted);font-size:var(--font-size-hero-subtitle);font-weight:700;max-width:34rem;overflow-wrap:break-word}.app-hero-store-badges{margin-top:var(--space-2)}.app-hero-store-badges .store-badge-image{width:210px}.app-download-page{gap:var(--space-6)}.smart-download-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(20rem,1.08fr);align-items:center;gap:clamp(var(--space-5),5vw,var(--space-8));min-width:0;padding:clamp(var(--space-5),5vw,var(--space-8));border:1px solid var(--color-border);border-radius:var(--radius-xl);background:linear-gradient(135deg,#fff9edfa,#ddecd8e6),var(--color-hero-surface);box-shadow:var(--shadow-soft);overflow:hidden}.smart-download-copy{display:grid;gap:var(--space-4);min-width:0}.smart-download-copy h1{max-width:12ch;font-size:var(--hero-title-size);font-weight:800;overflow-wrap:break-word}.smart-download-intro{max-width:54ch;color:var(--color-text-muted);font-size:var(--font-size-lg);overflow-wrap:break-word}.smart-download-note{color:var(--color-text);font-weight:800;overflow-wrap:break-word}.smart-download-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:stretch;min-width:0;max-width:100%}.download-store-badge-link{display:inline-flex;align-items:center;justify-content:center;line-height:0;width:min(100%,13.5rem);min-height:4.25rem;max-width:100%;border-radius:.7rem;border:1px solid var(--color-border);background:#fffdf8c7;padding:.35rem .55rem;text-decoration:none;box-shadow:0 12px 24px -24px var(--color-shadow);transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease,background-color .18s ease}.download-store-badge-link:hover{transform:translateY(-1px);opacity:1}.download-store-badge-link--primary{background:#fffdf8f0;box-shadow:0 16px 28px -18px var(--color-shadow)}.download-store-badge-image{display:block;width:auto;height:clamp(3rem,5vw,3.75rem);max-width:100%}.smart-download-trust{margin-top:var(--space-1)}.smart-download-media{display:block;aspect-ratio:3 / 2;width:100%;min-width:0;overflow:hidden;border:1px solid rgba(255,253,248,.9);border-radius:1.25rem;background:var(--color-hero-surface);box-shadow:0 24px 54px -34px var(--color-shadow)}.smart-download-media img{display:block;width:100%;height:100%;object-fit:cover}.support-contact-card{display:grid;gap:var(--space-4);color:var(--color-text);font-size:var(--font-size-lg);min-width:0}.support-contact-heading{display:grid;gap:var(--space-2)}.support-contact-heading h2{font-size:var(--font-size-2xl);font-weight:800}.support-contact-heading p{color:var(--color-text-muted)}.support-hero-content,.privacy-hero-content{grid-template-columns:minmax(0,1fr) minmax(8rem,12rem);align-items:center}.support-hero-content>div,.privacy-hero-content>div{display:grid;gap:var(--space-4)}.support-page-icon,.privacy-page-icon{width:min(100%,10.5rem);height:auto;justify-self:end;border-radius:1.25rem;box-shadow:0 14px 24px -18px var(--color-shadow);filter:drop-shadow(0 16px 18px rgba(77,94,56,.16))}.section{padding:56px 0;min-width:0;max-width:100%}.section--surface{background:transparent}.section--soft{background:linear-gradient(180deg,#ddecd8b8,#fff7e2c7);border:1px solid rgba(255,255,255,.58);border-radius:var(--radius-xl);padding-inline:clamp(var(--space-4),4vw,var(--space-8))}.section-header{margin-bottom:32px;display:grid;gap:var(--space-3);min-width:0}.section-header h2{font-size:var(--font-size-2xl);font-weight:800;overflow-wrap:break-word}.section-header h2,.section-header p{margin-left:0}.section-description{color:var(--color-text-muted);max-width:72ch;overflow-wrap:break-word}.card-grid{display:grid;gap:var(--space-4);min-width:0}.feature-grid,.download-grid{margin-top:28px}.app-preview-section{overflow:hidden}.screenshot-rail{display:flex;gap:var(--space-5);align-items:stretch;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding:0 0 var(--space-3);scroll-padding-inline:var(--space-1);scroll-snap-type:x mandatory;scrollbar-color:var(--color-primary) transparent;-webkit-overflow-scrolling:touch}.screenshot-rail:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.screenshot-frame{aspect-ratio:1242 / 2688;flex:0 0 clamp(13.5rem,23vw,17.5rem);margin:0;overflow:hidden;border:5px solid rgba(255,253,248,.94);border-radius:1.65rem;background:var(--color-surface);box-shadow:0 24px 42px -28px var(--color-shadow);scroll-snap-align:start}.screenshot-frame img{display:block;width:100%;height:100%;object-fit:cover}.card-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.card-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{height:100%;background:#fffdf8d1;border:1px solid var(--color-border);border-radius:.8rem;padding:32px;display:grid;gap:var(--space-2);transition:transform .18s ease,box-shadow .18s ease;min-width:0}.feature-card,.download-section,.privacy-section{padding:32px}.card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #3a4b2e14}.card-title{font-size:var(--font-size-lg);font-weight:800;overflow-wrap:break-word}.card-description{color:var(--color-text-muted);overflow-wrap:break-word}.card-actions{margin-top:var(--space-3)}.button,.button-link{transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.button:hover,.button-link:hover{transform:translateY(-1px);box-shadow:0 6px 14px #0000000f;opacity:1}.button:active,.button-link:active{transform:translateY(0);box-shadow:none}.button-link{display:inline-flex;align-items:center;justify-content:center;max-width:100%;border-radius:999px;border:1px solid transparent;padding:.95rem 1.45rem .9rem;font-weight:800;text-decoration:none;text-align:center;white-space:normal;overflow-wrap:break-word;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease,background-color .18s ease,color .18s ease}.button-link--primary{background:var(--color-primary);color:var(--color-primary-ink);box-shadow:inset 0 2px #ffffff2e,0 8px #6f835f,0 18px 24px -18px var(--color-shadow)}.button-link--primary:hover{color:var(--color-primary-ink);box-shadow:inset 0 2px #ffffff2e,0 9px #6f835f,0 20px 26px -18px var(--color-shadow)}.button-link--secondary{background:#fff7e2e6;border-color:var(--color-border);color:var(--color-text);box-shadow:inset 0 2px #ffffffb3,0 7px #ded4a5,0 18px 24px -20px var(--color-shadow)}.button-link--secondary:hover{box-shadow:inset 0 2px #ffffffb3,0 8px #ded4a5,0 20px 26px -20px var(--color-shadow)}.inline-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);min-width:0;max-width:100%}.section-actions{margin-top:var(--space-5)}.text-link{font-weight:700}.site-footer{position:sticky;bottom:0;z-index:20;flex-shrink:0;margin-top:auto;border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--color-header-bg)}.footer-inner{padding:var(--space-6) 0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5);color:var(--color-text-muted);min-width:0}.footer-brand{display:inline-flex;align-items:center;line-height:0}.footer-brand img{display:block;width:5.6rem;height:auto}.footer-link{color:var(--color-link);text-decoration:none;font-weight:600}.footer-link:hover{color:var(--color-link-hover);text-decoration:underline}.footer-copy{margin-left:auto}@media(max-width:1050px){.card-grid--three,.card-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.home-hero-intro{grid-template-columns:minmax(0,1fr)}.home-hero-mascot{display:none}.brand-hero,.brand-hero-copy{min-height:34rem}.brand-hero-image{object-position:58% center}.brand-hero-copy{width:100%;align-content:end}.brand-hero:after{background:linear-gradient(0deg,#fff9edeb,#fff9edb8 34%,#fff9ed14 76%),linear-gradient(0deg,rgba(15,77,63,.12),transparent 52%)}.hero{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}.main-content{padding:var(--space-6) 0 var(--space-7)}.hero-content{padding:var(--space-6)}.support-hero-content,.privacy-hero-content{grid-template-columns:minmax(0,1fr)}.support-page-icon,.privacy-page-icon{width:7.5rem;justify-self:center;order:-1}.app-landing-visual{opacity:.18;width:100%;background-position:right bottom;background-size:220% auto}.smart-download-hero{grid-template-columns:minmax(0,1fr)}.smart-download-copy h1{max-width:16ch}.footer-copy{width:100%;margin-left:0}.footer-inner{padding:var(--space-4) 0;gap:var(--space-2) var(--space-4)}}@media(max-width:700px){.nav-toggle{display:inline-flex}.site-nav{position:absolute;top:calc(var(--header-height) - var(--space-1));right:var(--space-4);min-width:11.5rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:var(--color-surface);padding:var(--space-2);display:none;flex-direction:column;align-items:stretch}.site-nav.is-open{display:flex}}@media(max-width:620px){.container{width:min(100%,calc(100% - var(--space-4)))}.brand{font-size:var(--font-size-lg)}.brand-logo{width:3.45rem;height:3.45rem}.brand-wordmark{width:5.4rem}.card-grid--two,.card-grid--three,.card-grid--four{grid-template-columns:1fr}.hero-content{padding:var(--space-5)}.brand-hero{border-radius:1.25rem}.brand-hero-copy,.app-landing-hero{padding:var(--space-5)}.smart-download-hero{padding:var(--space-5);border-radius:1.25rem}.smart-download-media{border-radius:1rem}.app-hero-store-badges .store-badge-image{width:190px}.footer-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.footer-brand,.footer-copy{grid-column:1 / -1}.footer-brand img{width:5rem}}.store-badge-row{display:flex;gap:20px;flex-wrap:wrap;align-items:center;justify-content:flex-start;margin-top:32px;min-width:0;max-width:100%}.store-badge-link{display:inline-flex;line-height:0;transition:transform .18s ease,opacity .18s ease}.store-badge-link:hover{transform:translateY(-2px);opacity:.95}.store-badge-image{width:260px;max-width:100%;height:auto;display:block}.store-badge-row.app-hero-store-badges{margin-top:var(--space-2)}.store-badge-row.home-hero-store-badges{margin-top:0;gap:var(--space-3)}.home-hero-store-badges .store-badge-image{width:210px}.kids-learning-page,.safe-for-kids-page,.offline-learning-page{gap:var(--space-6)}.safe-for-kids-store-badges .store-badge-image,.seo-page-store-badges .store-badge-image{width:auto;height:clamp(3rem,5vw,3.75rem)}.kids-learning-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(10rem,16rem);align-items:center;gap:var(--space-7);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:linear-gradient(140deg,#ddecd8e0,#fff7e2e6),var(--color-surface);box-shadow:var(--shadow-soft);padding:clamp(var(--space-5),5vw,var(--space-9));min-width:0}.kids-learning-hero-copy{display:grid;gap:var(--space-4);min-width:0}.kids-learning-hero h1{font-size:var(--hero-title-size);font-weight:800;overflow-wrap:break-word}.kids-learning-hero-icon{width:min(100%,14rem);height:auto;justify-self:end;filter:drop-shadow(0 18px 20px rgba(77,94,56,.16))}.kids-learning-download-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;min-width:0}.landing-copy{max-width:72ch;color:var(--color-text-muted);font-size:var(--font-size-lg);overflow-wrap:break-word}.faq-list{display:grid;gap:var(--space-4)}@media(max-width:760px){.section{padding:36px 0}.section--soft{padding:28px}.card,.feature-card,.download-section,.privacy-section{padding:24px}.store-badge-row{flex-direction:column;align-items:flex-start;gap:16px}.store-badge-image{width:220px}.home-hero-store-badges .store-badge-image{width:190px}.screenshot-frame{flex-basis:min(74vw,17rem)}.kids-learning-hero{grid-template-columns:minmax(0,1fr);gap:var(--space-5)}.kids-learning-hero-icon{width:8.5rem;justify-self:center;order:-1}}@media(max-width:420px){.hero-content,.card,.feature-card,.download-section,.privacy-section{padding:var(--space-4)}.section{padding:32px 0}.section--soft{padding:var(--space-4)}.hero-actions,.inline-actions,.smart-download-actions,.kids-learning-download-actions,.store-badge-row{align-items:stretch}.button-link,.download-store-badge-link,.store-badge-link,.store-badge-image{width:100%}.hero-trust-row li{flex:1 1 calc(50% - var(--space-2));text-align:center}}