:root{--red:#e6332a;--red-dark:#bb2019;--green:#1fa855;--navy:#111827;--muted:#6b7280;--light:#f7f8fa;--white:#fff;--border:#e5e7eb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Tajawal",Arial,sans-serif;color:#171717;background:#fff;line-height:1.7}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.topbar{background:#101820;color:#fff;text-align:center;padding:8px 15px;font-size:14px}.topbar a{color:#ffca28;font-weight:800}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid var(--border);backdrop-filter:blur(10px)}.nav-wrap{height:78px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;min-width:230px}.brand-icon{width:42px;height:42px;display:grid;place-items:center;background:var(--red);border-radius:12px;font-size:22px}.brand b{display:block;font-size:18px}.brand small{display:block;color:var(--muted);font-size:12px}.nav{display:flex;align-items:center;gap:22px;flex:1}.nav a{font-weight:700;font-size:14px}.nav a:hover{color:var(--red)}.header-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:11px 18px;font-weight:800;transition:.2s;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--red);color:#fff}.btn-primary:hover{background:var(--red-dark)}.btn-outline{border-color:var(--green);color:var(--green)}.btn-whatsapp{background:var(--green);color:#fff}.btn-lg{padding:15px 24px}.menu-btn{display:none;background:none;border:0;font-size:26px}.hero{min-height:650px;position:relative;display:flex;align-items:center;background:url('images/tow-jeep-mcdonalds.jpg') center 45%/cover no-repeat;color:#fff}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.25),rgba(9,17,29,.88) 58%,rgba(9,17,29,.94))}.hero-content{position:relative;z-index:1;padding:90px 0;max-width:750px;margin-right:max(4%,calc((100% - 1180px)/2))}.badge{display:inline-block;background:rgba(230,51,42,.18);border:1px solid rgba(255,255,255,.28);padding:7px 13px;border-radius:99px;font-size:14px;margin-bottom:18px}.hero h1{font-size:clamp(38px,5vw,64px);line-height:1.18;margin:0 0 20px}.hero p{font-size:20px;color:#e5e7eb;max-width:720px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:620px;border-top:1px solid rgba(255,255,255,.2);padding-top:25px}.stats div{display:flex;flex-direction:column}.stats strong{font-size:26px}.stats span{color:#cbd5e1;font-size:14px}.features-strip{background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.07)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr)}.features-grid div{padding:23px 15px;text-align:center;font-weight:800;border-left:1px solid var(--border)}.section{padding:90px 0}.section-head{text-align:center;max-width:760px;margin:0 auto 45px}.section-head>span,.eyebrow{color:var(--red);font-weight:800}.section-head h2,.split h2{font-size:clamp(30px,4vw,44px);line-height:1.25;margin:8px 0 14px}.section-head p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article{background:#fff;border:1px solid var(--border);border-radius:18px;padding:28px;box-shadow:0 8px 24px rgba(0,0,0,.04);transition:.2s}.cards article:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.08)}.icon{font-size:31px;width:58px;height:58px;background:#fff1f0;border-radius:14px;display:grid;place-items:center}.cards h3{margin:16px 0 8px;font-size:20px}.cards p{margin:0;color:var(--muted)}.section-dark{background:#101820;color:#fff}.split{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:55px}.split>img{width:100%;height:520px;object-fit:cover;border-radius:24px}.split p{color:#cbd5e1;font-size:18px}.reason-list{display:grid;gap:18px;margin-top:30px}.reason-list div{padding:18px 20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px}.reason-list b,.reason-list span{display:block}.reason-list span{color:#cbd5e1;font-size:14px}.areas{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.areas span{padding:12px 20px;border-radius:999px;background:var(--light);border:1px solid var(--border);font-weight:800}.gallery-section{background:#171717}.section-head.light{color:#fff}.section-head.light p{color:#cbd5e1}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.gallery figure{margin:0;position:relative;overflow:hidden;border-radius:18px;background:#222;height:420px}.gallery img{width:100%;height:100%;object-fit:cover;transition:.4s}.gallery figure:hover img{transform:scale(1.05)}.gallery figcaption{position:absolute;right:0;left:0;bottom:0;padding:40px 18px 18px;color:#fff;font-weight:800;background:linear-gradient(transparent,rgba(0,0,0,.85))}.cta{background:var(--red);color:#fff;padding:50px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{margin:0;font-size:34px}.cta p{margin:5px 0 0}.cta-inner>div:last-child{display:flex;align-items:center;gap:18px}.phone{font-size:28px;font-weight:800}.faq-wrap{max-width:900px}.faq{display:grid;gap:12px}.faq details{border:1px solid var(--border);border-radius:14px;padding:0 20px;background:#fff}.faq summary{cursor:pointer;font-weight:800;padding:20px 0;list-style:none}.faq summary:after{content:'+';float:left;color:var(--red);font-size:24px}.faq details[open] summary:after{content:'−'}.faq p{color:var(--muted);margin:0 0 20px}footer{background:#0d131a;color:#fff;padding-top:60px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid h3{font-size:24px;margin-top:0}.footer-grid p,.footer-grid span{color:#aeb7c2}.footer-grid a,.footer-grid span{display:block;margin:8px 0}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.1);margin-top:45px;padding:18px;color:#9ca3af}.floating{position:fixed;left:18px;bottom:20px;display:flex;flex-direction:column;gap:10px;z-index:60}.floating a{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:22px;box-shadow:0 8px 25px rgba(0,0,0,.25)}.floating .call{background:var(--red)}.floating .wa{background:var(--green)}
@media(max-width:980px){.nav,.header-actions{display:none}.menu-btn{display:block;margin-right:auto}.nav.open{display:flex;position:absolute;top:78px;right:4%;left:4%;background:#fff;padding:20px;flex-direction:column;box-shadow:0 20px 35px rgba(0,0,0,.15);border-radius:0 0 16px 16px}.hero-content{margin:auto;width:92%}.cards{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:repeat(2,1fr)}.cta-inner{flex-direction:column;text-align:center}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.topbar{font-size:12px}.brand{min-width:auto}.brand small{display:none}.hero{min-height:720px}.hero h1{font-size:38px}.hero p{font-size:17px}.hero-actions{flex-direction:column}.stats{grid-template-columns:1fr;gap:14px}.cards,.gallery,.footer-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:1fr 1fr}.features-grid div{font-size:13px}.split>img{height:360px}.gallery figure{height:360px}.cta-inner>div:last-child{flex-direction:column}.section{padding:65px 0}}

.blog-preview{background:#f7f8fa}.blog-cards article h3 a:hover,.blog-list article h2 a:hover{color:var(--red)}.read-more{display:inline-block;margin-top:18px;color:var(--red);font-weight:800}.center-action{text-align:center;margin-top:32px}.page-hero,.article-hero{background:linear-gradient(135deg,#101820,#202c3a);color:#fff;padding:80px 0}.page-hero h1,.article-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.2;margin:10px 0 15px}.page-hero p,.article-hero p{color:#d1d5db;font-size:18px;max-width:800px}.blog-list article{display:flex;flex-direction:column}.blog-list h2{font-size:22px;line-height:1.45;margin-top:0}.narrow{max-width:900px}.breadcrumbs{font-size:14px;color:#d1d5db}.breadcrumbs a{color:#fff}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:38px;align-items:start}.article-content{font-size:18px}.article-content h2{font-size:28px;margin:38px 0 10px}.article-content p{color:#4b5563}.article-content a{color:var(--red);font-weight:700}.article-cover{width:100%;height:420px;object-fit:cover;border-radius:20px;margin-bottom:25px}.lead{font-size:21px!important;color:#222!important}.article-aside{position:sticky;top:105px;display:grid;gap:18px}.aside-card{border:1px solid var(--border);border-radius:18px;padding:24px;background:#fff}.aside-card h3{margin-top:0}.aside-card>a:not(.btn):not(.phone-block){display:block;padding:10px 0;border-bottom:1px solid var(--border)}.phone-block{display:block;font-size:27px;font-weight:800;color:var(--red);margin:12px 0}.article-cta{background:#f7f8fa;border:1px solid var(--border);border-radius:18px;padding:28px;margin-top:40px}.article-cta h2{margin-top:0}.article-cta .btn{margin:5px}.copyright a{color:#fff;font-weight:800}
@media(max-width:850px){.article-layout{grid-template-columns:1fr}.article-aside{position:static}.article-cover{height:320px}}