@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/ibm-plex-arabic-400.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/ibm-plex-arabic-600.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/ibm-plex-arabic-700.ttf") format("truetype");font-weight:700;font-display:swap}
:root{--orange:#f5790b;--orange2:#d85e00;--ink:#15171c;--muted:#66717e;--soft:#f4f6f8;--line:#e2e6ea;--green:#119f55;--night:#0b0e12;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 36px));margin-inline:auto}.skip{position:fixed;z-index:99;inset:8px auto auto 8px;padding:8px 13px;background:#fff;transform:translateY(-150%)}.skip:focus{transform:none}.top{position:sticky;inset-block-start:0;z-index:40;border-bottom:1px solid rgba(226,230,234,.9);background:rgba(255,255,255,.96);backdrop-filter:blur(14px)}.top-row{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand img{width:125px;height:auto}.nav{display:flex;align-items:center;gap:25px;font-size:.84rem;font-weight:600}.nav a:hover{color:var(--orange2)}.top-call{padding:9px 16px;border-radius:9px;color:#fff;background:var(--orange);font-size:.8rem;font-weight:700}.crumbs{padding-block:17px;color:#77818d;font-size:.78rem}.crumbs a{color:var(--orange2)}.hero{padding:45px 0 72px}.hero-grid{display:grid;grid-template-columns:1fr .86fr;align-items:center;gap:64px}.eyebrow{color:var(--orange2);font-size:.76rem;font-weight:700}.hero h1{margin:11px 0 18px;font-size:clamp(2.7rem,5.5vw,5rem);line-height:1.13;letter-spacing:-.045em}.hero h1 em{color:var(--orange);font-style:normal}.lead{max-width:660px;margin:0;color:var(--muted);font-size:1.04rem}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-block-start:27px}.btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:.82rem;font-weight:700}.btn.call{color:#fff;border-color:var(--orange);background:var(--orange)}.btn.wa{color:#fff;border-color:var(--green);background:var(--green)}.number{display:block;margin-block-start:16px;font-size:1.12rem;font-weight:700}.hero-visual{position:relative;min-height:460px;overflow:hidden;border-radius:25px;background:#ddd}.hero-visual img{width:100%;height:460px;object-fit:cover}.hero-visual span{position:absolute;inset:auto 14px 14px auto;padding:8px 12px;border-radius:8px;color:#fff;background:rgba(9,12,16,.78);font-size:.72rem}.facts{border-block:1px solid var(--line);background:var(--soft)}.facts-row{display:grid;grid-template-columns:repeat(4,1fr)}.fact{padding:21px;border-inline-start:1px solid var(--line)}.fact:first-child{border-inline-start:0}.fact b,.fact span{display:block}.fact b{font-size:.85rem}.fact span{color:#77818d;font-size:.72rem}.section{padding-block:85px}.section.soft{background:var(--soft)}.section.dark{color:#fff;background:var(--night)}.head{max-width:740px;margin-block-end:35px}.head h2{margin:7px 0 9px;font-size:clamp(2rem,4vw,3.3rem);line-height:1.22}.head p{margin:0;color:var(--muted)}.dark .head p{color:#aeb6c0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{padding:27px;border:1px solid var(--line);border-radius:18px;background:#fff}.card span{color:var(--orange2);font-size:.7rem;font-weight:700}.card h3{margin:9px 0 8px;font-size:1.28rem;line-height:1.35}.card p{margin:0;color:var(--muted);font-size:.86rem}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;counter-reset:steps}.step{padding:24px;border:1px solid #2c3138;border-radius:15px;background:#15191f;counter-increment:steps}.step:before{content:"0" counter(steps);display:block;margin-block-end:24px;color:#ff9a42;font-size:.75rem;font-weight:700}.step b,.step span{display:block}.step b{margin-block-end:5px}.step span{color:#aeb6c0;font-size:.78rem}.coverage{display:grid;grid-template-columns:1fr 1fr;gap:14px}.coverage article{padding:28px;border:1px solid var(--line);border-radius:18px}.coverage h3{margin:0 0 8px;font-size:1.25rem}.coverage p{margin:0;color:var(--muted);font-size:.87rem}.coverage ul{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 0;padding:0;list-style:none}.coverage li{padding:5px 10px;border-radius:999px;background:#f1f3f5;color:#56606c;font-size:.72rem}.faq{max-width:850px}.faq details{padding:19px 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:700}.faq p{margin:10px 0 0;color:var(--muted);font-size:.88rem}.links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.links a{display:block;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff;font-weight:700}.links small{display:block;color:var(--muted);font-weight:400}.cta{padding:55px 0;color:#fff;background:linear-gradient(135deg,#ef7104,#c95000)}.cta-row{display:flex;align-items:center;justify-content:space-between;gap:35px}.cta h2{margin:0 0 6px;font-size:clamp(1.8rem,4vw,3rem)}.cta p{margin:0;color:#fff3e9}.cta .btn{border-color:#fff}.footer{padding:42px 0 90px;color:#a8afb8;background:#111318}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:35px}.footer img{width:106px;height:auto}.footer p{font-size:.78rem}.footer b{display:block;color:#fff}.footer a,.footer span{display:block;margin-block-start:5px;font-size:.75rem}.dock{display:none}:focus-visible{outline:3px solid rgba(245,121,11,.35);outline-offset:3px}
@media(max-width:820px){body{padding-block-end:72px}.wrap{width:min(100% - 28px,580px)}.top-row{min-height:63px}.brand img{width:108px}.nav{display:none}.top-call{padding:8px 11px}.hero{padding:24px 0 48px}.hero-grid{grid-template-columns:1fr;gap:27px}.hero h1{font-size:clamp(2.4rem,12vw,3.4rem)}.lead{font-size:.94rem}.actions{display:grid;grid-template-columns:1fr 1fr}.hero-visual,.hero-visual img{min-height:330px;height:330px;border-radius:18px}.facts-row{grid-template-columns:1fr 1fr}.fact:nth-child(odd){border-inline-start:0}.fact:nth-child(-n+2){border-bottom:1px solid var(--line)}.section{padding-block:62px}.cards,.process,.coverage,.links{grid-template-columns:1fr}.head{margin-block-end:25px}.head h2{font-size:2rem}.cta-row{display:block}.cta .actions{margin-block-start:20px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:span 2}.dock{position:fixed;z-index:70;inset:auto 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(255,255,255,.97);box-shadow:0 -10px 30px rgba(0,0,0,.12)}.dock a{min-height:50px;display:grid;place-items:center;border-radius:9px;color:#fff;font-size:.8rem;font-weight:700}.dock .c{background:var(--orange)}.dock .w{background:var(--green)}}
.contact-icon{width:19px;height:19px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.has-contact-icon{display:inline-flex!important;align-items:center;justify-content:center;gap:8px}.dock .has-contact-icon{display:flex!important;flex-direction:row}.top-call.has-contact-icon{padding-inline:13px}.number.has-contact-icon{margin-inline:0 auto;width:fit-content}.footer .has-contact-icon{justify-content:flex-start}
.cta .btn{color:var(--ink);border-color:#fff;background:#fff;box-shadow:0 10px 26px rgba(92,35,0,.16)}.cta .btn[data-phone]{color:#b84900}.cta .btn[data-whatsapp]{color:#087c43}.cta .btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(92,35,0,.24)}
.compact-hero{padding-block:64px}.compact-hero h1{max-width:850px;margin:12px 0 18px;font-size:clamp(2.7rem,6vw,5.6rem);line-height:1.12}.directory{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.directory>a{display:flex;min-height:265px;flex-direction:column;padding:26px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:.2s ease}.directory>a:hover{transform:translateY(-3px);border-color:#f4a35b;box-shadow:0 18px 40px rgba(24,29,35,.08)}.directory span{color:var(--orange2);font-size:.72rem;font-weight:700}.directory h2{margin:10px 0 8px;font-size:1.3rem;line-height:1.4}.directory p{margin:0 0 22px;color:var(--muted);font-size:.84rem}.directory b{margin-top:auto;color:var(--orange2);font-size:.8rem}.districts{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:25px 0 0;padding:0;list-style:none}.districts li{padding:15px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:.85rem;font-weight:600}.article{width:min(820px,calc(100% - 36px));margin:25px auto 90px}.article>header{padding:45px 0 35px;border-bottom:1px solid var(--line)}.article h1{margin:12px 0 18px;font-size:clamp(2.6rem,6vw,4.8rem);line-height:1.18}.article>header p{max-width:720px;color:var(--muted);font-size:1.08rem}.article>header small{color:#77818d}.article>section,.article>h2,.article>p,.article>ul{margin-inline:auto}.article>section{padding:31px 0;border-bottom:1px solid var(--line)}.article h2{margin:0 0 10px;font-size:1.65rem;line-height:1.4}.article p,.article li{color:#4f5965;line-height:2}.article aside{margin-top:36px;padding:30px;border-radius:20px;color:#fff;background:var(--night)}.article aside h2{margin-top:0}.article aside p{color:#c4cad2}.article aside .btn{border-color:#333a44;color:#fff;background:#1b2027}.article aside .btn.call{border-color:var(--orange);background:var(--orange)}.article aside .btn.wa{border-color:var(--green);background:var(--green)}.legal{font-size:1rem}.legal>h2{margin-top:34px}.legal>ul{padding-right:22px}.footer-grid>div:first-child a{display:inline-block;margin-inline-end:13px}
.guide-paths{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.guide-path{padding:27px;border:1px solid var(--line);border-radius:18px;background:#fff}.guide-path h2{margin:0 0 8px;font-size:1.35rem}.guide-path p{margin:0 0 16px;color:var(--muted);font-size:.86rem}.guide-path ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.guide-path a,.priority-areas a{display:inline-flex;padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:var(--orange2);background:#fff;font-size:.76rem;font-weight:700}.guide-path a:hover,.priority-areas a:hover{border-color:#f4a35b;background:#fff8f2}.priority-areas{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;padding:16px 18px;border-radius:14px;background:var(--soft)}.priority-areas b{margin-inline-end:4px;font-size:.82rem}
@media(max-width:900px){.directory{grid-template-columns:repeat(2,1fr)}.districts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.compact-hero{padding-block:40px}.directory,.guide-paths{grid-template-columns:1fr}.directory>a{min-height:0}.districts{grid-template-columns:1fr 1fr}.article{width:min(100% - 28px,820px);margin-bottom:65px}.article>header{padding-top:25px}.article h1{font-size:2.35rem}.article h2{font-size:1.42rem}}

.article-meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.875rem;color:var(--muted)}.article-meta a,.references a{color:var(--orange2);text-decoration:underline;text-underline-offset:4px}.article-toc{margin:28px 0;padding:22px 26px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}.article-toc ol{display:grid;grid-template-columns:1fr 1fr;gap:8px 25px;padding-inline-start:22px;margin-bottom:0}.article-toc a{font-size:1rem}.article-toc a:hover{text-decoration:underline}.article>section{scroll-margin-top:100px}.references a{overflow-wrap:anywhere}.references li{margin-bottom:10px}a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}@media(max-width:620px){.article-toc{padding:18px}.article-toc ol{grid-template-columns:1fr}.article-meta{gap:8px 15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.store-examples{background:var(--soft);padding:24px!important;border-radius:16px}.store-examples li{margin-bottom:12px}.store-examples a{color:var(--orange2);text-decoration:underline;text-underline-offset:4px}
