@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#043f35;--green-2:#075e4f;--gold:#d6a63b;--gold-light:#f8efd8;--ivory:#fcfaf3;--mint:#e5f0ec;--ink:#102b26;--text:#455b55;--border:#dce5e0;--white:#fff;--shadow:0 22px 60px rgba(16,43,38,.11);font-family:Cairo,Manrope,sans-serif;color:var(--ink);background:var(--ivory);scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:var(--ivory);overflow-x:hidden}a{color:inherit}.skip{position:fixed;top:-70px;inset-inline-start:20px;background:var(--green);color:#fff;padding:12px 18px;z-index:1000;border-radius:0 0 12px 12px}.skip:focus{top:0}.site-header,.hero,.section,.teacher-band,.final-cta,.footer{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-header{height:88px;display:flex;align-items:center;gap:30px;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;margin-inline-end:auto}.brand img{width:50px;height:50px;object-fit:contain}.brand span{display:flex;flex-direction:column;direction:ltr;line-height:1.15}.brand b{font:800 21px Manrope,sans-serif}.brand small{font:600 9px Manrope,sans-serif;color:var(--text);white-space:nowrap}.site-header nav{display:flex;align-items:center;gap:25px}.site-header nav a{text-decoration:none;font-weight:700;font-size:14px}.site-header nav a:hover{color:var(--gold)}.language,.footer-language{border:1px solid var(--border);background:#fff;color:var(--green);border-radius:12px;padding:10px 14px;font-weight:800;cursor:pointer;min-height:44px}.header-cta{background:var(--green);color:#fff;text-decoration:none;border-radius:13px;padding:11px 17px;font-weight:800;font-size:14px;min-height:44px}.menu-toggle{display:none;background:transparent;border:0;padding:10px}.menu-toggle span{display:block;width:23px;height:2px;background:var(--green);margin:5px}
.hero{min-height:680px;display:grid;grid-template-columns:1fr .88fr;gap:80px;align-items:center;padding:72px 0 104px}.kicker,.section-head>span,.section-copy>.label,.teacher-copy>span{display:inline-flex;color:var(--green-2);font-size:13px;font-weight:800;letter-spacing:.02em}.kicker::before,.section-head>span::before,.section-copy>.label::before,.teacher-copy>span::before{content:"";width:28px;height:2px;background:var(--gold);align-self:center;margin-inline-end:10px}.hero h1{font-size:clamp(48px,5.4vw,76px);line-height:1.14;letter-spacing:-.045em;margin:19px 0 23px;max-width:740px}.hero-copy>p{font-size:18px;line-height:1.95;color:var(--text);max-width:650px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:15px;min-height:53px;padding:0 23px;font-size:14px;font-weight:800}.button.primary{background:var(--green);color:#fff;box-shadow:0 12px 28px rgba(4,63,53,.22)}.button.gold{background:var(--gold);color:var(--ink)}.text-link{font-weight:800;color:var(--green);text-decoration:none}.text-link i{font-style:normal;margin-inline-start:5px}.hero-proof{display:flex;flex-wrap:wrap;gap:20px;margin-top:32px}.hero-proof span{display:flex;align-items:center;gap:8px;font-size:12px}.hero-proof i{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:var(--mint);font-style:normal}.hero-visual{min-height:540px;display:grid;place-items:center;position:relative}.arch{position:absolute;width:470px;height:500px;border-radius:240px 240px 40px 40px;background:var(--mint);border:1px solid rgba(4,63,53,.08)}.phone-frame{position:relative;background:#102f2a;border:8px solid #102f2a;border-radius:39px;overflow:hidden;box-shadow:var(--shadow)}.phone-frame img{display:block;width:100%;height:100%;object-fit:cover}.screen-nav{position:absolute;z-index:5;inset-inline:0;bottom:0;height:68px;background:#123f35;color:#d8e3df;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:7px 5px 9px;direction:ltr}.screen-nav span{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:700 7px Manrope,sans-serif;white-space:nowrap}.screen-nav i{font-style:normal;font-size:15px;line-height:1;color:#e8c14b}.screen-nav span:nth-child(3){font-size:6.2px}.hero-phone{width:290px;height:580px;z-index:2;transform:rotate(-2deg)}.hero-phone img{object-position:center top}.detail-card{position:absolute;z-index:3;inset-inline-end:-10px;bottom:90px;background:#fff;border:1px solid var(--border);border-radius:18px;padding:13px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow)}.detail-card .play{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:var(--gold);font-size:12px}.detail-card div{display:flex;flex-direction:column}.detail-card small{font-size:10px;color:var(--text)}.detail-card b{font-size:12px}
.section{padding:105px 0}.section-head{text-align:center;max-width:700px;margin:0 auto 50px}.section-head>span{justify-content:center}.section-head h2,.section-copy h2,.teacher-copy h2,.final-cta h2{font-size:clamp(33px,4.2vw,52px);line-height:1.28;margin:13px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps article{position:relative;padding:29px;background:#fff;border:1px solid var(--border);border-radius:18px}.steps article>b{position:absolute;top:20px;inset-inline-end:24px;color:#dce8e4;font:800 30px Manrope}.steps article>i{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--mint);color:var(--green);font-size:22px;font-style:normal}.steps h3{font-size:20px;margin:19px 0 7px}.steps p,.section-copy p,.path-grid p,.teacher-copy p{font-size:15px;line-height:1.85;color:var(--text);margin:0}
.see-first{display:grid;grid-template-columns:.82fr 1fr;align-items:center;gap:95px;background:#fff;border-radius:32px;padding:70px 90px}.profile-phone{width:290px;height:510px;justify-self:center}.profile-phone img{object-position:center top}.section-copy h2{max-width:620px}.section-copy>p{font-size:17px}.section-copy ul{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:27px}.section-copy li{background:var(--ivory);border:1px solid var(--border);border-radius:13px;padding:12px 15px;font-size:13px;font-weight:700}.section-copy li::before{content:"✓";color:var(--gold);font-weight:900;margin-inline-end:8px}
.paths{padding-bottom:110px}.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.path-grid article{border:1px solid var(--border);background:#fff;padding:34px;border-radius:20px}.path-grid .path-main{background:var(--mint)}.path-grid i{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--green);color:#fff;font-style:normal}.path-grid h3{font-size:22px;margin:23px 0 8px}.path-grid small{display:block;margin-top:18px;color:var(--green);font-size:12px;font-weight:800}.teacher-band{min-height:570px;border-radius:34px;background:var(--green);color:#fff;padding:65px 80px;display:grid;grid-template-columns:1fr .7fr;align-items:center;gap:80px;overflow:hidden}.teacher-copy>span{color:#f1ce70}.teacher-copy>p{color:#bdd1ca;font-size:16px}.teacher-copy .button{margin-top:29px}.match-phone{width:275px;height:530px;justify-self:center;transform:rotate(2deg)}.match-phone img{object-position:center top}.safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.safety-grid article{display:flex;align-items:flex-start;gap:13px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px}.safety-grid i{flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--gold-light);color:var(--green);font-style:normal}.safety-grid p{margin:2px 0 0;line-height:1.7;font-size:14px}
.teacher-story{width:320px;aspect-ratio:4/5;justify-self:center;border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:0 28px 70px rgba(0,0,0,.28)}.teacher-story img{display:block;width:100%;height:100%;object-fit:cover}
.faq{padding-top:60px}.accordions{max-width:830px;margin:auto}.accordions details{border-top:1px solid var(--border)}.accordions details:last-child{border-bottom:1px solid var(--border)}.accordions summary{cursor:pointer;list-style:none;padding:21px 5px;font-size:16px;font-weight:800;display:flex;justify-content:space-between}.accordions summary::-webkit-details-marker{display:none}.accordions summary::after{content:"+";font:500 24px Manrope;color:var(--green)}.accordions details[open] summary::after{content:"−"}.accordions details p{color:var(--text);line-height:1.8;margin:0;padding:0 5px 21px;font-size:14px}.accordions details a{color:var(--green);font-weight:800}.final-cta{margin-top:25px;margin-bottom:90px;border-radius:28px;background:var(--green);color:#fff;padding:41px 48px;display:flex;align-items:center;gap:40px}.final-cta>div{flex:1}.final-cta>div>span{font:700 13px Manrope;color:#e5c45f}.final-cta h2{font-size:34px;margin:5px 0}.final-cta p{color:#bfd2cc;margin:0;font-size:14px}
.footer{border-top:1px solid var(--border);padding:45px 0 35px;display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:40px}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;direction:ltr}.footer-brand img{width:53px;height:53px;object-fit:contain;margin-bottom:9px}.footer-brand b{font:800 21px Manrope}.footer-brand small{font:600 10px Manrope;color:var(--text)}.footer>div:not(.footer-brand){display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer h3{font-size:14px;margin:0 0 7px}.footer a{font-size:12px;color:var(--text);text-decoration:none}.footer-language{margin-top:5px}.footer>p{grid-column:1/-1;border-top:1px solid var(--border);padding-top:20px;font-size:11px;color:var(--text);margin:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
html[dir=ltr] body{font-family:Manrope,Cairo,sans-serif}html[dir=ltr] .hero h1{letter-spacing:-.055em}html[dir=ltr] .hero-phone{transform:rotate(2deg)}html[dir=ltr] .text-link i{display:inline-block;transform:rotate(180deg)}
@media(max-width:900px){.site-header nav{display:none;position:absolute;top:73px;inset:0 auto auto 0;width:100%;padding:18px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.menu-toggle{display:block;order:4}.header-cta{display:none}.hero{grid-template-columns:1fr;text-align:center;padding-top:45px;gap:38px}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.detail-card{inset-inline-end:9%}.see-first{grid-template-columns:1fr;padding:60px 45px;gap:55px}.section-copy{text-align:center}.section-copy ul{text-align:start}.teacher-band{grid-template-columns:1fr;text-align:center}.teacher-copy>span{justify-content:center}.match-phone{order:-1}.footer{grid-template-columns:1fr 1fr}.footer>p{grid-column:1/-1}}
@media(max-width:620px){.site-header,.hero,.section,.teacher-band,.final-cta,.footer{width:calc(100% - 28px)}.site-header{height:75px;gap:10px}.brand img{width:43px;height:43px}.brand b{font-size:18px}.brand small{font-size:8px}.language{padding:8px 11px}.hero{padding:42px 0 76px;min-height:auto}.hero h1{font-size:40px;line-height:1.22}.hero-copy>p{font-size:16px;line-height:1.85}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-proof{gap:12px}.hero-visual{min-height:510px;transform:scale(.9);margin:-20px}.arch{width:390px;height:455px}.hero-phone{width:255px;height:510px}.detail-card{inset-inline-end:1%;bottom:55px}.section{padding:76px 0}.section-head{margin-bottom:35px}.section-head h2,.section-copy h2,.teacher-copy h2{font-size:31px}.steps,.path-grid,.safety-grid{grid-template-columns:1fr}.see-first{width:100%;border-radius:0;padding:60px 25px}.profile-phone{width:250px;height:440px}.section-copy ul{grid-template-columns:1fr}.teacher-band{width:100%;border-radius:0;padding:55px 24px;gap:48px}.match-phone{width:245px;height:465px}.teacher-story{width:min(300px,100%)}.final-cta{padding:32px 23px;flex-direction:column;text-align:center}.final-cta .button{width:100%}.final-cta h2{font-size:29px}.footer{grid-template-columns:1fr 1fr;gap:30px 18px}.footer-brand{grid-column:1/-1}.footer>p{grid-column:1/-1}}
@media(prefers-reduced-motion:no-preference){.phone-frame{transition:transform .25s ease}.phone-frame:hover{transform:translateY(-5px)}}
.screen-nav i{width:17px;height:17px;color:#d8e3df;font-size:0}.screen-nav svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.screen-nav svg .play-fill{fill:currentColor;stroke:none}.screen-nav .active{color:#e8c14b}
.hero-visual .hero-phone{position:absolute;inset-inline-end:18px}.reels-phone{position:absolute;width:235px;height:470px;z-index:1;inset-inline-start:8px;transform:rotate(3deg)}.reels-phone .screen-nav{height:57px;padding-block:6px}.reels-phone .screen-nav span{font-size:5.8px}.reels-phone .screen-nav span:nth-child(3){font-size:5.2px}.reels-phone .screen-nav i{width:14px;height:14px}
@media(max-width:620px){.hero-visual .hero-phone{width:225px;height:450px;inset-inline-end:-1px;transform:rotate(-2deg)}.reels-phone{width:205px;height:410px;inset-inline-start:-2px}.hero-visual .screen-nav{height:54px}.hero-visual .screen-nav span{font-size:5.5px}.hero-visual .screen-nav span:nth-child(3){font-size:4.8px}.hero-visual .screen-nav i{width:14px;height:14px}}
.hero-visual{min-height:650px}.hero-reel-phone{width:320px;height:640px;z-index:2;transform:none}.hero-reel-phone img{object-position:center top}.hero-reel-phone .screen-nav{height:64px}.see-first{grid-template-columns:.9fr 1.1fr}.profile-phone{width:320px;height:570px;transform:none}.profile-phone img{object-position:center top}
@media(max-width:900px){.hero-visual{min-height:610px}.hero-reel-phone{width:300px;height:600px}.see-first{grid-template-columns:1fr}.profile-phone{order:0}}
@media(max-width:620px){.hero-visual{min-height:520px;transform:none;margin:0}.hero-reel-phone{width:258px;height:516px}.hero-reel-phone .screen-nav{height:55px}.profile-phone{width:258px;height:460px}.see-first{gap:42px}}
:root{--gold:#d19a24;--gold-light:#f2dfaa;--ivory:#f5eedc;--border:#dfd0aa}.language,.footer-language{border-color:rgba(209,154,36,.55)}.hero-proof i,.steps article>i{background:var(--gold-light)}.steps article>b{color:rgba(209,154,36,.38)}.steps article,.path-grid article,.section-copy li,.safety-grid article{border-color:rgba(209,154,36,.34)}.accordions details{border-color:rgba(209,154,36,.42)}
.kicker::before,.section-head>span::before,.section-copy>.label::before,.teacher-copy>span::before{content:attr(data-icon);width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;margin-inline-end:10px;border:1px solid rgba(209,154,36,.62);border-radius:9px;background:var(--gold-light);color:var(--green);font:800 13px/1 Manrope,sans-serif}

/* Final launch typography and responsive polish. */
:root{font-family:"IBM Plex Sans Arabic",Manrope,sans-serif}
body{font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.site-header nav a,.header-cta,.button,.footer h3{font-weight:700}
.hero h1,.section-head h2,.section-copy h2,.teacher-copy h2,.final-cta h2{font-family:"IBM Plex Sans Arabic",Manrope,sans-serif;font-weight:700;letter-spacing:-.025em}
.hero h1{line-height:1.2}
.hero-copy>p,.section-copy>p,.teacher-copy>p{font-weight:400}
.kicker,.section-head>span,.section-copy>.label,.teacher-copy>span{font-weight:600;font-size:14px}
.steps h3,.path-grid h3,.accordions summary{font-weight:700}
.safety-grid article{min-height:88px}
.match-phone img{object-position:center top}
html[dir=ltr] body,html[dir=ltr] .hero h1,html[dir=ltr] .section-head h2,html[dir=ltr] .section-copy h2,html[dir=ltr] .teacher-copy h2,html[dir=ltr] .final-cta h2{font-family:Manrope,"IBM Plex Sans Arabic",sans-serif}
[dir=rtl] [data-ar],html[dir=rtl] .footer,html[dir=rtl] .site-header{unicode-bidi:plaintext}
.brand,.footer-brand,.final-cta>div>span,.screen-nav{unicode-bidi:isolate}
@media(max-width:900px){.teacher-band .match-phone{order:-1}.section-head h2{max-width:680px;margin-inline:auto}}
@media(max-width:620px){.hero h1{font-size:38px;line-height:1.27;letter-spacing:-.02em}.hero-copy>p{font-size:16px;line-height:1.9}.section-head h2,.section-copy h2,.teacher-copy h2{font-size:30px;line-height:1.4}.section-head>span,.section-copy>.label,.teacher-copy>span,.kicker{font-size:13px}.steps article,.path-grid article{padding:25px}.safety-grid article{min-height:auto}.accordions summary{font-size:16px;line-height:1.6;gap:18px}.accordions details p{font-size:15px}.footer a{font-size:13px}.footer{padding-bottom:28px}}