:root{--purple:#5a3e95;--purple-700:#4a3179;--purple-900:#241744;--orange:#f47c20;--orange-600:#e06a12;--bg:#f3ece0;--page:#f8f3ea;--surface:#fffefb;--surface-2:#ece2d1;--ink:#2c2340;--muted:#837a9c;--line:#eadfcb;--accent-soft:#ece4f7;--orange-soft:#fde9d6;--field:#f8f3ea;--wa:#1b9a4f;--shadow:0 30px 70px -40px rgba(36,23,68,.33);--shadow-sm:0 14px 34px -24px rgba(36,23,68,.4);--f:"Tajawal","Segoe UI",sans-serif;--maxw:1180px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--purple:#a98fe0;--purple-700:#b9a3e8;--purple-900:#cdbcf0;--orange:#f78c3c;--orange-600:#f99e57;--bg:#171226;--page:#0f0c18;--surface:#1f1936;--surface-2:#271f42;--ink:#ece8f6;--muted:#a79fc0;--line:#352d52;--accent-soft:#2c2347;--orange-soft:#33240f;--field:#1a1430;--shadow:0 24px 60px -30px rgba(0,0,0,.8);--shadow-sm:0 12px 30px -20px rgba(0,0,0,.7);color-scheme:dark}}:root[data-theme=dark]{--purple:#a98fe0;--purple-700:#b9a3e8;--purple-900:#cdbcf0;--orange:#f78c3c;--orange-600:#f99e57;--bg:#171226;--page:#0f0c18;--surface:#1f1936;--surface-2:#271f42;--ink:#ece8f6;--muted:#a79fc0;--line:#352d52;--accent-soft:#2c2347;--orange-soft:#33240f;--field:#1a1430;--shadow:0 24px 60px -30px rgba(0,0,0,.8);--shadow-sm:0 12px 30px -20px rgba(0,0,0,.7);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body,html{margin:0}body{direction:rtl;text-align:right;background:var(--page);color:var(--ink);font-family:var(--f);line-height:1.9;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:800;line-height:1.3;text-wrap:balance}button,input,select,textarea{font-family:var(--f);color:inherit}svg{display:block}:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:max(20px,env(safe-area-inset-left,0px)) max(20px,env(safe-area-inset-right,0px))}section{padding-block:clamp(74px,10vw,142px)}.eyebrow{color:var(--orange);font-weight:700;font-size:.82rem;letter-spacing:.14em;display:inline-flex;align-items:center;gap:.6rem;margin-bottom:1rem}.eyebrow:before{content:"";width:34px;height:2px;background:currentColor;border-radius:2px}.sec-head{font-size:clamp(1.9rem,3.6vw,2.75rem);line-height:1.22}.btn{display:inline-flex;align-items:center;gap:.6rem;height:52px;padding:0 28px;border-radius:999px;font-weight:800;cursor:pointer;border:1px solid transparent;transition:.2s;font-size:1rem}.btn svg{width:18px;height:18px}.btn-ppl{background:var(--purple);color:#fff}.btn-ppl:hover{transform:translateY(-2px);background:var(--purple-700)}.btn-o{background:var(--orange);color:#fff}.btn-o:hover{transform:translateY(-2px);background:var(--orange-600)}.btn-ghost{background:transparent;border-color:rgba(255,255,255,.55);color:#fff}.btn-ghost:hover{background:rgba(255,255,255,.12)}html[dir=ltr] body{direction:ltr;text-align:left}.nav{position:fixed;inset-inline:0;top:0;z-index:60;transition:.3s}.nav.scrolled{background:color-mix(in srgb,var(--page) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-in{display:flex;align-items:center;gap:1.4rem;height:76px}.nav.scrolled .nav-in{height:66px}.logo{height:42px;width:auto;transition:.3s}.nav:not(.scrolled):not(.light-ctx) .logo{filter:brightness(0) invert(1)}.nav-links{display:flex;gap:1.6rem;margin-inline:auto}.nav-links a{font-weight:700;font-size:.96rem;color:var(--nav-fg,#fff);opacity:.9;position:relative;padding:.3rem 0}.nav.scrolled .nav-links a{color:var(--ink)}.nav-links a:after{content:"";position:absolute;inset-inline:0;bottom:-2px;height:2px;background:var(--orange);transform:scaleX(0);transition:.25s}.nav-links a:hover:after{transform:scaleX(1)}.nav-tools{display:flex;align-items:center;gap:.7rem}.icon-btn{width:42px;height:42px;border-radius:999px;border:1px solid var(--nav-line,rgba(255,255,255,.4));background:transparent;color:var(--nav-fg,#fff);display:grid;place-items:center;cursor:pointer;font-weight:800;transition:.2s}.nav.scrolled .icon-btn{border-color:var(--line);color:var(--ink)}.icon-btn:hover{border-color:var(--orange);color:var(--orange)}.icon-btn svg{width:19px;height:19px}.nav .btn{height:44px;padding:0 20px;font-size:.92rem}.nav:not(.scrolled) .btn-ppl{background:var(--orange)}.burger{display:none}.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden}.hero-slides{position:absolute;inset:-30% 0;z-index:0;will-change:transform}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:50%;opacity:0;transition:opacity 1.6s ease}.hero-slide.on{opacity:1;animation:kb 8s ease-out forwards}@keyframes kb{0%{transform:scale(1.08)}to{transform:scale(1)}}.hero:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(105deg,rgba(26,16,54,.92) 20%,rgba(36,23,68,.62) 55%,rgba(36,23,68,.28))}html[dir=ltr] .hero:after{background:linear-gradient(255deg,rgba(26,16,54,.92) 20%,rgba(36,23,68,.62) 55%,rgba(36,23,68,.28))}.hero:before{content:"";position:absolute;inset-inline:0;bottom:0;height:clamp(240px,45vh,460px);z-index:2;background:linear-gradient(to bottom,transparent 0,color-mix(in srgb,var(--page) 18%,transparent) 32%,color-mix(in srgb,var(--page) 48%,transparent) 55%,color-mix(in srgb,var(--page) 78%,transparent) 76%,var(--page) 100%);pointer-events:none}.hero-c{position:relative;z-index:2;color:#fff;max-width:720px;padding-block:120px 60px}.hero .eyebrow{color:#ffc89a}.hero h1{font-size:clamp(2.4rem,6.5vw,4.6rem);font-weight:900;line-height:1.1;color:#fff}.hero h1 .o{color:var(--orange)}.hero p{font-size:clamp(1.05rem,2.2vw,1.3rem);color:rgba(255,255,255,.88);margin-top:1.4rem;max-width:40ch}.hero-cta{gap:1rem;margin-top:2.2rem}.hero-cta,.hero-stats{display:flex;flex-wrap:wrap}.hero-stats{gap:1.3rem;margin-top:2.8rem}.hstat b{display:block;font-size:1.7rem;font-weight:900;color:#fff;direction:ltr;unicode-bidi:plaintext}.hstat span{font-size:.82rem;color:rgba(255,255,255,.72)}.hstat+.hstat{-webkit-padding-start:1.3rem;padding-inline-start:1.3rem;-webkit-border-start:1px solid rgba(255,255,255,.26);border-inline-start:1px solid rgba(255,255,255,.26)}.hero-dots{position:absolute;z-index:3;inset-inline:0;margin-inline:auto;width:max-content;bottom:26px;display:flex;gap:.5rem}.hero-dots b{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.45);transition:.3s;cursor:pointer}.hero-dots b.on{background:#fff;width:22px;border-radius:5px}.hero-mark{position:absolute;z-index:1;top:50%;inset-inline-start:4%;transform:translateY(-50%);height:38%;aspect-ratio:1783/4137;background-size:contain;background-repeat:no-repeat;background-position:50%;opacity:.5;pointer-events:none}@media(max-width:700px){.hero-mark{height:24%;inset-inline-start:auto;inset-inline-end:5%;opacity:.4}}#about{background:var(--page);overflow:hidden}#about,.about-c{position:relative}.about-c{max-width:56rem;margin-inline:auto;text-align:center;z-index:1}.about-c .eyebrow{justify-content:center}.about-c .sec-head{line-height:1.22;margin-top:.7rem;max-width:18ch;margin-inline:auto}.about-rule{width:58px;height:2px;background:var(--orange);margin:1.5rem auto}.about-c .lead{color:var(--muted);font-size:1.1rem;line-height:1.95;max-width:52ch;margin-inline:auto}.about-points{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:clamp(22px,3.4vw,52px);gap:clamp(22px,3.4vw,52px);max-width:62rem;margin:2.8rem auto 0}.ap{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.65rem;cursor:default}.ap .ic{width:56px;height:56px;flex:none;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line);color:var(--purple);transition:border-color .3s,color .3s,transform .3s,background .3s}.ap .ic svg{width:26px;height:26px}.ap:hover .ic{border-color:var(--orange);background:var(--orange);color:#fff;transform:translateY(-4px)}.ap b{font-weight:800;font-size:1rem;letter-spacing:.01em;margin-top:.3rem}.ap span{color:var(--muted);font-size:.84rem;line-height:1.75;max-width:19ch}.about-points-top{text-align:center;color:var(--muted);font-weight:800;font-size:.8rem;letter-spacing:.22em;margin-top:2.6rem}@media(max-width:640px){.about-points{grid-template-columns:1fr 1fr;gap:28px 18px}}.about-sep{display:flex;align-items:center;justify-content:center;gap:1.1rem;max-width:34rem;margin:clamp(5.5rem,11vw,9rem) auto 0}.about-sep:after,.about-sep:before{content:"";height:1px;flex:1 1;background:linear-gradient(90deg,transparent,var(--line))}.about-sep:after{background:linear-gradient(90deg,var(--line),transparent)}.about-sep .mk{height:38px;width:auto;flex:none;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(90,62,149,.28))}.mission2{margin:clamp(2.6rem,5vw,4rem) auto 0;max-width:46rem;text-align:center}.mission2 .mt{display:block;color:var(--orange);font-weight:800;font-size:.82rem;letter-spacing:.06em}.mission2 p{color:var(--ink);font-weight:700;margin-top:1rem;font-size:clamp(1.15rem,1.9vw,1.45rem);line-height:1.85;max-width:42ch;margin-inline:auto;text-wrap:balance}.about-sign{display:inline-flex;align-items:center;gap:.8rem;margin-top:2.2rem;color:var(--muted)}.about-sign:before{content:"";width:34px;height:1.5px;background:var(--orange);flex:none}.about-sign b{color:var(--ink);font-weight:800}.about-mark{position:absolute;z-index:0;inset-inline-end:-60px;top:-40px;width:min(360px,34vw);opacity:.05;pointer-events:none}#fields{background:var(--bg)}.fields-intro{text-align:center;max-width:46rem;margin:0 auto 3rem}.fields-intro .eyebrow{justify-content:center}.fields-intro .sec-head{max-width:18ch;margin:.7rem auto 0}.fields-intro .lead{color:var(--muted);line-height:1.92;margin:1.1rem auto 0;max-width:46ch}.flink{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.6rem;color:var(--orange);font-weight:800;transition:.25s}.flink svg{width:16px;height:16px}.flink:hover{gap:.9rem}.fields-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:clamp(18px,2.4vw,34px);gap:clamp(18px,2.4vw,34px)}.field{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:1.5rem;transition:.3s}.field:hover{transform:translateY(-5px);box-shadow:0 24px 54px -34px rgba(44,35,64,.5)}.field-img{position:relative;border-radius:16px;aspect-ratio:5/4;background:linear-gradient(135deg,color-mix(in srgb,var(--purple) 55%,#111),color-mix(in srgb,var(--purple-900) 85%,#000));background-size:cover;background-position:50%}.field-num{position:absolute;top:1.1rem;inset-inline-end:1.3rem;font-size:1.5rem;font-weight:900;color:rgba(255,255,255,.9)}.field-badge{width:58px;height:58px;border-radius:16px;background:var(--orange);color:#fff;display:grid;place-items:center;padding:15px;position:absolute;inset-inline-start:.8rem;bottom:-29px;box-shadow:0 10px 24px -12px rgba(244,124,32,.8);border:3px solid var(--surface)}.field-badge svg{width:100%;height:100%}.field-b{padding:1.9rem .4rem .5rem;text-align:start}.field-b h3{font-size:1.25rem;font-weight:800}.field-b p{color:var(--muted);margin-top:.5rem;font-size:.94rem;line-height:1.88}.field:hover .field-b h3{color:var(--purple)}#cta{padding-block:clamp(36px,6vw,72px)}#contact,#cta{background:var(--page)}#contact{padding-block:clamp(46px,7vw,90px)}.cta-band{background:linear-gradient(135deg,var(--purple),var(--purple-900));border-radius:28px;color:#fff;padding:clamp(28px,4.5vw,56px);display:flex;align-items:center;justify-content:space-between;gap:1.6rem;flex-wrap:wrap;position:relative;overflow:hidden}.cta-band:before{content:"";position:absolute;inset-inline-end:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(244,124,32,.28),transparent 70%)}.cta-band h3{font-size:clamp(1.5rem,3.2vw,2.2rem)}.cta-band h3,.cta-band p{position:relative;z-index:1}.cta-band p{color:rgba(255,255,255,.74);margin-top:.55rem;max-width:44ch}.cta-band .btn{color:var(--purple-900);border:0;position:relative;z-index:1;white-space:nowrap}.cta-band .btn,.cta-band .btn:hover{background:#fff}.contact-head{text-align:center;max-width:52rem;margin:0 auto 3.6rem}.contact-head .eyebrow{justify-content:center}.contact-head .sec-head{max-width:20ch;margin-inline:auto}.contact-head .lead{color:var(--muted);line-height:1.92;margin:1.1rem auto 0;max-width:48ch}.contact-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0;max-width:56rem;margin:0 auto}.contact-info{-webkit-padding-end:clamp(1.6rem,3.2vw,3rem);padding-inline-end:clamp(1.6rem,3.2vw,3rem);-webkit-border-end:1px solid var(--line);border-inline-end:1px solid var(--line);display:grid;grid-gap:1.9rem;gap:1.9rem;align-content:start}.cblock .lbl{font-size:.82rem;font-weight:800;color:var(--orange)}.cblock a,.cblock b{display:block;margin-top:.45rem;font-weight:600;color:var(--ink)}.cblock a:hover{color:var(--purple)}.cblock .num{direction:ltr;unicode-bidi:plaintext}.contact-form-wrap{-webkit-padding-start:clamp(1.6rem,3.2vw,3rem);padding-inline-start:clamp(1.6rem,3.2vw,3rem)}.form{background:none;border:0;padding:0;box-shadow:none}.frow{margin-bottom:1.5rem}.frow label{display:block;font-weight:700;font-size:.9rem;margin-bottom:.45rem}.frow label span{color:var(--orange)}.frow input,.frow select,.frow textarea{width:100%;border:0;border-bottom:1px solid var(--line);background:none;border-radius:0;padding:.65rem .15rem;font-size:1rem;transition:.2s}.frow textarea{min-height:104px;resize:vertical}.frow input:focus,.frow select:focus,.frow textarea:focus{outline:none;border-bottom-color:var(--purple);box-shadow:none}.frow select{cursor:pointer}.frow select option{background:var(--surface);color:var(--ink);font-weight:600;padding:.5rem}.frow select option:checked{background:var(--purple);color:#fff}.form .btn{margin-top:.6rem;padding-inline:2.6rem;border-radius:999px}.form-ok{display:none;text-align:center;padding:2rem 1rem}.form-ok.on{display:block;animation:apop .5s ease}@keyframes apop{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.form-ok .ok-ic{width:66px;height:66px;margin:0 auto 1rem;border-radius:50%;background:color-mix(in srgb,var(--wa) 16%,transparent);color:var(--wa);display:grid;place-items:center}.form-ok .ok-ic svg{width:34px;height:34px}.form-ok h3{font-size:1.3rem}.form-ok p{color:var(--muted);margin-top:.5rem}.foot{background:#211540;color:#fff;padding-block:clamp(40px,6vw,70px) 28px}.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-gap:2.4rem;gap:2.4rem}.foot-logo{height:46px;filter:brightness(0) invert(1);margin-bottom:1rem}.foot p{color:rgba(255,255,255,.7);max-width:38ch}.foot h4{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#ffc89a;margin-bottom:1rem}.foot ul{list-style:none;padding:0;margin:0;display:grid;grid-gap:.6rem;gap:.6rem}.foot ul a{color:rgba(255,255,255,.78)}.foot ul a:hover{color:#fff}.foot-bar{border-top:1px solid rgba(255,255,255,.14);margin-top:2.4rem;padding-top:1.4rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:rgba(255,255,255,.6);font-size:.85rem}.fab{position:fixed;inset-inline-end:22px;bottom:22px;z-index:50;width:56px;height:56px;border-radius:50%;background:var(--wa);color:#fff;border:none;display:grid;place-items:center;cursor:pointer;box-shadow:0 14px 30px -10px rgba(27,154,79,.6);transition:.25s}.fab:hover{transform:scale(1.08)}.fab svg{width:27px;height:27px}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.js .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.js .reveal{opacity:1!important;transform:none!important}}@media(max-width:900px){.nav-links{display:none;position:absolute;top:100%;inset-inline:0;flex-direction:column;background:var(--surface);border-bottom:1px solid var(--line);margin:0;padding:1rem 1.4rem;gap:.2rem}.nav-links.open{display:flex}.nav-links a{color:var(--ink)!important;padding:.7rem 0}.burger{display:grid}.hero-grid{grid-template-columns:1fr;gap:34px}.hero-c{padding-block:104px 0}.hero-media{height:min(58svh,420px)}.about-grid,.contact-row{grid-template-columns:1fr}.contact-row{gap:2.4rem}.contact-info{-webkit-border-end:0;border-inline-end:0;border-bottom:1px solid var(--line);-webkit-padding-end:0;padding-inline-end:0;padding-bottom:2rem;grid-template-columns:1fr 1fr;gap:1.4rem}.contact-form-wrap{-webkit-padding-start:0;padding-inline-start:0}.about-art{aspect-ratio:16/12;order:-1}.fields-grid{grid-template-columns:1fr;gap:32px}.field-img{aspect-ratio:16/10}.foot-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.foot-grid{grid-template-columns:1fr}.nav-in{gap:.55rem}.nav .btn-ppl{padding:0 14px;height:40px;font-size:.84rem;white-space:nowrap}.nav .btn-ppl svg{display:none}}.dial{position:fixed;bottom:calc(22px + env(safe-area-inset-bottom,0px));inset-inline-start:22px;z-index:70;gap:14px}.dial,.dial-list{display:flex;flex-direction:column;align-items:flex-start}.dial-list{gap:10px}.dial-item{display:flex;align-items:center;gap:12px;padding:6px;-webkit-padding-end:22px;padding-inline-end:22px;background:var(--surface);border:1px solid var(--line);border-radius:999px;box-shadow:0 20px 50px -22px rgba(36,23,68,.5);color:var(--ink);text-decoration:none;opacity:0;transform:translateY(12px) scale(.96);visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}.dial-item:hover{border-color:var(--purple)}.dial.open .dial-item{opacity:1;transform:none;visibility:visible;pointer-events:auto;transition:opacity .3s ease calc((3 - var(--i)) * 55ms),transform .3s ease calc((3 - var(--i)) * 55ms),visibility 0s}.dial-tile{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.dial-tile svg{width:21px;height:21px}.dial-txt{display:flex;flex-direction:column;line-height:1.35;min-width:0}.dial-txt b{font-size:.96rem;font-weight:700}.dial-txt small{font-size:.8rem;color:var(--muted)}.dial-btn{position:relative;width:62px;height:62px;border-radius:50%;border:none;cursor:pointer;background:var(--purple);color:#fff;display:grid;place-items:center;box-shadow:0 14px 30px -10px color-mix(in srgb,var(--purple) 80%,transparent);transition:transform .2s}.dial-btn:hover{transform:scale(1.05)}.dial-btn:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.dial-btn svg{grid-area:1/1;width:26px;height:26px;transition:transform .3s ease,opacity .2s ease}.dial-btn .i-x{opacity:0;transform:rotate(-90deg) scale(.6)}.dial.open .dial-btn .i-chat{opacity:0;transform:rotate(90deg) scale(.6)}.dial.open .dial-btn .i-x{opacity:1;transform:none}.dial:not(.open) .dial-btn:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--orange);opacity:0;animation:dial-pulse 2.6s ease-out infinite}@keyframes dial-pulse{0%{transform:scale(.92);opacity:.75}to{transform:scale(1.4);opacity:0}}@media (prefers-reduced-motion:reduce){.dial-btn:after{animation:none!important}.dial-btn svg,.dial-item{transition:none!important}}