:root{--red:#e60012;--ink:#101010;--paper:#f5f5f5;--muted:#a8a8a8;--line:#2b2b2b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:'Tajawal',Tahoma,Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{height:78px;background:rgba(16,16,16,.96);border-bottom:1px solid #242424;position:sticky;top:0;z-index:20}.nav-wrap{height:100%;display:flex;align-items:center;gap:35px}.brand img{display:block;width:180px;height:auto}.main-nav{display:flex;gap:30px;color:#ddd;font-size:15px}.main-nav a:hover,.text-link:hover{color:var(--red)}.header-call{margin-right:auto;display:flex;align-items:center;gap:11px;color:#fff;font-size:12px}.header-call b{color:var(--red);font-size:15px}.menu-toggle{display:none;background:none;border:1px solid #555;color:#fff;padding:5px 10px}.hero{min-height:650px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-bg,.hero-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{background:linear-gradient(90deg,rgba(16,16,16,.28) 0%,rgba(16,16,16,.78) 55%,#101010 100%)}.hero-content{position:relative;padding:90px 0}.eyebrow{font-size:12px;letter-spacing:2px;color:#ccc;margin:0 0 12px;font-weight:bold}.eyebrow.red{color:var(--red)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,6vw,82px);line-height:1.2;margin:0 0 20px;font-weight:800}h1 em{font-style:normal;color:var(--red)}.hero-lead{font-size:18px;color:#ddd;max-width:390px}.hero-actions{display:flex;gap:12px;margin-top:35px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 25px;font-weight:bold;font-size:15px;transition:.2s}.btn-primary{background:var(--red)}.btn-primary:hover{background:#ff1426;transform:translateY(-2px)}.btn-ghost{border:1px solid #aaa}.btn-ghost:hover{border-color:var(--red);color:var(--red)}.trust-strip{background:var(--red);font-size:14px;font-weight:bold}.trust-grid{display:flex;justify-content:space-between;padding:15px 0}.section{padding:100px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section-heading h2,.contact-section h2{font-size:clamp(28px,4vw,46px);line-height:1.25;margin:0}.section-heading>p{max-width:330px;color:#aaa;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:#191919;border:1px solid #292929;min-height:370px;display:flex;flex-direction:column;transition:.2s}.service-card:hover{border-color:var(--red);transform:translateY(-4px)}.service-card img{width:100%;height:205px;object-fit:cover}.service-card>div{padding:20px}.card-kicker,.branch-city{color:var(--red);font-size:11px;font-weight:bold}.service-card h3{font-size:22px;margin:7px 0}.service-card p{color:#a6a6a6;font-size:14px;margin:0}.service-list{margin-top:25px;background:#171717;border-right:3px solid var(--red);padding:25px 28px}.service-list h3{margin:0 0 15px}.chips{display:flex;flex-wrap:wrap;gap:9px}.chips span{border:1px solid #3a3a3a;color:#c9c9c9;padding:6px 12px;font-size:13px}.feature-banner{min-height:430px;position:relative;display:flex;align-items:center;overflow:hidden}.feature-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.feature-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,16,16,.18),rgba(16,16,16,.9) 65%)}.feature-content{position:relative;z-index:1}.feature-content h2{font-size:clamp(35px,5vw,62px);line-height:1.15;margin:0 0 25px}.text-link{color:#fff;font-weight:bold}.text-link span{color:var(--red);font-size:24px;margin-right:8px}.branches-section{background:#f5f5f5;color:var(--ink)}.branches-section .section-heading>p{color:#666}.branch-filters{display:flex;gap:8px;margin-bottom:25px}.filter{border:1px solid #ccc;background:#fff;padding:8px 18px;cursor:pointer;font:inherit}.filter.active,.filter:hover{background:var(--red);color:#fff;border-color:var(--red)}.branch-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.branch-card{background:#fff;border:1px solid #ddd;padding:22px 18px;min-height:170px}.branch-card h3{font-size:19px;margin:8px 0 25px}.branch-card a{font-size:12px;color:#555;display:flex;flex-direction:column;gap:3px}.branch-card a span{color:var(--red);font-weight:bold}.inspection{background:#171717;padding:80px 0}.inspection-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.inspection img{width:100%;max-height:360px;object-fit:cover}.inspection h2{font-size:clamp(34px,4vw,56px);margin:0 0 10px}.inspection p:not(.eyebrow){color:#aaa;max-width:390px;margin-bottom:25px}.contact-section{padding:80px 0;background:var(--red)}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-section h2{margin-bottom:10px}.contact-section p:not(.eyebrow){margin:0}.contact-numbers{display:flex;gap:35px}.contact-numbers a{display:flex;flex-direction:column}.contact-numbers small{font-size:11px;opacity:.75}.contact-numbers strong{font-size:22px}footer{background:#0b0b0b;padding:28px 0}.footer-inner{display:flex;align-items:center;gap:30px;color:#888;font-size:12px}.footer-inner img{width:130px}.footer-inner p{margin:0}.footer-inner a{margin-right:auto;color:#fff}@media(max-width:800px){.container{width:min(100% - 32px,600px)}.site-header{height:67px}.brand img{width:145px}.menu-toggle{display:block;margin-right:auto}.main-nav{display:none;position:absolute;top:67px;right:16px;left:16px;background:#171717;border:1px solid #333;padding:17px;flex-direction:column;gap:8px}.main-nav.open{display:flex}.header-call{display:none}.hero{min-height:590px}.hero-content{padding:60px 0}.hero-overlay{background:linear-gradient(90deg,rgba(16,16,16,.55),#101010 90%)}.trust-grid{gap:10px;flex-wrap:wrap;font-size:11px}.section{padding:68px 0}.section-heading{display:block}.section-heading>p{margin-top:15px}.service-grid{grid-template-columns:1fr 1fr}.service-card{min-height:330px}.service-card img{height:155px}.branch-grid{grid-template-columns:1fr 1fr}.inspection-inner{grid-template-columns:1fr;gap:30px}.contact-inner{display:block}.contact-numbers{margin-top:25px;gap:25px;flex-wrap:wrap}.footer-inner{flex-wrap:wrap}.footer-inner a{margin-right:0;width:100%}}@media(max-width:470px){.hero-actions{flex-direction:column;align-items:stretch}.service-grid{grid-template-columns:1fr}.service-card img{height:190px}.branch-grid{grid-template-columns:1fr}.branch-filters{overflow-x:auto}.filter{white-space:nowrap}.contact-numbers{display:block}.contact-numbers a{margin-bottom:12px}}

/* Multi-page sections */
.page-hero{padding:90px 0 80px;background:linear-gradient(120deg,#171717,#101010 62%,#250006);border-bottom:1px solid #2b2b2b}.page-hero h1{font-size:clamp(38px,5vw,68px);margin:0 0 12px}.page-hero p{color:#aaa;max-width:600px;margin:0}.breadcrumb{color:#888;font-size:13px;margin-bottom:18px}.breadcrumb a{color:#ddd}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-card{background:#191919;border:1px solid #292929;padding:28px;min-height:210px}.info-card h3{font-size:23px;margin:0 0 10px}.info-card p{color:#aaa;font-size:14px}.info-card .icon{width:46px;height:46px;background:var(--red);display:grid;place-items:center;font-size:22px;margin-bottom:20px}.detail-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:start}.detail-layout h2{font-size:clamp(30px,4vw,48px);line-height:1.25}.detail-layout p{color:#aaa}.detail-image{width:100%;height:360px;object-fit:cover}.check-list{list-style:none;margin:25px 0;padding:0;display:grid;gap:12px}.check-list li{border-right:3px solid var(--red);background:#191919;padding:12px 17px;color:#ddd}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-box{background:#191919;border:1px solid #292929;padding:30px}.contact-box h3{margin:0 0 8px;font-size:22px}.contact-box p{color:#aaa}.contact-box strong{display:block;font-size:25px;color:var(--red);margin-top:12px}.contact-box a{color:var(--red)}.map-note{background:#1c1c1c;border-right:3px solid var(--red);padding:17px;color:#aaa;margin-top:25px}.active-page{color:var(--red)!important}.branch-page-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.branch-page-card{background:#f5f5f5;color:#101010;padding:28px;border-right:4px solid var(--red)}.branch-page-card h3{font-size:25px;margin:6px 0 24px}.branch-page-card p{color:#666}.branch-page-card a{color:var(--red);font-weight:bold}@media(max-width:800px){.content-grid,.contact-grid,.detail-layout,.branch-page-grid{grid-template-columns:1fr}.detail-image{height:280px}.page-hero{padding:65px 0}.main-nav{max-height:80vh;overflow:auto}}

button{font-family:inherit}a:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:4px}section{scroll-margin-top:90px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.detail-layout>div,.detail-layout>img{min-width:0}.detail-layout{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}@media(max-width:800px){.detail-layout{grid-template-columns:1fr}}

.visual-hero{position:relative;overflow:hidden;min-height:360px;display:flex;align-items:center}.inner-banner,.inner-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.inner-shade{background:linear-gradient(90deg,rgba(0,0,0,.1),rgba(0,0,0,.85) 60%,#101010)}.visual-hero>.container{position:relative;z-index:1}.visual-hero p{max-width:580px}.purpose-grid,.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.purpose-grid article{padding:32px;background:#191919;border-top:3px solid #e60012}.purpose-grid span{font-size:38px;color:#e60012;font-weight:800}.purpose-grid h3{font-size:26px;margin:15px 0 10px}.purpose-grid p,.purpose-grid li{color:#b7b7b7}.purpose-grid ul{padding-right:18px}.purpose-section{background:#131313}.story-banner{position:relative;min-height:380px;display:flex;align-items:center}.story-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.story-banner>.container{position:relative}.story-banner h2{font-size:42px}.steps-section{background:#f5f5f5;color:#101010}.steps-section h2{font-size:38px;margin-bottom:35px}.steps-grid article{border-top:1px solid #ccc;padding-top:25px}.steps-grid b{background:#e60012;color:white;width:45px;height:45px;display:grid;place-items:center;border-radius:50%;font-size:23px}.steps-grid h3{font-size:25px;margin:20px 0 10px}.steps-grid p{color:#666}.steps-grid a{color:#e60012;font-weight:700}@media(max-width:800px){.purpose-grid,.steps-grid{grid-template-columns:1fr}.visual-hero{min-height:340px}.inner-shade{background:rgba(0,0,0,.72)}.story-banner h2,.steps-section h2{font-size:30px}.story-banner{background:#101010}.story-banner>img{opacity:.4}}

.site-footer{padding:65px 0 20px;background:radial-gradient(ellipse at 95% 0,#29070a,transparent 45%),#0b0b0b;border-top:3px solid #e60012}.footer-top{display:grid;grid-template-columns:1.3fr 1fr 1.1fr 1.1fr;gap:45px;padding-bottom:45px}.footer-brand img{width:210px;max-width:100%}.footer-top h3{font-size:19px;color:white;margin-bottom:20px}.footer-top p{font-size:14px;color:#aaa}.footer-top nav a,.footer-contact a{display:block;font-size:14px;color:#aaa;margin:10px 0;transition:color .2s,transform .2s}.footer-top a:hover{color:#fff;transform:translateX(-4px)}.footer-cta{color:#e60012;font-weight:700;font-size:14px}.footer-contact a[dir]{font-size:18px;color:#fff;text-align:right}.footer-bottom{border-top:1px solid #2b2b2b;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#888}.footer-bottom p{margin:0}.floating-contact{position:fixed;bottom:24px;left:24px;z-index:50;display:flex;flex-direction:column;gap:12px}.floating-contact a{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;color:white;box-shadow:0 5px 20px #0007;position:relative;transition:transform .25s}.floating-contact svg{width:27px;height:27px}.float-wa{background:#188b49}.float-phone{background:#e60012}.floating-contact a:hover{transform:translateY(-4px) scale(1.06)}.floating-contact span{position:absolute;left:65px;white-space:nowrap;background:#191919;padding:5px 12px;border-radius:5px;font-size:13px;opacity:0;transform:translateX(-8px);transition:.2s;pointer-events:none}.floating-contact a:hover span,.floating-contact a:focus-visible span{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--delay,0ms)}.motion-ready .reveal.visible{opacity:1;transform:none}.hero h1,.page-hero h1{animation:titleEnter .8s ease both}.hero-lead,.page-hero .breadcrumb{animation:titleEnter .8s .15s ease both}.hero-actions{animation:titleEnter .8s .3s ease both}.service-card img,.detail-image{transition:transform .7s ease}.service-card:hover img{transform:scale(1.04)}.info-card,.branch-page-card,.purpose-grid article,.steps-grid article{transition:transform .3s,box-shadow .3s,border-color .3s}.info-card:hover,.purpose-grid article:hover,.branch-page-card:hover{transform:translateY(-6px);box-shadow:0 15px 30px #0003}.steps-grid article:hover b{transform:rotate(-8deg) scale(1.1)}.steps-grid b{transition:transform .3s}.main-nav a{position:relative}.main-nav a:after{content:"";position:absolute;bottom:-5px;right:0;width:0;height:2px;background:#e60012;transition:width .25s}.main-nav a:hover:after{width:100%}.site-header.scrolled{box-shadow:0 6px 25px #0005}.btn{transition:transform .25s,background .25s,box-shadow .25s}.btn-primary:hover{box-shadow:0 7px 25px #e6001244}.float-wa{animation:softGlow 3s ease-in-out infinite}@keyframes titleEnter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes softGlow{50%{box-shadow:0 0 0 8px #188b491a,0 5px 20px #0007}}@media(max-width:800px){.footer-top{grid-template-columns:1fr 1fr;gap:30px}.floating-contact{bottom:16px;left:16px}.floating-contact a{width:48px;height:48px}.site-footer{padding-bottom:85px}.footer-bottom{flex-wrap:wrap}}@media(max-width:450px){.footer-top{gap:25px 18px}.footer-brand{grid-column:1/-1}.footer-contact{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}
