:root{--green:#00845a;--green-2:#12a878;--dark:#132c27;--ink:#172725;--muted:#687875;--line:#dfe9e5;--soft:#f4f8f6;--white:#fff;--shadow:0 25px 65px rgba(17,61,50,.12);--container:min(1180px,calc(100% - 40px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Tajawal,Arial,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:var(--container);margin-inline:auto}.skip{position:fixed;top:-100px;right:20px;background:var(--dark);color:#fff;padding:10px 15px;z-index:100}.skip:focus{top:15px}.header{height:78px;background:rgba(255,255,255,.92);border-bottom:1px solid transparent;position:fixed;inset:0 0 auto;z-index:20;backdrop-filter:blur(15px);transition:.25s}.header.is-scrolled{height:70px;border-color:var(--line);box-shadow:0 8px 25px rgba(15,50,42,.06)}.header__inner{height:100%;display:flex;align-items:center;gap:40px}.logo{display:flex;align-items:center;gap:10px;min-width:max-content}.logo__mark{width:40px;height:40px;position:relative}.logo__mark i{position:absolute;top:7px;width:27px;height:27px;border:3px solid var(--green);border-radius:50%}.logo__mark i:first-child{right:0}.logo__mark i:last-child{left:0;border-color:var(--dark)}.logo b,.logo small{display:block}.logo b{font-size:20px;letter-spacing:-.5px}.logo small{font-size:9px;color:var(--muted);margin-top:1px}.nav{display:flex;align-items:center;gap:26px;margin-inline:auto}.nav a{font-size:12px;font-weight:600;color:#52615e;position:relative}.nav a::after{content:"";position:absolute;right:0;left:100%;bottom:-10px;height:2px;background:var(--green);transition:.2s}.nav a:hover{color:var(--green)}.nav a:hover::after{left:0}.header__actions{display:flex;align-items:center;gap:7px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:9px 14px;font-weight:700;font-size:11px;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn--primary{background:var(--green);color:#fff;box-shadow:0 8px 20px rgba(0,132,90,.2)}.btn--primary:hover{background:#006f4c}.btn--ghost{color:var(--ink)}.btn--outline{background:#fff;border:1px solid #b9cac4}.btn--large{font-size:13px;padding:13px 21px}.btn--white{background:#fff;color:var(--green)}.lang{border:1px solid var(--line);background:#fff;border-radius:7px;height:34px;min-width:34px;color:var(--green);font-weight:800;cursor:pointer}.menu{display:none;border:0;background:transparent;width:38px}.menu i{display:block;width:24px;height:2px;background:var(--dark);margin:5px;transition:.2s}.hero{min-height:720px;padding:150px 0 85px;position:relative;background:linear-gradient(135deg,#f8fbfa 0%,#fff 55%,#edf8f4 100%);overflow:hidden}.hero__orb{position:absolute;border-radius:50%;filter:blur(2px)}.hero__orb--one{width:460px;height:460px;background:rgba(79,207,159,.12);left:-180px;top:40px}.hero__orb--two{width:280px;height:280px;background:rgba(66,135,214,.07);right:40%;bottom:-140px}.hero__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:8%;align-items:center;position:relative;z-index:2}.pill{display:inline-flex;align-items:center;gap:8px;background:#e6f6f0;border:1px solid #c9eadf;border-radius:30px;padding:7px 11px;color:var(--green);font-size:10px}.pill span{width:7px;height:7px;background:var(--green-2);border-radius:50%;box-shadow:0 0 0 4px rgba(18,168,120,.12)}.hero h1{font-size:clamp(42px,5vw,66px);line-height:1.16;letter-spacing:-2.5px;margin:21px 0}.hero h1 em,.section__head h2 em{font-style:normal;color:var(--green)}.hero__copy>p{color:var(--muted);font-size:16px;line-height:1.95;max-width:630px}.hero__actions{display:flex;gap:9px;margin:28px 0 24px}.trust{display:flex;gap:18px;list-style:none;padding:0;margin:0;color:#60706d;font-size:10px}.trust li{display:flex;align-items:center;gap:5px}.trust i{font-style:normal;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#dcf2e9;color:var(--green);font-size:9px}.hero__visual{position:relative;padding:30px}.dash-card{position:relative;background:rgba(255,255,255,.96);border:1px solid rgba(205,222,216,.9);border-radius:21px;padding:22px;box-shadow:var(--shadow);z-index:2}.dash-card::before{content:"";position:absolute;inset:-18px 34px auto;height:18px;border-radius:18px 18px 0 0;background:#dcece6;z-index:-1}.dash-card__head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px}.dash-card__head>span{display:flex;align-items:center;gap:8px}.avatar{font-style:normal;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:linear-gradient(135deg,#275d4f,#7eb7a5);color:#fff;font-size:11px}.dash-card__head b,.dash-card__head small{display:block;font-size:10px}.dash-card__head small{font-size:8px;color:var(--muted);margin-top:3px}.dash-card__head>em{font-style:normal;color:var(--muted);font-size:8px}.readiness{display:grid;grid-template-columns:130px 1fr;gap:20px;align-items:center;padding:20px 0}.ring{width:120px;height:120px;border-radius:50%;background:conic-gradient(var(--green-2) 0 84%,#e7efec 84%);display:grid;place-items:center}.ring::before{content:"";width:91px;height:91px;background:#fff;border-radius:50%;position:absolute}.ring span{position:relative;text-align:center}.ring b,.ring small{display:block}.ring b{font-size:25px}.ring small{font-size:8px;color:var(--green)}.readiness>div:last-child>small{color:var(--muted);font-size:8px}.readiness h3{font-size:14px;margin:4px 0}.readiness p{font-size:9px;color:var(--muted);margin:0}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mini-stats article{background:var(--soft);border-radius:9px;padding:10px;text-align:center}.mini-stats span,.mini-stats b,.mini-stats small{display:block}.mini-stats span{color:var(--green);font-size:17px}.mini-stats b{font-size:12px;margin:4px 0}.mini-stats small{font-size:7px;color:var(--muted)}.recommendation{display:flex;gap:10px;background:var(--dark);color:#fff;padding:12px;border-radius:10px;margin-top:9px}.recommendation>span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:rgba(102,226,180,.14);color:#6ee0b6}.recommendation b{font-size:9px;color:#77e1ba}.recommendation p{font-size:8px;line-height:1.6;margin:3px 0}.float-card{position:absolute;z-index:4;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 13px;box-shadow:0 15px 35px rgba(19,62,52,.13);display:flex;align-items:center;gap:8px}.float-card>i{font-style:normal;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#e2f5ed;color:var(--green)}.float-card small,.float-card b{display:block;font-size:8px}.float-card b{font-size:11px;margin-top:2px}.float-card--top{top:0;left:-5px}.float-card--bottom{bottom:5px;right:0}.logos{border-block:1px solid var(--line);padding:22px 0;background:#fff}.logos p{text-align:center;margin:0 0 12px;color:#8a9693;font-size:9px}.logos .container>div{display:flex;align-items:center;justify-content:center;gap:25px;color:#687572;font-weight:700;font-size:11px}.logos i{width:4px;height:4px;background:#b9c6c2;border-radius:50%}.section{padding:90px 0}.section__head{text-align:center;max-width:670px;margin:0 auto 42px}.eyebrow{display:inline-block;color:var(--green);background:#e7f5f0;border-radius:30px;padding:6px 11px;font-size:9px;font-weight:800}.section__head h2{font-size:clamp(28px,3vw,39px);line-height:1.3;margin:16px 0 10px}.section__head p{color:var(--muted);font-size:12px;line-height:1.8}.features{background:var(--soft)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;min-height:205px;transition:.25s}.feature:hover{transform:translateY(-6px);box-shadow:0 17px 40px rgba(20,58,49,.08)}.feature>i{font-style:normal;display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#e6f5ef;color:var(--green);font-size:20px}.feature h3{font-size:15px;margin:17px 0 8px}.feature p{font-size:10px;color:var(--muted);line-height:1.8}.feature a{font-size:9px;color:var(--green);font-weight:700}.feature--dark{background:var(--dark);color:#fff}.feature--dark p{color:#b9cdc7}.feature--dark .bars{height:55px;display:flex;align-items:flex-end;gap:8px;margin-top:12px}.feature--dark .bars b{width:12%;background:linear-gradient(#66dfb4,#288d6c);border-radius:4px 4px 0 0}.audience{background:#fff}.audience__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.audience__grid article{position:relative;border:1px solid var(--line);border-radius:13px;padding:22px;overflow:hidden}.audience__grid article>span{position:absolute;left:10px;top:4px;color:#edf2f0;font-size:44px;font-weight:900}.audience__grid article>i{font-style:normal;color:var(--green);font-size:25px}.audience__grid h3{font-size:14px;margin:16px 0 7px}.audience__grid p{font-size:9px;line-height:1.7;color:var(--muted)}.how{background:var(--dark);color:#fff}.how .eyebrow{color:#75e4bb;background:rgba(100,226,180,.1)}.how .section__head h2 em{color:#70dfb7}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.steps article{display:flex;gap:15px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);padding:22px;border-radius:12px}.steps article>b{display:grid;place-items:center;min-width:48px;height:48px;border-radius:50%;background:#62d9ae;color:var(--dark)}.steps h3{font-size:14px;margin:3px 0 7px}.steps p{font-size:9px;line-height:1.7;color:#b8cdc6;margin:0}.cta{padding:58px 0;background:linear-gradient(120deg,#00845a,#0e634a);color:#fff}.cta .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta .container>div{position:relative;padding-right:65px}.cta .container>div>span{position:absolute;right:0;top:0;font-size:42px;color:#75e4ba}.cta h2{font-size:28px;margin:0 0 6px}.cta p{font-size:11px;color:#cbe7dd;margin:0}.footer{background:#102620;color:#fff;padding:55px 0 20px}.logo--light .logo__mark i:last-child{border-color:#fff}.logo--light small{color:#9eb6ae}.footer__top{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:50px;padding-bottom:38px}.footer__top>div:first-child p{color:#9eb2ac;font-size:10px;line-height:1.8;max-width:330px}.footer h3{font-size:12px;margin:0 0 13px}.footer__top>div:not(:first-child){display:flex;flex-direction:column;gap:9px}.footer__top a,.footer__top span{font-size:9px;color:#a8bbb5}.footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:18px;display:flex;justify-content:space-between;color:#809a92;font-size:8px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}html[dir="ltr"] .cta .container>div{padding-left:65px;padding-right:0}html[dir="ltr"] .cta .container>div>span{left:0;right:auto}html[dir="ltr"] .float-card--top{right:-5px;left:auto}html[dir="ltr"] .float-card--bottom{left:0;right:auto}@media(max-width:950px){.nav{position:fixed;top:78px;right:15px;left:15px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px;display:none;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.nav.is-open{display:flex}.nav a{padding:10px}.menu{display:block;margin-inline-start:auto}.header__actions .btn{display:none}.header__actions{order:3}.hero__grid{grid-template-columns:1fr}.hero__copy{text-align:center}.hero__copy>p{margin-inline:auto}.hero__actions,.trust{justify-content:center}.hero__visual{max-width:590px;margin:40px auto 0}.feature-grid{grid-template-columns:repeat(2,1fr)}.audience__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){:root{--container:min(100% - 26px,1180px)}.header{height:68px}.logo b{font-size:17px}.nav{top:68px}.hero{padding:115px 0 65px}.hero h1{font-size:39px;letter-spacing:-1.5px}.hero__copy>p{font-size:13px}.hero__actions{flex-direction:column}.trust{display:grid;grid-template-columns:1fr 1fr;text-align:right}.hero__visual{padding:16px 0}.float-card{display:none}.readiness{grid-template-columns:100px 1fr}.ring{width:95px;height:95px}.ring::before{width:72px;height:72px}.logos .container>div{gap:10px;flex-wrap:wrap}.feature-grid,.audience__grid,.steps{grid-template-columns:1fr}.section{padding:65px 0}.section__head h2{font-size:27px}.cta .container{display:block;text-align:center}.cta .container>div{padding:0}.cta .container>div>span{position:static}.cta .btn{margin-top:20px}.footer__top{grid-template-columns:1fr;gap:25px}.footer__bottom{gap:15px}.header__inner{gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn,.feature{transition:none}}