:root{--ink:#101715;--muted:#5d6561;--red:#cd302e;--green:#006b4f;--line:#dfe3e0;--paper:#fff;--max:1280px;--soft:#f3f5f3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}.wrap{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-80px;left:20px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}:focus-visible{outline:3px solid #178665;outline-offset:5px}header{position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(16px);z-index:30;border-bottom:1px solid var(--line)}.nav{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800;letter-spacing:-.04em;line-height:1.2}.brand small{display:block;font-size:11px;letter-spacing:.12em;font-weight:500;margin-top:7px}.mark{background:var(--red);color:white;width:45px;height:45px;display:flex;justify-content:center;align-items:center;font-size:30px;font-weight:900;position:relative}.mark span{font-size:19px;margin-top:10px;margin-left:0}.nav nav,.nav-actions{display:flex;align-items:center;gap:30px}.nav-link{font-size:14px;font-weight:600;padding:12px 0}.nav-link:hover,.text-link:hover{color:var(--red)}.nav-actions{gap:22px}.language{background:none;border:0;cursor:pointer;font-size:16px;padding:10px 0;color:var(--ink)}.button{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:52px;padding:14px 23px;font-size:14px;font-weight:700;transition:background .2s,transform .2s;border:1px solid transparent;border-radius:4px;line-height:1.4}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#294238}.button-red{background:var(--red);color:white}.button-red:hover{background:#ad2422}.button-light{background:white;color:var(--ink)}.button-light:hover{background:#e7efe9}.text-link{display:inline-block;font-size:14px;font-weight:700;border-bottom:1px solid currentColor;padding-block:6px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:690px}.hero-copy{padding:68px 42px 62px max(48px,calc((100vw - 1280px)/2));align-self:center}.eyebrow{display:flex;gap:12px;align-items:center;letter-spacing:.14em;font-size:12px;font-weight:700;line-height:1.6}.flag{display:inline-block;width:28px;height:18px;flex-shrink:0;border-left:7px solid #cf2e2e;background:linear-gradient(#00834b 0 33.333%,#fff 33.333% 66.666%,#101715 66.666%);box-shadow:0 0 0 1px #00000012}h1,h2,h3,p{margin:0}h1{font-size:clamp(3.7rem,6.6vw,6.3rem);letter-spacing:-.065em;line-height:.98;font-weight:750;margin:31px 0 26px}h1 em{font-style:normal;color:var(--green)}.hero-intro{font-size:17px;color:var(--muted);line-height:1.75;max-width:385px}.hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:30px}.hero-rating{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin-top:33px;font-size:13px}.stars{color:#99631c;letter-spacing:.08em}.hero-rating .stars{font-size:15px}.muted{color:var(--muted)}.hero-visual{background:#111213;position:relative;display:flex;align-items:center;overflow:hidden;min-width:0;isolation:isolate}.hero-visual img{width:100%;height:100%;object-fit:contain;object-position:center}.visual-top,.visual-bottom{position:absolute;inset-inline:34px;display:flex;justify-content:space-between;align-items:center;color:#e3e5e3;z-index:2;font-size:11px;letter-spacing:.13em;gap:20px}.visual-top{top:28px}.visual-top [lang=ar]{font-size:32px;letter-spacing:0;font-weight:400}.visual-bottom{bottom:30px;font-size:10px;line-height:1.6}.uae-edge{position:absolute;bottom:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--red) 0 25%,var(--green) 25% 50%,white 50% 75%,#252b28 75%)}.info-strip{background:var(--soft);border-bottom:1px solid var(--line)}.info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;padding-block:28px}.info-grid>div,.info-grid>a{padding-inline:38px;border-inline-start:1px solid #d4dad6}.info-grid>:first-child{padding-inline-start:0;border:0}.info-label{display:block;font-size:11px;letter-spacing:.14em;font-weight:700;color:var(--muted);margin-bottom:6px}.info-grid strong{font-size:16px;font-weight:600;display:block}.small-arrow{margin-inline-start:20px}.section{padding:100px 0}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:52px}h2{font-size:clamp(2.5rem,4.1vw,4rem);line-height:1.06;letter-spacing:-.05em;font-weight:700;margin-top:21px}.section-heading>p{max-width:340px;color:var(--muted);line-height:1.8;padding-bottom:5px}.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 34px}.service{border-top:1px solid #bdc7c1;min-height:208px;padding:22px 0 27px;transition:border-color .2s}.service:hover{border-color:var(--red)}.num{font-size:12px;letter-spacing:.1em;color:var(--green);font-weight:700}.service h3{font-size:20px;letter-spacing:-.025em;margin:18px 0 10px;font-weight:600}.service p{color:var(--muted);font-size:16px;max-width:300px;line-height:1.75}.approach{background:var(--ink);color:white}.approach-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:80px;align-items:center}.approach-image{margin:0;min-width:0;border:1px solid #ffffff14;background:#151516}.approach-image img{aspect-ratio:1.12;object-fit:cover;object-position:47% center}.approach-image figcaption{padding:22px;display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.08em;color:#bdc7c0;line-height:1.5}.approach-copy .eyebrow{color:#bccdc3}.approach-copy h2{margin-bottom:36px}.trust-list{display:grid;gap:0}.trust{padding:19px 0;border-top:1px solid #ffffff26}.trust h3{font-size:17px;letter-spacing:-.02em;font-weight:600;margin-bottom:5px}.trust p{font-size:16px;color:#b8c3bd;line-height:1.7}.reviews-section{border-bottom:1px solid var(--line)}.reviews-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.reviews-grid>div>p{max-width:395px;color:var(--muted);margin:24px 0 20px}.rating-block{text-align:center;border-inline-start:1px solid var(--line);padding:20px}.rating-number{font-size:clamp(5rem,9vw,8rem);line-height:1;font-weight:600;letter-spacing:-.07em}.rating-number>span{font-size:25px;font-weight:400;letter-spacing:-.02em;margin-left:14px;color:var(--muted)}.rating-block .stars{font-size:22px;margin-top:18px;display:inline-block}.rating-block>p{margin:14px auto!important;font-size:16px}.rating-block small{font-size:12px;color:var(--muted)}.contact-section{background:#005c44;color:white;padding:90px 0;position:relative;overflow:hidden}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;position:relative;z-index:2}.contact-section h2{font-size:clamp(3.1rem,5.8vw,5.5rem);line-height:1.04;margin-top:25px}.contact-section .eyebrow{color:#c9e4d9}.contact-section p{color:#d2e4dc;margin:24px 0;line-height:1.8}.contact-section .button{margin-top:5px}.visit-details{display:grid;gap:24px;padding-inline-start:55px;border-inline-start:1px solid #ffffff38}.visit-details .info-label{color:#b8d5c8}.contact-phone{font-size:clamp(1.35rem,2.5vw,2rem);font-weight:500;letter-spacing:-.035em}.visit-details p{margin:7px 0}.visit-details .text-link{margin-top:5px}.contact-signature{position:absolute;font-size:230px;right:10px;bottom:-80px;opacity:.045;line-height:1.3;pointer-events:none;font-family:Tahoma,Arial,sans-serif}footer{background:white;padding:29px 0}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;color:var(--muted)}.footer-place{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--ink)}.footer-place .flag{width:24px;height:15px;border-left-width:6px}.footer-row small{font-size:12px}.mobile-bar{display:none}[data-ar]{display:none}html[lang=ar] [data-en]{display:none}html[lang=ar] [data-ar]{display:inline}html[lang=ar] body{font-family:Tahoma,Arial,sans-serif}html[lang=ar] h1{font-size:clamp(3.5rem,5.7vw,5.3rem);line-height:1.35;letter-spacing:0}html[lang=ar] h2{line-height:1.4;letter-spacing:0}html[lang=ar] .eyebrow,html[lang=ar] .info-label,html[lang=ar] h3{letter-spacing:0}html[lang=ar] .hero-copy{padding-left:42px;padding-right:max(48px,calc((100vw - 1280px)/2))}html[lang=ar] .brand{direction:ltr}html[lang=ar] .hero-rating{line-height:1.9}html[lang=ar] .service{min-height:225px}
@media(min-width:1600px){.hero{min-height:780px}.hero-visual img{object-fit:contain}.hero-copy{padding-block:85px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav nav{gap:18px}.nav-book{display:none}.hero-copy{padding:54px 30px 50px 32px}html[lang=ar] .hero-copy{padding:54px 32px 50px 30px}.hero{min-height:630px}h1{font-size:5rem}.hero-actions{gap:20px}.approach-grid{gap:40px}.info-grid>div,.info-grid>a{padding-inline:24px}.contact-grid{gap:40px}.visit-details{padding-inline-start:36px}}
@media(max-width:780px){html{scroll-padding-top:80px}.wrap{width:calc(100% - 40px)}.nav{min-height:80px;gap:15px}.nav nav{display:none}.hero{grid-template-columns:1fr;min-height:0}.hero-copy,html[lang=ar] .hero-copy{padding:48px 24px 42px}h1{font-size:clamp(3.8rem,11.5vw,5.6rem);line-height:1.01}.hero-intro{max-width:450px}.hero-visual{height:auto;aspect-ratio:1.45}.hero-visual img{object-fit:cover;object-position:center}.visual-top{top:20px;inset-inline:24px}.visual-bottom{bottom:20px;inset-inline:24px}.visual-top [lang=ar]{font-size:26px}.hero-rating{margin-top:28px}.info-grid{grid-template-columns:1fr;gap:0;padding-block:4px}.info-grid>div,.info-grid>a{border:0;border-bottom:1px solid var(--line);padding:17px 4px;display:flex;align-items:center;justify-content:space-between;gap:16px}.info-grid>:first-child{padding:17px 4px;border-bottom:1px solid var(--line)}.info-grid>:last-child{border:0}.info-label{margin-bottom:0}.info-grid strong{font-size:14px;text-align:end}.info-label{font-size:10px}.small-arrow{margin-inline-start:8px}.section{padding:68px 0}.section-heading{display:block;margin-bottom:36px}.section-heading>p{margin-top:22px;max-width:450px}.services{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}.service{min-height:205px}.service h3{font-size:18px}.service p{font-size:16px}.approach-grid{grid-template-columns:1fr;gap:36px}.approach-image img{aspect-ratio:1.45;object-fit:cover}.approach-image figcaption{padding:18px;font-size:10px}.approach-copy h2{margin-bottom:28px}.reviews-grid{grid-template-columns:1fr;gap:36px}.rating-block{border-inline-start:0;border-top:1px solid var(--line);padding-top:36px;text-align:start;display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:18px}.rating-number{grid-row:span 3;font-size:6.2rem}.rating-block>p{margin:8px 0!important;font-size:14px}.rating-block .stars{font-size:18px;margin-top:0}.rating-block small{font-size:11px}.contact-section{padding:64px 0}.contact-grid{grid-template-columns:1fr;gap:40px}.visit-details{padding:30px 0 0;border-inline-start:0;border-top:1px solid #ffffff38;gap:28px}.visit-details .info-label{font-size:11px;margin-bottom:10px}.contact-phone{font-size:26px}.footer-row{flex-wrap:wrap;gap:16px}.footer-row small{width:100%;font-size:11px}.contact-signature{font-size:190px;bottom:-45px}footer{padding-bottom:100px}.mobile-bar{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:fixed;z-index:40;bottom:0;inset-inline:0;background:#fffffff5;backdrop-filter:blur(12px);padding:10px 16px max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--line)}.mobile-bar .button{min-height:46px;padding:12px}.language{padding:12px}.hero-visual .visual-bottom{font-size:9px}html[lang=ar] h1{font-size:3.7rem}html[lang=ar] .service{min-height:230px}}
@media(max-width:380px){.brand{font-size:16px}.mark{width:38px;height:38px}.brand small{font-size:9px}.hero-actions{gap:14px}.hero-actions .button{padding:14px 17px}.services{grid-template-columns:1fr}.service{min-height:0;padding:22px 0}.service p{max-width:none}.rating-number{font-size:4.8rem}.rating-number>span{font-size:18px}.info-grid strong{font-size:13px}.info-grid{gap:0}.visual-bottom>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Open automotive composition: imagery dissolves into a shared canvas. */
.hero{background:#111213;color:#fff;position:relative;isolation:isolate;grid-template-columns:48% 52%;min-height:720px;overflow:hidden;padding-bottom:42px}
.hero-copy{position:relative;z-index:2;padding-block:90px 70px;padding-inline-end:12px}
.hero h1{font-size:clamp(3.2rem,5.65vw,5.7rem);line-height:1.08;letter-spacing:-.06em;margin:30px 0 26px}
.hero h1 em{color:#8cd2b6}
.hero .eyebrow{color:#c3cfc8}
.hero-intro{color:#c0c7c3;max-width:420px;font-size:18px;line-height:1.8}
.hero .muted{color:#a8b3ac}.hero .stars{color:#e5bd76}
.hero .text-link:hover{color:#9dd6bd}
.hero-visual{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;isolation:auto;align-self:center;margin-inline-start:-8%;width:112%;pointer-events:none}
.hero-visual img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;position:relative;mask-image:linear-gradient(to right,transparent 0%,#000 12%,#000 90%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 21%,#000 74%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 12%,#000 90%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 21%,#000 74%,transparent 100%);-webkit-mask-composite:source-in;animation:car-drift 9s ease-in-out infinite}
.hero:after{content:"";position:absolute;z-index:3;bottom:-1px;left:-5%;width:110%;height:46px;background:var(--soft);border-radius:50% 50% 0 0 / 100% 100% 0 0;pointer-events:none}
.button{border-radius:999px}.mark{border-radius:12px 3px 12px 3px}
.info-strip{border-bottom:0}.info-grid{padding-block:18px 30px}
.services-section{padding-top:95px;padding-bottom:110px}
.approach{background:#111213;position:relative;isolation:isolate;padding:108px 0 130px}
.approach:before{content:"";position:absolute;z-index:-1;top:-40px;left:0;right:0;height:70px;background:#111213;border-radius:50% 50% 0 0 / 100% 100% 0 0}
.approach-grid{grid-template-columns:1.1fr 1fr;gap:55px}
.approach-image{border:0;border-radius:0;background:transparent;box-shadow:none;width:115%;margin-inline-start:-10%;align-self:center}
.approach-image img{aspect-ratio:3/2;object-fit:contain;mask-image:linear-gradient(to right,transparent 0%,#000 13%,#000 89%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 22%,#000 75%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 13%,#000 89%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 22%,#000 75%,transparent 100%);-webkit-mask-composite:source-in}
.approach-copy{position:relative;z-index:2}.approach-copy .eyebrow{color:#9bc7b2}.approach-copy h2{margin-bottom:26px}
.trust{padding:20px 0}.trust h3{font-size:18px}.trust p{font-size:16px;max-width:445px}
.reviews-section{position:relative;border-radius:48px 48px 0 0;margin-top:-48px;background:white}
@keyframes car-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
html[lang=ar] .hero-copy{padding-inline-end:12px}
html[lang=ar] .hero h1{font-size:clamp(3rem,4.8vw,5rem);line-height:1.45;letter-spacing:0}
@media(min-width:1600px){.hero{min-height:760px}.hero-visual{width:108%;margin-inline-start:-5%}}
@media(max-width:1100px){.hero{min-height:650px}.hero-copy{padding-block:65px}.hero h1{font-size:clamp(3rem,5.5vw,4.5rem)}.hero-intro{font-size:17px}.hero-actions{gap:18px}.approach-grid{gap:30px}.approach-copy h2{font-size:3rem}.approach-image{width:118%}}
@media(max-width:780px){.hero{display:flex;flex-direction:column;padding-bottom:38px;min-height:0}.hero-copy,html[lang=ar] .hero-copy{padding:45px 24px 12px;width:100%}.hero h1{font-size:clamp(2.9rem,8.9vw,4.5rem);line-height:1.12;margin:25px 0 22px}.hero-intro{font-size:17px;max-width:490px}.hero-actions{margin-top:24px;gap:22px}.hero-rating{margin-top:23px}.hero-visual{width:100%;height:auto;aspect-ratio:auto;margin:0;align-self:stretch}.hero-visual img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;animation:none}.hero:after{height:29px}.info-grid{padding-block:0 12px}.services-section{padding-top:62px;padding-bottom:95px}.approach{padding:48px 0 94px}.approach-grid{display:flex;flex-direction:column;gap:8px}.approach-copy{order:0;width:100%}.approach-image{order:1;width:calc(100% + 32px);max-width:calc(100% + 32px);margin:0 -16px}.approach-image img{aspect-ratio:3/2;object-fit:contain}.approach-copy h2{font-size:2.8rem}.trust p{max-width:none}.reviews-section{border-radius:28px 28px 0 0;margin-top:-28px}.reviews-grid{gap:30px}html[lang=ar] .hero h1{font-size:clamp(2.7rem,8.4vw,4rem);line-height:1.5}}
@media(prefers-reduced-motion:reduce){.hero-visual img{animation:none}}

/* Oil guide entry points remain available on every screen size. */
.service-oil-link{margin-top:15px}.nav-link[aria-current=page]{color:var(--red);border-bottom:2px solid var(--red)}
@media(min-width:781px) and (max-width:1250px){.nav-book{display:none}.nav nav{gap:20px}}
@media(max-width:780px){html{scroll-padding-top:140px}.nav{flex-wrap:wrap;padding-block:12px;gap:8px 16px}.nav nav{display:flex;order:3;flex-basis:100%;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:4px}.nav .nav-link{font-size:14px;padding:8px 0}.nav-actions{margin-inline-start:auto}}
@media(min-width:781px){.nav{flex-wrap:wrap}.nav nav{flex-wrap:wrap}}

/* Service promotions with direct workshop booking. */
.care-promotions{background:var(--soft);padding:64px 0 12px}.care-promotions .section-heading{margin-bottom:28px}.care-promotions h2{font-size:clamp(2rem,3.5vw,3.2rem);max-width:620px}.care-promo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.care-promo{display:flex;flex-direction:column;background:#111213;color:#fff;padding:30px;border-radius:18px;border-top:3px solid var(--red)}.care-promo-number{font-size:12px;letter-spacing:.12em;color:#b8c3bd;margin-bottom:22px}.care-promo h3{font-size:25px;line-height:1.3;letter-spacing:-.025em;margin-bottom:14px}.care-promo p{color:#c0c7c3;line-height:1.7;margin-bottom:26px}.care-promo-actions{margin-top:auto;display:flex;align-items:flex-start;flex-direction:column;gap:16px}.care-promo .button{white-space:normal;text-align:center;max-width:100%}.care-promo .text-link{font-size:14px;color:#d7e7df}.care-promo a:focus-visible{outline:3px solid #fff;outline-offset:5px}@media(max-width:900px){.care-promo-grid{grid-template-columns:1fr}.care-promo{padding:26px}.care-promotions{padding-top:44px}.care-promo-actions{flex-direction:row;align-items:center;flex-wrap:wrap}}

.care-reading{padding-block:48px}.care-reading h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 18px}.care-reading p{font-size:17px;color:var(--muted);max-width:800px}.care-reading ul{padding-inline-start:22px;line-height:1.8;margin-block:20px}.care-reading li+li{margin-top:12px}.care-reading li a{text-decoration:underline;text-underline-offset:4px}.care-reading li a:hover{color:var(--green)}
