@font-face{font-family:Cairo;src:url('/assets/brand/cairo.ttf') format('truetype');font-display:swap;font-weight:400 900}
:root{color-scheme:dark;--blue:#00a5ff;--muted:#b5c8d6;--line:#163546}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#020c12;color:#f5f8fc;font-family:Cairo,Arial,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}h2{font-size:clamp(25px,2.7vw,36px);line-height:1.4;font-weight:800}h3{font-size:18px}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #8cdcff;outline-offset:5px}.wrap{width:min(1280px,91%);margin-inline:auto}.icon{width:25px;height:25px;flex-shrink:0}.nav{position:relative;z-index:10;border-bottom:1px solid #16354688;background:#020c12ed}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:94px;direction:ltr}.logo{width:285px;flex-shrink:0}.links{display:flex;gap:28px;align-items:center}.links a{font-size:14px;white-space:nowrap;padding-block:30px;position:relative}.links a:hover,.links a.active{color:var(--blue)}.links a.active:after{content:'';position:absolute;bottom:19px;height:2px;background:var(--blue);left:0;right:0;box-shadow:0 0 12px #00a5ff}.nav-actions{display:flex;align-items:center;gap:16px}.button{display:inline-flex;gap:20px;align-items:center;justify-content:center;background:#009cf6;border:1px solid #00aaff;border-radius:9px;padding:12px 25px;font-weight:800;box-shadow:0 5px 22px #008cff33;transition:background .2s,transform .2s;white-space:nowrap}.button:hover{background:#20b2ff;transform:translateY(-2px)}.nav .button{font-size:14px;padding:10px 20px}.language{position:relative}.lang,.menu-toggle{display:flex;align-items:center;gap:9px;background:#091823;border:1px solid var(--line);padding:10px 13px;border-radius:9px;font-size:14px}.lang .icon{width:19px;height:19px}.language-options{position:absolute;top:calc(100% + 8px);right:0;min-width:145px;background:#091925;border:1px solid #2b4659;border-radius:9px;padding:5px;box-shadow:0 10px 40px #0009}.language-options button{display:block;width:100%;border:0;text-align:start;background:none;padding:10px;border-radius:5px}.language-options button:hover{background:#153449}.menu-toggle{display:none}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;padding:12px;background:#006bae}.skip-link:focus{top:10px}.hero{position:relative;min-height:585px;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line)}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 57%;z-index:-3}.hero:after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#020c12 0%,#020c12e8 20%,#020c1290 37%,transparent 59%)}.hero-content{position:relative;min-height:585px;padding-block:32px;direction:ltr;display:flex;align-items:center}.hero-copy{width:43%;direction:rtl;text-align:left}.hero-copy .eyebrow{font-size:25px;color:#e0e9ef;margin-bottom:3px}.hero h1{font-size:clamp(39px,4.65vw,65px);line-height:1.32;letter-spacing:-1px;font-weight:900}.hero h1 em{font-style:normal;color:var(--blue)}.hero-description{font-size:18px;max-width:420px;margin-top:17px;line-height:1.85}.hero-benefits{display:flex;direction:ltr;gap:18px;margin:25px 0 24px;max-width:400px}.hero-benefits>div{width:85px;text-align:center;line-height:1.5;font-size:13px;display:flex;align-items:center;flex-direction:column;gap:10px}.hero-benefits .icon{color:#00b5ff;width:41px;height:41px;padding:6px;border:1px solid #075679;border-radius:10px;background:#00355144}.hero-copy>.button{min-width:245px;font-size:20px;direction:rtl}.micro{font-size:13px;letter-spacing:1px;color:var(--muted);margin-top:9px;width:245px;text-align:center}.rak-sign{position:absolute;bottom:65px;right:4px;transform:rotate(-12deg);font:italic 43px/1.02 cursive;text-align:center}.rak-sign i,.slogan i{display:block;width:105px;height:5px;background:var(--blue);transform:rotate(-5deg);margin-top:12px}.location-tag{display:flex;align-items:center;gap:9px;position:absolute;bottom:16px;right:0;font-size:12px;padding:8px 15px;background:#051a29a8;border:1px solid #23506b;border-radius:9px}.location-tag .icon{color:var(--blue)}.services{padding-block:26px 20px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px;direction:ltr}.section-heading p{font-size:13px;color:var(--muted)}.section-heading p:before{content:'';display:inline-block;width:45px;height:5px;background:var(--blue);margin-right:9px}.section-heading>a{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:21px;direction:ltr}.service-card{position:relative;overflow:hidden;border:1px solid #204559;border-radius:11px;background:#081924;transition:transform .25s,border-color .25s}.service-card:hover{transform:translateY(-5px);border-color:var(--blue)}.service-card>img{width:100%;height:170px;object-fit:cover;mask-image:linear-gradient(#000 80%,transparent)}.service-info{padding:0 19px 15px;position:relative;margin-top:-4px;text-align:left}.service-info h3{font-size:18px}.service-info strong{font-size:23px;line-height:1.5}.round-arrow{position:absolute;right:16px;bottom:20px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0097e9,#164564);width:40px;height:40px}.round-arrow .icon{width:19px}.subscription{padding-block:0 23px}.sub-card{direction:ltr;display:flex;align-items:center;gap:28px;padding:22px 26px;border:1px solid #087caf;border-radius:12px;background:radial-gradient(ellipse at top,#00365480,transparent 75%),#041623;box-shadow:inset 0 0 18px #008bd81a}.sub-icon{color:var(--blue);filter:drop-shadow(0 0 10px #009fff77)}.sub-icon .icon{width:65px;height:65px}.sub-card h2{font-size:29px}.sub-card p{color:var(--muted);font-size:15px}.sub-price{margin-left:auto;min-width:210px;text-align:center}.sub-price strong{font-size:43px;line-height:1.3;color:var(--blue)}.sub-price strong span{font-size:26px}.sub-price small{display:block;color:var(--muted);font-size:12px}.button-light{color:#073464;background:#fff;border-color:#b9dfff;padding-inline:30px}.button-light:hover{background:#dcefff}.why{padding-bottom:28px}.why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:21px;direction:ltr}.why-grid>div{display:flex;gap:15px;align-items:center;font-size:15px;line-height:1.5}.icon-disc{color:#00b6ff;width:59px;height:59px;display:grid;place-items:center;border-radius:50%;border:1px solid #0877b0;background:radial-gradient(at top,#006aa7,#032239 70%);flex-shrink:0}.icon-disc .icon{width:31px;height:31px}.app-showcase{border-block:1px solid #204559;background:linear-gradient(90deg,#062131bb,#062131ee),url('/assets/hero/rak-detailing.webp') center 35%/cover;overflow:hidden}.app-grid{min-height:340px;display:grid;grid-template-columns:360px 1fr 190px;gap:50px;align-items:center;direction:ltr;position:relative}.phones{height:340px;position:relative;align-self:end;direction:ltr}.phone{position:absolute;background:#030d15;border:4px solid #83909a;border-radius:31px;width:205px;height:365px;padding:33px 12px 15px;box-shadow:0 0 0 3px #101419,12px 0 30px #0008;overflow:hidden}.phone-front{top:15px;left:8px;transform:rotate(-5deg);z-index:2}.phone-back{left:164px;top:46px;transform:rotate(6deg);width:180px}.notch{position:absolute;top:-1px;left:27%;width:46%;height:16px;background:#000;border-radius:0 0 10px 10px}.phone>img:first-of-type{width:170px;margin-bottom:8px}.phone .phone-car{width:100%;height:105px;object-fit:cover}.phone-cta{background:#009df4;padding:9px 4px;text-align:center;font-size:12px;border-radius:7px;margin-bottom:7px}.phone-row{padding:10px 6px;background:#0b202e;border-radius:7px;display:flex;gap:8px;align-items:center;margin-block:6px;font-size:10px}.phone-row .icon{width:18px;height:18px}.phone small{display:block;text-align:center;color:var(--muted);font-size:9px}.phone h4{font-size:11px;text-align:center}.map-preview{margin-top:12px;background:#142937;height:218px;overflow:hidden;border-radius:10px}.map-preview svg{width:100%;height:100%}.map-road{stroke:#557080;stroke-width:5;fill:none}.map-route{stroke:#00b4ff;stroke-width:3;stroke-dasharray:5;fill:none}.app-copy{padding-block:30px;max-width:420px;text-align:left}.coming-soon{display:inline-block;color:#69caff;border:1px solid #1b6890;background:#003b594d;border-radius:30px;padding:3px 17px;font-size:12px;margin-bottom:10px}.app-copy h2{font-size:34px}.app-copy>p{font-size:19px;max-width:390px;line-height:1.65;margin-top:9px}.store-badges{display:flex;gap:12px;margin-top:20px;direction:ltr}.store-badges>span{border:1px solid #71808c;background:#020609;border-radius:7px;padding:5px 19px;font-size:19px;line-height:1.4}.store-badges small{display:block;color:#9bb8cb;font-size:10px;text-align:center}.app-copy .app-note{font-size:11px;color:var(--muted);margin-top:13px}.slogan{font:italic 34px/1.25 cursive;transform:rotate(-10deg);padding-bottom:10px}footer{background:#020b10}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.1fr 1.25fr;gap:55px;padding-block:33px 26px;direction:ltr}.footer-brand img{width:260px}.footer-brand p{font-size:10px;letter-spacing:2px;margin-block:12px}.footer-grid h3{font-size:15px;margin-bottom:9px}.footer-grid>div>a:not(:first-child){display:block;font-size:13px;line-height:2}.footer-grid p{font-size:12px;color:var(--muted)}.footer-grid a:hover{color:var(--blue)}.legal-business{color:#8ca6b8;font-size:11px;padding-block:10px 17px}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#b4c9d7;padding-block:20px;direction:ltr}.footer-bottom>span:last-child{display:flex;gap:14px;align-items:center}.uae-flag{display:inline-block;width:28px;height:18px;background:linear-gradient(#008845 33.3%,white 33.3% 66.6%,#111 66.6%);border-left:7px solid #ed1b2f}.policy{padding-block:55px 75px;min-height:60vh}.policy .wrap{max-width:850px}.policy h1{font-size:clamp(32px,5vw,48px);line-height:1.25;margin-block:12px 24px}.policy h2{font-size:23px;margin-top:28px;margin-bottom:8px}.policy p{color:#c0d1df;line-height:1.9}.policy a{color:#37b6ff;text-decoration:underline}.policy .notice{padding:24px;border:1px solid #1c526d;background:#071d2b;border-radius:12px}.policy .eyebrow{font-size:12px;color:#62c4ff}html[lang=en] .hero-copy{direction:ltr}html[lang=en] .hero h1{font-size:clamp(37px,4.1vw,58px);line-height:1.17}html[lang=en] .hero-copy .eyebrow{font-size:13px;letter-spacing:2px}html[lang=en] .hero-copy>.button{direction:ltr}html[lang=ar] .links{direction:rtl}html[lang=ar] .service-info h3,html[lang=ar] .service-info strong{direction:rtl;display:block;text-align:left;padding-right:30px}html[lang=ar] .sub-card>div:not(.sub-icon),html[lang=ar] .app-copy{direction:rtl}html[lang=ar] .why h2{text-align:left}html[lang=ar] .why-grid>div>span:last-child{direction:rtl;text-align:left}html[lang=ar] .footer-grid>div{direction:rtl;text-align:left}html[lang=ar] .footer-brand{direction:ltr}
@media(max-width:1180px){.nav-inner{gap:15px;min-height:80px}.logo{width:225px}.links{gap:16px}.links a{font-size:12px}.nav-actions{gap:9px}.nav .button{padding:10px 14px}.hero,.hero-content{min-height:540px}.hero h1{font-size:48px}.hero-copy{width:44%}.hero-description{font-size:16px}.sub-card{gap:20px;padding:18px}.sub-card h2{font-size:24px}.sub-price strong{font-size:36px}.sub-price{min-width:180px}.app-grid{grid-template-columns:330px 1fr 145px;gap:30px}.slogan{font-size:29px}.why-grid>div{font-size:13px;gap:10px}.footer-grid{gap:30px}.service-card>img{height:145px}.service-info h3{font-size:16px}.service-info strong{font-size:22px}}
@media(max-width:1000px){.menu-toggle{display:flex}.links{display:none;position:absolute;top:100%;left:0;right:0;padding:15px 5%;background:#051521;border-bottom:1px solid #244555;flex-wrap:wrap;justify-content:center}.links.open{display:flex}.links a{padding:10px;font-size:15px}.links a.active:after{bottom:3px}.hero h1{font-size:43px}.hero-benefits{gap:9px}.hero-copy{width:47%}.hero-description{max-width:340px}.app-grid{grid-template-columns:300px 1fr;gap:25px}.slogan{display:none}.phone-back{left:135px}.why-grid{gap:15px}.why-grid>div{flex-direction:column;text-align:center!important}.why-grid>div>span:last-child{text-align:center!important}.sub-card{flex-wrap:wrap}.sub-card .button{margin-left:auto}.sub-price{margin-left:auto}.sub-card h2{font-size:23px}.sub-icon .icon{width:50px;height:50px}.footer-grid{grid-template-columns:1.1fr 1fr;gap:30px 70px}.service-info{padding-inline:12px}.round-arrow{right:10px;width:32px;height:32px}.service-info strong{font-size:19px}.service-info h3{font-size:14px}}
@media(max-width:700px){.wrap{width:90%}.nav-inner{min-height:73px;gap:12px}.logo{width:175px}.nav .button{display:none}.lang{padding:8px;font-size:12px}.menu-toggle{padding:7px}.nav-actions{gap:7px}.hero,.hero-content{min-height:760px}.hero-content{align-items:flex-start;padding-top:28px}.hero-art{height:440px;top:auto;bottom:0;object-fit:cover;object-position:69% center;width:155%;max-width:none;left:-55%}.hero:after{background:linear-gradient(180deg,#020c12 0%,#020c12 40%,#020c12d9 48%,transparent 68%,#020c1240 100%)}.hero-copy{width:100%;text-align:start;direction:rtl}.hero h1{font-size:clamp(38px,9vw,52px);letter-spacing:0;line-height:1.4}.hero-copy .eyebrow{font-size:20px}.hero-description{max-width:100%;font-size:15px;margin-top:11px;line-height:1.8}.hero-benefits{margin-block:18px;justify-content:space-between;max-width:100%;gap:7px}.hero-benefits>div{font-size:11px;width:80px}.hero-benefits .icon{width:34px;height:34px}.hero-copy>.button{font-size:17px;min-width:190px;padding:10px 20px}.micro{width:190px;font-size:11px}.rak-sign{font-size:31px;bottom:48px;right:3px}.rak-sign i{width:65px;height:4px}.location-tag{font-size:10px;bottom:12px;right:0;padding:5px 10px}.location-tag .icon{width:19px;height:19px}.services{padding-top:23px}.section-heading{margin-bottom:15px}.section-heading>a{font-size:11px;gap:5px}.section-heading>a .icon{width:17px}.section-heading p{font-size:10px}.section-heading p:before{width:25px;height:4px;margin-right:6px}.service-grid{grid-template-columns:repeat(2,1fr);gap:13px}.service-card>img{height:125px}.service-info{padding:0 12px 13px}.service-info h3{font-size:15px}.service-info strong{font-size:20px}.round-arrow{width:29px;height:29px;bottom:17px;right:10px}.sub-card{gap:12px;display:grid;grid-template-columns:40px 1fr;padding:18px}.sub-icon .icon{width:38px;height:38px}.sub-card h2{font-size:22px}.sub-card p{font-size:13px}.sub-price{margin:0;text-align:left;grid-column:1/3}.sub-price strong{font-size:37px}.sub-price small{font-size:11px}.sub-card .button{grid-column:1/3;margin:0;justify-self:stretch;padding:10px;font-size:16px}.why{padding-bottom:25px}.why-grid{grid-template-columns:repeat(3,1fr);gap:24px 13px;margin-top:20px}.why-grid>div{font-size:12px}.icon-disc{width:49px;height:49px}.icon-disc .icon{width:27px;height:27px}.app-grid{grid-template-columns:1fr;gap:0}.app-copy{grid-row:1;padding-block:28px 20px;text-align:start;max-width:100%}.app-copy h2{font-size:30px}.app-copy>p{font-size:17px}.phones{height:305px;width:310px;margin:auto}.phone-front{top:7px}.phone-back{top:34px;left:145px}.store-badges{margin-top:14px}.store-badges>span{font-size:17px}.footer-grid{gap:26px 22px;padding-block:30px 24px;grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/3}.footer-brand img{width:240px}.footer-grid>div:last-child{grid-column:1/3}.footer-grid>div>a:not(:first-child){font-size:12px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:12px;font-size:10px}.legal-business{font-size:10px}.policy{padding-block:32px 45px}.policy h2{font-size:21px}.policy p{font-size:14px}.policy .notice{padding:18px}html[lang=en] .hero h1{font-size:clamp(36px,9vw,49px);line-height:1.15}html[lang=en] .hero-copy .eyebrow{font-size:11px}html[lang=en] .hero-description{font-size:15px}html[lang=en] .sub-card h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Keep complete vehicles visible and preserve the reference's left copy column. */
.service-card>img{object-fit:contain;background:#061520}
.hero-benefits{margin-right:auto;margin-left:0}.hero-copy .micro{margin-right:auto;margin-left:0}
.footer-brand img{margin-right:auto}.footer-brand p{direction:ltr}.footer-brand>a:last-child{display:flex!important;align-items:center;gap:8px}
@media(min-width:701px) and (max-width:1000px){.app-grid{grid-template-columns:280px 1fr;gap:35px}.phones{transform:scale(.85);transform-origin:left bottom}.service-grid{gap:15px}.service-card>img{height:130px}.hero:after{background:linear-gradient(90deg,#020c12 0%,#020c12df 25%,#020c12a8 40%,transparent 75%)}}
@media(max-width:700px){.hero-copy .micro{margin-left:auto;margin-right:0}html[lang=en] .hero-copy .micro{margin-left:0;margin-right:auto}.service-card>img{height:125px}}

/* Approved reference: rounded Arabic, compact section rhythm, prominent photography. */
@font-face{font-family:Tajawal;src:url('/assets/brand/tajawal-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Tajawal;src:url('/assets/brand/tajawal-bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Tajawal;src:url('/assets/brand/tajawal-extrabold.ttf') format('truetype');font-weight:800 900;font-display:swap}
body{font-family:Tajawal,Arial,sans-serif;font-size:17px;line-height:1.55}html[lang=en] body{font-family:Arial,Helvetica,sans-serif}
.logo img,.footer-brand img{width:100%;height:auto}.nav-inner{min-height:clamp(70px,6.8vw,94px)}.logo{width:clamp(245px,24vw,330px)}.links{gap:clamp(20px,2.8vw,38px)}.links a{font-size:15px;padding-block:24px}.nav-actions{gap:15px}.nav .button{font-size:16px;line-height:1.4;padding:11px 20px}.lang{font-size:15px;line-height:1.4;padding:11px 13px}
.hero,.hero-content{min-height:clamp(430px,42vw,605px)}.hero-content{padding-block:22px}.hero-copy{width:39%;text-align:left}.hero h1{font-size:clamp(47px,5.05vw,72px);line-height:1.06;font-weight:800;letter-spacing:0}.hero-copy .eyebrow{font-size:clamp(23px,2.3vw,32px);margin-bottom:9px}.hero-description{font-size:clamp(17px,1.6vw,22px);line-height:1.5;max-width:92%;margin-top:16px;margin-left:0;margin-right:auto}.hero-benefits{max-width:93%;gap:16px;margin-top:22px;margin-bottom:22px}.hero-benefits>div{font-size:15px;gap:9px;line-height:1.2;width:80px}.hero-benefits .icon{width:45px;height:45px;padding:8px}.hero-copy>.button{min-width:235px;font-size:21px;line-height:1.3;padding:13px 22px;direction:ltr}.micro{font-size:14px;line-height:1.3;margin-top:10px;width:235px}.rak-sign{font-size:40px;right:0;bottom:58px}.location-tag{font-size:12px;bottom:11px}.hero:after{background:linear-gradient(90deg,#020c12 0%,#020c12ee 22%,#020c1290 36%,transparent 48%)}
.services{padding-block:17px 19px}.section-heading{margin-bottom:15px}.section-heading h2{font-size:clamp(33px,3.2vw,45px)}.section-heading p{font-size:14px;line-height:1.4}.section-heading>a{font-size:15px}.service-grid{gap:18px}.service-card>img{height:clamp(114px,11.7vw,170px);background:#091824;mask-image:linear-gradient(#000 75%,transparent)}.service-info{padding:0 15px 12px;margin-top:-3px}.service-info h3{font-size:18px;line-height:1.2}.service-info strong{font-size:24px;line-height:1.4}.round-arrow{width:36px;height:36px;bottom:14px;right:13px}
.subscription{padding-bottom:18px}.sub-card{padding:17px 22px;gap:25px}.sub-card h2{font-size:clamp(27px,2.8vw,39px);line-height:1.25}.sub-card p{font-size:17px;line-height:1.4}.sub-icon .icon{width:58px;height:58px}.sub-price{min-width:190px}.sub-price strong{font-size:42px;line-height:1.1}.sub-price small{font-size:14px;margin-top:5px}.button-light{font-size:18px;padding:12px 30px}.why{padding-bottom:26px}.why h2{font-size:30px}.why-grid{margin-top:18px;gap:22px}.why-grid>div{font-size:16px;line-height:1.35;gap:13px}.icon-disc{width:56px;height:56px}.why-grid>div>span:last-child{max-width:115px}
.app-showcase{background:linear-gradient(90deg,#03172555,#03172533),url('/assets/app/detailing-background.webp') center/cover}.app-grid{grid-template-columns:36% 36% 1fr;gap:3%;min-height:300px}.phones{height:300px}.phone{background:linear-gradient(140deg,#091c2a,#02090e 40%);border:3px solid #87939a;box-shadow:0 0 0 2px #050a0d,inset 0 0 0 2px #303b43,10px 0 20px #000b;border-radius:30px}.phone-front{width:205px;height:365px;left:10px;top:2px;transform:rotate(-6deg);padding-top:40px}.phone-back{width:172px;left:167px;top:31px;transform:rotate(-5deg)}.phone>img:first-of-type{height:auto;max-width:100%}.phone .phone-car{height:96px;object-fit:cover;object-position:60% 70%;border-radius:5px}.phone-cta{font-size:13px;padding:10px 3px}.phone-row{font-size:12px}.app-copy{padding-block:20px;position:relative;z-index:3}.app-copy h2{font-size:31px;line-height:1.2}.app-copy>p{font-size:19px;line-height:1.45;margin-top:7px;max-width:310px}.coming-soon{font-size:12px;margin-bottom:8px;padding:2px 14px}.store-badges{gap:10px;margin-top:16px}.store-badges>span{font-family:Arial,sans-serif;padding:5px 11px;font-size:19px;min-width:115px}.store-badges small{font-family:Tajawal,Arial,sans-serif;font-size:11px}.app-copy .app-note{font-size:12px;max-width:310px;line-height:1.4}.slogan{font:italic 31px/1.2 'Comic Sans MS',cursive;transform:rotate(-12deg);text-shadow:0 2px 10px #000;justify-self:end}.slogan i{width:115px}
.footer-grid{padding-block:25px 17px;gap:45px;grid-template-columns:1.35fr 1fr 1.05fr 1.2fr}.footer-brand img{max-width:260px}.footer-grid h3{font-size:16px;margin-bottom:7px}.footer-grid>div>a:not(:first-child){font-size:15px;line-height:1.8}.footer-grid p{font-size:13px}.footer-brand p{font-size:10px;margin-block:11px}.footer-brand>a:last-child{justify-content:flex-end;font-size:13px!important}.legal-business{padding-block:8px 12px;font-size:11px}.footer-bottom{padding-block:16px;font-size:12px}
@media(min-width:1001px) and (max-width:1180px){.nav-inner{gap:12px}.logo{width:245px}.links{gap:20px}.links a{font-size:13px}.nav-actions{gap:10px}.nav .button{padding-inline:17px}.hero h1{font-size:50px}.hero-benefits{gap:14px}.hero-benefits>div{font-size:14px}.hero-copy>.button{min-width:230px}.app-copy h2{font-size:29px}.sub-card .button{padding-inline:27px}.sub-card h2{font-size:28px}.phone-front{width:192px}.phone-back{left:154px;width:165px}}
@media(min-width:701px) and (max-width:1000px){.nav-inner{min-height:75px}.logo{width:245px}.hero,.hero-content{min-height:475px}.hero-copy{width:47%}.hero h1{font-size:43px}.hero-description{font-size:17px}.hero-benefits{gap:10px;max-width:100%}.hero-benefits>div{font-size:13px}.hero-copy>.button{min-width:220px}.hero:after{background:linear-gradient(90deg,#020c12 0%,#020c12dd 28%,#020c1290 42%,transparent 68%)}.service-info h3{font-size:16px}.service-info strong{font-size:21px}.service-card>img{height:108px}.sub-card h2{font-size:26px}.sub-card{gap:18px}.sub-price strong{font-size:38px}.sub-card .button{padding:10px 24px}.why-grid>div{font-size:14px}.app-grid{grid-template-columns:40% 1fr;gap:4%;min-height:310px}.phones{transform:scale(.84);transform-origin:left bottom}.app-copy h2{font-size:30px}.slogan{display:none}.footer-grid{gap:25px 55px;grid-template-columns:1fr 1fr}.hero-art{object-position:65% center}html[lang=en] .hero h1{font-size:38px}}
@media(max-width:700px){body{font-size:16px}.nav-inner{min-height:70px}.logo{width:190px}.lang{font-size:13px;padding:8px}.nav-actions{gap:7px}.hero,.hero-content{min-height:735px}.hero-content{padding-top:24px}.hero-copy{width:100%;text-align:start}.hero h1{font-size:clamp(40px,10.5vw,54px);line-height:1.1}.hero-copy .eyebrow{font-size:22px}.hero-description{font-size:17px;max-width:100%;margin-top:12px}.hero-benefits{max-width:100%;margin-block:20px;gap:10px}.hero-benefits>div{font-size:13px}.hero-benefits .icon{width:39px;height:39px;padding:7px}.hero-copy>.button{min-width:215px;font-size:19px;padding:12px 22px}.micro{width:215px;font-size:13px}.hero:after{background:linear-gradient(180deg,#020c12 0%,#020c12 36%,#020c12e0 44%,transparent 64%)}.hero-art{height:410px}.rak-sign{font-size:31px}.location-tag{font-size:11px}.section-heading h2{font-size:32px}.section-heading p{font-size:12px}.section-heading>a{font-size:12px}.service-grid{gap:13px}.service-card>img{height:110px}.service-info{padding-inline:12px}.service-info h3{font-size:17px}.service-info strong{font-size:23px}.round-arrow{width:30px;height:30px;right:10px}.sub-card{padding:18px;gap:12px}.sub-card h2{font-size:26px}.sub-card p{font-size:16px}.sub-icon .icon{width:39px;height:39px}.sub-price{min-width:0}.sub-price strong{font-size:39px}.sub-price small{font-size:14px}.sub-card .button{font-size:18px}.why h2{font-size:26px}.why-grid{gap:22px 13px}.why-grid>div{font-size:14px}.icon-disc{width:48px;height:48px}.app-grid{grid-template-columns:1fr;gap:0}.app-showcase{background-position:65% center}.app-copy{padding-block:25px 20px}.app-copy h2{font-size:31px}.app-copy>p{font-size:18px}.app-copy .app-note{font-size:12px}.phones{height:300px;transform:none;width:310px}.phone-front{left:6px;top:6px;width:190px}.phone-back{left:151px;width:158px}.store-badges>span{font-size:18px;padding-inline:15px}.footer-grid{gap:22px;padding-block:25px 18px;grid-template-columns:1fr 1fr}.footer-brand img{width:240px}.footer-grid>div>a:not(:first-child){font-size:15px}.footer-brand>a:last-child{justify-content:flex-start}.footer-bottom{font-size:11px}.footer-grid h3{font-size:17px}.legal-business{font-size:10px}html[lang=en] .hero h1{font-size:39px}html[lang=en] .hero-description{font-size:16px}html[lang=en] .hero-benefits>div{font-size:11px}html[lang=en] .sub-card h2{font-size:21px}}
@media(max-width:700px){.hero-art{width:100%;height:340px;left:0;object-fit:cover;object-position:50% bottom}.hero:after{background:linear-gradient(180deg,#020c12 0%,#020c12 43%,#020c12c0 52%,transparent 68%)}}
.phone .phone-car{object-fit:cover;object-position:center 80%}.map-road{stroke:#71818a;stroke-width:3}.map-route{stroke-dasharray:none;stroke-width:3}
@media(min-width:1001px){.hero-copy{width:42%}.hero h1>span{white-space:nowrap}.hero-copy .eyebrow{line-height:1.1;margin-bottom:7px}.hero-description{max-width:360px;line-height:1.4;margin-top:12px}.hero-benefits{max-width:345px;margin-block:17px}.hero-benefits>div{font-size:14px;line-height:1.15}.hero-benefits .icon{width:42px;height:42px}.hero-copy>.button{padding-block:12px;line-height:1.15;font-size:20px}.hero-copy .micro{line-height:1.2;margin-top:8px}.hero-content{padding-block:17px}.hero h1{line-height:1.02}}
@media(min-width:1001px) and (max-width:1180px){.hero h1{font-size:48px}.hero-description{max-width:330px}.hero-benefits{max-width:325px}.hero-benefits>div{font-size:13px}.hero,.hero-content{min-height:430px}}
@media(min-width:1001px){.section-heading h2{line-height:1.2}.service-card>img{height:clamp(110px,10.7vw,155px)}.sub-card{padding-block:12px}.sub-price small{font-size:13px;line-height:1.2}.footer-grid{padding-block:22px 14px}.footer-grid h3{font-size:15px;line-height:1.4}.footer-grid>div>a:not(:first-child){font-size:14px;line-height:1.55}.legal-business{font-size:10px;line-height:1.4;padding-block:4px 6px}.footer-bottom{font-size:11px;padding-block:13px}}
@media(min-width:1001px){html[lang=en] .hero h1{font-size:clamp(34px,3.35vw,48px);line-height:1.1}html[lang=en] .hero h1>span{white-space:normal}html[lang=en] .hero-description{font-size:clamp(17px,1.4vw,20px);max-width:390px}}
.app-showcase{background-image:linear-gradient(90deg,#03172533 20%,#031725a8 55%,#03172500 85%),url('/assets/app/detailing-background.webp')}
