@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap');
:root{--teal:#2aa8b5;--teal2:#62c8d0;--navy:#102f3b;--dark:#1f2e35;--text:#26343a;--muted:#6d7a80;--soft:#f4f8f8;--line:#dce8ea;--white:#fff;--shadow:0 22px 60px rgba(16,47,59,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Tajawal",Arial,sans-serif;color:var(--text);background:#fff;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin:auto}.skip-link{position:absolute;top:-60px;right:20px;background:#fff;padding:10px;z-index:99}.skip-link:focus{top:10px}.topbar{background:var(--navy);color:#dfeaed;font-size:13px}.topbar__inner{display:flex;justify-content:space-between;align-items:center;min-height:38px}.topbar p{margin:0}.topbar__contact{display:flex;gap:9px;direction:ltr}.site-header{position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);z-index:50;border-bottom:1px solid rgba(16,47,59,.08)}.nav-wrap{height:84px;display:flex;align-items:center;gap:28px}.brand{margin-left:auto;display:flex;align-items:center;gap:10px}.brand__icon{height:46px;width:auto}.brand__text{height:32px;width:auto}.main-nav{display:flex;gap:24px;font-size:15px;font-weight:600}.main-nav a{position:relative;padding:30px 0}.main-nav a:after{content:"";position:absolute;bottom:19px;right:0;width:0;height:2px;background:var(--teal);transition:.25s}.main-nav a:hover:after,.main-nav a.active:after{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:8px;font-weight:700;border:1px solid transparent;cursor:pointer;font-family:inherit;transition:.25s}.btn--primary{background:var(--teal);color:#fff;box-shadow:0 10px 25px rgba(42,168,181,.25)}.btn--primary:hover{background:#198f9d;transform:translateY(-2px)}.btn--ghost{border-color:#a9cdd2;color:var(--navy);background:#fff}.nav-cta{min-height:42px;padding:0 18px}.menu-toggle{display:none;background:none;border:0}.hero{position:relative;overflow:hidden;padding:90px 0 80px;background:linear-gradient(135deg,#f8fbfb 0%,#fff 55%,#eef8f9 100%)}.hero__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.eyebrow{display:inline-block;color:var(--teal);font-weight:800;font-size:14px;letter-spacing:.2px;margin-bottom:16px}.hero h1,.section h2,.cta-section h2{margin:0;color:var(--navy);line-height:1.28}.hero h1{font-size:clamp(40px,5vw,68px);font-weight:800;letter-spacing:-1.5px}.hero h1 em{font-style:normal;color:var(--teal)}.hero__content>p{font-size:19px;color:var(--muted);max-width:680px;margin:26px 0}.hero__actions{display:flex;gap:14px}.hero__proof{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px;border-top:1px solid var(--line);padding-top:25px;max-width:650px}.hero__proof div{display:flex;flex-direction:column}.hero__proof strong{font-size:26px;color:var(--navy)}.hero__proof span{font-size:13px;color:var(--muted)}.hero__visual{min-height:500px;position:relative}.dashboard-card{position:absolute;inset:90px 28px auto 15px;background:rgba(255,255,255,.92);border:1px solid #dbeaec;border-radius:22px;padding:30px;box-shadow:var(--shadow);z-index:3}.dashboard-card__top{display:flex;justify-content:space-between;align-items:end}.dashboard-card__top strong{font-size:44px;color:var(--teal)}.progress{height:10px;background:#e8f1f2;border-radius:20px;margin:18px 0 26px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--teal2));border-radius:20px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-grid div{background:var(--soft);padding:18px 8px;text-align:center;border-radius:12px}.mini-grid b{display:block;color:var(--navy);font-size:23px}.mini-grid span{font-size:12px;color:var(--muted)}.floating-card{position:absolute;background:white;padding:15px 18px;border-radius:14px;box-shadow:var(--shadow);display:flex;align-items:center;gap:12px;z-index:4}.floating-card .icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e9f7f8;color:var(--teal);font-weight:bold}.floating-card b,.floating-card small{display:block}.floating-card small{color:var(--muted)}.floating-card--a{top:18px;right:0}.floating-card--b{bottom:16px;left:0}.orb{position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#74d5dc,#1d95a3 68%,#167784);left:55px;top:60px;box-shadow:0 40px 80px rgba(42,168,181,.26);display:grid;place-items:center;color:white;text-align:center;font-size:31px;font-weight:800}.orb:before,.orb:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.45);border-radius:50%}.orb:before{inset:35px}.orb:after{inset:70px}.hero__shape{position:absolute;border-radius:50%;filter:blur(1px)}.hero__shape--one{width:380px;height:380px;background:rgba(98,200,208,.12);left:-130px;top:-100px}.hero__shape--two{width:220px;height:220px;border:1px solid rgba(42,168,181,.22);right:42%;bottom:-110px}.trust-strip{background:var(--navy);color:#fff}.trust-strip__grid{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0}.trust-strip__grid div{text-align:center;border-left:1px solid rgba(255,255,255,.15)}.trust-strip__grid div:last-child{border-left:0}.trust-strip b{display:block;color:var(--teal2);font-size:31px}.trust-strip span{font-size:14px;color:#d8e3e6}.section{padding:105px 0}.section--soft{background:var(--soft)}.section-heading{text-align:center;max-width:720px;margin:0 auto 52px}.section h2,.cta-section h2{font-size:clamp(31px,4vw,46px)}.section-heading p{color:var(--muted);margin-top:12px}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:75px;align-items:center}.split__content>p{font-size:18px;color:var(--muted)}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:28px 0}.check-list span:before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e4f5f6;color:var(--teal);margin-left:8px}.text-link{color:var(--teal);font-weight:800}.split__panel{position:relative;background:var(--navy);color:#fff;border-radius:26px;padding:55px;overflow:hidden;box-shadow:var(--shadow)}.split__panel:after{content:"";position:absolute;width:220px;height:220px;border:50px solid rgba(98,200,208,.08);border-radius:50%;left:-95px;bottom:-95px}.panel-number{font-size:64px;font-weight:800;color:rgba(98,200,208,.2);line-height:1}.split__panel h3{font-size:30px;margin:8px 0}.split__panel p{color:#cbd9dc}.panel-bars{display:grid;gap:10px;margin-top:28px}.panel-bars i{display:block;width:var(--w);height:8px;background:linear-gradient(90deg,var(--teal),var(--teal2));border-radius:10px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{position:relative;background:#fff;border:1px solid #dfebed;padding:30px;border-radius:16px;transition:.3s;overflow:hidden}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:transparent}.service-card__num{position:absolute;left:22px;top:19px;color:#cbdadd;font-weight:700}.service-card__icon{width:54px;height:54px;background:#e9f7f8;color:var(--teal);display:grid;place-items:center;border-radius:13px;font-size:28px}.service-card h3{font-size:21px;color:var(--navy);margin:20px 0 8px}.service-card p{color:var(--muted);min-height:82px}.service-card a{color:var(--teal);font-weight:700;font-size:14px}.sector-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden}.sector-grid div{padding:32px 15px;text-align:center;border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.sector-grid span{display:block;color:var(--teal);font-size:31px;margin-bottom:8px}.process{background:var(--navy);color:#fff}.section-heading--light h2{color:#fff}.section-heading--light .eyebrow{color:var(--teal2)}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);position:relative}.process-grid:before{content:"";position:absolute;top:32px;right:8%;left:8%;height:1px;background:rgba(255,255,255,.2)}.process-step{text-align:center;padding:0 18px;position:relative}.process-step span{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--teal);margin:auto;position:relative;z-index:2;font-weight:800}.process-step h3{font-size:18px;margin:18px 0 5px}.process-step p{color:#b8c9cd;font-size:14px}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--line);transition:.3s}.project-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.project-card__visual{height:220px;position:relative;display:flex;align-items:flex-end;padding:18px;background-size:cover;background-position:center}.project-card__visual span{background:#fff;color:var(--navy);padding:7px 11px;border-radius:6px;font-size:12px;font-weight:700}.visual-a{background:linear-gradient(135deg,#a6c9cc,#2d6871)}.visual-b{background:linear-gradient(135deg,#d7c5ac,#826a4e)}.visual-c{background:linear-gradient(135deg,#8fb3c1,#203f4b)}.project-card__body{padding:24px}.project-card__body small{color:var(--teal);font-weight:700}.project-card__body h3{color:var(--navy);font-size:21px;margin:6px 0}.project-card__body p{color:var(--muted);margin-bottom:0}.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.insight{padding:30px;border:1px solid var(--line);border-radius:14px}.insight span{color:var(--teal);font-size:13px;font-weight:800}.insight h3{color:var(--navy);font-size:21px;min-height:72px}.insight a{font-weight:700;color:var(--teal)}.cta-section{padding:95px 0;background:linear-gradient(135deg,#edf8f9,#fff)}.cta-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.cta-copy p{color:var(--muted);font-size:18px}.cta-copy ul{list-style:none;padding:0}.cta-copy li{margin:8px 0}.cta-copy li:before{content:"✓";color:var(--teal);font-weight:bold;margin-left:8px}.contact-form{background:#fff;border:1px solid var(--line);padding:28px;border-radius:18px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field--full{grid-column:1/-1}.field label{font-size:14px;font-weight:700;color:var(--navy)}.field input,.field select,.field textarea{width:100%;border:1px solid #cfdee1;border-radius:8px;padding:13px 14px;font:inherit;background:#fbfdfd;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(42,168,181,.12)}.form-status{margin:0;color:var(--teal);font-weight:700}.footer{background:#0d2731;color:#d2dfe2;padding:65px 0 20px}.footer__grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:45px}.footer__logo{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.footer__logo-icon{width:46px;height:auto}
.footer__logo-text{width:150px;height:auto}.footer h4{color:#fff;margin-top:0}.footer a,.footer span{display:block;color:#b9c9cd;margin:8px 0;font-size:14px}.footer__bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:35px;padding-top:18px;display:flex;justify-content:space-between}.reveal{opacity:0;transform:translateY(22px);transition:.7s ease}.reveal.is-visible{opacity:1;transform:none}.reveal--delay{transition-delay:.15s}
@media(max-width:1000px){.main-nav,.nav-cta{display:none}.menu-toggle{display:grid;gap:5px;margin-right:auto}.menu-toggle span{display:block;width:27px;height:2px;background:var(--navy)}.main-nav.open{display:flex;position:absolute;top:84px;right:0;left:0;background:#fff;flex-direction:column;padding:20px 30px;box-shadow:0 20px 40px rgba(0,0,0,.1);gap:0}.main-nav.open a{padding:12px}.hero__grid,.split,.cta-grid{grid-template-columns:1fr}.hero__visual{min-height:480px}.services-grid,.projects-grid,.insights-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(3,1fr);gap:35px}.process-grid:before{display:none}.sector-grid{grid-template-columns:repeat(2,1fr)}.footer__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.container{width:min(100% - 28px,1180px)}.topbar__inner{justify-content:center}.topbar p{display:none}.nav-wrap{height:72px}.brand__icon{height:38px}.brand__text{height:26px}.main-nav.open{top:72px}.hero{padding:60px 0}.hero h1{font-size:39px}.hero__content>p{font-size:16px}.hero__actions{flex-direction:column}.hero__proof{gap:10px}.hero__proof strong{font-size:22px}.hero__visual{min-height:440px}.orb{width:255px;height:255px;left:10px;top:70px}.dashboard-card{inset:90px 0 auto 0}.floating-card{font-size:12px}.floating-card--a{top:10px}.floating-card--b{bottom:0}.trust-strip__grid{grid-template-columns:repeat(2,1fr);gap:12px}.trust-strip__grid div{border:0}.section{padding:72px 0}.check-list,.services-grid,.projects-grid,.insights-grid,.contact-form,.footer__grid{grid-template-columns:1fr}.sector-grid{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr}.project-card__visual{height:180px}.footer__bottom{flex-direction:column;gap:8px}.split__panel{padding:36px 28px}.field--full{grid-column:auto}}

.sector-grid p{color:var(--muted);font-size:13px;margin:8px 0 0}

/* check-list also usable as <ul><li> (services.html detail bullets) */
ul.check-list{list-style:none;padding:0}
.check-list li:before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e4f5f6;color:var(--teal);margin-left:8px}

/* ═══════════════════════════════════════════════════════
   PAGE HERO (sub-pages)
   ═══════════════════════════════════════════════════════ */
.page-hero{position:relative;overflow:hidden;padding:64px 0 56px;background:linear-gradient(135deg,var(--navy) 0%,#16404f 100%);color:#fff}
.page-hero__crumb{font-size:13px;color:var(--teal2);font-weight:700;margin-bottom:14px}
.page-hero__crumb a{color:#c7dde0}
.page-hero__crumb a:hover{color:var(--teal2)}
.page-hero h1{color:#fff;font-size:clamp(30px,4vw,46px);font-weight:800;margin:0}
.page-hero p{color:#c7dde0;font-size:17px;max-width:680px;margin:16px 0 0}
.page-hero__shape{position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(98,200,208,.14);left:-90px;top:-100px}

/* ═══════════════════════════════════════════════════════
   GENERIC CTA BANNER (sub-pages, links back to index.html#contact)
   ═══════════════════════════════════════════════════════ */
.cta-banner{background:linear-gradient(135deg,#edf8f9,#fff);padding:70px 0;text-align:center;border-top:1px solid var(--line)}
.cta-banner h2{margin:0 0 12px}
.cta-banner p{color:var(--muted);font-size:17px;margin:0 0 26px}
.cta-banner .btn{margin:0 6px}

/* ═══════════════════════════════════════════════════════
   PARTNERS (شركاء نجاحنا)
   ═══════════════════════════════════════════════════════ */
.partners-intro{text-align:center;max-width:780px;margin:0 auto 50px}
.partners-intro p{color:var(--muted);font-size:17px;margin-top:12px}
.partners-layout{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:start}
.partners-sidebar{position:sticky;top:100px;background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:22px}
.partners-sidebar h3{font-size:15px;color:var(--navy);margin:0 0 14px}
.filter-list{display:flex;flex-direction:column;gap:4px}
.filter-btn{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:right;background:none;border:0;border-radius:10px;padding:11px 12px;font:inherit;font-size:14px;font-weight:600;color:var(--text);cursor:pointer;transition:.2s}
.filter-btn:hover{background:#e9f4f5}
.filter-btn.active{background:var(--teal);color:#fff}
.filter-btn span{font-size:12px;font-weight:700;color:var(--muted);background:#fff;border-radius:20px;padding:2px 9px}
.filter-btn.active span{color:var(--teal);background:#fff}
.partners-count{color:var(--muted);font-size:14px;margin-bottom:20px}
.partners-count strong{color:var(--navy)}
.partners-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.partner-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 14px;text-align:center;transition:.25s;display:block;text-decoration:none;color:inherit;cursor:pointer}
.partner-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}
.partner-card__logo{height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.partner-card__logo img{max-height:64px;max-width:100%;object-fit:contain;margin:auto}
.partner-card__logo--dark{background:var(--navy);border-radius:8px;padding:6px}
.partner-card__logo--dark img{max-height:52px}
.partner-card__avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--teal2));color:#fff;font-weight:800;font-size:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.partner-card__name{font-size:13.5px;font-weight:700;color:var(--navy);line-height:1.5}
.partner-card__sector{display:block;font-size:11px;color:var(--teal);font-weight:700;margin-top:5px}
.partner-card.is-hidden{display:none}
.partners-empty{display:none;text-align:center;color:var(--muted);padding:60px 0}
.partners-empty.is-visible{display:block}

/* ═══════════════════════════════════════════════════════
   HOMEPAGE PARTNERS TEASER
   ═══════════════════════════════════════════════════════ */
.partners-teaser-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:34px}
.partners-teaser-grid .partner-card{padding:16px 10px}
.partners-teaser-grid .partner-card__logo{height:48px;margin-bottom:8px}
.partners-teaser-grid .partner-card__logo img{max-height:48px}
.partners-teaser-grid .partner-card__avatar{width:44px;height:44px;font-size:16px;margin-bottom:8px}
.partners-teaser-grid .partner-card__name{font-size:12px}

@media(max-width:1000px){
  .partners-layout{grid-template-columns:1fr}
  .partners-sidebar{position:static}
  .filter-list{flex-direction:row;flex-wrap:wrap}
  .filter-btn{width:auto}
  .partners-grid{grid-template-columns:repeat(3,1fr)}
  .partners-teaser-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:650px){
  .page-hero{padding:44px 0 38px}
  .partners-grid{grid-template-columns:repeat(2,1fr)}
  .partners-teaser-grid{grid-template-columns:repeat(3,1fr)}
  .cta-banner{padding:50px 0}
  .cta-banner .btn{margin:6px}
}

/* ═══════════════════════════════════════════════════════
   قصص نجاحنا (success stories) — sidebar filter + gallery
   ═══════════════════════════════════════════════════════ */
.stories-intro{text-align:center;max-width:780px;margin:0 auto 50px}
.stories-intro p{color:var(--muted);font-size:17px;margin-top:12px}
.stories-count{color:var(--muted);font-size:14px;margin-bottom:20px}
.stories-count strong{color:var(--navy)}
.stories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.story-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 16px;text-align:center;transition:.3s;display:block;text-decoration:none;color:inherit;cursor:pointer}
.story-card:hover{box-shadow:var(--shadow);border-color:transparent}
.story-card.is-hidden{display:none}
.story-card__type{display:inline-block;background:var(--teal);color:#fff;font-size:11px;font-weight:800;padding:3px 11px;border-radius:20px;margin-bottom:14px}
.story-card__org{color:var(--teal);font-weight:700;font-size:12px;margin-top:14px}
.story-card__title{color:var(--navy);font-size:15px;font-weight:800;margin:5px 0 6px}
.story-card__desc{color:var(--muted);font-size:12.5px;margin:0}
.stories-empty{display:none;text-align:center;color:var(--muted);padding:60px 0}
.stories-empty.is-visible{display:block}

/* 3D book mockup — spine on the right, pages fanning left (Arabic reading direction) */
.book-mockup{perspective:1100px;display:flex;justify-content:center;padding:14px 0 8px}
.book-mockup__scene{position:relative;width:118px;height:167px;margin-inline-start:14px;transform-style:preserve-3d;transform:rotateY(-32deg) rotateX(4deg);transition:transform .45s}
.story-card:hover .book-mockup__scene{transform:rotateY(-8deg) rotateX(2deg)}
.book-mockup__cover{position:absolute;inset:0;border-radius:2px 5px 5px 2px;overflow:hidden;box-shadow:-10px 16px 28px rgba(16,47,59,.32);background:#eaf3f4}
.book-mockup__cover img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.book-mockup__cover:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.2) 0%,transparent 10%,transparent 88%,rgba(0,0,0,.1) 96%,rgba(0,0,0,.4) 100%);pointer-events:none}
.book-mockup__pages{position:absolute;top:2px;bottom:2px;right:-13px;width:13px;background:repeating-linear-gradient(180deg,#fff 0,#fff 1.5px,#d5d5d5 1.5px,#d5d5d5 2.5px);transform:rotateY(-90deg);transform-origin:left;border-radius:0 3px 3px 0;box-shadow:inset -2px 0 5px rgba(0,0,0,.12)}
.book-mockup__bottom{position:absolute;left:1px;right:1px;bottom:-9px;height:9px;background:repeating-linear-gradient(90deg,#fff 0,#fff 1.5px,#d5d5d5 1.5px,#d5d5d5 2.5px);transform:rotateX(-90deg);transform-origin:top;box-shadow:inset 0 -2px 5px rgba(0,0,0,.1)}
.book-mockup__spine{position:absolute;top:0;bottom:0;left:-7px;width:7px;background:linear-gradient(180deg,var(--navy),var(--teal));transform:rotateY(90deg);transform-origin:right;border-radius:3px 0 0 3px}

@media(max-width:1100px){
  .stories-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:1000px){
  .stories-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
  .stories-grid{grid-template-columns:1fr}
}

/* ═══════════════════════════════════════════════════════
   WHATSAPP FLOAT + THEME TOGGLE
   ═══════════════════════════════════════════════════════ */
.wa-float{position:fixed;bottom:1.75rem;left:1.75rem;z-index:500;display:flex;align-items:center;gap:.5rem;background:#25D366;color:#fff;padding:.8rem 1.2rem;border-radius:50px;font-weight:700;font-size:14px;box-shadow:0 6px 22px rgba(37,211,102,.45);text-decoration:none;transition:.25s;animation:wa-pulse 3s infinite}
.wa-float:hover{background:#1ebe5d;color:#fff;transform:scale(1.05)}
.wa-float svg{width:20px;height:20px;fill:currentColor}
@keyframes wa-pulse{0%,100%{box-shadow:0 6px 22px rgba(37,211,102,.45)}50%{box-shadow:0 6px 32px rgba(37,211,102,.7),0 0 0 8px rgba(37,211,102,.08)}}
@media(max-width:650px){.wa-float{left:1rem;bottom:1rem;padding:.7rem 1rem;font-size:13px}.wa-float span{display:none}}

.theme-toggle{background:none;border:1px solid var(--line);width:38px;height:38px;border-radius:50%;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;margin-left:8px}
.theme-toggle:hover{border-color:var(--teal);background:var(--soft)}

/* ═══════════════════════════════════════════════════════
   DARK MODE — opt-in via [data-theme="dark"] on <html>, light stays default
   ═══════════════════════════════════════════════════════ */
:root[data-theme="dark"]{--soft:#0f1e27;--line:#1e3540;--muted:#93a6ac;--white:#0b1720;--shadow:0 22px 60px rgba(0,0,0,.45)}
[data-theme="dark"] body{background:#0b1720;color:#c7d5da}
[data-theme="dark"] .site-header{background:rgba(11,23,32,.92);border-bottom-color:rgba(98,200,208,.15)}
[data-theme="dark"] .main-nav a{color:#c7d5da}
[data-theme="dark"] .brand__text{filter:brightness(0) invert(1)}
[data-theme="dark"] .theme-toggle{border-color:#274450;color:#c7d5da}
[data-theme="dark"] .theme-toggle:hover{background:#132631}
[data-theme="dark"] .hero{background:linear-gradient(135deg,#0b1720 0%,#0e1e28 55%,#0f2129 100%)}
[data-theme="dark"] .hero h1,[data-theme="dark"] .section h2,[data-theme="dark"] .cta-section h2,[data-theme="dark"] .page-hero h1{color:#eef6f7}
[data-theme="dark"] .hero__content>p,[data-theme="dark"] .section-heading p,[data-theme="dark"] .split__content>p,[data-theme="dark"] .cta-copy p{color:#93a6ac}
[data-theme="dark"] .section--soft{background:#0f1e27}
[data-theme="dark"] .dashboard-card{background:rgba(20,37,48,.92);border-color:#1e3540}
[data-theme="dark"] .dashboard-card__top strong,[data-theme="dark"] .mini-grid b{color:var(--teal2)}
[data-theme="dark"] .mini-grid div{background:#132631}
[data-theme="dark"] .floating-card{background:#142530;box-shadow:0 22px 60px rgba(0,0,0,.5)}
[data-theme="dark"] .floating-card b{color:#eef6f7}
[data-theme="dark"] .service-card,[data-theme="dark"] .project-card,[data-theme="dark"] .story-card,[data-theme="dark"] .partner-card,[data-theme="dark"] .insight,[data-theme="dark"] .req-card,[data-theme="dark"] .fin-card,[data-theme="dark"] .contact-form,[data-theme="dark"] .newsletter-box{background:#132631;border-color:#1e3540}
[data-theme="dark"] .service-card h3,[data-theme="dark"] .project-card__body h3,[data-theme="dark"] .story-card__title,[data-theme="dark"] .insight h3,[data-theme="dark"] .partner-card__name{color:#eef6f7}
[data-theme="dark"] .sector-grid,[data-theme="dark"] .sector-grid div{background:#132631;border-color:#1e3540}
[data-theme="dark"] .sector-grid b{color:#eef6f7}
[data-theme="dark"] .partners-sidebar{background:#0f1e27;border-color:#1e3540}
[data-theme="dark"] .filter-btn{color:#c7d5da}
[data-theme="dark"] .filter-btn:hover{background:#182f3a}
[data-theme="dark"] .filter-btn span{background:#0b1720}
[data-theme="dark"] .cta-section{background:linear-gradient(135deg,#0f2129,#0b1720)}
[data-theme="dark"] .cta-banner{background:linear-gradient(135deg,#0f2129,#0b1720);border-top-color:#1e3540}
[data-theme="dark"] .field label{color:#eef6f7}
[data-theme="dark"] .field input,[data-theme="dark"] .field select,[data-theme="dark"] .field textarea{background:#0f1e27;border-color:#274450;color:#c7d5da}
[data-theme="dark"] .btn--ghost{background:transparent;color:#eef6f7;border-color:#2c4b58}
[data-theme="dark"] .text-link{color:var(--teal2)}
[data-theme="dark"] .story-card__desc,[data-theme="dark"] .stories-count,[data-theme="dark"] .partners-count{color:#93a6ac}
[data-theme="dark"] .skip-link{background:#132631;color:#eef6f7}

/* ═══════════════════════════════════════════════════════
   PARTNER STUDIES MODAL (شركاء نجاحنا → بوب-اب المشروعات)
   ═══════════════════════════════════════════════════════ */
body.modal-open{overflow:hidden}
.partner-modal-overlay{position:fixed;inset:0;background:rgba(16,47,59,.6);display:none;align-items:center;justify-content:center;z-index:1000;padding:20px}
.partner-modal-overlay.is-open{display:flex}
.partner-modal{background:#fff;border-radius:18px;max-width:960px;width:100%;max-height:88vh;overflow-y:auto;padding:32px 28px 28px;position:relative;box-shadow:0 24px 70px rgba(0,0,0,.35)}
.partner-modal__close{position:absolute;top:16px;left:16px;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--navy);transition:.2s}
.partner-modal__close:hover{background:var(--teal);color:#fff;border-color:transparent}
.partner-modal__header{text-align:center;margin-bottom:24px}
.partner-modal__title{color:var(--navy);font-size:21px;font-weight:800;margin:0 0 6px}
.partner-modal__subtitle{color:var(--teal);font-size:13.5px;font-weight:700;margin:0}
.partner-modal__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.partner-modal__empty{text-align:center;color:var(--muted);padding:30px 10px;font-size:14.5px;line-height:1.9}
.partner-modal__empty a{color:var(--teal);font-weight:700}
@media(max-width:760px){.partner-modal__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.partner-modal__grid{grid-template-columns:1fr}.partner-modal{padding:26px 18px 20px}}

[data-theme="dark"] .partner-modal{background:#132631}
[data-theme="dark"] .partner-modal__close{background:#0f1e27;border-color:#274450;color:#c7d5da}
[data-theme="dark"] .partner-modal__title{color:#eef6f7}

/* ═══════════════════════════════════════════════════════
   SERVICE CARD — مكونات الخدمة (تفصيل قابل للطي)
   ═══════════════════════════════════════════════════════ */
.service-card__more{margin:16px 0 18px;border-top:1px solid var(--line);padding-top:14px}
.service-card__more summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--navy);font-weight:700;font-size:14px}
.service-card__more summary::-webkit-details-marker{display:none}
.service-card__more summary:after{content:"+";color:var(--teal);font-size:20px;font-weight:800;flex-shrink:0;transition:transform .2s}
.service-card__more[open] summary:after{content:"−"}
.service-card__more ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.service-card__more li{color:var(--muted);font-size:13.5px;line-height:1.6;padding-inline-start:26px;position:relative}
.service-card__more li:before{content:"✓";position:absolute;right:0;top:0;display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#e4f5f6;color:var(--teal);font-size:11px}
[data-theme="dark"] .service-card__more{border-color:#1e3540}
[data-theme="dark"] .service-card__more summary{color:#eef6f7}
[data-theme="dark"] .service-card__more li:before{background:#0f1e27}