
:root{--bg:#111315;--surface:#191c1f;--surface2:#202428;--text:#f7f7f4;--muted:#b7bdc3;--line:#31363b;--orange:#ff7a1a;--orange2:#ffb066;--green:#22c55e;--max:1180px;--radius:14px;--shadow:0 20px 55px rgba(0,0,0,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;line-height:1.85;text-rendering:optimizeLegibility;padding-bottom:86px}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button{font:inherit}.container{width:min(calc(100% - 32px),var(--max));margin-inline:auto}.skip{position:absolute;inset-inline-start:-9999px;top:8px;background:#fff;color:#111;padding:10px 14px;z-index:100}.skip:focus{inset-inline-start:8px}.site-header{position:sticky;top:0;z-index:50;background:rgba(17,19,21,.91);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-weight:900}.brand-mark{width:42px;height:42px}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:600;line-height:1.2}.nav{display:flex;align-items:center;gap:24px}.nav a{color:#e6e8ea;font-size:14px;font-weight:700}.nav a:hover,.nav a[aria-current="page"]{color:var(--orange2)}.nav-call{background:var(--orange);color:#111!important;padding:10px 16px;border-radius:999px}.menu-btn{display:none;border:1px solid var(--line);background:var(--surface);color:#fff;border-radius:10px;width:44px;height:44px}.hero{position:relative;overflow:hidden;padding:78px 0 62px;background:radial-gradient(circle at 15% 20%,rgba(255,122,26,.17),transparent 31%),radial-gradient(circle at 86% 75%,rgba(255,176,102,.08),transparent 30%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent)}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:48px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--orange2);font-weight:800;font-size:14px}.eyebrow:before{content:"";width:28px;height:2px;background:var(--orange)}h1{font-size:clamp(38px,7vw,72px);line-height:1.15;margin:18px 0 20px;letter-spacing:-1.5px}h2{font-size:clamp(28px,4vw,44px);line-height:1.35;margin:0 0 18px}h3{font-size:20px;line-height:1.45;margin:0 0 8px}.lead{font-size:clamp(18px,2.2vw,22px);color:#d7dade;max-width:760px;margin:0}.hero-actions,.cta-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:12px;font-weight:900;border:1px solid transparent}.btn-primary{background:var(--orange);color:#111}.btn-secondary{background:transparent;border-color:#4a5056;color:#fff}.btn-whatsapp{background:var(--green);color:#07160c}.hero-panel{background:linear-gradient(145deg,var(--surface2),#151719);border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:28px;box-shadow:var(--shadow)}.phone-number{font-size:30px;font-weight:900;direction:ltr;text-align:right;margin:10px 0}.micro{color:var(--muted);font-size:14px}.trust-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#151719}.trust-item{padding:20px;text-align:center;border-inline-start:1px solid var(--line)}.trust-item:first-child{border-inline-start:0}.trust-item strong{display:block;font-size:16px}.trust-item span{color:var(--muted);font-size:13px}.section{padding:78px 0}.section-soft{background:#151719}.section-head{max-width:760px;margin-bottom:34px}.section-head p,.content p{color:var(--muted);font-size:17px}.grid{display:grid;gap:18px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:25px}.card p{margin:0;color:var(--muted)}.icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(255,122,26,.12);color:var(--orange2);margin-bottom:16px}.coverage{display:flex;flex-wrap:wrap;gap:10px}.chip{border:1px solid var(--line);background:var(--surface);padding:9px 14px;border-radius:999px;color:#e5e7e9}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:36px;align-items:start}.prose{max-width:790px}.prose p{color:#c4c8cc;font-size:17px;margin:0 0 18px}.side-box{position:sticky;top:96px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.side-box ul{list-style:none;padding:0;margin:14px 0 0}.side-box li{border-top:1px solid var(--line)}.side-box li:first-child{border-top:0}.side-box a{display:block;padding:11px 0;color:#d8dbde}.side-box a:hover{color:var(--orange2)}.steps{counter-reset:step}.step{position:relative;padding-inline-start:64px}.step:before{counter-increment:step;content:counter(step);position:absolute;inset-inline-start:0;top:0;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#111;font-weight:900}.faq{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:900;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--orange);font-size:24px}details[open] summary:after{content:"−"}details p{color:var(--muted);margin:10px 0 0}.cta{background:linear-gradient(135deg,#24201d,#17191b);border:1px solid #4c3828;border-radius:22px;padding:clamp(28px,5vw,54px);display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.breadcrumbs{font-size:13px;color:var(--muted);padding-top:18px}.breadcrumbs a:hover{color:#fff}.areas-grid a{transition:.2s transform,.2s border-color}.areas-grid a:hover{transform:translateY(-3px);border-color:#6a4a32}.site-footer{border-top:1px solid var(--line);padding:50px 0 110px;background:#0d0f11}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px}.footer-grid p,.footer-grid a{color:var(--muted)}.footer-grid ul{list-style:none;padding:0}.footer-grid li{margin:8px 0}.copyright{margin-top:32px;padding-top:22px;border-top:1px solid var(--line);color:#888;font-size:13px}.floating-contact{position:fixed;z-index:60;inset-inline:0;bottom:0;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 -12px 35px rgba(0,0,0,.35)}.floating-contact a{min-height:64px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:900}.floating-call{background:var(--orange);color:#111}.floating-wa{background:var(--green);color:#07160c}.notice{border:1px solid #6b4a31;background:#241d18;border-radius:12px;padding:18px;color:#e9d3c2}.sitemap-list{columns:2;gap:40px}.sitemap-list li{margin:8px 0}.error-page{min-height:70vh;display:grid;place-items:center;text-align:center}.error-code{font-size:clamp(90px,18vw,190px);font-weight:950;color:var(--orange);line-height:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:901px){.floating-contact{inset-inline:auto 24px;bottom:24px;width:300px;border-radius:14px;overflow:hidden}.site-footer{padding-bottom:50px}body{padding-bottom:0}}@media(max-width:900px){.menu-btn{display:grid;place-items:center}.nav{position:absolute;top:72px;inset-inline:16px;display:none;flex-direction:column;align-items:stretch;background:#181b1e;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:var(--shadow)}.nav.open{display:flex}.hero{padding-top:54px}.hero-grid,.content-layout,.cta,.footer-grid{grid-template-columns:1fr}.hero-panel{max-width:520px}.grid-3{grid-template-columns:repeat(2,1fr)}.trust-row{grid-template-columns:repeat(2,1fr)}.trust-item:nth-child(3){border-top:1px solid var(--line)}.trust-item:nth-child(4){border-top:1px solid var(--line)}.side-box{position:static}.cta-actions{margin-top:0}}@media(max-width:620px){.container{width:min(calc(100% - 22px),var(--max))}.section{padding:58px 0}.grid-3,.grid-2{grid-template-columns:1fr}.trust-row{grid-template-columns:1fr 1fr}.trust-item{padding:15px 8px}.hero-actions .btn,.cta-actions .btn{flex:1 1 100%}.hero-panel{padding:22px}.phone-number{font-size:27px}.sitemap-list{columns:1}h1{letter-spacing:-.6px}}
