:root{--ink:#112c32;--muted:#607278;--teal:#0b6874;--teal-dark:#084d57;--aqua:#dff3f1;--sand:#f5f1e9;--line:#dbe4e5;--white:#fff;--shadow:0 18px 50px rgba(17,44,50,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}body{margin:0;max-width:100%;overflow-x:hidden;font-family:'Tajawal',system-ui,sans-serif;color:var(--ink);background:#fbfcfb;line-height:1.7}img{max-width:100%}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.site-header{height:86px;display:flex;align-items:center;gap:36px;padding:0 max(5vw,28px);background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;margin-left:auto}.brand-mark{width:42px;height:42px;border-radius:13px;background:var(--teal);color:#fff;display:grid;place-items:center;font-weight:800;font-size:24px;box-shadow:0 8px 20px rgba(11,104,116,.22)}.brand b{font-size:20px;display:block;line-height:1}.brand small{font-size:12px;color:var(--muted)}nav{display:flex;gap:28px;font-size:15px;font-weight:500}nav a{padding:31px 0 25px;border-bottom:3px solid transparent}nav a:hover,nav a.active{color:var(--teal);border-color:var(--teal)}.button{display:inline-flex;justify-content:center;align-items:center;background:var(--teal);color:#fff;border:0;border-radius:12px;padding:14px 24px;font-weight:700;cursor:pointer}.button:hover{background:var(--teal-dark)}.button-small{padding:10px 18px;border-radius:10px}.menu-button{display:none;background:none;border:0;font-size:26px}
.hero{min-height:660px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:58px;padding:72px max(6vw,32px);overflow:hidden;background:radial-gradient(circle at 10% 20%,#e6f6f4 0,transparent 36%),linear-gradient(135deg,#fff 0,#f7faf9 100%)}.hero-copy{max-width:680px}.eyebrow{display:inline-block;color:var(--teal);font-size:14px;font-weight:800;letter-spacing:.04em;margin-bottom:12px}.hero h1,.directory-hero h1{font-size:clamp(40px,5vw,68px);line-height:1.18;margin:0 0 22px;letter-spacing:-.04em}.hero-copy>p{font-size:20px;color:var(--muted);max-width:650px}.hero-search{display:flex;background:#fff;padding:8px;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);margin:32px 0 22px}.hero-search input{flex:1;min-width:0;border:0;outline:0;padding:10px 14px;background:transparent}.hero-search button{border:0;background:var(--teal);color:white;border-radius:11px;padding:12px 24px;font-weight:700}.trust-row{display:flex;gap:24px;color:#486268;font-size:14px}.hero-visual{position:relative}.hero-visual img{width:100%;height:500px;object-fit:cover;border-radius:28px;box-shadow:var(--shadow)}.hero-visual:before{content:'';position:absolute;inset:-20px 40px 30px -20px;border:2px solid #a9d8d3;border-radius:28px;z-index:-1}.floating-card{position:absolute;bottom:28px;right:-28px;background:#fff;padding:17px 20px;border-radius:14px;box-shadow:var(--shadow);display:flex;flex-direction:column}.floating-card span{color:var(--muted);font-size:13px}
.section{padding:96px max(6vw,32px)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px}.section h2,.insight-band h2,.split h2{font-size:clamp(30px,3.4vw,48px);line-height:1.25;margin:0}.text-link{color:var(--teal);font-weight:700}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;transition:.2s}.category-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#9dc9c6}.category-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--aqua);color:var(--teal);font-size:25px}.category-card h3{font-size:21px;margin:22px 0 8px}.category-card p{color:var(--muted);margin:0}.insight-band{margin:0 max(3vw,16px);padding:72px max(4vw,28px);background:var(--ink);color:#fff;border-radius:28px;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.eyebrow-light{color:#7ed3cc}.insight-band>div>p{color:#b9cacc;font-size:18px}.insight-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.insight-list article{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:26px;border-radius:16px}.insight-list article span{color:#7ed3cc;font-size:13px}.insight-list h3{font-size:21px}.insight-list a{font-weight:700}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.split>div>p{font-size:18px;color:var(--muted)}.action-card{background:var(--sand);border-radius:22px;padding:34px}.action-card h3{font-size:26px;margin-top:0}.action-card .button:disabled{opacity:.7;cursor:not-allowed}
footer{padding:38px max(6vw,32px);background:#0b2429;color:#d5e2e3;display:flex;align-items:center;justify-content:space-between}.brand-footer{margin:0;color:#fff}.brand-footer small{color:#a8bcbe}footer p{font-size:13px}
.directory-hero{padding:68px max(7vw,36px) 56px;background:linear-gradient(145deg,#edf8f6,#fff)}.directory-hero h1{font-size:clamp(38px,4.6vw,62px);margin-bottom:12px}.directory-hero p{color:var(--muted);font-size:18px}.directory-search{max-width:780px;margin-top:30px;background:white;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;padding:0 18px;box-shadow:0 12px 40px rgba(17,44,50,.08)}.directory-search span{font-size:28px;color:var(--teal)}.directory-search input{width:100%;border:0;outline:0;padding:18px;background:transparent}.directory-layout{display:grid;grid-template-columns:280px 1fr;gap:34px;padding:48px max(6vw,28px) 90px}.filters{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;height:max-content;position:sticky;top:110px}.filter-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px}.filter-head h2{font-size:19px;margin:0}.filter-head button{border:0;background:transparent;color:var(--teal);font-size:13px;cursor:pointer}.filters fieldset{border:0;padding:20px 0;margin:0}.filters legend{font-weight:700;margin-bottom:8px}.filters label{display:block;padding:8px 0;color:#42585d}.filters input{accent-color:var(--teal);margin-left:8px}.privacy-note{background:#eff8f7;border-radius:12px;padding:16px;font-size:13px}.privacy-note p{margin:5px 0;color:var(--muted)}.results-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;color:var(--muted)}.results-head span{font-size:22px;color:var(--ink);font-weight:800}.results-head select{padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:#fff}.company-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.company-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;display:grid;grid-template-columns:62px 1fr;gap:16px;position:relative;transition:.2s}.company-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.company-logo{width:62px;height:62px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,var(--aqua),#f1f8f7);color:var(--teal);font-size:20px;font-weight:800}.company-info{min-width:0}.service-tag{color:var(--teal);background:#edf8f6;padding:4px 9px;border-radius:20px;font-size:11px}.company-card h2{font-size:22px;margin:11px 0 4px}.company-card p{color:var(--muted);font-size:14px;margin:0;min-height:48px}.company-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:#667b80;margin-top:14px}.status-dot:before{content:'';display:inline-block;width:7px;height:7px;background:#4daf76;border-radius:50%;margin-left:5px}.details-button{grid-column:1/-1;border:1px solid var(--line);background:#fff;padding:10px;border-radius:10px;color:var(--teal);font-weight:700;cursor:pointer}.details-button:hover{background:var(--teal);color:#fff}.empty-state{text-align:center;background:#fff;border:1px dashed #b6cbce;border-radius:16px;padding:60px}.empty-state b{font-size:22px}
@media(max-width:980px){nav{display:none}.menu-button{display:block}.site-header .button-small{display:none}.hero{grid-template-columns:1fr;padding-top:52px}.hero-visual img{height:360px}.category-grid{grid-template-columns:repeat(2,1fr)}.insight-band,.split{grid-template-columns:1fr}.directory-layout{grid-template-columns:1fr}.filters{position:static}.company-grid{grid-template-columns:1fr}}
@media(max-width:620px){.site-header{height:72px;padding:0 18px}.brand-mark{width:38px;height:38px}.hero,.section{padding:50px 20px}.hero h1{font-size:39px}.hero-search{display:block}.hero-search button{width:100%}.trust-row{flex-wrap:wrap;gap:8px 16px}.hero-visual img{height:260px}.floating-card{right:10px;bottom:18px}.category-grid,.insight-list{grid-template-columns:1fr}.section-heading{display:block}.text-link{display:inline-block;margin-top:14px}.insight-band{margin:0 10px;padding:46px 22px}.directory-hero{padding:48px 20px}.directory-layout{padding:28px 16px 60px}.results-head{align-items:flex-start;gap:12px;flex-direction:column}.company-card{grid-template-columns:52px 1fr;padding:17px}.company-logo{width:52px;height:52px}footer{display:block;padding:32px 20px}footer p{margin-top:18px}}
.brand{margin-left:0;margin-inline-end:auto}.header-actions{display:flex;align-items:center;gap:10px}.language-toggle{background:#fff;color:var(--teal);border:1px solid #b7d1d2;border-radius:10px;padding:9px 13px;font-weight:700;cursor:pointer}.language-toggle:hover{background:var(--aqua)}body.lang-en{font-family:'Inter',system-ui,sans-serif}.lang-en .floating-card{right:auto;left:-28px}.lang-en .status-dot:before{margin-left:0;margin-right:5px}
@media(max-width:980px){.header-actions .button-small{display:none}}@media(max-width:620px){.header-actions{margin-inline-start:auto}.language-toggle{padding:7px 10px}.lang-en .floating-card{left:10px}}
.brand-logo{width:48px;height:48px;object-fit:contain;border-radius:12px;background:#fff}.brand-footer .brand-logo{background:#fff}.ad-wrap{padding:28px max(6vw,32px) 0}.ad-slot{border:1px dashed #8db6ba;background:linear-gradient(135deg,#f1f8f7,#fff);border-radius:16px;min-height:112px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:22px;color:var(--muted)}.ad-slot span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#72878b}.ad-slot strong{color:var(--ink);font-size:18px}.ad-slot small{font-size:12px}.ad-in-feed{grid-column:1/-1;min-height:150px}.company-logo{overflow:hidden}.company-logo img{width:100%;height:100%;object-fit:contain;background:#fff}.company-card p{min-height:70px}.social-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.social-links a,.modal-links a{border:1px solid #bad2d3;border-radius:20px;padding:5px 10px;color:var(--teal);font-size:12px;font-weight:700}.social-links a:hover,.modal-links a:hover{background:var(--teal);color:#fff}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:100}.modal-backdrop{position:absolute;inset:0;background:rgba(5,28,33,.7);backdrop-filter:blur(4px)}.modal-card{position:relative;z-index:1;background:#fff;width:min(620px,calc(100% - 32px));max-height:calc(100vh - 60px);overflow:auto;margin:30px auto;border-radius:24px;padding:36px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.modal-close{position:absolute;top:16px;inset-inline-end:18px;border:0;background:#edf5f4;border-radius:50%;width:36px;height:36px;font-size:24px;cursor:pointer}.modal-company-head{display:flex;align-items:center;gap:20px;padding-inline-end:35px}.modal-company-head img{width:82px;height:82px;object-fit:contain;border:1px solid var(--line);border-radius:18px;padding:8px}.modal-company-head h2{font-size:32px;margin:8px 0 2px}.modal-company-head small{color:var(--muted)}.modal-card>div>h3{margin:28px 0 6px}.modal-card>div>p{color:var(--muted)}.modal-links{display:flex;flex-wrap:wrap;gap:8px}.modal-open{overflow:hidden}
@media(max-width:620px){.brand-logo{width:40px;height:40px}.ad-wrap{padding:20px 16px 0}.ad-slot strong{font-size:16px}.company-card p{min-height:0}.modal-card{padding:28px 22px}.modal-company-head{align-items:flex-start}.modal-company-head h2{font-size:25px}.modal-company-head img{width:64px;height:64px}}
.category-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.brand small{max-width:180px;white-space:nowrap}.lang-en .brand small{font-size:10px}
.contracting-panel{margin-top:28px;padding:24px;background:linear-gradient(145deg,#edf8f6,#fff);border:1px solid #c9dfdf;border-radius:18px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end}.contracting-panel h3{font-size:24px;margin:9px 0 4px}.contracting-panel p{color:var(--muted);margin:0 0 16px}.verified-pill{display:inline-flex;align-items:center;gap:5px;background:#dff4e7;color:#1c7146;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:700}.contact-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px}.contact-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--aqua)}.contact-card b,.contact-card small{display:block}.contact-card small{color:var(--muted);font-size:12px}.partnership-button{white-space:nowrap}.request-heading h2{font-size:30px;margin:0 0 8px}.request-heading p{color:var(--muted)}.partnership-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:24px}.partnership-form label{font-size:13px;font-weight:700}.partnership-form input,.partnership-form select,.partnership-form textarea{width:100%;display:block;margin-top:6px;border:1px solid #bfd1d3;border-radius:11px;background:#fff;padding:11px;outline:0}.partnership-form input:focus,.partnership-form select:focus,.partnership-form textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(11,104,116,.1)}.full-field{grid-column:1/-1}.form-privacy{font-size:12px;color:var(--muted);margin:0;background:#f4f7f7;padding:10px 12px;border-radius:9px}.demo-success{padding:36px;text-align:center;background:#edf8f1;border-radius:15px;color:#1c7146}.demo-success span{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 12px;border-radius:50%;background:#ccebd9;font-size:25px}.demo-success b{display:block}.modal-card{width:min(720px,calc(100% - 32px))}@media(max-width:620px){.contracting-panel{grid-template-columns:1fr}.partnership-button{width:100%}.partnership-form{grid-template-columns:1fr}.partnership-form>*{grid-column:1/-1}}
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.activities-section{background:#f2f7f6}.activities-section .section-heading p{max-width:700px;color:var(--muted);font-size:17px}.activity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.activity-grid a{background:#fff;border:1px solid var(--line);border-radius:17px;padding:24px;min-height:170px;display:flex;flex-direction:column;transition:.2s}.activity-grid a:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#9dc9c6}.activity-grid span{color:#80a3a5;font-size:13px}.activity-grid h3{font-size:20px;margin:18px 0;line-height:1.4}.activity-grid b{margin-top:auto;color:var(--teal);font-size:22px}.about-contact{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.about-card,.contact-card-large{padding:38px;border-radius:22px}.about-card{background:var(--ink);color:#fff}.about-card p{color:#c5d2d4;font-size:17px}.contact-card-large{background:var(--sand)}.contact-card-large p{color:var(--muted)}.footer-links{display:flex;gap:18px;font-size:13px}.footer-links a:hover{color:#7ed3cc}@media(max-width:980px){.activity-grid{grid-template-columns:repeat(2,1fr)}.about-contact{grid-template-columns:1fr}.site-header nav{gap:16px}}@media(max-width:620px){.activity-grid{grid-template-columns:1fr}.footer-links{margin:18px 0;flex-wrap:wrap}}
.file-field{border:1px dashed #9ebfc1;border-radius:12px;padding:14px;background:#f7fbfa;cursor:pointer}.file-field span{display:block;color:var(--teal);margin-top:4px}.file-field input{border:0;padding:7px 0 0;box-shadow:none!important}.activities-hero{padding:72px max(7vw,36px);background:linear-gradient(135deg,#e7f5f3,#fff)}.activities-hero h1{font-size:clamp(40px,5vw,64px);margin:0 0 14px}.activities-hero p{max-width:760px;color:var(--muted);font-size:19px}.activities-content{padding:64px max(6vw,28px) 90px}.activities-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:30px}.activities-toolbar h2{font-size:32px;margin:0}.activities-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.activity-detail-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;min-height:230px;scroll-margin-top:110px}.activity-detail-card .activity-number{color:#86a6a8;font-size:12px}.activity-detail-card h3{font-size:21px;line-height:1.45;margin:16px 0 8px}.activity-detail-card p{color:var(--muted);font-size:14px;margin:0 0 20px}.activity-actions{display:flex;gap:8px;margin-top:auto;flex-wrap:wrap}.activity-actions a,.activity-actions button{border:1px solid #b9d0d1;background:#fff;border-radius:9px;color:var(--teal);padding:8px 12px;font-weight:700;cursor:pointer}.activity-actions .primary{background:var(--teal);color:#fff;border-color:var(--teal)}@media(max-width:980px){.activities-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.activities-list{grid-template-columns:1fr}.activities-toolbar{display:block}.activities-toolbar .text-link{margin-top:10px}}
.soon-badge{display:inline-flex;align-items:center;border:1px dashed #a9babc;border-radius:9px;padding:8px 12px;color:#6c7f82!important;background:#f5f7f7;font-weight:700}.consent-field{display:flex!important;gap:9px;align-items:flex-start;font-weight:500!important}.consent-field input{width:auto!important;margin-top:5px!important}.readonly-field{background:#f3f6f6!important;color:#40595e}
@media(max-width:980px){.site-header nav{display:none}.site-header.nav-open nav{display:flex;position:absolute;top:100%;inset-inline:0;flex-direction:column;gap:0;padding:10px 20px 18px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 35px rgba(17,44,50,.12);max-height:calc(100vh - 72px);overflow:auto}.site-header.nav-open nav a{padding:12px 4px;border-bottom:1px solid #eef2f2}.menu-button{cursor:pointer}.hero-copy,.hero-visual{min-width:0}}
@media(max-width:620px){.site-header{padding:0 14px;gap:10px}.brand span{max-width:145px}.brand b{font-size:16px}.floating-card{max-width:calc(100% - 20px)}.activities-hero{padding:50px 20px}.activities-content{padding:44px 16px 70px}}
.legal-page{padding:72px max(7vw,28px) 96px;background:linear-gradient(150deg,#edf8f6 0,#fff 35%)}.legal-shell{max-width:900px;margin:auto}.legal-shell>header{margin-bottom:36px}.legal-shell h1{font-size:clamp(38px,5vw,62px);line-height:1.2;margin:0 0 12px}.legal-shell>header p,.legal-card p,.legal-card li{color:var(--muted)}.legal-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;margin:18px 0;box-shadow:0 12px 35px rgba(17,44,50,.05)}.legal-card h2{margin-top:0;font-size:24px}.legal-card a{color:var(--teal);font-weight:700}.footer-legal{display:flex;gap:14px;flex-wrap:wrap;font-size:13px}.footer-legal a:hover{color:#7ed3cc}@media(max-width:620px){.legal-page{padding:48px 18px 70px}.legal-card{padding:22px}}