.landing{--on-space:#fff;--on-space-muted:#ffffffc2;--on-space-faint:#ffffff80;--on-space-line:#ffffff24;--shade:#00000073;--accent:var(--brand);--cta-bg:#fff;--cta-ink:var(--ink);--gutter:clamp(16px, 4vw, 48px);--content-max:1200px;--header-h:72px;--section-pad:clamp(64px, 12vh, 140px);isolation:isolate;min-height:100svh;color:var(--on-space);font-family:var(--font-arabic), var(--font-body);font-synthesis:none;font-size:clamp(16px,12px + 1vw,18px);line-height:1.85;position:relative}html:has(.landing){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#000}html:has(.landing) body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#000}@media (prefers-reduced-motion:no-preference){html:has(.landing){scroll-behavior:smooth}}.site-background{z-index:0;pointer-events:none;background-color:#000;background-image:url(/landing/bg/space-desktop-2560.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100lvh;position:fixed;inset:0}@media (min-width:1921px),(min-resolution:1.5x){.site-background{background-image:url(/landing/bg/space-desktop-3840.webp)}}@media (max-width:768px){.site-background{background-image:url(/landing/bg/space-mobile-1440.webp);background-position:top}}.site-content{z-index:1;position:relative;overflow-x:clip}.landing main:focus{outline:none}.landing h1,.landing h2,.landing h3{font-family:var(--font-arabic), var(--font-heading);letter-spacing:0;text-wrap:balance;text-shadow:0 2px 14px #00000080;margin:0;font-weight:700}.landing h1{max-inline-size:18ch;font-size:clamp(32px,20px + 2.2vw,52px);line-height:1.3}.landing h2{max-inline-size:24ch;font-size:clamp(26px,18px + 1.4vw,38px);line-height:1.35}.landing p,.landing li{text-wrap:pretty;text-shadow:0 1px 2px #0000008c}.landing p{max-inline-size:48ch;margin:0}.lede{color:var(--on-space-muted);font-size:clamp(17px,15px + .6vw,21px);line-height:1.75}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;color:var(--accent);margin-bottom:10px;font-size:13px;display:block}.copy-shade{isolation:isolate;position:relative}.copy-shade:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60% 60% at 50% 50%, var(--shade) 0%, #00000038 50%, transparent 76%);position:absolute;inset:-14% -18%}.landing :is(a,button,summary):focus-visible{outline:2px solid var(--on-space);outline-offset:3px;box-shadow:0 0 0 7px var(--brand-ring)}.landing :is(#features,#faq,#download){scroll-margin-top:24px}.btn{min-height:48px;text-shadow:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:17px;font-weight:600;line-height:1;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.btn--primary{color:var(--cta-ink);background:#06d6a0}.btn--primary:hover{background:#05bf8f}.btn--sm{min-height:42px;padding:0 18px;font-size:16px}.site-header{padding:14px var(--gutter)}.site-header__inner{max-width:var(--content-max);align-items:center;gap:24px;min-height:44px;margin-inline:auto;display:flex}.brand{color:var(--on-space);border-radius:999px;align-items:center;gap:10px;font-size:22px;font-weight:700;text-decoration:none;display:inline-flex}.brand img{border-radius:22%;width:44px;height:44px;display:block;box-shadow:0 4px 12px #00000073}.site-nav{gap:24px;margin-inline-start:8px;display:flex}.site-nav a{color:var(--on-space-muted);border-radius:8px;padding:8px 4px;font-size:16px;font-weight:600;text-decoration:none}.site-nav a:hover{color:var(--on-space)}.site-header .btn{margin-inline-start:auto}.skip-link{inset-inline-start:16px;z-index:10;background:var(--cta-bg);color:var(--cta-ink);border-radius:999px;padding:10px 16px;font-weight:600;text-decoration:none;position:absolute;top:-100px}.skip-link:focus{top:12px}@media (max-width:768px){.site-nav{display:none}}.hero{min-height:calc(100svh - var(--header-h));padding:8px var(--gutter) 56px;align-content:center;display:grid}.hero-stage{--island-w:min(100%, clamp(360px, calc((100svh - 400px) * .8), 700px));--phone-w:.32;--phone-gap:.06;grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""island""cta";justify-items:center;row-gap:12px;display:grid}.hero-copy{text-align:center;grid-area:copy;justify-items:center;gap:16px;display:grid}.hero-copy h1,.hero-copy p{margin-inline:auto}@media (min-width:1024px){.hero-copy h1{max-inline-size:26ch}}.hero-cta{grid-area:cta;margin-top:8px}.hero-island{margin:calc(var(--island-w) * (var(--phone-gap) * .586 + var(--phone-w) * 2.007) + 24px) 0 0;width:var(--island-w);aspect-ratio:2800/1641;z-index:1;pointer-events:none;grid-area:island;position:relative}.hero-island>img{width:100%;max-width:none;height:auto;position:absolute;top:-35.4%;left:0}.hero-phone{left:calc((1 - var(--phone-w)) * 50%);bottom:calc((1 + var(--phone-gap)) * 100%);width:calc(var(--phone-w) * 100%);z-index:2;pointer-events:none;position:absolute}.hero-phone:before{content:"";z-index:-1;background:url(/landing/phone-glow.webp) 50%/100% 100% no-repeat;width:134.67%;height:117.21%;position:absolute;top:-8.63%;left:-17.35%}.hero-phone>img{width:100%;height:auto;display:block}@media (max-width:720px){.hero{min-height:0;padding-top:16px}.hero-stage{--phone-w:.34;grid-template-areas:"copy""cta""island";row-gap:20px}.hero-cta{width:100%;margin-top:4px}}.benefit{padding:var(--section-pad) var(--gutter)}.benefit__inner{max-width:var(--content-max);direction:ltr;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"copy art";align-items:center;gap:clamp(24px,5vw,72px);margin-inline:auto;display:grid}.benefit--flip .benefit__inner{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"art copy"}.benefit__copy{grid-area:copy;justify-self:start;justify-items:stretch;width:fit-content;max-width:min(100%,30rem);display:grid}.benefit--flip .benefit__copy{justify-self:end}.benefit__art{grid-area:art;grid-template-columns:minmax(0,1fr);justify-items:end;display:grid}.benefit--flip .benefit__art{justify-items:start;margin-top:clamp(0px,6vh,64px)}.benefit__list{gap:14px;margin:20px 0 0;padding:0;list-style:none;display:grid}.benefit__list li{max-inline-size:48ch;padding-inline-start:26px;position:relative}.benefit__list li:before{content:"";inset-inline-start:4px;background:var(--accent);width:9px;height:9px;box-shadow:0 0 12px var(--brand-ring);position:absolute;top:.78em;rotate:45deg}.feature-list{gap:16px;margin:24px 0 0;padding:0;list-style:none;display:grid}.feature-list li{align-items:center;gap:14px;font-size:1.125em;font-weight:600;display:flex}.feature-glyph{width:44px;height:44px;color:var(--accent);box-shadow:inset 0 0 0 1px var(--on-space-line);background:#ffffff14;border-radius:50%;flex:none;place-items:center;display:grid}.art{width:min(100%, var(--art-w,520px));margin:0;position:relative}.art>img{height:auto;display:block}.art-teachers{aspect-ratio:2800/2100}.art-teachers>img{width:100%}.art-island{aspect-ratio:2258/1068}.art-island>img{width:124%;max-width:none;position:absolute;top:-93.3%;left:-12.2%}.art-signpost{--standing:.39}.art-tablet{--standing:.57}.island-tablet{pointer-events:none;width:66%;position:absolute;bottom:116%;left:17%}.island-tablet>img{width:100%;height:auto;display:block}.lesson-cards{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.lesson-cards__item{width:clamp(150px,34%,158px);position:absolute;translate:0 -50%}.lesson-cards__item--a{top:-73.4%;left:calc(57.1% - 5px)}.lesson-cards__item--b{top:-45.8%;right:calc(60.9% - 5px)}.lesson-cards__item--c{top:-22.2%;left:calc(58.8% - 5px)}.lesson-card{--card-bg:#fff;--card-ink:#27344b;--chip-bg:#f6f7fa;--chip-ink:#98a2b3;--track:#e5ebf4;--fill:transparent;background:var(--card-bg);width:100%;color:var(--card-ink);font-family:var(--font-arabic), var(--font-body);text-shadow:none;border-radius:10px;align-items:center;gap:8px;padding:10px 8px;font-size:11px;line-height:1.3;display:flex;position:relative;box-shadow:0 8px 20px #0000004d,0 0 0 1px #27344b0f}.lesson-card--completed{--chip-bg:#e5fbf5;--chip-ink:#087f63;--fill:#06d6a0}.lesson-card--unlocked{--chip-bg:#fbeaf2;--chip-ink:var(--brand)}.lesson-card--locked{--card-bg:#eceff4;--card-ink:#8d97a8;--chip-bg:#dfe4eb;--chip-ink:#8d97a8;--track:#dde2e9}.lesson-card--locked:after{content:"";border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(-45deg,#27344b0b 0 1.5px,#0000 1.5px 7px);position:absolute;inset:0}.lesson-card__chip{background:var(--chip-bg);width:22px;height:22px;color:var(--chip-ink);border-radius:50%;flex:none;place-items:center;display:grid}.lesson-card__chip svg{width:10px;height:auto}.lesson-card__body{flex:auto;min-width:0;display:grid}.lesson-card__title{white-space:nowrap;font-weight:700}.lesson-card__track{background:var(--track);border-radius:999px;height:3px;margin-top:6px;overflow:hidden}.lesson-card__fill{width:var(--progress,0%);border-radius:inherit;background:var(--fill);height:100%;display:block}.art.art-signpost--cards{margin-top:64px}@media (max-width:999px){.lesson-cards{flex-direction:column;align-items:stretch;gap:8px;width:min(210px,60vw);display:flex;inset:auto auto 96% 50.8%;translate:-50%}.lesson-cards__item{width:auto;position:static;translate:none}.art.art-signpost--cards{margin-top:max(168px, calc(var(--art-w-mobile,440px) * .39 + 8px))}}@media (max-width:768px){.benefit__inner,.benefit--flip .benefit__inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""art";gap:32px}.benefit__copy,.benefit--flip .benefit__copy{justify-self:stretch;width:auto}.benefit__art{justify-items:end}.benefit--flip .benefit__art{justify-items:start;margin-top:0}.art{--art-w-mobile:min(88%, 440px);width:var(--art-w-mobile);margin-top:calc(var(--art-w-mobile) * var(--standing,0))}}.faq-section{padding:var(--section-pad) var(--gutter)}.faq{interpolate-size:allow-keywords;max-width:760px;margin-inline:auto}.faq h2{margin-bottom:24px}.faq-item{border-block-end:1px solid var(--on-space-line)}.faq-item:first-of-type{border-block-start:1px solid var(--on-space-line)}.faq-q{cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding-block:18px;font-size:clamp(17px,15px + .5vw,20px);font-weight:600;list-style:none;display:flex}.faq-q::-webkit-details-marker{display:none}.faq-q::marker{content:""}.faq-chev{border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);flex:none;width:12px;height:12px;margin-inline-end:6px;transition:rotate .25s;translate:0 -3px;rotate:45deg}.faq-item[open] .faq-chev{translate:0 3px;rotate:225deg}.faq-a{color:var(--on-space-muted);padding-block:0 20px}.faq-a p{max-inline-size:60ch}@supports selector(::details-content){.faq-item::details-content{block-size:0;transition:block-size .3s ease, content-visibility .3s allow-discrete;overflow:clip}.faq-item[open]::details-content{block-size:auto}}.store-badges{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.badge{background:var(--cta-bg);min-width:176px;min-height:56px;color:var(--cta-ink);text-shadow:none;border-radius:14px;align-items:center;gap:12px;padding:8px 18px 8px 16px;text-decoration:none;transition:background-color .2s;display:inline-flex}.badge:hover{background:#eeeef2}.badge svg{flex:none;width:26px;height:26px}.badge__text{text-align:start;line-height:1.15;display:grid}.badge__text small{opacity:.7;font-size:12px;font-weight:500}.badge__text strong{font-family:var(--font-heading);letter-spacing:-.01em;font-size:18px;font-weight:700}.badge--soon{color:var(--on-space);box-shadow:inset 0 0 0 1px var(--on-space-line);cursor:default;background:#ffffff14}.badge--soon:hover{background:#ffffff14}.badge--soon .badge__text small{color:var(--accent);opacity:1;font-weight:600}@media (max-width:480px){.store-badges{flex-direction:column;align-items:stretch}.badge{justify-content:center}}.final-cta{padding:var(--section-pad) var(--gutter) clamp(80px, 14vh, 160px);text-align:center}.final-cta__inner{justify-items:center;gap:16px;max-width:640px;margin-inline:auto;display:grid}.final-cta .store-badges{margin-top:12px}.site-footer{border-top:1px solid var(--on-space-line);padding:28px var(--gutter) 40px}.site-footer__inner{max-width:var(--content-max);color:var(--on-space-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-inline:auto;font-size:14px;display:flex}.site-footer__links{gap:20px;display:flex}.site-footer__links a{color:var(--on-space-muted);border-radius:6px;text-decoration:none}.site-footer__links a:hover{color:var(--on-space);text-decoration:underline}.site-footer__copy{max-inline-size:none;text-shadow:none}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){@keyframes drift-up{0%{translate:0 var(--drift)}to{translate:0 calc(var(--drift) * -1)}}@keyframes lift{0%{translate:0}to{translate:0 calc(var(--drift) * -1)}}.drift{--drift:clamp(14px, 2.5vh, 32px);animation:linear both drift-up;animation-timeline:view();animation-range:entry exit}.hero-island{--drift:16px;animation:linear both lift;animation-timeline:scroll(root);animation-range:0 100vh}.hero-phone{--drift:20px;animation:linear both lift;animation-timeline:scroll(root);animation-range:0 100vh}.island-tablet{--drift:10px;animation:linear both drift-up;animation-timeline:view();animation-range:entry exit}}}@media (prefers-reduced-motion:reduce){.drift,.hero-island,.hero-phone,.island-tablet{animation:none;translate:none}.faq-chev,.btn,.badge{transition:none}@supports selector(::details-content){.faq-item::details-content{transition:none}}}