:root{--green:#00552e;--green-2:#073f28;--mint:#edf8f2;--gold:#f4a000;--cream:#fff9ef;--ink:#173328;--muted:#66766f;--line:#dce9e1;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Tajawal",sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}.video-wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}.video-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#fff9ef 0 54%,#e9f7ef 54% 100%);padding:78px 0 86px}.video-hero:before{content:"";position:absolute;width:460px;height:460px;border:1px solid rgba(0,85,46,.09);border-radius:50%;left:-140px;top:-220px}.hero-grid{display:grid;grid-template-columns:1fr .82fr;align-items:center;gap:90px}.eyebrow,.section-head>span{display:inline-flex;color:#a66300;background:#fff0ca;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:800}.hero-copy h1{font-size:clamp(44px,5.3vw,76px);line-height:1.02;margin:22px 0;color:var(--green);letter-spacing:-1.7px}.hero-copy h1 em{font-style:normal;color:var(--gold)}.hero-copy>p{font-size:20px;line-height:1.9;color:var(--muted);max-width:620px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 22px}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 24px;border-radius:12px;text-decoration:none;font-weight:800}.primary{background:var(--gold);color:#162c22;box-shadow:0 10px 24px rgba(244,160,0,.22)}.secondary{color:var(--green);border:1px solid #bcd5c7;background:#fff}.hero-points{display:flex;gap:18px;flex-wrap:wrap;color:var(--green);font-size:14px;font-weight:700}.phone-stage{min-height:590px;position:relative;display:grid;place-items:center}.phone{position:relative;width:298px;aspect-ratio:9/18.5;border:9px solid #173328;border-radius:42px;padding:8px;background:#173328;box-shadow:0 35px 70px rgba(0,63,35,.22);transform:rotate(-2deg)}.phone:before{content:"";position:absolute;width:90px;height:22px;background:#173328;border-radius:0 0 14px 14px;left:50%;top:2px;transform:translateX(-50%);z-index:2}.phone-screen,.reel-media,.landscape-media{position:relative;display:block;width:100%;padding:0;border:0;overflow:hidden;background:#10251b;cursor:pointer}.phone-screen{height:100%;border-radius:28px}.phone-screen img,.reel-media img,.landscape-media img{width:100%;height:100%;display:block;object-fit:cover}.phone-screen img,.reel-media img{transform:scale(1.8)}.phone-screen:after,.reel-media:after,.landscape-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,25,14,.64),transparent 55%)}.play{position:absolute;z-index:2;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;background:var(--gold);color:#fff;display:grid;place-items:center;font-size:22px;padding-right:3px;box-shadow:0 10px 30px rgba(0,0,0,.22)}.watch{position:absolute;z-index:2;bottom:28px;right:0;left:0;color:#fff;font-size:15px;font-weight:800}.float-note{position:absolute;background:#fff;border:1px solid #dfece4;border-radius:16px;padding:14px 17px;color:var(--muted);font-size:13px;line-height:1.5;box-shadow:0 15px 35px rgba(0,65,36,.1)}.float-note b{color:var(--green);font-size:15px}.note-one{right:0;top:110px}.note-two{left:-18px;bottom:100px}.video-section{padding:92px 0}.video-section.lessons{background:var(--cream)}.section-head{text-align:center;max-width:680px;margin:0 auto 42px}.section-head h2{font-size:clamp(32px,4vw,50px);line-height:1.2;color:var(--green);margin:15px 0}.section-head p{font-size:18px;line-height:1.8;color:var(--muted);margin:0}.reels-row{display:grid;grid-template-columns:repeat(2,minmax(260px,350px));justify-content:center;gap:26px}.reel-card,.lesson-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 18px 50px rgba(5,67,37,.08);transition:.3s ease}.reel-card:hover,.lesson-card:hover{transform:translateY(-7px);box-shadow:0 24px 60px rgba(5,67,37,.14)}.reel-media{aspect-ratio:9/14}.reel-card>div,.lesson-card>div{padding:22px}.tag{color:#a66300;background:#fff0ca;border-radius:999px;padding:5px 10px;font-weight:800;font-size:12px}.reel-card h3,.lesson-card h3{font-size:21px;color:var(--green);margin:14px 0 8px}.reel-card p,.lesson-card p{color:var(--muted);line-height:1.7;margin:0}.duration{position:absolute;z-index:2;top:16px;right:16px;background:rgba(0,54,30,.84);color:#fff;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800}.lesson-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.landscape-media{aspect-ratio:16/9}.video-benefits{background:var(--green);padding:90px 0;color:#fff}.section-head.light h2,.section-head.light p{color:#fff}.section-head.light>span{background:rgba(244,160,0,.15);color:#ffc65c}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.benefit-grid article{padding:30px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:20px}.benefit-grid b{color:#ffc254;font-size:14px}.benefit-grid h3{font-size:22px;margin:14px 0}.benefit-grid p{color:#d7ebe0;line-height:1.8;margin:0}.video-cta{padding:85px 0}.cta-box{background:var(--mint);border:1px solid #cde4d6;border-radius:28px;padding:50px 56px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-box span{color:#a66300;font-weight:800}.cta-box h2{font-size:clamp(28px,3.5vw,44px);color:var(--green);margin:10px 0}.cta-box p{color:var(--muted);font-size:17px}.cta-box>a{white-space:nowrap;text-decoration:none;background:var(--gold);color:#173328;padding:17px 22px;border-radius:13px;font-weight:900}.video-modal{position:fixed;z-index:9999;inset:0;background:rgba(0,24,13,.91);display:none;place-items:center;padding:28px}.video-modal.open{display:grid}.modal-frame{width:min(920px,95vw);aspect-ratio:16/9}.video-modal.portrait .modal-frame{height:min(82vh,760px);width:auto;aspect-ratio:9/16}.modal-frame iframe{width:100%;height:100%;border:0;border-radius:18px;background:#000}.modal-close{position:absolute;top:22px;left:26px;width:48px;height:48px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:32px;cursor:pointer}.reveal{opacity:0;transform:translateY(24px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:980px){.video-hero{padding:56px 0}.hero-grid{grid-template-columns:1fr;gap:28px;text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-points{justify-content:center}.phone-stage{min-height:560px}.lesson-grid,.benefit-grid{grid-template-columns:1fr 1fr}.benefit-grid article:last-child{grid-column:1/-1}.cta-box{padding:38px;flex-direction:column;text-align:center}}@media(max-width:640px){.video-wrap{width:min(100% - 28px,1180px)}.video-hero{padding:40px 0 55px;background:linear-gradient(160deg,#fff9ef 0 51%,#e9f7ef 51%)}.hero-copy h1{font-size:42px}.hero-copy>p{font-size:17px}.hero-actions{display:grid}.hero-actions a{width:100%}.hero-points{gap:9px;font-size:12px}.phone-stage{min-height:510px}.phone{width:245px}.float-note{font-size:11px;padding:10px 12px}.note-one{right:-4px;top:80px}.note-two{left:-3px;bottom:78px}.video-section{padding:66px 0}.section-head{margin-bottom:28px}.section-head h2{font-size:32px}.section-head p{font-size:16px}.reels-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;justify-content:flex-start;margin-inline:-14px;padding:4px 14px 22px;gap:14px;scrollbar-width:none}.reels-row::-webkit-scrollbar{display:none}.reel-card{min-width:78vw;scroll-snap-align:center}.lesson-grid,.benefit-grid{grid-template-columns:1fr}.benefit-grid article:last-child{grid-column:auto}.video-benefits{padding:65px 0}.cta-box{padding:30px 22px}.cta-box>a{width:100%}.modal-frame{width:94vw}.video-modal.portrait .modal-frame{height:auto;width:min(88vw,380px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}.reel-card,.lesson-card{transition:none}}
.math-section{background:var(--mint)}.reels-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:start}.reels-track .reel-card h3{font-size:18px}.reels-track .reel-card>div{padding:18px}.reels-track .reel-card p{font-size:14px}@media(max-width:980px){.reels-track{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.reels-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;justify-content:flex-start;margin-inline:-14px;padding:4px 14px 22px;gap:14px;scrollbar-width:none}.reels-track::-webkit-scrollbar{display:none}}

.english-section .reveal{opacity:1;transform:none}