.landing{--landing-mint-soft:#e3f8f2;--landing-mint-ink:#1b9a8c;--landing-grape-soft:#ede9ff;--landing-grape-ink:#6b5be0;--landing-mango-soft:#fff2d4;--landing-mango-ink:#b47f0a;--landing-bubble-ink:#d9481f;display:flex;background:var(--c-bg);color:var(--c-ink);min-height:100dvh}.landing__skip{position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;top:var(--space-3);left:var(--space-3);z-index:100;border:0;width:1px;height:1px;margin:-1px;padding:0}.landing__skip:focus{padding:var(--space-2)var(--space-3);overflow:visible;clip:auto;white-space:normal;background:var(--c-primary);color:#fff;border-radius:var(--radius-sm);width:auto;height:auto;margin:0;font-weight:800}.landing__screen{display:flex;padding-block:calc(8px + env(safe-area-inset-top,0px))calc(28px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:20px;width:100%;max-width:390px;margin:auto;padding-inline-start:24px;padding-inline-end:24px}.landing__brand-row{display:flex;justify-content:space-between;align-items: center;gap:12px}.landing__brand{display:inline-flex;text-decoration:none;color:var(--c-ink);align-items: center;gap:10px}.landing__logo-tile{display:inline-flex;background:var(--c-primary);color:#fff;font-family:var(--font-display);border-radius:12px;justify-content:center;align-items: center;width:36px;height:36px;font-size:24px;font-weight:800;line-height:1}.landing__wordmark{font-family:var(--font-display);text-transform:lowercase;font-size:21px;font-weight:700}.landing__age-pill{border:1px solid var(--c-line);border-radius:var(--radius-pill);background:var(--c-surface);color:var(--c-muted);white-space:nowrap;padding:6px 11px;font-size:11px;font-weight:800}.landing__mascot{position:relative;height:236px}.landing__blob{position:absolute;background:linear-gradient(150deg,#ffe5d2 0%,#ffdce9 100%);border-radius:50%;width:242px;height:236px;margin-left:-121px;top:0;left:50%}.landing__dot{position:absolute;border-radius:50%}.landing__dot--mango{background:var(--c-mango);width:12px;height:12px;top:52px;left:6.43%}.landing__dot--mint{background:#bfede5;width:16px;height:16px;top:22px;left:77.78%}.landing__dot--pink{background:var(--c-pink);width:9px;height:9px;top:170px;left:83.63%}.landing__dot--grape{background:var(--c-grape);width:7px;height:7px;top:184px;left:9.36%}.landing__fox{position:absolute;width:200px;height:200px;margin-left:-100px;top:26px;left:50%}.landing__bubble{position:absolute;background:var(--c-surface);color:var(--landing-bubble-ink);font-family:var(--font-display);white-space:nowrap;border:1px solid #0000;border-radius:14px;padding:7px 12px;font-size:13px;font-weight:700;top:6px;left:calc(50% + 51px);box-shadow:0 4px 12px #2b1e3a1a}.landing__headline{font-family:var(--font-display);text-align:center;text-wrap:balance;font-size:clamp(26px,8vw,31px);font-weight:700;line-height:1.1}.landing__subhead{text-align:center;color:var(--c-muted);text-wrap:pretty;font-size:14px;font-weight:500;line-height:1.5}.landing__features{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;gap:8px;margin:0;padding:0}.landing__feature{display:flex;flex-direction:column;align-items: center;gap:8px;min-width:0}.landing__feature-icon{display:inline-flex;border-radius:14px;justify-content:center;align-items: center;width:42px;height:42px}.landing__feature-icon--mint{background:var(--landing-mint-soft);color:var(--landing-mint-ink)}.landing__feature-icon--grape{background:var(--landing-grape-soft);color:var(--landing-grape-ink)}.landing__feature-icon--mango{background:var(--landing-mango-soft);color:var(--landing-mango-ink)}.landing__feature-label{text-align:center;color:var(--c-ink);font-size:11px;font-weight:800}.landing__language{display:flex;flex-direction:column;gap:10px}.landing__label{letter-spacing:.9px;color:var(--c-muted);font-size:10px;font-weight:800}:root[lang=ar] .landing__label{letter-spacing:0}.landing__chips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.landing__chip{display:inline-flex;border:1px solid var(--c-line);border-radius:var(--radius-pill);background:var(--c-surface);color:var(--c-ink);white-space:nowrap;cursor:pointer;justify-content:center;align-items: center;gap:6px;min-height:44px;padding:13px 8px;transition-property:background-color,border-color,color,transform;transition-duration:.15s;transition-timing-function:ease-out;font-size:12.5px;font-weight:700}.landing__chip--arabic{font-family:var(--font-arabic)}.landing__chip.is-active{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.landing__chip:active:not(:disabled){transform:scale(.96)}@media (hover:hover){.landing__chip:hover{border-color:var(--c-primary)}.landing__chip.is-active:hover{background:#f96745;border-color:#f96745}}.landing__cta{display:inline-flex;background:var(--c-primary);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:20px;justify-content:center;align-items: center;gap:8px;min-height:58px;padding:0 20px;transition-property:background-color,box-shadow,transform;transition-duration:.15s;transition-timing-function:ease-out;font-size:16px;font-weight:800;box-shadow:0 8px 18px #ff745533}.landing__cta:active:not(:disabled){transform:scale(.96);box-shadow:0 4px 10px #ff74552e}@media (hover:hover){.landing__cta:hover{background:#f96745}}[dir=rtl] .landing__cta-icon{transform:scaleX(-1)}.landing__parent-link{text-align:center;color:var(--c-muted);text-wrap:balance;font-size:11.5px;font-weight:700}.landing__modal-overlay{position:fixed;display:flex;padding:var(--space-3);overscroll-behavior:contain;z-index:200;background:#2b1e3a73;justify-content:center;align-items: center;inset:0}.landing__modal{border-radius:var(--radius-md);background:var(--c-surface);box-shadow:var(--shadow-lift);width:100%;max-width:340px;padding:24px}.landing__modal h2{margin-bottom:var(--space-3);font-family:var(--font-display);text-align:center;font-size:20px;font-weight:700}.landing__modal p{margin-bottom:var(--space-3);color:var(--c-ink);font-size:14px;line-height:1.6}.landing__modal-close{display:inline-flex;padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--c-primary);color:#fff;cursor:pointer;border:none;justify-content:center;align-items: center;width:100%;min-height:48px;transition:background-color .15s ease-out;font-weight:800}.landing__modal-close:active{background:#f96745}@media (min-width:720px){.landing__screen{padding-block-start:56px;padding-block-end:56px}}@media (prefers-reduced-motion:reduce){.landing__chip:active:not(:disabled),.landing__cta:active:not(:disabled){transform:none}}:root{--c-bg:#fff7ec;--c-bg-2:#ffeedb;--c-surface:#fff;--c-ink:#2b1e3a;--c-muted:#7b6d8c;--c-line:#f2e5d3;--c-primary:#ff7455;--c-primary-dark:#c9482d;--c-accent:#ffc24b;--c-secondary:#4cb8e8;--c-success:#4cc38a;--c-danger:#ef476f;--c-coral:#f97150;--c-coral-soft:#ffe9e2;--c-mango:#f7ce5b;--c-mango-soft:#fff3d6;--c-mango-ink:#96660a;--c-sky:#4cb8e8;--c-sky-soft:#dff3fd;--c-sky-ink:#1b7fa5;--c-leaf:#4cc38a;--c-leaf-soft:#dff6ea;--c-leaf-ink:#157a50;--c-grape:#8a7cf8;--c-grape-soft:#ede9ff;--c-grape-ink:#5b4bcf;--c-teal:#23c4af;--c-pink:#ff8db5;--c-sidebar:#fffbf3;--c-label:#b0a292;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-pill:999px;--touch-min:64px;--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--shadow-soft:0 1px 2px #2b1e3a0f;--shadow-pop:0 8px 24px #2b1e3a24;--shadow-lift:0 12px 32px #2b1e3a33;--shell-sidebar:236px;--shell-gutter:36px;--font-sans:"Nunito","Segoe UI",system-ui,-apple-system,sans-serif;--font-display:"Baloo 2","Nunito","Segoe UI",system-ui,-apple-system,sans-serif;--font-arabic:"Baloo Bhaijaan 2","Segoe UI",Tahoma,system-ui,sans-serif;--motion-fast:.12s;--motion-base:.22s;--motion-slow:.42s;--motion-spring:cubic-bezier(.34,1.56,.64,1);--motion-out:cubic-bezier(.22,1,.36,1);--motion-in:cubic-bezier(.4,0,1,1);--buncss-light:initial;--buncss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);color:var(--c-ink);background:var(--c-bg);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0}:root[lang=ar] body{font-family:var(--font-arabic)}:root[lang=ar]{--font-display:"Baloo Bhaijaan 2","Segoe UI",Tahoma,system-ui,sans-serif;--font-sans:"Baloo Bhaijaan 2","Segoe UI",Tahoma,system-ui,sans-serif}button,input,select{color:inherit;font-family:inherit;font-size:1rem}h1,h2,h3{margin:0;line-height:1.15}p{margin:0}:focus-visible{outline:4px solid var(--c-secondary);outline-offset:3px}.app-shell{display:flex;padding:var(--space-3);gap:var(--space-3);flex-direction:column;max-width:1100px;min-height:100%;margin:0 auto}.app-shell--center{justify-content:center;align-items: center}.visually-hidden{position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}:root[data-motion=reduced] *,:root[data-motion=reduced] :before,:root[data-motion=reduced] :after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
