@font-face {
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(/website/assets/noto-arabic-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(/website/assets/noto-arabic-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(/website/assets/noto-arabic-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(/website/assets/noto-arabic-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
  src: url(/website/assets/noto-arabic-5.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  src: url(/website/assets/noto-arabic-6.ttf) format('truetype');
}

:root{--navy:#102d3a;--ink:#173946;--muted:#5c6e72;--gold:#f5bb4c;--teal:#238b7b;--paper:#f8f7f2;--line:#dbe1dc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans Arabic',Tahoma,Arial,sans-serif;line-height:1.85}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--teal);outline-offset:6px}::selection{background:var(--gold);color:var(--navy)}.skip{position:absolute;top:-100px}.skip:focus{top:12px;right:12px;background:white;padding:12px;z-index:10}.header{max-width:1320px;padding:22px 42px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:10px}.wordmark img{width:66px;height:66px;object-fit:contain}.wordmark span{font-size:25px;font-weight:900;line-height:1.5}.wordmark small{display:block;font-size:10px;color:var(--muted);font-weight:500}.header nav{display:flex;gap:30px;font-size:14px;font-weight:600}.header nav a:hover{color:var(--teal)}.header-cta{font-size:14px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:4px}.header-cta span{margin-right:15px}.section{max-width:1236px;margin:auto;padding:88px 0}.hero{max-width:1320px;margin:auto;padding:70px 42px 74px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.eyebrow{color:var(--teal);font-size:13px;font-weight:700;letter-spacing:.3px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(52px,5.6vw,80px);font-weight:900;line-height:1.3;letter-spacing:-2px;margin:18px 0 26px}em{font-style:normal;color:var(--teal)}.hero-copy>p{font-size:21px;line-height:1.9;max-width:480px;margin-bottom:18px}.hero-copy .sub{font-size:15px;color:var(--muted)}.actions{display:flex;align-items:center;gap:26px;margin:30px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 23px;border-radius:7px;font-size:14px;font-weight:800;min-height:52px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.gold{background:var(--gold);color:var(--navy)}.gold:hover{background:#ffd074}.text-link{font-size:13px;border-bottom:1px solid var(--line);font-weight:700}.launch-note{display:flex;flex-direction:column;border-right:3px solid var(--gold);padding-right:15px;margin-top:32px}.launch-note span{font-size:13px;font-weight:700}.launch-note small{color:var(--muted);font-size:11px}.hero-art{margin:0;background:var(--navy);border-radius:18px;overflow:hidden;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-height:450px;position:relative}.hero-art img{width:100%;height:auto;display:block}.hero-art:before{content:'';height:45px}.hero-art figcaption{padding:35px 30px 42px;color:white;display:flex;flex-direction:column}.hero-art figcaption span{font-size:30px;font-weight:800}.hero-art figcaption small{font-size:14px;color:#b9d1d6}.intro{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}h2{font-size:42px;line-height:1.55;letter-spacing:-1px;margin:13px 0 0;font-weight:800}.intro-body{padding-top:30px;color:var(--muted);font-size:17px}.intro-body p:last-child{margin:0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:38px}.section-heading>p{max-width:385px;color:var(--muted);font-size:15px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service{background:#fff;border:1px solid var(--line);border-radius:10px;min-height:250px;padding:27px 24px;position:relative;overflow:hidden}.service.feature{background:var(--navy);color:white;border-color:var(--navy)}.number{font-size:12px;letter-spacing:1px;color:var(--teal)}.feature .number{color:var(--gold)}.service h3{font-size:21px;margin:42px 0 10px}.service p{font-size:13px;color:var(--muted);margin:0}.feature p{color:#c4d4d9}.service-symbol{position:absolute;left:22px;top:8px;font-size:53px;color:var(--gold)}.fine{font-size:12px;color:var(--muted);margin:20px 0 0}.steps{border-top:1px solid var(--line)}.steps ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:45px 0 0}.steps li{display:flex;gap:20px;border-top:1px solid var(--line);padding-top:25px}.steps li>span{font-size:38px;font-weight:800;color:var(--teal)}.steps h3{font-size:19px;margin:8px 0}.steps p{font-size:14px;color:var(--muted);margin:0}.pro-section{max-width:none;background:var(--navy);color:white;display:grid;grid-template-columns:1.1fr 1fr;gap:80px;padding:85px max(42px,calc((100vw - 1236px)/2))}.pro-section .eyebrow,.pro-section em{color:var(--gold)}.pro-section h2{font-size:40px}.pro-copy{padding-top:10px}.pro-copy p{color:#cad8dc;font-size:16px}.pro-copy small{display:block;max-width:440px;margin-top:18px;font-size:11px;color:#a9c2cb}.contact{text-align:center;max-width:780px;padding-top:100px;padding-bottom:100px}.contact h2{font-size:54px}.contact>p{color:var(--muted);max-width:560px;margin:20px auto 30px}.social-links{display:flex;max-width:510px;margin:auto;gap:18px}.social-links a{border:1px solid #bac9c7;padding:18px 25px;flex:1;display:flex;justify-content:space-between;border-radius:6px;font-weight:700;font-size:14px}.social-links a:hover{background:#e8eeea}footer{max-width:1236px;margin:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0 40px;font-size:12px;color:var(--muted)}footer p{margin:0}.footer-name{font-size:26px;font-weight:900;color:var(--navy)}
@media(min-width:1450px){.hero{padding-top:100px;padding-bottom:100px}}@media(max-width:1300px){.section,footer{margin-left:42px;margin-right:42px}.pro-section{margin:0}.contact{margin-left:auto;margin-right:auto;padding-left:30px;padding-right:30px}.intro{gap:55px}}@media(max-width:850px){.header{padding:16px 24px}.header nav{gap:17px;font-size:12px}.wordmark small{display:none}.hero{padding:45px 24px;gap:28px}.hero-copy>p{font-size:18px}.hero-copy .sub{font-size:13px}.actions{flex-direction:column;align-items:start;gap:17px}.hero-art{min-height:380px}.hero-art figcaption{padding:25px 20px}.hero-art figcaption span{font-size:24px}.section,footer{margin-left:24px;margin-right:24px}.section{padding-top:60px;padding-bottom:60px}h2{font-size:34px}.service-grid{grid-template-columns:repeat(2,1fr)}.service{min-height:225px}.section-heading{gap:35px}.steps ol{gap:22px}.steps li{gap:12px}.steps h3{font-size:16px}.pro-section{margin:0;padding-left:24px;padding-right:24px;gap:40px}.pro-section h2{font-size:32px}.contact{margin:auto}}
@media(max-width:600px){html{scroll-padding-top:20px}.header{padding:12px 20px;flex-wrap:wrap;gap:12px}.wordmark img{width:48px;height:48px}.wordmark span{font-size:23px}.header nav{order:3;justify-content:space-between;width:100%;padding:9px 0 3px;border-top:1px solid var(--line)}.header-cta{font-size:12px}.hero{grid-template-columns:1fr;padding:35px 20px 45px;gap:30px}h1{font-size:60px;line-height:1.3;margin:15px 0 20px}.hero-copy>p{font-size:18px}.hero-copy .sub{font-size:14px}.actions{flex-direction:row;gap:20px;align-items:center;margin-top:25px}.button{padding:12px 17px;font-size:12px;gap:12px}.text-link{font-size:11px}.launch-note{margin-top:24px}.hero-art{min-height:0;border-radius:12px}.hero-art:before{height:16px}.hero-art figcaption{padding:20px 23px 25px}.hero-art figcaption span{font-size:24px}.hero-art figcaption small{font-size:12px}.section,footer{margin-left:20px;margin-right:20px}.intro{grid-template-columns:1fr;gap:16px}.intro-body{padding:0;font-size:15px}h2{font-size:32px}.section-heading{display:block}.section-heading>p{margin-top:22px;font-size:14px}.service-grid{gap:12px}.service{padding:20px 16px;min-height:215px}.service h3{font-size:18px;margin-top:37px}.service p{font-size:12px}.steps ol{grid-template-columns:1fr;margin-top:25px;gap:10px}.steps li{padding:18px 0;gap:20px}.steps h3{font-size:19px}.pro-section{grid-template-columns:1fr;margin:0;padding:55px 20px;gap:15px}.pro-section h2{font-size:30px}.pro-copy p{font-size:15px}.contact h2{font-size:40px}.contact p{font-size:14px}.contact{padding:65px 0}.social-links{gap:10px}.social-links a{padding:15px 18px;font-size:13px}footer{flex-wrap:wrap;padding-bottom:26px}footer p{order:3;width:100%;font-size:11px}}
.header nav a[aria-current=page]{color:var(--teal);border-bottom:2px solid var(--teal)}.header-cta{display:flex;align-items:center;gap:8px}.header-cta .contact-icon{margin:0;width:25px;height:25px}.page-intro{padding-bottom:35px}.page-intro h1{font-size:clamp(38px,5vw,66px)}.page-intro>p{font-size:18px;color:var(--muted);max-width:690px}.breadcrumb{display:block;font-size:12px;color:var(--muted);margin-bottom:35px}.directory-heading{padding-bottom:0}.directory{padding-top:30px}.directory-tools{background:#eaf0ec;border:1px solid var(--line);border-radius:18px;padding:26px;margin-bottom:28px}.directory-tools label{display:block;font-weight:700;margin-bottom:12px}.directory-tools input{font:inherit;font-size:15px;border:1px solid #b2c6c0;background:white;border-radius:10px;width:100%;max-width:570px;min-height:52px;padding:10px 17px;color:var(--ink)}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.filters button{border:1px solid #bfcec8;background:transparent;color:var(--ink);font:inherit;font-size:13px;padding:9px 17px;min-height:44px;border-radius:30px;cursor:pointer}.filters .selected{background:var(--navy);border-color:var(--navy);color:white}#trade-count{font-size:12px;color:var(--muted);margin:15px 0 0}.trade-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}.trade-card{background:white;border:1px solid var(--line);border-radius:17px;padding:23px;min-width:0;box-shadow:0 4px 14px #102d3a04}.trade-card[hidden]{display:none}.trade-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:17px;background:#e0eee8;color:#167461}.trade-icon svg{width:34px;height:34px}.tone-1{background:#fff0ce;color:#9c6710}.tone-2{background:#e1eafa;color:#3565a8}.tone-3{background:#eee7f4;color:#79599d}.trade-card h2{font-size:19px;line-height:1.8;letter-spacing:0;margin:18px 0 8px}.trade-card p{font-size:12px;color:var(--muted);min-height:48px;margin-bottom:18px}.trade-card summary{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:700;color:var(--teal);cursor:pointer;padding:14px 0 0;border-top:1px solid var(--line);list-style:none;min-height:44px}.trade-card summary::-webkit-details-marker{display:none}.trade-card details[open] summary span{transform:rotate(45deg)}.trade-card ul{font-size:12px;padding-right:18px;line-height:2.1;margin-bottom:0}.card-link{font-size:12px;font-weight:700;color:var(--teal)}.faq{max-width:900px}.faq h2{margin-bottom:30px}.faq details{padding:20px 0;border-bottom:1px solid var(--line)}.faq summary{font-weight:700;cursor:pointer}.faq details p{margin:16px 0 0;color:var(--muted)}.social-label{display:flex;align-items:center;gap:10px}.social-icon{width:28px;height:28px;display:inline-flex}.facebook{color:#1877f2}.instagram{color:#b73782}.social-links a{align-items:center;gap:12px}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
@media(max-width:1050px){.trade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.header nav{gap:16px}}@media(max-width:700px){.trade-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.trade-card{padding:17px}.trade-card h2{font-size:17px}.directory-tools{padding:18px}.page-intro>p{font-size:15px}.filters button{font-size:12px;padding:8px 12px}.directory-heading{padding-bottom:0}.directory{padding-top:24px}.header nav{gap:12px;flex-wrap:wrap}.social-links a{padding:13px}.social-label{gap:7px}}
@media(max-width:370px){.trade-grid{grid-template-columns:1fr}.header nav{font-size:11px}.social-links{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.guide-panel{border:1px solid var(--line);background:white;padding:34px;border-radius:20px}.guide-panel.professional{background:var(--navy);color:white;border-color:var(--navy)}.guide-panel h3{font-size:26px;line-height:1.6;margin:18px 0 12px}.guide-panel .guide-sub{font-size:14px;color:var(--muted)}.guide-panel ol{padding:0;list-style:none;margin:28px 0}.guide-panel li{display:flex;gap:17px;padding:20px 0;border-top:1px solid var(--line)}.guide-panel h4{font-size:16px;margin:0 0 8px}.guide-panel li p{font-size:13px;color:var(--muted);margin:0}.step-no{background:#e1eee8;color:var(--teal);border-radius:50%;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;font-weight:800}.professional .eyebrow,.professional .text-link{color:var(--gold)}.professional li{border-color:#34505b}.professional li p,.professional .guide-sub{color:#c7d7db}.professional .step-no{background:#34505b;color:var(--gold)}.use-guide{border-top:1px solid var(--line)}@media(max-width:700px){.guide-grid{grid-template-columns:1fr}.guide-panel{padding:24px}.guide-panel h3{font-size:24px}}