@font-face{font-family:Nunito;src:url('/assets/fonts/nunito_800.ttf') format('truetype');font-weight:800;font-display:swap}
@font-face{font-family:NunitoSans;src:url('/assets/fonts/nunitosans_400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:NunitoSans;src:url('/assets/fonts/nunitosans_700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Arabic;src:url('/assets/fonts/notosansarabic_400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Arabic;src:url('/assets/fonts/notosansarabic_700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--blue:oklch(53.905% .23729 265.070);--ink:oklch(25% .074 265);--muted:oklch(47% .054 265);--paper:oklch(98.5% .008 265);--pale:oklch(95% .025 265);--lavender:oklch(95% .026 293);--peach:oklch(94% .05 78);--line:oklch(89% .029 264);--space-sm:12px;--space-md:24px;--space-lg:48px;--space-xl:96px;--body:NunitoSans,Arabic,sans-serif;--heading:Nunito,Arabic,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--body);font-size:17px;line-height:1.7}html[dir=rtl]{--body:Arabic,NunitoSans,sans-serif;--heading:Arabic,Nunito,sans-serif}button,select{font:inherit}a{color:inherit;text-decoration:none}button,a,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button,select{color:inherit}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:800;line-height:1.2}html[dir=rtl] :is(h1,h2,h3){font-weight:700;line-height:1.5}h2{font-size:clamp(30px,3.25vw,46px);letter-spacing:-.025em}html[dir=rtl] h2{letter-spacing:0}p{max-width:65ch}button{border:0;background:none}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}::selection{background:#c1d3ff;color:var(--ink)}[hidden]{display:none!important}.container{width:min(1240px,calc(100% - 96px));margin-inline:auto}.icon{width:24px;height:24px;flex:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;inset-inline-start:20px;z-index:100;transform:translateY(-200%);background:var(--paper);padding:12px 20px;border-radius:8px}.skip-link:focus{transform:translateY(0)}
.site-header{position:relative;z-index:5;background:var(--paper);border-bottom:1px solid var(--line)}.nav-wrap{min-height:92px;width:min(1360px,calc(100% - 80px));margin:auto;display:flex;gap:40px;align-items:center;justify-content:space-between}.brand{display:inline-flex;direction:ltr;align-items:center;gap:10px;color:var(--blue);flex-shrink:0;line-height:1}.brand svg{width:44px;height:43px}.brand span{font:800 35px/1 Nunito,sans-serif;letter-spacing:-1.3px}.nav-links{display:flex;gap:32px;align-items:center;font-size:15px;font-weight:700}.nav-links a{padding-block:12px;white-space:nowrap}.nav-links a:hover,.site-footer a:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:20px}.language-picker{display:flex;align-items:center;gap:7px}.language-picker .icon{width:20px;height:20px}.language-picker select{background:transparent;border:0;max-width:116px;font-size:14px;cursor:pointer;padding:10px 3px}.button{background:var(--blue);color:var(--paper);font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:58px;padding:14px 30px;border-radius:17px;transition:transform .18s ease-out,background .18s ease-out;line-height:1.5;text-align:center}.button:hover{transform:translateY(-2px);background:oklch(47% .242 264)}.button-small{min-height:44px;padding:10px 22px;border-radius:13px;font-size:14px}.directional:dir(rtl){transform:rotate(180deg)}
.hero{position:relative;isolation:isolate;min-height:690px;overflow:hidden;background:#d3eafa}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:36% 48%;z-index:-3}.hero-tint{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,transparent 37%,rgba(241,249,255,.12) 45%,rgba(241,249,255,.72) 65%,rgba(241,249,255,.46) 100%)}.hero-layout{display:grid;grid-template-columns:1fr 1.08fr;direction:ltr;align-items:center;gap:24px;min-height:690px;padding-block:50px}.hero-copy{grid-column:2;grid-row:1;direction:ltr;padding:0 0 24px 18px;max-width:650px}.hero-copy:dir(rtl){direction:rtl}.eyebrow{font-weight:700;color:var(--blue);font-size:15px;margin-block-end:20px;letter-spacing:.015em}.hero h1{font-size:clamp(40px,4.3vw,66px);line-height:1.14;letter-spacing:-.035em}.hero h1 span{color:var(--blue)}html[dir=rtl] .hero h1{font-size:clamp(42px,4.3vw,64px);line-height:1.48;letter-spacing:-.04em}html[dir=rtl] .hero-copy{direction:rtl;text-align:right}.hero-intro{font-size:20px;line-height:1.85;margin-top:20px;max-width:490px}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:19px;margin-top:26px}.hero-actions .button{min-width:245px}.text-link{display:inline-flex;align-items:center;gap:10px;color:var(--blue);font-size:15px;font-weight:700;padding:3px}.play-ring{display:inline-flex;border:1.5px solid currentColor;border-radius:50%;width:30px;height:30px;align-items:center;justify-content:center}.play-ring .icon{width:18px;height:18px}.platform{margin-top:27px;color:var(--ink)}.platform>div{display:flex;align-items:center;gap:12px;font-family:NunitoSans,sans-serif;font-size:15px}.platform .icon{width:19px;height:19px}.platform small{font-size:12px;display:block;margin-top:5px}.phone-stage{grid-row:1;grid-column:1;display:flex;justify-content:flex-end;padding-top:27px;padding-inline-end:0;align-self:center}.phone{width:264px;border:7px solid #20252d;border-radius:39px;background:#20252d;box-shadow:0 1px 0 2px #657183,0 18px 30px #18365138;position:relative;transform:rotate(-2deg);flex-shrink:0}.phone:before{content:'';position:absolute;left:-10px;top:90px;width:3px;height:42px;background:#252b35;border-radius:2px}.phone-screen{background:var(--paper);border-radius:30px;overflow:hidden;padding:0 12px 10px;color:var(--ink);font-family:NunitoSans,sans-serif}.phone-camera{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:75px;height:16px;border-radius:0 0 12px 12px;background:#20252d;z-index:1}.phone-status{display:flex;justify-content:space-between;font:700 10px/1 NunitoSans;padding:15px 5px 20px}.reader-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;line-height:1.35;padding:4px 0 13px}.reader-nav>span{font-size:22px}.phone-story-art{width:100%;height:162px;object-fit:cover;border-radius:9px}.phone-story{font-size:13px;line-height:1.7;margin-top:14px}.phone-story mark{background:#c6d7ff;color:var(--ink);border-radius:3px;padding:1px}.phone-meaning{margin-top:17px;border:1px solid var(--line);background:var(--paper);border-radius:13px;display:flex;align-items:center;justify-content:space-between;padding:13px 12px;box-shadow:0 4px 10px #13204408}.phone-meaning strong,.phone-meaning span[lang]{display:block;line-height:1.6;font-size:15px}.phone-meaning strong{color:var(--blue)}.sound-circle{width:40px;height:40px;border-radius:50%;background:var(--pale);color:var(--blue);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sound-circle .icon{width:20px;height:20px}.phone-audio{display:flex;align-items:center;gap:10px;margin:19px 2px;color:var(--blue);font-size:10px}.phone-audio .icon{width:18px;height:18px}.phone-audio>div{height:4px;background:var(--line);flex:1;border-radius:4px}.phone-audio>div:before{content:'';display:block;height:4px;width:28%;background:var(--blue);border-radius:4px}.phone-home{background:#222731;height:4px;width:86px;margin:0 auto;border-radius:5px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-block:43px}.step{display:flex;align-items:flex-start;gap:20px}.step-number{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;color:var(--ink);font:800 27px Nunito,sans-serif}.number-0{background:var(--peach)}.number-1{background:#dce8ff;color:var(--blue)}.number-2{background:#eaddff}.step h2{font-size:20px;line-height:1.5;letter-spacing:0}.step p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:6px;max-width:260px}.stories-section{background:var(--lavender);padding-block:77px 68px}.story-layout{display:grid;grid-template-columns:.9fr 1.2fr;gap:62px;align-items:center}.section-copy>p:not(.eyebrow,.handwritten){color:var(--muted);font-size:17px;line-height:1.9;margin-top:20px;max-width:520px}.handwritten{font-family:Nunito,sans-serif;font-style:italic;font-size:23px;line-height:1.4;transform:rotate(-7deg);margin:29px 25px 12px;color:#627abe;max-width:220px;position:relative}.handwritten span{position:absolute;right:-24px;bottom:0;color:#e8a332;font-size:30px}.book-shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;direction:ltr;align-items:end}.book-cover{aspect-ratio:0.66;position:relative;isolation:isolate;box-shadow:-6px 6px 0 #15204714,2px 12px 17px #13204419;overflow:hidden;border-radius:3px 7px 7px 3px;background:#dfebff}.book-cover:after{content:'';position:absolute;inset:0 auto 0 5px;width:2px;background:#faf9f94d}.book-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.cover-morning img{object-position:75% 50%;max-width:none}.cover-mystery{transform:translateY(-8px) rotate(-2deg)}.cover-mystery img{object-position:50%;filter:brightness(.8)}.cover-adventure{transform:rotate(2deg)}.cover-adventure img{object-position:60%;filter:saturate(.8)}.book-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(#f0f7ffd6,transparent 45%)}.cover-mystery .book-shade{background:linear-gradient(#14203dc9,transparent 55%)}.book-cover h3{font:800 clamp(17px,1.6vw,23px)/1.25 Nunito,sans-serif;letter-spacing:-.03em;text-align:center;padding:22px 10px 0}.cover-mystery h3{color:var(--paper)}.book-cover .level{position:absolute;bottom:12px;left:12px;background:var(--paper);color:var(--blue);padding:1px 9px;border-radius:30px;font-size:13px;font-weight:700}.book-item figcaption{text-align:center;font-weight:700;font-size:14px;margin-top:17px}.caption{font-size:12px;color:var(--muted);margin-top:21px;text-align:center}.demo-section{display:grid;grid-template-columns:1fr 1.12fr;gap:90px;align-items:center;padding-block:105px}.demo-hint{display:inline-flex;align-items:center;gap:10px;background:var(--pale);padding:10px 17px;border-radius:12px;font-size:14px;margin-top:24px;color:var(--blue)}.demo-reader{border:1px solid var(--line);border-radius:23px;padding:30px 32px;box-shadow:0 14px 30px #2c4e9b08;position:relative;min-height:370px;background:var(--paper)}.demo-reader-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);gap:15px;margin-bottom:16px}.sample-label{color:var(--blue);background:var(--pale);padding:3px 10px;border-radius:30px}.demo-reader h3{font:800 23px/1.4 Nunito,sans-serif;margin-bottom:22px;text-align:left}.story-excerpt{font:400 19px/1.85 NunitoSans,sans-serif;color:var(--ink);text-align:left}.story-excerpt p+p{margin-top:7px}.word-trigger{font:700 19px/1.4 NunitoSans;padding:2px 6px;color:var(--blue);background:#d8e5ff;border-radius:5px;border-bottom:2px solid var(--blue);min-height:32px}.word-trigger:hover{background:#c2d5ff}.word-meaning{position:relative;background:var(--pale);border-radius:15px;padding:21px;margin-top:19px;animation:meaning-in .18s ease-out}.word-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-inline-end:20px}.word-heading strong{display:block;font:800 24px/1.5 Nunito,sans-serif}.word-heading small{font:400 14px NunitoSans,sans-serif;color:var(--muted)}.word-heading>div>span{font-weight:700;font-size:20px}.word-meaning>p{font-size:14px;margin-top:12px;color:var(--muted)}.icon-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px}.close-meaning{position:absolute;inset-inline-end:6px;top:6px}.close-meaning .icon{width:17px;height:17px}.demo-footnote{font-size:12px;color:var(--muted);margin-top:22px;line-height:1.8}.audio-status{font-size:12px;color:var(--muted);margin-top:8px}.audio-status:empty{display:none}.languages-section{background:var(--pale);padding-block:85px}.languages-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:center}.languages-layout h2{font-size:clamp(29px,3vw,42px)}.greetings{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:center;margin-bottom:32px;direction:ltr}.greetings span{font:800 23px/1.5 Nunito,Arabic,sans-serif;padding:13px 10px;text-align:center;border-radius:11px;background:var(--paper);color:var(--blue);transform:rotate(-4deg)}.greetings span:nth-child(2n){background:var(--peach);color:var(--ink);transform:rotate(3deg)}.greetings span:nth-child(3n){background:#e7ddfc;color:#654191}.language-roadmap{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-top:28px;border-top:1px solid var(--line)}.language-roadmap>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.roadmap-label{font-size:12px;font-weight:700;padding:3px 10px;background:#dce7ff;border-radius:6px;color:var(--blue)}.future-label{background:#f5e8d5;color:#684721}.language-roadmap strong{font-size:15px;font-weight:700}.language-world>.caption{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:25px}.caption .icon{width:16px;height:16px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding-block:96px}.faq-book{width:84px;height:84px;margin-top:35px;color:#b7caf7;stroke-width:1}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:25px;font-weight:700;font-size:16px;padding-block:22px;line-height:1.7}.faq-list summary::-webkit-details-marker{display:none}.faq-plus{font:400 25px/1 NunitoSans;color:var(--blue);width:20px;flex-shrink:0}.faq-list details[open] .faq-plus{transform:rotate(45deg)}.faq-list details>p{font-size:15px;color:var(--muted);line-height:1.9;padding-bottom:24px}.final-cta{position:relative;text-align:center;overflow:hidden;border-radius:28px;background:var(--pale);padding:56px 42px}.final-cta h2{font-size:clamp(30px,3.4vw,46px)}.final-cta>p{font-size:17px;color:var(--muted);margin:12px auto 24px}.cta-spark{position:absolute;right:9%;top:33px;font-size:43px;color:#e3a33c;transform:rotate(11deg)}.store-badges{display:flex;align-items:center;justify-content:center;gap:16px;direction:ltr}.store-badge{display:flex;align-items:center;gap:14px;border:1px solid #c5d5f2;background:var(--paper);border-radius:13px;padding:10px 20px;min-width:182px;text-align:left}.store-badge .icon{width:29px;height:29px}.store-badge small{display:block;font-size:11px;font-weight:700;color:var(--blue);line-height:1.6}.store-badge strong{display:block;font:800 21px/1.3 Nunito,sans-serif}.release-note{display:block;font-size:12px;color:var(--muted);margin-top:15px}.site-footer{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding-block:48px 28px}.brand-footer svg{width:33px;height:36px}.brand-footer span{font-size:28px}.site-footer>p{font-size:14px;color:var(--muted)}.site-footer nav{display:flex;gap:24px;font-size:13px;margin-inline-start:auto}.site-footer>small{font-size:11px;color:var(--muted);flex-basis:100%;text-align:center;border-top:1px solid var(--line);padding-top:18px;margin-top:8px}.noscript-languages{text-align:center;padding:20px}.noscript-languages a{color:var(--blue)}
@keyframes meaning-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero-art{object-position:center 53%}.hero-layout,.hero{min-height:760px}.hero-copy{padding-bottom:55px}.phone{width:282px}.phone-story-art{height:180px}.phone-story{font-size:14px}}
@media(max-width:1150px){.nav-wrap{gap:24px;width:calc(100% - 48px)}.nav-links{gap:20px;font-size:14px}.nav-actions{gap:12px}.nav-cta{display:none}.container{width:calc(100% - 64px)}.hero-layout{grid-template-columns:.9fr 1.15fr;gap:30px;min-height:650px}.hero{min-height:650px}.hero h1{font-size:46px}html[dir=rtl] .hero h1{font-size:46px}.hero-intro{font-size:18px}.phone{width:245px}.phone-story-art{height:142px}.phone-stage{justify-content:flex-end}.story-layout{gap:40px}.book-shelf{gap:15px}.demo-section,.faq-section{gap:50px}.languages-layout{gap:40px}.steps{gap:24px}.step{gap:12px}.step h2{font-size:18px}.step-number{width:42px;height:42px;font-size:23px}.greetings span{font-size:20px}.store-badges{flex-wrap:wrap}}
@media(max-width:760px){html{scroll-padding-top:30px}.container{width:calc(100% - 40px)}.nav-wrap{min-height:77px;width:calc(100% - 32px);gap:16px}.brand svg{width:34px;height:36px}.brand span{font-size:29px}.brand{gap:7px}.nav-links{display:none}.language-picker select{font-size:13px;max-width:100px}.language-picker .icon{width:19px;height:19px}.hero{min-height:auto}.hero-layout{display:flex;flex-direction:column;min-height:0;padding-block:43px 34px;gap:34px}.hero-copy{padding:0;text-align:center;max-width:580px}html[dir=rtl] .hero-copy{text-align:center}.hero-art{object-position:23% 100%;object-fit:cover;min-height:100%}.hero-tint{background:linear-gradient(180deg,rgba(241,249,255,.97) 0%,rgba(241,249,255,.92) 32%,rgba(241,249,255,.63) 49%,rgba(241,249,255,.02) 65%)}.hero h1,html[dir=rtl] .hero h1{font-size:clamp(34px,6.8vw,47px)}.hero h1{line-height:1.2}.eyebrow{font-size:13px;margin-bottom:15px}.hero-intro{font-size:16px;line-height:1.85;max-width:430px;margin:16px auto 0}.hero-actions{align-items:center;gap:17px;margin-top:22px}.hero-actions .button{min-height:51px;min-width:230px;padding:12px 22px;font-size:15px}.text-link{font-size:13px}.platform{margin-top:22px}.platform>div{justify-content:center;font-size:13px}.platform small{font-size:11px}.phone-stage{align-self:flex-end;padding:12px 5% 0 0;margin-right:2%;width:100%;justify-content:flex-end}.phone{width:217px;transform:rotate(-4deg)}.phone-story-art{height:131px}.phone-story{font-size:11px}.phone-status{font-size:8px;padding-top:13px}.reader-nav{font-size:9px}.phone-meaning strong,.phone-meaning span[lang]{font-size:13px}.phone-meaning{margin-top:12px;padding:10px}.phone-audio{margin:14px 2px}.steps{display:flex;flex-direction:column;gap:24px;padding-block:35px}.step{gap:18px}.step-number{width:45px;height:45px}.step h2{font-size:18px}.step p{font-size:13px;max-width:none;margin-top:3px}.story-layout,.demo-section,.languages-layout,.faq-section{grid-template-columns:1fr;gap:34px}.stories-section{padding-block:50px}.section-copy h2{font-size:31px}.section-copy>p:not(.eyebrow,.handwritten){font-size:15px;margin-top:15px}.handwritten{display:none}.book-shelf{gap:13px}.book-cover h3{font-size:clamp(13px,3.5vw,20px);padding:17px 7px 0}.book-cover .level{font-size:11px;bottom:8px;left:8px;padding:1px 7px}.book-item figcaption{font-size:12px;margin-top:13px}.caption{font-size:11px}.demo-section{padding-block:55px}.demo-reader{padding:25px 22px;border-radius:19px;min-height:0}.demo-reader h3{font-size:21px}.story-excerpt,.word-trigger{font-size:18px}.demo-reader-top{font-size:11px}.demo-footnote{font-size:11px}.demo-hint{font-size:13px;margin-top:20px}.languages-section{padding-block:52px}.languages-layout{gap:35px}.greetings{max-width:440px;margin-inline:auto;gap:12px}.greetings span{font-size:20px;padding:11px 7px}.language-roadmap{gap:20px}.language-roadmap strong{font-size:14px}.faq-section{padding-block:55px;gap:24px}.faq-book{display:none}.faq-list summary{font-size:14px;padding-block:19px}.faq-list details>p{font-size:13px}.final-cta{padding:38px 20px;border-radius:20px}.final-cta h2{font-size:30px}.final-cta>p{font-size:14px;margin-top:13px}.cta-spark{font-size:23px;right:5%;top:13px}.store-badges{gap:11px}.store-badge{padding:9px 11px;gap:9px;min-width:143px}.store-badge .icon{width:23px;height:23px}.store-badge strong{font-size:18px}.store-badge small{font-size:10px}.release-note{font-size:11px}.site-footer{padding-block:35px 24px;gap:18px;justify-content:center}.site-footer>p{font-size:12px}.site-footer nav{flex-basis:100%;justify-content:center;gap:22px;font-size:12px;margin:0}.site-footer>small{font-size:10px}.brand-footer span{font-size:25px}}
@media(max-width:360px){.container{width:calc(100% - 28px)}.hero h1,html[dir=rtl] .hero h1{font-size:31px}.phone-stage{padding-right:0}.book-shelf{gap:9px}.book-cover h3{font-size:12px}.greetings span{font-size:17px}.demo-reader{padding-inline:17px}.store-badge{min-width:132px}.store-badge strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover{transform:none}}
