:root{--ink:#151517;--muted:#606168;--red:#e51635;--green:#087a50;--paper:#fff;--soft:#f4f4f2;--line:#dedfdd;--black:#050505;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 5px #b92130}input:focus,select:focus,textarea:focus{outline:2px solid #b92130;outline-offset:1px}svg{width:20px;height:20px;flex-shrink:0}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.08;letter-spacing:-.8px;font-weight:800}h2{font-size:22px;line-height:1.25;letter-spacing:-.55px}h3{font-size:16px;line-height:1.35}.wrap{width:100%;max-width:1180px;margin-inline:auto;padding-inline:16px}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:700;line-height:1.5;margin-bottom:9px}.red{color:var(--red)}.muted{color:var(--muted)}[hidden]{display:none!important}.skip-link{position:fixed;top:-90px;left:12px;background:#fff;padding:14px;z-index:100}.skip-link:focus{top:6px}
.site-header{position:relative;background:#fff;z-index:30;border-bottom:1px solid #ededeb}.header-inner{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:8px}.brand{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:800;letter-spacing:.2px;min-width:0}.brand small{display:block;font-size:7px;letter-spacing:1.25px;color:#696b70;line-height:1.5;font-weight:600;margin-top:2px}.brand-symbol{height:32px;width:32px;background:linear-gradient(145deg,#ff2948,#af001f);color:#fff;display:grid;place-items:center;font-size:23px;font-style:italic;line-height:1;border-radius:7px;position:relative;flex-shrink:0;box-shadow:0 0 16px rgba(229,22,53,.22),inset 0 1px rgba(255,255,255,.28)}.brand-symbol span{position:absolute;width:7px;height:3px;background:#fff;bottom:5px;right:4px}.desktop-navigation,.header-actions{display:none}.menu-toggle{border:1px solid var(--line);border-radius:8px;width:44px;min-height:44px;background:#fff;display:grid;place-items:center;color:var(--ink)}.mobile-navigation{border-top:1px solid var(--line);background:#fff}.mobile-navigation .wrap{padding-block:8px;display:grid}.mobile-navigation a{padding:12px 8px;border-radius:6px;font-size:15px}.mobile-navigation a[aria-current=page]{color:var(--red);background:#f9ecec}
.hero{position:relative;min-height:572px;color:#f7f7f5;background:var(--black);isolation:isolate;overflow:hidden;padding-bottom:32px}.hero-media{position:absolute;inset:0;z-index:-4}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center bottom}.hero-shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(180deg,rgba(3,3,4,.92),rgba(3,3,4,.68) 46%,rgba(3,3,4,.32) 68%,rgba(3,3,4,.15)),linear-gradient(90deg,rgba(3,3,4,.8),rgba(3,3,4,.25) 80%)}.hero-grain{position:absolute;inset:0;z-index:-2;opacity:.16;background-image:radial-gradient(rgba(255,255,255,.18) .5px,transparent .7px);background-size:5px 5px;pointer-events:none}.hero-content{min-height:540px;padding-top:22px;padding-bottom:8px;display:flex;flex-direction:column;position:relative}.hero-copy{max-width:520px}.hero .eyebrow{color:rgba(247,247,245,.78);display:flex;align-items:center;gap:8px}.hero .eyebrow span{display:inline-block;width:22px;height:1px;background:var(--red);box-shadow:0 0 8px rgba(255,22,63,.8)}.hero h1{font-size:clamp(28px,8vw,38px);text-transform:uppercase;line-height:.98;letter-spacing:-1.2px;text-shadow:0 2px 18px rgba(0,0,0,.48)}.hero h1 strong{color:#ff2345;font:inherit;text-shadow:0 0 10px rgba(255,22,63,.22)}.hero-description{font-size:13px;line-height:1.5;max-width:355px;margin-top:12px;color:rgba(247,247,245,.78)}.hero-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.hero-chips span{font-size:10px;font-weight:700;line-height:1.4;padding:5px 7px;background:linear-gradient(145deg,rgba(20,20,22,.78),rgba(5,5,5,.68));border:1px solid rgba(255,255,255,.18);border-radius:6px;box-shadow:inset 0 1px rgba(255,255,255,.05)}.hero-actions{margin-top:14px;max-width:460px}.contact-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:11px 12px;border-radius:10px;font-size:13px;font-weight:800;line-height:1.35;border:0;max-width:100%;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.btn svg{width:18px;height:18px}.call{background:linear-gradient(180deg,#ff2948,#de1232 60%,#b30023);color:#fff;border:1px solid rgba(255,85,110,.75);box-shadow:0 0 12px rgba(229,22,53,.3),inset 0 1px rgba(255,255,255,.25)}.whatsapp{background:linear-gradient(180deg,#0b8056,#075d3e);color:#fff;border:1px solid rgba(59,180,126,.5);box-shadow:0 0 10px rgba(8,122,80,.18),inset 0 1px rgba(255,255,255,.16)}.btn:active{transform:scale(.985)}.hero-secondary{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;margin-top:4px}.book-link,.location-action{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-size:11px;font-weight:700}.book-link svg,.location-action svg{width:15px;height:15px}.location-action{border:0;background:transparent;color:inherit;padding:0;text-align:left}.hero-location{color:rgba(255,255,255,.82);text-decoration:underline;text-underline-offset:3px}.availability{font-size:9px;color:rgba(255,255,255,.68);display:flex;align-items:center;gap:6px;margin-top:2px}.availability i,.hero-status>span{width:6px;height:6px;background:var(--red);border-radius:50%;box-shadow:0 0 8px rgba(255,22,63,.8)}.hero-status{display:none}.hero-features{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(255,255,255,.14);border-radius:10px;overflow:hidden;background:rgba(6,6,7,.72);backdrop-filter:blur(8px)}.hero-features div{padding:8px 10px;min-width:0;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.hero-features div:nth-child(2n){border-right:0}.hero-features div:nth-last-child(-n+2){border-bottom:0}.hero-features b{font-size:10px;text-transform:uppercase;letter-spacing:.5px}.hero-features span{display:block;font-size:8px;color:rgba(255,255,255,.55);margin-top:1px;white-space:nowrap}.service-rail{position:absolute;left:0;right:0;bottom:0;height:32px;display:flex;align-items:center;background:linear-gradient(90deg,#a80020,#f1163b,#b10024);overflow:hidden;border-top:1px solid rgba(255,255,255,.24);box-shadow:0 -4px 18px rgba(229,22,53,.2)}.service-rail div{white-space:nowrap;font-size:8px;font-weight:800;letter-spacing:.8px;padding-left:16px}.service-rail i{display:inline-block;width:4px;height:4px;background:#260007;transform:rotate(45deg);margin:0 15px}.location-result:empty{display:none}.location-result{font-size:11px;line-height:1.5;margin-top:6px;padding:9px 10px;border:1px solid #c9d8d0;border-radius:7px;background:#eff7f3;color:#164c35}.hero-location-result{background:rgba(5,5,5,.78);border-color:rgba(255,255,255,.2);color:#fff}.location-result a{display:block;color:var(--green);font-weight:700;text-decoration:underline;margin-top:4px}.hero-location-result a{color:#87e1b9}.location-result[data-kind=error]{background:#fff1f2;border-color:#efc6cd;color:#7e1023}.hero-location-result[data-kind=error]{background:rgba(70,5,16,.86);color:#fff}.location-action:disabled{opacity:.6}.location-action.is-ready{color:var(--green)}.hero-location.is-ready{color:#8be1bb}
.booking-section{padding-top:28px;padding-bottom:30px;scroll-margin-top:20px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.section-title h2{font-size:22px}.step-label{font-size:10px;color:var(--muted);padding:5px 8px;border:1px solid var(--line);border-radius:5px;white-space:nowrap}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 11px}.field{font-size:12px;font-weight:600;display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-width:0;color:#44484d}.field>span{color:var(--red)}.field input,.field select,.field textarea{display:block;width:100%;min-width:0;min-height:46px;padding:11px 12px;background:#f8f8f6;border:1px solid #dddeda;border-radius:8px;color:var(--ink);font-size:16px;font-weight:400;line-height:1.4;margin-top:2px}.field textarea{resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#797d82;font-size:14px}.full{grid-column:1/-1}.error{display:none;font-size:12px;line-height:1.4;color:#a41a28;font-weight:400;width:100%}.error:not(:empty){display:block}.field [aria-invalid=true]{border-color:#a41a28;background:#fff5f5}.location-tools{padding:11px 0;border-bottom:1px solid var(--line)}.location-tools .location-action{color:var(--red);min-height:44px}.location-tools p{font-size:10px;color:var(--muted);line-height:1.5}.form-details{margin-top:4px}.form-details summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;min-height:48px;color:#575c61}.form-details summary::-webkit-details-marker{display:none}.form-details summary span{font-size:21px}.form-details[open] summary span{transform:rotate(45deg)}.optional-fields{padding-bottom:13px}.form-note{font-size:12px;line-height:1.6;color:var(--muted);margin:5px 0 14px}.full-button{width:100%;justify-content:space-between;padding-inline:16px}.privacy-note{font-size:10px;line-height:1.6;color:#777b7f;margin-top:11px}.privacy-note a{text-decoration:underline}.form-status:not(:empty){padding:12px;margin-top:14px;background:#e9f3ee;border:1px solid #c4ddce;border-radius:8px;color:#185236;font-size:13px}.prepared-link{display:inline-flex;min-height:44px;align-items:center;text-decoration:underline;color:var(--green);font-size:14px;margin-top:6px}.secondary{border:1px solid var(--line);background:#fff;color:var(--ink);margin-top:12px}.email-disabled{display:flex;gap:5px;align-items:center;font-size:11px;color:#777b7f;min-height:44px}.email-disabled svg{height:14px;width:14px}.email-enabled{display:flex;gap:6px;align-items:center;min-height:44px}
.section{padding-block:32px}.section>h2{margin-bottom:18px}.soft{background:var(--soft)}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.service-card{padding:15px 13px;background:#fff;border:1px solid #e2e3df;border-radius:11px;display:flex;flex-direction:column;align-items:start;min-width:0}.service-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:#f8e9e9;color:var(--red);border-radius:8px;margin-bottom:13px;flex-shrink:0}.service-icon svg{height:19px;width:19px}.service-card h3{font-size:14px;line-height:1.4;margin-bottom:7px;overflow-wrap:anywhere}.service-card p{font-size:12px;line-height:1.55;color:var(--muted)}.card-link{font-size:11px;font-weight:600;display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:16px;min-height:44px;color:var(--red)}.card-link svg,.text-link svg{width:14px;height:14px}.text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13px;font-weight:600;color:var(--red);margin-top:12px}.process-list{list-style:none;padding:0;margin:22px 0 0}.process-list li{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.process-list li:last-child{border-bottom:0}.process-list li>span{font-size:12px;color:var(--red);font-weight:700;min-width:24px}.process-list h3{font-size:15px;margin-bottom:5px}.process-list p{font-size:13px;line-height:1.65;color:var(--muted)}.dark{background:#09090a;color:#fff;border-block:1px solid #222}.dark h2{margin-bottom:13px}.dark p:not(.eyebrow){font-size:14px;line-height:1.7;color:#c9ced1}.dark .eyebrow{color:#c5c9cc}.light{color:#fff}.dark .small-note{font-size:11px!important;padding-top:17px;margin-top:16px;border-top:1px solid #333;color:#aab1b5!important}.faq{margin-top:18px}.faq details{border-bottom:1px solid var(--line)}.faq summary{padding:15px 25px 15px 0;position:relative;font-size:14px;font-weight:600;cursor:pointer;list-style:none;min-height:48px}.faq summary:after{content:'+';position:absolute;right:2px;top:12px;font-size:22px;color:#747a7e}.faq details[open] summary:after{content:'−'}.faq p{font-size:14px;color:var(--muted);padding-bottom:18px;line-height:1.7}.faq summary::-webkit-details-marker{display:none}
footer{background:#f4f4f1;padding:27px 0 24px;border-top:1px solid #e4e5df}.footer-brand{display:block;font-size:15px;font-weight:700}.footer-brand span{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:3px}.footer-contact{margin-top:20px}.footer-contact>a{font-size:16px;font-weight:700;color:var(--red);display:inline-flex;min-height:44px;align-items:center}.footer-contact p{font-size:12px;line-height:1.7;margin-top:4px}footer nav{display:flex;flex-wrap:wrap;column-gap:18px;margin-top:17px}footer nav a{font-size:11px;min-height:44px;display:flex;align-items:center}.copyright{font-size:10px;color:#797c7e;border-top:1px solid var(--line);padding-top:14px;margin-top:12px}.page-intro{padding-block:32px 25px}.page-intro h1{font-size:27px;max-width:570px}.intro-copy{color:var(--muted);font-size:14px;line-height:1.7;margin-top:12px;max-width:620px}.service-group{padding-top:8px}.service-group h2{margin-bottom:17px;font-size:18px}.prose{padding-bottom:34px;max-width:760px}.prose h2{font-size:19px;margin:25px 0 10px}.prose p{font-size:15px;line-height:1.75;color:#5f6469;margin:0 0 14px}.prose .contact-pair{margin-top:25px}.prose a:not(.btn){color:var(--red)}.booking-page{padding-bottom:34px;max-width:760px}.contact-page{padding-bottom:30px;display:grid;gap:14px}.contact-block{border:1px solid var(--line);padding:20px;border-radius:12px}.contact-block h2{font-size:19px;margin-bottom:9px}.contact-block p{font-size:14px;line-height:1.7;color:var(--muted);margin:9px 0 16px}.contact-block .btn{max-width:320px}.phone-number{display:inline-flex;align-items:center;min-height:44px;font-size:20px;color:var(--red);font-weight:700}.green{background:#e5f2eb;color:var(--green)}.sticky-contact{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr .7fr;gap:6px;background:rgba(255,255,255,.98);border-top:1px solid var(--line);padding:8px 12px calc(8px + env(safe-area-inset-bottom));z-index:25}.sticky-contact .btn{min-height:46px;padding-inline:7px}.sticky-book{background:#111;color:#fff;border:1px solid #333}.has-sticky{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
@media(max-width:359px){.wrap{padding-inline:12px}.hero{min-height:576px}.hero h1{font-size:26px}.hero-description{font-size:12px}.hero-chips span{font-size:9px}.step-label{display:none}.service-grid,.form-grid{grid-template-columns:1fr}.field{grid-column:1/-1}.service-card{padding:17px}.service-card p{font-size:13px}}
@media(min-width:600px){.wrap{padding-inline:28px}.header-inner{min-height:70px}.hero{min-height:650px}.hero-content{min-height:618px;padding-top:44px}.hero h1{font-size:50px}.hero-description{font-size:16px}.hero-actions{max-width:430px}.hero-features{grid-template-columns:repeat(4,1fr);max-width:700px}.hero-features div{border-bottom:0}.hero-features div:nth-child(2n){border-right:1px solid rgba(255,255,255,.1)}.hero-features div:last-child{border-right:0}.booking-section{max-width:760px;padding-block:40px}.section{padding-block:45px}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card h3{font-size:16px}.service-card p{font-size:14px}.contact-page{grid-template-columns:1fr 1fr}.page-intro h1{font-size:32px}.sticky-contact{max-width:600px;margin-inline:auto;border-radius:12px 12px 0 0}.process-list,.faq{max-width:760px}}
@media(min-width:900px){.site-header{position:absolute;top:0;left:0;right:0;background:linear-gradient(180deg,rgba(4,4,5,.96),rgba(4,4,5,.8));border-bottom:1px solid rgba(255,255,255,.12);color:#fff}.brand small{color:rgba(255,255,255,.5)}.menu-toggle,.mobile-navigation{display:none!important}.desktop-navigation{display:flex;align-items:center;gap:22px;margin-left:auto}.desktop-navigation a{font-size:11px;font-weight:700;text-transform:uppercase;min-height:44px;display:flex;align-items:center}.header-actions{display:flex;gap:9px}.header-actions a{min-height:40px;padding:8px 14px;border-radius:11px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800}.header-actions svg{width:15px;height:15px}.header-call{background:linear-gradient(#ff2948,#bd0024);box-shadow:0 0 15px rgba(229,22,53,.3)}.header-whatsapp{background:#082b1f;border:1px solid rgba(73,188,135,.4)}.hero{min-height:760px;padding-top:70px}.hero-media img{object-position:center}.hero-shade{background:linear-gradient(90deg,rgba(3,3,4,.96),rgba(3,3,4,.82) 31%,rgba(3,3,4,.25) 62%,rgba(3,3,4,.08)),linear-gradient(180deg,rgba(3,3,4,.2),rgba(3,3,4,.5))}.hero-content{min-height:658px;padding-top:72px;padding-bottom:22px}.hero h1{font-size:clamp(54px,4.6vw,68px);max-width:780px}.hero-description{max-width:610px;font-size:17px}.hero-chips span{font-size:11px;padding:6px 9px}.hero-actions{margin-top:22px}.hero .contact-pair{max-width:410px}.hero-status{display:grid;position:absolute;right:28px;top:140px;width:205px;padding:16px 16px 15px 37px;border:1px solid rgba(255,255,255,.16);border-left-color:rgba(255,22,63,.6);border-radius:10px;background:linear-gradient(135deg,rgba(18,18,20,.85),rgba(5,5,5,.74));box-shadow:inset 0 1px rgba(255,255,255,.07),0 12px 30px rgba(0,0,0,.24);backdrop-filter:blur(8px)}.hero-status>span{position:absolute;left:17px;top:22px}.hero-status strong{text-transform:uppercase;font-size:12px}.hero-status small{font-size:9px;line-height:1.6;color:rgba(255,255,255,.55);margin-top:4px}.hero-features{max-width:760px}.hero-features div{padding:12px 14px}.hero-features b{font-size:13px}.hero-features span{font-size:10px}.btn:hover{transform:translateY(-2px)}}
@media(orientation:landscape) and (max-height:560px){.hero{min-height:600px}.hero-content{min-height:568px}.hero-features{margin-top:20px}.hero-media img{object-position:center 68%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}.btn:active{transform:none}}
@media(min-width:900px){.hero-copy{max-width:700px}}

/* Hero revision 2: cinematic video, minimal information hierarchy. */
body[data-page=home] .site-header{position:absolute;top:0;left:0;right:0;background:linear-gradient(180deg,rgba(3,3,4,.94),rgba(3,3,4,.72));border-color:rgba(255,255,255,.09);color:#fff;backdrop-filter:blur(10px)}
body[data-page=home] .brand small{color:rgba(255,255,255,.52)}
body[data-page=home] .menu-toggle{background:rgba(8,8,9,.7);border-color:rgba(255,255,255,.18);color:#fff}
.hero{min-height:max(560px,calc(100svh - 8px));padding:0 0 34px;background:#030303 url('/media/hero-mobile-poster.webp') center/cover no-repeat;overflow:hidden}
.hero-video{position:absolute;inset:-5%;width:110%;height:110%;object-fit:cover;object-position:center center;z-index:-5;pointer-events:none;background:#030303;filter:brightness(1.09) contrast(1.07) saturate(1.03);transform:perspective(900px) translate3d(var(--hero-x,0),var(--hero-y,0),0) rotateX(var(--hero-rx,0deg)) rotateY(var(--hero-ry,0deg)) scale(var(--hero-scale,1.07));transform-origin:center;transition:transform .18s cubic-bezier(.2,.75,.25,1);will-change:transform}
.hero.is-hero-pressed .hero-video{transition-duration:.08s}
.hero-shade{z-index:-4;background:linear-gradient(180deg,rgba(3,3,4,.80) 0%,rgba(3,3,4,.60) 48%,rgba(3,3,4,.12) 73%,rgba(3,3,4,.36) 100%),linear-gradient(90deg,rgba(3,3,4,.80),rgba(3,3,4,.04) 92%)}
.hero-grain{z-index:-2;opacity:.09}.hero-ambient{position:absolute;z-index:-3;inset:auto -20% -10% 18%;height:45%;background:radial-gradient(ellipse,rgba(229,0,37,.18),transparent 66%);filter:blur(24px);pointer-events:none}
.hero-content{min-height:max(526px,calc(100svh - 42px));padding-top:84px;padding-bottom:44px;display:flex;align-items:flex-start;justify-content:center}
.hero-copy{max-width:620px}.hero .eyebrow{margin-bottom:12px;opacity:0;animation:hero-in .65s .1s cubic-bezier(.22,1,.36,1) forwards}.hero h1{font-size:clamp(36px,10.3vw,48px);line-height:.94;letter-spacing:-1.7px;text-transform:uppercase;max-width:650px;opacity:0;transform:translateY(18px);animation:hero-in .85s .2s cubic-bezier(.22,1,.36,1) forwards}
.metal-text{color:#f7f7f5;background:linear-gradient(105deg,#777 0%,#fff 17%,#b7b7b5 39%,#fff 58%,#8d8d8b 78%,#f5f5f3 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px rgba(255,255,255,.12)) drop-shadow(0 4px 16px rgba(0,0,0,.52));animation:metal-sweep 6s 1.2s ease-in-out infinite}
.neon-text{color:#ff183c;background:linear-gradient(105deg,#8c001d 0%,#ff1a40 18%,#ff7086 33%,#ef0c34 50%,#ff4966 68%,#a40022 84%,#ff1c42 100%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 4px rgba(255,18,55,.48)) drop-shadow(0 0 13px rgba(229,0,38,.22));animation:red-energy 3.8s 1.1s ease-in-out infinite}
.hero-description{max-width:480px;margin-top:16px;font-size:14px;line-height:1.55;color:rgba(247,247,245,.74);opacity:0;transform:translateY(12px);animation:hero-in .7s .38s cubic-bezier(.22,1,.36,1) forwards}
.hero-actions{max-width:470px;margin-top:18px;opacity:0;transform:translateY(12px);animation:hero-in .7s .5s cubic-bezier(.22,1,.36,1) forwards}.hero .contact-pair{max-width:430px}.hero .btn{min-height:50px;border-radius:11px;position:relative;overflow:hidden}.hero .call:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.28) 46%,transparent 70%);transform:translateX(-130%);animation:button-energy 4.6s 1.8s ease-in-out infinite}.hero .whatsapp{background:linear-gradient(180deg,#0b5f43,#043a28);border-color:rgba(72,188,134,.38);box-shadow:inset 0 1px rgba(255,255,255,.13),0 0 13px rgba(5,110,72,.16)}
.hero-location{margin-top:7px;min-height:42px;color:rgba(255,255,255,.78);text-decoration:none;text-transform:uppercase;letter-spacing:.8px;font-size:10px}.hero-location:hover{color:#fff}.hero-condition{font-size:9px;letter-spacing:.45px;color:rgba(255,255,255,.48);margin-top:0}.location-action.is-ready,.hero-location.is-ready{color:#ff3150}.location-result a,.hero-location-result a{color:#ff3150}
.service-rail{height:34px;background:linear-gradient(180deg,rgba(24,24,26,.96),rgba(7,7,8,.98));border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -5px 18px rgba(0,0,0,.36),inset 0 1px rgba(255,20,58,.12)}.service-track{display:flex;width:max-content;animation:rail-move 36s linear infinite;padding:0}.service-track span{white-space:nowrap;padding-right:34px;font-size:8px;font-weight:800;letter-spacing:1px;color:rgba(255,255,255,.78)}.service-rail i{background:#e51635;box-shadow:0 0 7px rgba(229,22,53,.55);margin:0 16px}
.hero-transition{height:96px;background:linear-gradient(180deg,#09090a 0%,#121214 44%,#f7f7f5 100%);border-top:1px solid rgba(255,255,255,.05)}.booking-section{padding-top:12px}
@keyframes hero-in{to{opacity:1;transform:translateY(0)}}@keyframes metal-sweep{0%,18%{background-position:100% 0}52%,100%{background-position:0 0}}@keyframes red-energy{0%,100%{background-position:100% 0;filter:drop-shadow(0 0 4px rgba(255,18,55,.42)) drop-shadow(0 0 12px rgba(229,0,38,.18))}50%{background-position:0 0;filter:drop-shadow(0 0 5px rgba(255,45,77,.62)) drop-shadow(0 0 16px rgba(229,0,38,.28))}}@keyframes button-energy{0%,18%{transform:translateX(-130%)}42%,100%{transform:translateX(130%)}}@keyframes rail-move{to{transform:translateX(-50%)}}
@media(min-width:700px){.hero{background-image:url('/media/hero-desktop-poster.webp')}.hero-video{object-position:center center}.hero-shade{background:linear-gradient(90deg,rgba(3,3,4,.94) 0%,rgba(3,3,4,.73) 34%,rgba(3,3,4,.14) 62%,rgba(3,3,4,.02) 100%),linear-gradient(180deg,rgba(3,3,4,.05),rgba(3,3,4,.30))}.hero-content{justify-content:center}.hero h1{font-size:clamp(52px,5vw,76px);max-width:780px;letter-spacing:-2.8px}.hero-description{font-size:16px}.service-track span{font-size:9px}}
@media(min-width:900px){.hero{min-height:clamp(720px,88svh,900px);padding-top:70px}.hero-content{min-height:calc(clamp(720px,88svh,900px) - 104px);padding-top:54px;padding-bottom:42px;justify-content:center}.hero-copy{max-width:760px}.hero .contact-pair{max-width:420px}.hero-transition{height:110px}}
@media(orientation:landscape) and (max-height:560px){.hero{min-height:520px}.hero-content{min-height:486px;padding-top:74px;padding-bottom:42px;justify-content:flex-start}.hero-copy{max-width:610px}.hero h1{font-size:38px}.hero-description{font-size:12px;max-width:470px;margin-top:9px}.hero-actions{margin-top:10px}.hero .contact-pair{max-width:360px}.hero .btn{min-height:44px}.hero-location{min-height:35px;margin-top:2px}.hero-condition{display:none}}
@media(prefers-reduced-motion:reduce){.hero .eyebrow,.hero h1,.hero-description,.hero-actions{opacity:1;transform:none;animation:none}.metal-text,.neon-text,.hero .call:after,.service-track{animation:none}.service-track{transform:none}.hero-video{transform:scale(1.015)!important;transition:none}}

/* Revision 3: touch/cursor-only hero motion and a clearer metallic site system. */
.hero{touch-action:pan-y;background-color:#101216}
.hero-video{filter:brightness(1.16) contrast(1.10) saturate(1.05);transition:transform .14s cubic-bezier(.2,.8,.2,1)}
.hero-ambient{display:none}
.hero-shade{background:linear-gradient(180deg,rgba(4,5,7,.66) 0%,rgba(4,5,7,.44) 48%,rgba(4,5,7,.05) 74%,rgba(4,5,7,.18) 100%),linear-gradient(90deg,rgba(3,4,6,.74),rgba(3,4,6,.02) 92%)}
.metal-text,.neon-text{animation:none;background-position:50% 0}.hero .call:after{display:none}
.hero .eyebrow{font-size:11px;font-weight:900;color:rgba(255,255,255,.94)}
.hero-description{font-size:15px;font-weight:650;color:rgba(255,255,255,.92);text-shadow:0 2px 9px rgba(0,0,0,.75)}
.hero-location{font-size:11px;font-weight:850;color:rgba(255,255,255,.92)}
.hero-condition{font-size:10px;font-weight:700;color:rgba(255,255,255,.72)}
@media(min-width:700px){.hero-shade{background:linear-gradient(90deg,rgba(3,4,6,.90) 0%,rgba(3,4,6,.65) 34%,rgba(3,4,6,.07) 62%,transparent 100%),linear-gradient(180deg,transparent,rgba(3,4,6,.16))}.hero-description{font-size:17px}}

body{background:#090a0c;color:#f4f5f6}
main{background:linear-gradient(120deg,#090a0c 0%,#17191d 45%,#0a0b0d 100%)}
main>section:not(.hero),footer{position:relative;overflow:hidden;background-color:#101216;background-image:linear-gradient(125deg,rgba(255,255,255,.045),transparent 22%,rgba(255,255,255,.025) 45%,transparent 66%),repeating-linear-gradient(108deg,rgba(255,255,255,.018) 0 1px,transparent 1px 6px);color:#f3f4f5}
.soft,.dark{background-color:#111318!important;color:#f3f4f5!important}
.booking-section,.booking-page,.prose,.contact-page,.service-group,.page-intro{border-color:rgba(255,255,255,.09)}
.service-card,.contact-block,.booking-form,.faq details,.process-list li,.form-details{background:linear-gradient(145deg,rgba(39,42,48,.94),rgba(12,13,16,.98));border-color:rgba(255,255,255,.14);box-shadow:inset 0 1px rgba(255,255,255,.08),0 18px 38px rgba(0,0,0,.20);color:#f4f5f6}
.field input,.field select,.field textarea{background:linear-gradient(180deg,#1c1f24,#101216);color:#fff;border-color:rgba(255,255,255,.18);font-weight:650}.field input::placeholder,.field textarea::placeholder{color:rgba(255,255,255,.52)}
.field,.form-details summary{color:rgba(255,255,255,.88);font-weight:750}.step-label{color:rgba(255,255,255,.72)}
.section h2,.page-intro h1,.prose h2,.contact-block h2,.service-card h3,.process-list h3{color:#fff;background:linear-gradient(110deg,#fff,#aeb3ba 36%,#fff 58%,#92979f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 16px rgba(0,0,0,.30);font-weight:850}
.hero-description,.intro-copy,.service-card p,.prose p,.contact-block p,.process-list p,.form-note,.privacy-note,.location-tools p,.small-note,.muted,.faq p{font-weight:600;color:rgba(244,246,248,.83)}
.service-card p,.process-list p,.contact-block p,.prose p,.faq p{font-size:max(14px,1em);line-height:1.65}
.step-label,.eyebrow.red,.card-link,.text-link{font-weight:850}.text-link,.card-link,.eyebrow.red{color:#ff3655}
footer a,footer p{color:rgba(255,255,255,.82)}
main>section:not(.hero)::after,footer::after{content:"";position:absolute;z-index:0;pointer-events:none;top:-35%;bottom:-35%;width:12%;left:-22%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),rgba(255,255,255,.22),rgba(255,255,255,.06),transparent);filter:blur(2px);animation:metallic-site-sheen 13s 3s ease-in-out infinite}
main>section:not(.hero)>*,footer>*{position:relative;z-index:1}
@keyframes metallic-site-sheen{0%,72%{left:-22%;opacity:0}76%{opacity:.75}92%{left:112%;opacity:.55}100%{left:112%;opacity:0}}
@media(prefers-reduced-motion:reduce){main>section:not(.hero)::after,footer::after{animation:none;display:none}}

/* Requested mobile refinements: raised hero copy, complete service strip and section four. */
.hero-content{justify-content:flex-start;padding-top:72px;padding-bottom:158px}
.hero-service-dock{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:9px 0 11px;background:linear-gradient(180deg,rgba(18,20,24,.88),rgba(5,6,8,.98));border-top:1px solid rgba(255,255,255,.17);box-shadow:0 -16px 34px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(10px);overflow:hidden}
.hero-service-dock>p{padding:0 16px 7px;color:#fff;font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:1.45px;font-weight:900;text-shadow:0 2px 10px #000}
.hero-service-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.hero-service-box-track{display:flex;width:max-content;animation:hero-services-flow 46s linear infinite;will-change:transform}
.hero-service-box-track>div{display:flex;gap:7px;padding-right:7px}
.hero-service-chip{display:flex;align-items:center;min-height:36px;max-width:142px;padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-left-color:#ff2748;border-radius:8px;background:linear-gradient(145deg,rgba(46,49,56,.96),rgba(10,11,14,.98));box-shadow:inset 0 1px rgba(255,255,255,.11),0 6px 14px rgba(0,0,0,.26);color:#fff;font-size:9px;line-height:1.25;font-weight:850;letter-spacing:.18px;text-transform:uppercase;white-space:normal}
@keyframes hero-services-flow{to{transform:translateX(-50%)}}

.why-section{padding-top:58px;padding-bottom:62px;background-color:#0a0b0e!important}
.why-heading{text-align:center;max-width:520px;margin:0 auto 25px}
.why-heading .eyebrow{margin-bottom:7px}.why-heading h2{font-size:clamp(28px,8vw,42px)}
.why-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:780px;margin:0 auto;position:relative}
.why-grid:before{content:"";position:absolute;inset:17% 24%;border-radius:50%;background:radial-gradient(circle,rgba(229,22,53,.20),transparent 68%);filter:blur(15px);pointer-events:none}
.why-card{position:relative;min-height:122px;padding:18px 10px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid rgba(255,255,255,.16);border-top-color:rgba(255,66,94,.78);border-radius:15px;background:linear-gradient(145deg,rgba(44,47,54,.98),rgba(9,10,13,.99));box-shadow:inset 0 1px rgba(255,255,255,.10),0 16px 30px rgba(0,0,0,.25);overflow:hidden}
.why-card:after{content:"";position:absolute;left:15%;right:15%;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#e51635,transparent);box-shadow:0 0 10px rgba(229,22,53,.45)}
.why-icon{width:39px;height:39px;display:grid;place-items:center;margin-bottom:10px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#ff2c4c,#9d001e);box-shadow:inset 0 1px rgba(255,255,255,.25),0 0 18px rgba(229,22,53,.24)}
.why-icon svg{width:20px;height:20px}.why-card h3{color:#fff;font-size:12px;line-height:1.28;letter-spacing:.12px;font-weight:900;text-shadow:0 2px 8px #000}
[data-reveal]{opacity:0;transform:translateY(25px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1);transition-delay:var(--delay,0ms)}
[data-reveal].is-visible{opacity:1;transform:translateY(0)}

.btn,.header-call,.header-whatsapp{animation:button-breathe 4.2s ease-in-out infinite;will-change:filter}
.whatsapp,.header-whatsapp{animation-delay:.7s}
@keyframes button-breathe{0%,100%{filter:brightness(1) drop-shadow(0 0 0 rgba(255,255,255,0))}50%{filter:brightness(1.12) drop-shadow(0 0 7px rgba(255,255,255,.14))}}
.hero-description,.intro-copy,.service-card p,.prose p,.contact-block p,.process-list p,.form-note,.privacy-note,.location-tools p,.small-note,.muted,.faq p{color:rgba(250,251,252,.92);font-weight:680}
.service-card h3,.process-list h3,.contact-block h2,.faq summary,.field,.form-details summary{color:#fff;font-weight:850}

@media(min-width:700px){
 .hero-content{padding-top:132px;padding-bottom:150px;justify-content:flex-start}
 .hero-service-dock{padding-top:12px;padding-bottom:14px}.hero-service-dock>p{max-width:1180px;margin:0 auto;padding-inline:16px;font-size:11px}
 .hero-service-chip{min-height:40px;max-width:none;padding-inline:15px;font-size:10px}
 .why-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.why-card{min-height:150px}.why-card h3{font-size:14px}.why-icon{width:46px;height:46px}
}
@media(orientation:landscape) and (max-height:560px){.hero-content{padding-top:70px;padding-bottom:104px}.hero-service-dock>p{display:none}.hero-service-dock{padding-top:7px;padding-bottom:7px}.hero-service-chip{min-height:32px}.hero-service-box-track{animation-duration:55s}}
@media(prefers-reduced-motion:reduce){.hero-service-box-track,.btn,.header-call,.header-whatsapp{animation:none}[data-reveal]{opacity:1;transform:none;transition:none}}

/* 3D service carousel pattern supplied by the user; original Uiverse.io author: ilkhoeri. */
.service-carousel-section{padding-top:56px;padding-bottom:28px;min-height:570px}
.service-carousel-section .section-title{margin-bottom:0}
.service-carousel.wrapper{width:100%;height:440px;position:relative;text-align:center;display:flex;align-items:center;justify-content:center;overflow:hidden}
.service-carousel .inner{--w:138px;--h:208px;--translateZ:calc((var(--w) + var(--h)) + 0px);--rotateX:-15deg;--perspective:1000px;position:absolute;width:var(--w);height:var(--h);top:8%;left:calc(50% - (var(--w) / 2) - 2.5px);z-index:2;transform-style:preserve-3d;transform:perspective(var(--perspective));animation:rotating 20s linear infinite}
@keyframes rotating{from{transform:perspective(var(--perspective)) rotateX(var(--rotateX)) rotateY(0)}to{transform:perspective(var(--perspective)) rotateX(var(--rotateX)) rotateY(1turn)}}
.service-carousel .card{position:absolute;border:2px solid rgba(255,58,88,.86);border-radius:16px;overflow:hidden;inset:0;transform:rotateY(calc((360deg / var(--quantity)) * var(--index))) translateZ(var(--translateZ));background:#0b0d11;box-shadow:inset 0 1px rgba(255,255,255,.22),0 0 23px rgba(236,18,54,.34)}
.service-carousel .img{width:100%;height:100%;object-fit:cover;padding:12px 11px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;color:#fff}
.service-carousel .card-red .img{background:radial-gradient(circle at 25% 5%,rgba(255,123,141,.72),transparent 33%),linear-gradient(145deg,#ff2247 0%,#bd001f 52%,#650012 100%)}
.service-carousel .card-black .img{background:radial-gradient(circle at 25% 5%,rgba(255,255,255,.16),transparent 34%),linear-gradient(145deg,#252930 0%,#0a0c10 58%,#020304 100%)}
.service-carousel .service-art{width:100%;height:62px;min-height:62px;margin-bottom:8px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.27);box-shadow:inset 0 1px rgba(255,255,255,.2),0 7px 18px rgba(0,0,0,.22)}
.service-carousel .service-art svg{width:52px;height:52px;filter:drop-shadow(0 3px 5px rgba(0,0,0,.42))}
.service-carousel h3,.service-carousel p,.service-carousel .card-link{color:#fff;background:linear-gradient(105deg,#fff 0%,#dfe2e7 28%,#fff 52%,#aeb4bd 78%,#fff 100%);background-size:180% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 8px rgba(0,0,0,.55)}
.service-carousel h3{font-size:13px;line-height:1.15;font-weight:950;margin:0 0 7px;letter-spacing:.05px}
.service-carousel p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;font-size:10px;line-height:1.35;font-weight:800;margin:0}
.service-carousel .card-link{display:flex;align-items:center;gap:4px;margin-top:auto;font-size:9px;line-height:1;font-weight:950;text-transform:uppercase}
.service-carousel .card-link svg{width:12px;height:12px;color:#fff;-webkit-text-fill-color:initial}

.why-card{--why-scroll-x:0px;--why-scroll-y:0px;--why-pointer-x:0px;--why-pointer-y:0px;--why-tilt:0deg;will-change:transform}
.why-card.is-visible{transform:translate3d(calc(var(--why-scroll-x) + var(--why-pointer-x)),calc(var(--why-scroll-y) + var(--why-pointer-y)),0) rotateY(var(--why-tilt));transition:opacity .65s ease,transform .42s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease;transition-delay:var(--delay,0ms)}
.why-card.is-visible:hover{border-color:rgba(255,74,101,.82);box-shadow:inset 0 1px rgba(255,255,255,.13),0 20px 34px rgba(0,0,0,.34),0 0 20px rgba(229,22,53,.12)}

@media(min-width:700px){.service-carousel-section{min-height:640px}.service-carousel.wrapper{height:510px}.service-carousel .inner{--w:154px;--h:228px;top:9%}}
@media(prefers-reduced-motion:reduce){.service-carousel .inner{animation:none}.why-card.is-visible{transform:none;transition:none}}

/* Bright metallic type and layered controls requested for the phone layout. */
body{color:#fff;font-weight:650}
main :where(h1,h2,h3,p,.eyebrow,.card-link,.text-link,.step-label,summary,label),footer :where(a,p,.footer-brand),.desktop-navigation a,.mobile-navigation a{color:#fff;text-shadow:0 1px 0 rgba(255,255,255,.16),0 2px 9px rgba(0,0,0,.72);font-weight:750}
main :where(h1,h2,h3,.eyebrow,.card-link,.text-link),footer .footer-brand{background:linear-gradient(105deg,#fff 0%,#c8cdd4 20%,#fff 42%,#9da4ae 65%,#fff 86%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 5px rgba(0,0,0,.46));font-weight:900}
main p,.service-card p,.process-list p,.contact-block p,.prose p,.faq p,.form-note,.privacy-note,.small-note,.muted,footer p{color:rgba(255,255,255,.96);font-size:max(13px,1em);font-weight:720}
.eyebrow{font-size:11px}.hero-condition,.small-note,.privacy-note{font-size:11px!important}.card-link,.text-link{font-size:12px}
.btn,.header-call,.header-whatsapp{position:relative;isolation:isolate;overflow:hidden;border-width:1px;border-style:solid;box-shadow:inset 0 1px 0 rgba(255,255,255,.36),inset 0 -2px 7px rgba(0,0,0,.28),0 8px 20px rgba(0,0,0,.28);transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
.btn:before,.header-call:before,.header-whatsapp:before{content:"";position:absolute;z-index:-1;left:8%;right:8%;top:1px;height:42%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0));pointer-events:none}
.btn:hover,.header-call:hover,.header-whatsapp:hover{filter:brightness(1.16);box-shadow:inset 0 1px rgba(255,255,255,.42),0 0 0 1px rgba(255,255,255,.08),0 11px 25px rgba(0,0,0,.36)}
.btn:active,.header-call:active,.header-whatsapp:active{transform:translateY(2px) scale(.985)}

.hero{min-height:max(760px,calc(100svh - 8px))}
.hero-content{min-height:max(760px,calc(100svh - 8px));padding-bottom:210px}
.hero-contact-trio{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-width:100%}
.hero-contact-trio .btn{min-width:0;min-height:50px;padding:8px 6px;border-radius:12px;font-size:10px;line-height:1.15}
.hero-contact-trio .btn svg{width:16px;height:16px}
.hero .location-share{display:flex;margin:0;color:#fff;text-decoration:none;text-transform:none;letter-spacing:0;background:linear-gradient(180deg,#282c33,#0b0d11 64%,#020305);border-color:rgba(255,58,88,.72);box-shadow:inset 0 1px rgba(255,255,255,.25),0 0 0 1px rgba(229,22,53,.14),0 7px 18px rgba(0,0,0,.32)}
.hero .location-share.is-ready{color:#fff;background:linear-gradient(180deg,#db1639,#790016)}
.hero-service-dock{top:425px;bottom:auto;padding:7px 0 9px;background:linear-gradient(180deg,rgba(7,8,11,.72),rgba(7,8,11,.90));border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13);box-shadow:0 8px 26px rgba(0,0,0,.26);backdrop-filter:blur(7px)}
.hero-service-dock>p{padding-bottom:6px;font-size:11px;background:linear-gradient(105deg,#fff,#aeb4bd 45%,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-service-chip{min-height:34px;padding:6px 9px;border-color:rgba(255,255,255,.22);border-left-color:#ff3655;background:linear-gradient(145deg,rgba(43,47,54,.96),rgba(5,6,8,.98));color:#fff;font-size:10px;font-weight:900;text-shadow:0 2px 5px #000}

@media(min-width:700px){.hero{min-height:clamp(760px,88svh,920px)}.hero-content{min-height:calc(clamp(760px,88svh,920px) - 70px);padding-bottom:170px}.hero-service-dock{top:auto;bottom:0}.hero-contact-trio{max-width:560px}.hero-contact-trio .btn{font-size:12px;padding-inline:12px}}
@media(orientation:landscape) and (max-height:560px){.hero{min-height:650px}.hero-content{min-height:650px;padding-bottom:150px}.hero-service-dock{top:auto;bottom:0}}
@media(prefers-reduced-motion:reduce){.btn,.header-call,.header-whatsapp{transition:none}}

/* October refinement: transparent top service rail, clearer type, luxury controls and a slower interactive carousel. */
.hero-service-dock{top:62px;bottom:auto;padding:8px 0 9px;background:transparent;border:0;box-shadow:none;backdrop-filter:none}
.hero-service-dock>p{padding:0 16px 7px;color:#ff2948;background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:#ff2948;font-size:12px;font-weight:950;letter-spacing:1.25px;text-shadow:0 2px 9px rgba(0,0,0,.82)}
.hero-content{padding-top:154px;padding-bottom:72px}

.service-carousel-title{color:#ff2948!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:#ff2948!important;font-size:26px!important;font-weight:950!important;letter-spacing:.2px;text-shadow:0 2px 14px rgba(229,22,53,.24)!important}
.service-carousel .inner{animation-duration:44s}
.service-carousel{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.service-carousel.is-dragging{cursor:grabbing}
.service-carousel.is-paused .inner{animation-play-state:paused}
.service-carousel.is-paused .card{box-shadow:inset 0 1px rgba(255,255,255,.25),0 0 28px rgba(236,18,54,.40)}

main :where(h1,h2,h3),footer .footer-brand{color:#fff;background:linear-gradient(108deg,#fff 0%,#f7f9fc 22%,#fff 45%,#e8edf4 68%,#fff 88%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:950;text-shadow:0 1px 0 rgba(255,255,255,.12),0 2px 10px rgba(0,0,0,.74)}
main :where(p,summary,label),footer :where(a,p),.desktop-navigation a,.mobile-navigation a{color:#fff;font-weight:800;text-shadow:0 1px 0 rgba(255,255,255,.12),0 2px 9px rgba(0,0,0,.74)}
.eyebrow.red,.red{color:#ff3655;background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:#ff3655;font-weight:950}
.hero-description{font-size:14px;line-height:1.58;color:#fff;font-weight:800}.hero-condition{font-size:12px!important;font-weight:800}
.intro-copy,.service-card p,.process-list p,.contact-block p,.prose p,.faq p,.form-note{font-size:15px;line-height:1.68;font-weight:780;color:#fff}
.field,.form-details summary,.faq summary{font-size:14px;font-weight:850}.privacy-note,.location-tools p,.small-note{font-size:12px!important;font-weight:750}.card-link,.text-link{font-size:13px;font-weight:900}
footer nav a,.footer-brand span,.copyright{font-size:12px;font-weight:800}

.btn,.header-call,.header-whatsapp{min-height:54px;border-radius:15px;font-size:13px;font-weight:950;letter-spacing:.08px;border:1px solid rgba(255,255,255,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -3px 8px rgba(0,0,0,.34),0 0 0 1px rgba(0,0,0,.30),0 9px 22px rgba(0,0,0,.34)}
.btn:after,.header-call:after,.header-whatsapp:after{content:"";position:absolute;pointer-events:none;inset:2px;border-radius:12px;border:1px solid rgba(255,255,255,.12)}
.call,.header-call{background:linear-gradient(155deg,#ff5870 0%,#f0183b 34%,#a90020 100%);border-color:rgba(255,126,145,.78)}
.whatsapp,.header-whatsapp{background:linear-gradient(155deg,#27be83 0%,#078258 38%,#034a32 100%);border-color:rgba(108,232,176,.58)}
.sticky-book{background:linear-gradient(155deg,#40454d 0%,#171a1f 42%,#050607 100%);border-color:rgba(255,255,255,.34)}
.hero-contact-trio .btn{min-height:56px;border-radius:15px;font-size:11px;padding:9px 7px}
.sticky-contact{gap:8px;padding:9px 10px calc(9px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(18,20,24,.94),rgba(5,6,8,.98));border-top-color:rgba(255,255,255,.19);box-shadow:0 -10px 30px rgba(0,0,0,.38);backdrop-filter:blur(14px)}
.sticky-contact .btn{min-height:54px;border-radius:14px;font-size:12px;padding-inline:8px}

/* Keep the wording and compact type inside the moving hero service boxes unchanged. */
.hero-service-chip{font-size:10px;font-weight:900;line-height:1.25;color:#fff;text-shadow:0 2px 5px #000}

@media(min-width:700px){
 .hero-service-dock{top:70px;bottom:auto;padding-top:10px;padding-bottom:11px}
 .hero-content{padding-top:176px;padding-bottom:86px}
 .hero-service-dock>p{font-size:13px}
 .service-carousel-title{font-size:32px!important}
 .hero-contact-trio .btn{font-size:13px;padding-inline:14px}
}
@media(orientation:landscape) and (max-height:560px){.hero-service-dock{top:62px;bottom:auto}.hero-content{padding-top:140px;padding-bottom:70px}}

/* Focused section updates: neon form fields, vehicle emphasis, review readiness and section color transition. */
.booking-form .field input,.booking-form .field select,.booking-form .field textarea{color:#fff;-webkit-text-fill-color:#fff;background:linear-gradient(145deg,#8f001d 0%,#5d0013 48%,#2e000a 100%);border:1px solid rgba(255,62,94,.92);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 0 18px rgba(255,18,59,.24),0 0 12px rgba(229,22,53,.20);font-weight:850;text-shadow:0 1px 6px rgba(0,0,0,.72)}
.booking-form .field input::placeholder,.booking-form .field textarea::placeholder{color:rgba(255,255,255,.84);-webkit-text-fill-color:rgba(255,255,255,.84);opacity:1;font-weight:750}
.booking-form .field select option{color:#fff;background:#41000d;font-weight:750}
.booking-form .field [aria-invalid=true]{color:#fff;-webkit-text-fill-color:#fff;background:linear-gradient(145deg,#a30022,#570012);border-color:#ff5b76}
.booking-form .field input:-webkit-autofill,.booking-form .field input:-webkit-autofill:hover,.booking-form .field input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;box-shadow:inset 0 0 0 1000px #680016,0 0 12px rgba(229,22,53,.24);caret-color:#fff}

.hero-vehicle-line{margin-top:13px!important;color:#ff2348!important;background:linear-gradient(105deg,#ff3153 0%,#ff8ca0 28%,#ff1d45 52%,#ff778e 76%,#ff2149 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:clamp(14px,3.8vw,18px)!important;line-height:1.25!important;font-weight:950!important;letter-spacing:.65px;text-transform:uppercase;text-shadow:none!important;filter:drop-shadow(0 0 8px rgba(255,24,67,.52))}

.service-carousel-section{padding-top:48px}
.service-carousel-section .section-title{justify-content:center;text-align:center;margin-bottom:28px;transform:translateY(-8px)}
.service-carousel-title{font-size:clamp(32px,9vw,46px)!important;line-height:1!important;letter-spacing:-.7px!important;background:linear-gradient(105deg,#ff2348 0%,#ff93a5 28%,#ff1740 52%,#ff6c86 75%,#ff2348 100%)!important;background-size:220% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;filter:drop-shadow(0 0 10px rgba(255,28,69,.42));text-align:center;width:100%}

.why-card,.why-icon,.why-card:after,.why-heading .eyebrow{transition:background .7s ease,border-color .7s ease,box-shadow .7s ease,color .7s ease,filter .7s ease}
.why-section.is-green .why-heading .eyebrow{color:#35f095;background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:#35f095;filter:drop-shadow(0 0 8px rgba(29,224,130,.42))}
.why-section.is-green .why-card{border-color:rgba(58,230,148,.62);border-top-color:#38ed96;box-shadow:inset 0 1px rgba(255,255,255,.12),0 16px 30px rgba(0,0,0,.25),0 0 18px rgba(25,209,118,.14)}
.why-section.is-green .why-icon{background:linear-gradient(145deg,#39f09a,#07864f);box-shadow:inset 0 1px rgba(255,255,255,.28),0 0 20px rgba(38,226,139,.35)}
.why-section.is-green .why-card:after{background:linear-gradient(90deg,transparent,#34ed93,transparent);box-shadow:0 0 12px rgba(34,224,135,.58)}

.reviews-section{background:linear-gradient(180deg,#0d0f13,#08090c);border-block:1px solid rgba(255,255,255,.08)}
.reviews-heading{text-align:center;max-width:620px;margin:0 auto 22px}.reviews-heading h2{font-size:clamp(28px,8vw,42px)}.reviews-heading>p:last-child{margin-top:10px;color:#fff;font-size:15px;font-weight:780}
.review-status{max-width:560px;margin:0 auto;padding:24px 18px;text-align:center;border:1px solid rgba(255,53,85,.48);border-radius:18px;background:linear-gradient(145deg,rgba(44,47,54,.94),rgba(8,9,12,.98));box-shadow:inset 0 1px rgba(255,255,255,.11),0 18px 35px rgba(0,0,0,.26)}
.review-stars{color:#ff3153;font-size:30px;line-height:1;letter-spacing:3px;filter:drop-shadow(0 0 7px rgba(255,35,72,.38))}.review-status h3{margin-top:14px;font-size:19px}.review-status p{margin-top:8px;color:#fff;font-size:14px;font-weight:760}.review-cta{max-width:260px;margin:19px auto 0}

@media(min-width:700px){.service-carousel-section .section-title{margin-bottom:34px}.hero-vehicle-line{font-size:19px!important}.reviews-section{padding-block:58px}}

/* Continuous carbon-fiber surface below the homepage hero. */
body[data-page=home] main{background-color:#080a0d;background-image:linear-gradient(135deg,rgba(255,255,255,.055) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(45deg,rgba(0,0,0,.58) 25%,transparent 25%),linear-gradient(315deg,rgba(0,0,0,.48) 25%,#0b0d11 25%);background-position:8px 0,8px 0,0 0,0 0;background-size:16px 16px;background-repeat:repeat}
body[data-page=home] main>section:not(.hero),body[data-page=home] .hero-transition{background-color:transparent!important;background-image:none!important}

/* Extra vertical room keeps every rotating card complete at the top and bottom. */
.service-carousel.wrapper{height:500px}
.service-carousel .inner{top:12%}
@media(min-width:700px){.service-carousel.wrapper{height:580px}.service-carousel .inner{top:12%}}

/* Bright heavy typography and restrained shimmer requested for titles and controls. */
body{font-family:Arial,Helvetica,sans-serif;color:#fff}
main :where(h1,h2,h3),footer .footer-brand{font-family:"Arial Black",Arial,Helvetica,sans-serif;font-weight:950;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.78),0 0 1px rgba(255,255,255,.6)}
main :where(p,summary,label),footer :where(a,p),.desktop-navigation a,.mobile-navigation a{color:#fff;font-weight:800}
.hero-description,.intro-copy,.service-card p,.process-list p,.contact-block p,.prose p,.faq p,.reviews-heading>p:last-child,.review-status p,.form-note,.dark p:not(.eyebrow){color:#fff!important;font-size:14px!important;line-height:1.62!important;font-weight:800!important;text-shadow:0 2px 8px rgba(0,0,0,.68);animation:none!important}
.hero-description{opacity:1!important;transform:none!important}
.hero-condition,.privacy-note,.location-tools p,.small-note,.muted,footer p{color:rgba(255,255,255,.96)!important;font-weight:800}

.metal-text,.neon-text,main h2,main h3,footer .footer-brand{background-size:240% 100%;animation:bright-type-shimmer 4.8s linear infinite}
@keyframes bright-type-shimmer{0%{background-position:120% 0}100%{background-position:-120% 0}}

.btn,.header-call,.header-whatsapp{overflow:hidden}
.btn:before,.header-call:before,.header-whatsapp:before{content:"";position:absolute;z-index:1;pointer-events:none;top:-45%;bottom:auto;left:-42%;right:auto;width:28%;height:190%;border-radius:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),rgba(255,255,255,.82),rgba(255,255,255,.15),transparent);transform:skewX(-20deg);animation:control-shimmer 4.2s 1s ease-in-out infinite}
.btn>span,.btn>svg,.header-call>span,.header-call>svg,.header-whatsapp>span,.header-whatsapp>svg{position:relative;z-index:2}
@keyframes control-shimmer{0%,18%{left:-42%;opacity:0}24%{opacity:1}48%,100%{left:122%;opacity:0}}
.hero-contact-trio .btn span{font-size:clamp(11px,3vw,13px);font-weight:950;letter-spacing:.1px}.sticky-contact .btn span{font-size:13px;font-weight:950}

.hero-vehicle-line{color:#ffd867!important;background:linear-gradient(105deg,#855100 0%,#e6aa22 15%,#fff2a8 31%,#fffdf0 39%,#d79815 53%,#ffe88b 70%,#9b6200 86%,#f6c94f 100%)!important;background-size:260% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;font-family:"Arial Black",Arial,Helvetica,sans-serif;font-weight:950!important;filter:drop-shadow(0 0 7px rgba(255,197,52,.42)) drop-shadow(0 2px 5px rgba(0,0,0,.72));animation:gold-title-shimmer 3.8s linear infinite!important}
@keyframes gold-title-shimmer{0%{background-position:130% 0}100%{background-position:-130% 0}}

@media(max-width:699px) and (orientation:portrait){.hero-content{padding-top:190px}}
@media(min-width:700px){.hero-content{padding-top:205px}}
@media(orientation:landscape) and (max-height:560px){.hero-content{padding-top:160px}}
@media(prefers-reduced-motion:reduce){.metal-text,.neon-text,main h2,main h3,footer .footer-brand,.hero-vehicle-line,.btn:before,.header-call:before,.header-whatsapp:before{animation:none!important}}

/* Dark-gold vehicle statement: larger, lower and centered with one narrow shimmer. */
.hero-vehicle-line{width:calc(100vw - 56px);max-width:570px;margin-top:28px!important;text-align:center;font-size:clamp(17px,4.1vw,21px)!important;line-height:1.2!important;letter-spacing:.15px!important;color:#ad7400!important;background:linear-gradient(100deg,#ad7400 0%,#ad7400 43%,#e2b94f 49%,#f2d675 50%,#e2b94f 51%,#ad7400 57%,#ad7400 100%)!important;background-size:300% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;font-weight:1000!important;filter:drop-shadow(0 1px 0 rgba(255,210,90,.22)) drop-shadow(0 0 6px rgba(173,116,0,.34)) drop-shadow(0 2px 5px rgba(0,0,0,.8));animation:dark-gold-shimmer 4s linear infinite!important}
@keyframes dark-gold-shimmer{0%{background-position:135% 0}100%{background-position:-135% 0}}
@media(prefers-reduced-motion:reduce){.hero-vehicle-line{animation:none!important;background-position:50% 0!important}}

/* Final focused revision: larger red vehicle statement and a two-second alternating site sheen. */
.hero-vehicle-line{
 position:relative;
 display:block;
 width:calc(100vw - 24px);
 max-width:650px;
 margin-top:30px!important;
 color:#ff2448!important;
 background:linear-gradient(180deg,#ff7890 0%,#ff294b 36%,#ec0c34 68%,#ff4e6b 100%)!important;
 background-size:100% 100%!important;
 -webkit-background-clip:text!important;
 background-clip:text!important;
 -webkit-text-fill-color:transparent!important;
 font-size:clamp(18px,4.1vw,27px)!important;
 line-height:1.16!important;
 font-weight:1000!important;
 letter-spacing:-1px!important;
 white-space:nowrap;
 text-align:center;
 filter:drop-shadow(0 0 8px rgba(255,24,62,.56)) drop-shadow(0 2px 5px rgba(0,0,0,.84));
 animation:none!important;
}
.hero-vehicle-line::after{
 content:"WE TOW LUXURY, SPORTS & STANDARD CARS";
 position:absolute;
 inset:0;
 pointer-events:none;
 color:transparent;
 background-image:linear-gradient(100deg,transparent 0%,transparent 43%,rgba(255,255,255,.95) 49.5%,transparent 56%,transparent 100%);
 background-size:310% 100%;
 -webkit-background-clip:text;
 background-clip:text;
 -webkit-text-fill-color:transparent;
 animation:red-statement-shimmer 2s linear infinite;
}
@keyframes red-statement-shimmer{0%{background-position:135% 0}100%{background-position:-135% 0}}

main>section:not(.hero)::after,footer::after{
 width:var(--site-sheen-width,9%);
 animation:alternating-site-sheen 4s linear infinite!important;
}
main>section:nth-of-type(even)::after,footer::after{animation-delay:-1s!important}
@keyframes alternating-site-sheen{
 0%{left:-24%;width:7%;opacity:0}
 4%{opacity:.18}
 22%{left:112%;width:10%;opacity:.58}
 25%,49%{left:112%;width:10%;opacity:0}
 50%{left:-30%;width:14%;opacity:0}
 54%{opacity:.16}
 72%{left:112%;width:20%;opacity:.48}
 75%,100%{left:112%;width:20%;opacity:0}
}
@media(prefers-reduced-motion:reduce){.hero-vehicle-line::after,main>section:not(.hero)::after,footer::after{animation:none!important}}

/* Screenshot-directed hero and Why People Choose Us revision. */
.hero-dubai-title{
 position:relative;
 display:inline-block;
 width:max-content;
 margin:0 0 5px;
 color:#f40035!important;
 background:linear-gradient(180deg,#ff385b 0%,#f40035 38%,#c8002b 74%,#ff1747 100%);
 -webkit-background-clip:text;
 background-clip:text;
 -webkit-text-fill-color:transparent;
 font-family:"Arial Black",Arial,Helvetica,sans-serif;
 font-size:clamp(32px,10.3vw,48px)!important;
 line-height:.9!important;
 font-weight:1000!important;
 letter-spacing:-1.5px;
 text-transform:uppercase;
 filter:drop-shadow(0 0 5px rgba(255,0,50,.78)) drop-shadow(0 0 13px rgba(190,0,38,.46)) drop-shadow(0 2px 3px rgba(0,0,0,.82));
}
.hero-dubai-title::after{
 content:"DUBAI";
 position:absolute;
 inset:0;
 color:transparent;
 background-image:linear-gradient(100deg,transparent 0%,transparent 42%,rgba(255,255,255,.22) 46%,#fff 50%,rgba(255,255,255,.35) 54%,transparent 58%,transparent 100%);
 background-size:300% 100%;
 -webkit-background-clip:text;
 background-clip:text;
 -webkit-text-fill-color:transparent;
 animation:dubai-title-shimmer 2s linear infinite;
}
@keyframes dubai-title-shimmer{from{background-position:135% 0}to{background-position:-135% 0}}

.hero .location-share{
 background:linear-gradient(155deg,#183a6f 0%,#0b2349 45%,#030b19 100%);
 border-color:rgba(79,145,255,.72);
 box-shadow:inset 0 1px rgba(255,255,255,.27),inset 0 -3px 8px rgba(0,0,0,.38),0 0 14px rgba(31,91,190,.26),0 8px 18px rgba(0,0,0,.34);
}
.hero .location-share.is-ready{background:linear-gradient(155deg,#2465b6,#123d78 48%,#071a38);border-color:#6ea7ff}

.hero-vehicle-line{font-size:clamp(16px,3.65vw,23px)!important;letter-spacing:-.8px!important;margin-top:24px!important}

.why-heading{max-width:760px;margin-bottom:28px}
.why-heading .why-kicker{display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:10px;color:#36efa0!important;font-size:11px;font-weight:950;letter-spacing:2.4px;text-shadow:0 0 10px rgba(30,226,139,.42)}
.why-heading .why-kicker span{width:52px;height:2px;background:linear-gradient(90deg,transparent,#25ee93);box-shadow:0 0 9px rgba(37,238,147,.55)}
.why-heading .why-kicker span:last-child{background:linear-gradient(90deg,#25ee93,transparent)}
.why-heading h2{font-size:clamp(35px,9vw,64px)!important;line-height:1.02!important;letter-spacing:-1.7px!important}
.why-heading h2 span{color:#fff!important;background:linear-gradient(180deg,#fff,#cbd0d7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.why-heading h2 strong{color:#32ee9b!important;background:linear-gradient(180deg,#76ffc1,#12c879);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(26,219,130,.25))}
.why-card{min-height:176px;padding:20px 12px 17px;border-color:rgba(51,239,153,.72);border-top-color:#42f3a4;box-shadow:inset 0 1px rgba(255,255,255,.10),0 16px 30px rgba(0,0,0,.25),0 0 17px rgba(34,223,137,.12)}
.why-card:after{background:linear-gradient(90deg,transparent,#37f09a,transparent);box-shadow:0 0 12px rgba(38,235,148,.62)}
.why-icon{width:50px;height:50px;margin-bottom:12px;background:radial-gradient(circle at 38% 28%,#31c982,#036039 70%);border:1px solid #3dffad;box-shadow:inset 0 1px rgba(255,255,255,.27),0 0 18px rgba(41,235,147,.42)}
.why-icon svg{width:27px;height:27px}
.why-card h3{font-size:14px;line-height:1.24;margin-bottom:7px;color:#fff!important;background:none!important;-webkit-text-fill-color:#fff!important}
.why-card p{color:rgba(255,255,255,.92)!important;font-size:11px!important;line-height:1.45!important;font-weight:700!important;text-shadow:0 2px 7px rgba(0,0,0,.72)}
.why-section.is-green .why-card{border-color:rgba(61,245,161,.86);border-top-color:#58ffb4}
.why-section:not(.is-green) .why-heading .why-kicker{color:#ff3655!important;text-shadow:0 0 10px rgba(255,35,72,.42)}
.why-section:not(.is-green) .why-heading .why-kicker span{background:linear-gradient(90deg,transparent,#ff3655);box-shadow:0 0 9px rgba(255,35,72,.5)}
.why-section:not(.is-green) .why-heading .why-kicker span:last-child{background:linear-gradient(90deg,#ff3655,transparent)}
.why-section:not(.is-green) .why-card{border-color:rgba(255,58,88,.72);border-top-color:#ff3a58;box-shadow:inset 0 1px rgba(255,255,255,.10),0 16px 30px rgba(0,0,0,.25),0 0 17px rgba(229,22,53,.12)}
.why-section:not(.is-green) .why-card:after{background:linear-gradient(90deg,transparent,#ff3655,transparent);box-shadow:0 0 12px rgba(255,35,72,.55)}
.why-section:not(.is-green) .why-icon{background:radial-gradient(circle at 38% 28%,#e72a4a,#760017 70%);border-color:#ff4d68;box-shadow:inset 0 1px rgba(255,255,255,.27),0 0 18px rgba(229,22,53,.38)}

@media(min-width:700px){
 .why-card{min-height:220px;padding:28px 20px 22px}.why-icon{width:66px;height:66px}.why-icon svg{width:35px;height:35px}.why-card h3{font-size:18px}.why-card p{font-size:14px!important;max-width:310px}
}
@media(prefers-reduced-motion:reduce){.hero-dubai-title::after{animation:none!important}}

/* Uiverse-inspired interaction supplied by the user, scoped to Why cards only. */
.why-card{
 isolation:isolate;
 overflow:visible;
 cursor:pointer;
}
.why-card::before{
 content:"";
 position:absolute;
 inset:-4px;
 margin:auto;
 border-radius:18px;
 background:linear-gradient(-45deg,#e81cff 0%,#40c9ff 100%);
 z-index:-2;
 pointer-events:none;
 opacity:.42;
 transition:transform .6s cubic-bezier(.175,.885,.32,1.275),opacity .35s ease;
}
.why-card::after{
 content:"";
 position:absolute;
 inset:-2px;
 height:auto;
 left:-2px;
 right:-2px;
 bottom:-2px;
 border-radius:18px;
 background:linear-gradient(-45deg,#fc00ff 0%,#00dbde 100%);
 transform:translate3d(0,0,0) scale(.95);
 filter:blur(18px);
 opacity:.24;
 z-index:-1;
 pointer-events:none;
 transition:filter .6s ease,opacity .45s ease,transform .6s cubic-bezier(.175,.885,.32,1.275);
}
.why-card:hover::after,.why-card.uiverse-active::after,.why-card.uiverse-auto::after{filter:blur(30px);opacity:.58;transform:translate3d(0,0,0) scale(1.02)}
.why-card:hover::before,.why-card.uiverse-active::before,.why-card.uiverse-auto::before{opacity:1;animation:why-uiverse-turn .72s cubic-bezier(.175,.885,.32,1.275)}
@keyframes why-uiverse-turn{
 0%{transform:rotate(0) scaleX(1) scaleY(1)}
 52%{transform:rotate(-90deg) scaleX(1.34) scaleY(.77)}
 100%{transform:rotate(-180deg) scaleX(1) scaleY(1)}
}
@media(prefers-reduced-motion:reduce){.why-card::before,.why-card::after{animation:none!important;transition:none!important;transform:none!important}}

/* Supplied customer feedback: two visible reviews plus an honest rotating bubble. */
.reviews-section>.wrap{position:relative}
.reviews-heading{max-width:680px}
.customer-review-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:238px;margin-top:18px}
.customer-review-card{display:none;min-width:0;padding:16px 13px;border:1px solid rgba(255,57,88,.52);border-radius:17px;background:linear-gradient(145deg,rgba(41,44,51,.98),rgba(8,9,12,.99));box-shadow:inset 0 1px rgba(255,255,255,.10),0 18px 34px rgba(0,0,0,.28),0 0 17px rgba(229,22,53,.10);overflow:hidden}
.customer-review-card.is-review-visible{display:block;animation:review-card-arrive .65s cubic-bezier(.2,.8,.2,1) both}
@keyframes review-card-arrive{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
.review-person{display:flex;align-items:center;gap:9px;min-width:0}
.review-avatar{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,#ff3658,#770017);border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px rgba(255,255,255,.25),0 0 14px rgba(229,22,53,.26);font-size:12px;font-weight:950}
.review-person h3{font-size:12px;line-height:1.2;color:#fff!important;background:none!important;-webkit-text-fill-color:#fff!important;overflow-wrap:anywhere}
.review-person p{margin-top:3px;color:#ff607a!important;font-size:9px!important;line-height:1.25!important;font-weight:850!important}
.customer-review-card blockquote{margin:13px 0 0;color:#fff;font-size:11px;line-height:1.55;font-weight:750;text-shadow:0 2px 7px rgba(0,0,0,.72)}
.review-live-bubble{max-width:390px;margin:18px auto 0;padding:11px 13px;display:grid;grid-template-columns:auto 1fr;gap:2px 9px;border:1px solid rgba(55,235,151,.55);border-radius:14px;background:linear-gradient(145deg,rgba(10,76,50,.96),rgba(5,28,21,.98));box-shadow:inset 0 1px rgba(255,255,255,.13),0 14px 28px rgba(0,0,0,.27),0 0 17px rgba(32,217,132,.14);opacity:1}
.review-live-bubble.is-bubble-animating{animation:review-bubble-fly 1s cubic-bezier(.16,1,.3,1) both}
@keyframes review-bubble-fly{0%{opacity:0;transform:translate3d(34px,18px,0) scale(.86)}55%{opacity:1;transform:translate3d(-5px,-3px,0) scale(1.02)}100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}
.review-bubble-dot{width:9px;height:9px;margin-top:4px;border-radius:50%;background:#32ef99;box-shadow:0 0 12px rgba(50,239,153,.75)}
.review-live-bubble strong{display:block;color:#fff;font-size:11px;line-height:1.2;font-weight:950}
.review-live-bubble small{display:block;margin-top:2px;color:#8fffc9;font-size:9px;line-height:1.2;font-weight:800}
.review-live-bubble>p{grid-column:2;margin-top:5px;color:rgba(255,255,255,.92)!important;font-size:10px!important;line-height:1.42!important;font-weight:700!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.review-dots{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:14px}
.review-dots span{width:6px;height:6px;border-radius:50%;background:#5d6067;transition:background .3s ease,box-shadow .3s ease,transform .3s ease}
.review-dots span.is-active{background:#ff3658;box-shadow:0 0 8px rgba(255,54,88,.65);transform:scale(1.25)}
.reviews-section .review-cta{margin-top:18px}
@media(max-width:359px){.customer-review-stage{grid-template-columns:1fr;min-height:225px}.customer-review-card.is-review-visible:nth-of-type(even){display:none}}
@media(min-width:700px){.customer-review-stage{gap:16px;min-height:260px}.customer-review-card{padding:22px 20px}.review-avatar{width:48px;height:48px;flex-basis:48px;font-size:14px}.review-person h3{font-size:15px}.review-person p{font-size:11px!important}.customer-review-card blockquote{font-size:14px}.review-live-bubble{max-width:520px}.review-live-bubble strong{font-size:13px}.review-live-bubble small{font-size:10px}.review-live-bubble>p{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.customer-review-card.is-review-visible,.review-live-bubble.is-bubble-animating{animation:none!important}}

/* Focused hero type correction: dark-red Dubai, silver vehicle statement. */
.hero-dubai-title{
 color:#ff163b!important;
 background:linear-gradient(180deg,#ff4968 0%,#ff163b 28%,#ff163b 72%,#ff3657 100%)!important;
 background-size:100% 100%!important;
 -webkit-background-clip:text!important;
 background-clip:text!important;
 -webkit-text-fill-color:transparent!important;
 font-size:clamp(44px,13.8vw,66px)!important;
 -webkit-text-stroke:0 transparent!important;
 filter:drop-shadow(0 0 3px rgba(255,22,59,.46))!important;
 text-shadow:none!important;
}
.hero-dubai-title::after{
 color:transparent!important;
 background-image:linear-gradient(100deg,transparent 0%,transparent 43%,rgba(255,255,255,.18) 47%,rgba(255,255,255,.82) 50%,rgba(255,255,255,.18) 53%,transparent 57%,transparent 100%)!important;
 background-size:300% 100%!important;
 -webkit-background-clip:text!important;
 background-clip:text!important;
 -webkit-text-fill-color:transparent!important;
 filter:none!important;
 animation:dubai-title-shimmer 2s linear infinite!important;
}
.hero-vehicle-line{
 color:#f8f9fb!important;
 background:linear-gradient(180deg,#ffffff 0%,#ffffff 34%,#dfe3e8 64%,#ffffff 100%)!important;
 background-size:100% 100%!important;
 -webkit-background-clip:text!important;
 background-clip:text!important;
 -webkit-text-fill-color:transparent!important;
 filter:drop-shadow(0 2px 4px rgba(0,0,0,.88))!important;
}
.hero-vehicle-line::after{
 background-image:linear-gradient(100deg,transparent 0%,transparent 43%,rgba(255,255,255,.26) 47%,#fff 50%,rgba(255,255,255,.28) 53%,transparent 57%,transparent 100%)!important;
 background-size:310% 100%!important;
 animation:red-statement-shimmer 2s linear infinite!important;
}

/* Dark-green Why cards with white metallic type; existing motion is preserved. */
.why-card::before{
 background:linear-gradient(-45deg,#063d29 0%,#0b6643 48%,#032c1d 100%)!important;
}
.why-card::after{
 background:linear-gradient(-45deg,#043b27 0%,#0b5c3e 48%,#02281b 100%)!important;
}
.why-card:nth-child(odd),.why-card:nth-child(even){
 background:linear-gradient(145deg,#07462f,#02291c)!important;
 border-color:#28ce87!important;
}
.why-card:nth-child(odd) h3,.why-card:nth-child(odd) p,
.why-card:nth-child(even) h3,.why-card:nth-child(even) p{
 color:#ffffff!important;
 background:linear-gradient(180deg,#ffffff 0%,#ffffff 34%,#dfe7e3 64%,#ffffff 100%)!important;
 -webkit-background-clip:text!important;
 background-clip:text!important;
 -webkit-text-fill-color:transparent!important;
 text-shadow:none!important;
}
.why-card:nth-child(odd) .why-icon,.why-card:nth-child(even) .why-icon{
 background:linear-gradient(145deg,#08794b,#03442e)!important;
 border-color:#ffffff!important;
 color:#ffffff!important;
}

/* Uiverse-inspired review cards: three supplied reviews per two-second frame. */
.customer-review-stage{grid-template-columns:1fr;gap:12px;min-height:620px}
.customer-review-card{min-height:190px;padding:15px;border-color:rgba(255,45,77,.58);background:linear-gradient(145deg,#202329,#08090c);box-shadow:inset 0 1px rgba(255,255,255,.10),0 16px 28px rgba(0,0,0,.28),0 0 16px rgba(229,22,53,.10);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.customer-review-card:hover{transform:translateY(-4px);border-color:#ff3655;box-shadow:inset 0 1px rgba(255,255,255,.12),0 20px 34px rgba(0,0,0,.34),0 0 21px rgba(229,22,53,.20)}
.review-avatar{width:50px;height:50px;flex:0 0 50px;display:block;object-fit:cover;border-radius:50%;border:2px solid #ff3655;box-shadow:0 0 14px rgba(229,22,53,.30)}
.review-person h3{font-size:13px!important}
.review-person p{font-size:10px!important}
.review-stars{margin-top:12px;color:#ff3655;font-size:17px;line-height:1;letter-spacing:3px;text-shadow:0 0 10px rgba(255,54,85,.25)}
.customer-review-card blockquote{margin-top:10px}
@media(min-width:700px){.customer-review-stage{grid-template-columns:repeat(3,minmax(0,1fr));min-height:310px}.customer-review-card{min-height:280px}.review-avatar{width:58px;height:58px;flex-basis:58px}}

/* Ambient hero drift stays subtle; direct pointer/touch movement remains stronger on the image. */
.hero-picture{position:absolute;inset:-1.5%;z-index:-5;pointer-events:none;animation:hero-ambient-drift 9s ease-in-out infinite alternate;will-change:transform}
.hero-picture .hero-video{z-index:0}
@keyframes hero-ambient-drift{
 0%{transform:translate3d(-.7%,-.25%,0) scale(1.012) rotate(-.12deg)}
 50%{transform:translate3d(.45%,.45%,0) scale(1.018) rotate(.08deg)}
 100%{transform:translate3d(.85%,-.15%,0) scale(1.012) rotate(.14deg)}
}
.hero-dubai-title::after{
 z-index:2!important;
 opacity:1!important;
 background-image:linear-gradient(100deg,transparent 0%,transparent 42%,rgba(255,255,255,.18) 46%,#ffffff 49%,#ffffff 51%,rgba(255,255,255,.24) 54%,transparent 58%,transparent 100%)!important;
 background-size:260% 100%!important;
 filter:drop-shadow(0 0 3px rgba(255,255,255,.72))!important;
 animation:dubai-title-shimmer 2s linear infinite!important;
}
.hero-vehicle-line::after{
 z-index:2!important;
 opacity:1!important;
 background-image:linear-gradient(100deg,transparent 0%,transparent 42%,rgba(255,255,255,.22) 46%,#ffffff 49%,#ffffff 51%,rgba(255,255,255,.24) 54%,transparent 58%,transparent 100%)!important;
 background-size:270% 100%!important;
 filter:drop-shadow(0 0 3px rgba(255,255,255,.62))!important;
 animation:red-statement-shimmer 2s linear infinite!important;
}
@media(prefers-reduced-motion:reduce){.hero-picture{animation:none!important;transform:none!important}}

/* A visible silver band crosses only the requested hero lettering from right to left. */
.hero h1 .metal-text,.hero h1 .neon-text{position:relative;display:inline-block}
.hero h1 [data-shimmer]::after{content:attr(data-shimmer)}
.hero-dubai-title::after,.hero h1 [data-shimmer]::after,.hero-vehicle-line::after{
 position:absolute;
 inset:0;
 z-index:2!important;
 pointer-events:none;
 color:transparent!important;
 -webkit-text-fill-color:transparent!important;
 text-shadow:none!important;
 background-image:linear-gradient(105deg,transparent 0%,transparent 44%,#cbd2dc 47%,#ffffff 50%,#cbd2dc 53%,transparent 56%,transparent 100%)!important;
 background-size:300% 100%!important;
 background-repeat:no-repeat!important;
 -webkit-background-clip:text!important;
 background-clip:text!important;
 filter:none!important;
 opacity:1!important;
 animation:hero-silver-right-to-left 2s linear infinite!important;
}
@keyframes hero-silver-right-to-left{
 0%{background-position:-60% 0}
 80%,100%{background-position:160% 0}
}
@media(prefers-reduced-motion:reduce){.hero-dubai-title::after,.hero h1 [data-shimmer]::after,.hero-vehicle-line::after{animation:none!important;opacity:0!important}}

/* Supplied transport gallery, scoped to this new section only. */
.transport-showcase{padding:46px 0 48px;overflow:hidden;position:relative}
.transport-showcase::after{display:none!important}
.transport-intro{max-width:1200px;margin:0 auto 23px}
.transport-showcase .transport-eyebrow{color:#ff3655!important;font-size:11px!important;font-weight:900;letter-spacing:2px;margin:0 0 10px}
.transport-showcase h2{color:#fff!important;font-size:clamp(28px,5vw,48px)!important;line-height:1.08;letter-spacing:-1px;margin:0 0 14px;max-width:760px;background:none!important;-webkit-text-fill-color:#fff!important;animation:none!important;text-shadow:none}
.transport-showcase .transport-description{color:#f1f3f5!important;font-size:14px!important;line-height:1.65!important;max-width:800px;font-weight:600!important}
.transport-showcase .transport-trust{color:#d3d8df!important;font-size:11px!important;line-height:1.8!important;margin-top:16px;font-weight:700!important}
.transport-trust span{color:#ff3655;padding:0 4px}
.transport-viewport{--transport-gap:14px;--transport-card:91%;margin-left:18px;overflow:hidden;touch-action:pan-y;cursor:grab;outline-offset:-3px}
.transport-viewport.is-dragging{cursor:grabbing}
.transport-track{display:flex;gap:var(--transport-gap);will-change:transform;transition:transform 700ms cubic-bezier(.22,.65,.25,1)}
.transport-slide{flex:0 0 var(--transport-card);min-width:0;height:300px;position:relative;border-radius:17px;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:#0a0b0e;isolation:isolate;user-select:none}
.transport-slide img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;pointer-events:none}
.transport-slide::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,transparent 20%,rgba(3,6,10,.16) 40%,rgba(3,6,10,.94) 100%);pointer-events:none}
.transport-caption{position:absolute;z-index:1;bottom:0;left:0;right:0;padding:19px 17px}
.transport-caption>span{font-size:9px;font-weight:800;color:#fff;letter-spacing:1.7px;border-left:2px solid #ff3655;padding-left:8px}
.transport-showcase .transport-caption h3{color:#fff!important;font-size:20px!important;line-height:1.2!important;margin:9px 0 6px;background:none!important;-webkit-text-fill-color:#fff!important;animation:none!important;text-shadow:0 1px 3px #000}
.transport-showcase .transport-caption p{color:#f4f5f7!important;font-size:12px!important;line-height:1.45!important;font-weight:600!important;margin:0;max-width:350px}
@media(min-width:600px){.transport-viewport{--transport-card:57%;--transport-gap:18px;margin-left:28px}.transport-slide{height:330px}}
@media(min-width:1024px){.transport-showcase{padding-block:62px}.transport-viewport{--transport-card:35%;--transport-gap:20px;margin-left:max(28px,calc((100vw - 1440px)/2))}.transport-slide{height:350px}.transport-showcase .transport-description{font-size:16px!important}}
@media(min-width:1440px){.transport-viewport{--transport-card:34%}.transport-slide{height:390px}}
@media(min-width:1920px){.transport-slide{height:430px}}
@media(prefers-reduced-motion:reduce){.transport-track{transition-duration:0ms}}

/* Requested Rolls-Royce framing, button labels and slim hero divider. */
.hero-picture{inset:0;animation-duration:6s}
.hero-picture .hero-video{inset:0;width:100%;height:100%;object-position:right 65%;transform-origin:100% 65%;transform:perspective(900px) translate3d(var(--hero-x,0),var(--hero-y,0),0) rotateX(var(--hero-rx,0deg)) rotateY(var(--hero-ry,0deg)) scale(var(--hero-scale,1.035))}
.hero-contact-trio .btn{gap:5px;padding:10px 6px;min-height:58px}
.hero-contact-trio .btn span{font-size:clamp(14px,3.5vw,18px)!important;font-weight:1000!important;letter-spacing:0;line-height:1.15}
.hero-contact-trio .btn svg{flex-shrink:0;width:15px;height:15px}
body[data-page=home] .hero-transition{position:relative;height:3px!important;border:0;background:#f3183e!important;overflow:hidden}
.hero-transition::after{content:"";position:absolute;inset:0;background-image:linear-gradient(100deg,transparent 42%,#cdd5df 47%,#fff 50%,#cdd5df 53%,transparent 58%);background-size:300% 100%;background-repeat:no-repeat;animation:hero-divider-silver 1s linear infinite}
@keyframes hero-divider-silver{from{background-position:-60% 0}to{background-position:160% 0}}
@media(prefers-reduced-motion:reduce){.hero-transition::after{animation:none;opacity:0}}

/* Match the requested hero red and separate 24/7 from TOWING. */
.hero h1 .neon-text{
 margin-inline-start:.18em;
 color:#ff163b!important;
 background:linear-gradient(180deg,#ff4968 0%,#ff163b 28%,#ff163b 72%,#ff3657 100%)!important;
 background-size:100% 100%!important;
 -webkit-background-clip:text!important;
 background-clip:text!important;
 -webkit-text-fill-color:transparent!important;
 filter:drop-shadow(0 0 3px rgba(255,22,59,.46))!important;
 text-shadow:none!important;
 animation:none!important;
}

/* Full supplied image: no cover crop, scale pulse or interaction zoom. */
.hero{background-image:none!important;background-color:#060b15}
.hero-picture{inset:0;animation:hero-full-image-drift 4.5s ease-in-out infinite alternate}
.hero-picture .hero-video{
 inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;
 transform-origin:center 70%;
 transform:perspective(900px) translate3d(var(--hero-x,0),var(--hero-y,0),0) rotateX(var(--hero-rx,0deg)) rotateY(var(--hero-ry,0deg));
}
@keyframes hero-full-image-drift{
 0%{transform:translate3d(-3px,-2px,0)}
 50%{transform:translate3d(2px,-5px,0)}
 100%{transform:translate3d(3px,-1px,0)}
}
@media(prefers-reduced-motion:reduce){.hero-picture{animation:none!important}.hero-picture .hero-video{transform:none!important}}

/* Slight zoom-out and a more visible, faster ambient hero movement. */
.hero-picture{animation:hero-visible-drift 3.4s ease-in-out infinite alternate}
.hero-picture .hero-video{width:96%;height:96%;inset:2%;object-position:center bottom}
@keyframes hero-visible-drift{
 0%{transform:translate3d(-8px,-3px,0)}
 50%{transform:translate3d(4px,-11px,0)}
 100%{transform:translate3d(8px,-2px,0)}
}
@media(prefers-reduced-motion:reduce){.hero-picture{animation:none!important}}

/* Display-only service orbit: slower rotation, heavier readable type, no pause interactions. */
.service-carousel .inner{animation-duration:64s!important;animation-play-state:running!important}
.service-carousel{cursor:default;touch-action:pan-y}
.service-carousel h3{font-weight:1000!important;font-family:"Arial Black",Arial,Helvetica,sans-serif}
.service-carousel p{font-weight:900!important}

/* Client branding stays separate from the developer attribution. */
.brand-credit-group{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.developer-credit{display:inline-flex;align-items:center;color:#32e99c!important;font-weight:850!important;background:none!important;-webkit-text-fill-color:#32e99c!important;text-shadow:none!important;text-decoration:none;line-height:1.3}
.header-credit{font-size:10px;padding-block:2px}
.developer-credit span{position:relative;display:inline-block}
.developer-credit span::after{content:attr(data-credit);position:absolute;inset:0;pointer-events:none;color:transparent;-webkit-text-fill-color:transparent;background-image:linear-gradient(105deg,transparent 44%,#d6ffe9 48%,#fff 50%,#d6ffe9 52%,transparent 56%);background-size:300% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;animation:hero-silver-right-to-left 2s linear infinite}
.footer-developer{display:flex;flex-wrap:wrap;align-items:center;gap:5px 12px;margin-top:12px;font-size:12px!important}
.footer-developer a{min-height:36px}
.developer-domain{color:#32e99c!important;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
@media(max-width:899px){.site-header .header-inner{padding-block:6px}}
@media(prefers-reduced-motion:reduce){.developer-credit span::after{animation:none;opacity:0}}
/* Keep the final developer links visible above the mobile contact bar. */
body.has-sticky footer{padding-bottom:calc(94px + env(safe-area-inset-bottom))}

/* Reading interaction for the existing service orbit. */
.service-carousel .img{border:0;font:inherit;cursor:pointer}
.service-carousel .img:focus-visible{outline:3px solid #fff;outline-offset:-5px}
.service-carousel.is-reading .inner{animation-play-state:paused!important}
.service-reader{position:fixed;inset:0;border:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:22px;background:transparent;color:#fff;overflow:auto}
.service-reader::backdrop{background:rgba(2,4,8,.78);backdrop-filter:blur(6px)}
.service-reader-panel{position:relative;margin:auto;top:50%;transform:translateY(-50%);width:min(100%,380px);padding:22px;border-radius:22px;border:2px solid #ff3655;background:linear-gradient(145deg,#fc2449,#a00020 65%,#580012);box-shadow:0 22px 70px rgba(0,0,0,.6);touch-action:pan-y;animation:service-reader-in .22s ease-out}
.service-reader-panel.is-black{background:linear-gradient(145deg,#2a2e35,#090b0f 65%,#020304)}
@keyframes service-reader-in{from{opacity:0;scale:.94}to{opacity:1;scale:1}}
.service-reader .service-art{width:100%;height:100px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.28);margin:24px 0 18px}
.service-reader .service-art svg{width:76px;height:76px}
.service-reader h2{color:#fff;font-size:26px;line-height:1.15;font-weight:950;margin:0 0 14px}
.service-reader-description{font-size:18px;font-weight:850;line-height:1.6;color:#fff}
.service-reader-close{position:absolute;right:10px;top:8px;width:44px;height:44px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(0,0,0,.3);color:#fff;font-size:25px;cursor:pointer}
.service-reader-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:24px}
.service-reader-controls button{min-height:44px;border:1px solid rgba(255,255,255,.4);border-radius:10px;background:rgba(0,0,0,.3);color:#fff;font-size:14px;font-weight:850;cursor:pointer}
.service-reader-count{font-size:13px;font-weight:800}
.service-reader-hint{margin-top:15px;font-size:12px;line-height:1.4;color:#f5f5f5;text-align:center}
@media(prefers-reduced-motion:reduce){.service-reader-panel{animation:none}}

/* Frame the complete truck/car larger and lower, below the hero copy. */
.hero-picture .hero-video{
 transform-origin:center bottom;
 transform:perspective(900px) translate3d(var(--hero-x,0),calc(var(--hero-y,0px) + var(--vehicle-drop,45px)),0) rotateX(var(--hero-rx,0deg)) rotateY(var(--hero-ry,0deg)) scale(var(--vehicle-zoom,1.45));
 filter:brightness(1.32) contrast(1.08) saturate(1.07);
}
.hero-shade{background:linear-gradient(180deg,rgba(4,5,7,.68),rgba(4,5,7,.48) 48%,rgba(4,5,7,.04) 65%,transparent 77%)}
@media(prefers-reduced-motion:reduce){.hero-picture .hero-video{transform:translateY(var(--vehicle-drop,45px)) scale(var(--vehicle-zoom,1.45))!important}}

/* Compact feedback section: one supplied review at a time, no live bubble. */
.reviews-section{padding-block:28px!important}
.reviews-section .reviews-heading h2{font-size:clamp(28px,7vw,38px)!important}
.reviews-section .reviews-heading>p:last-child{font-size:12px!important;line-height:1.5!important}
.reviews-section .customer-review-stage{display:block;min-height:200px;max-width:600px;margin:16px auto 0}
.reviews-section .customer-review-card{min-height:200px;padding:16px;border-color:#ff3655;background:linear-gradient(145deg,#3a111c,#160b10 65%,#09080a)}
.reviews-section .customer-review-card blockquote{font-size:13px;line-height:1.5}
.reviews-section .review-avatar{width:44px;height:44px;flex-basis:44px}
.reviews-section .review-cta{margin-top:14px}
@media(max-width:359px){.reviews-section .customer-review-card.is-review-visible:nth-of-type(even){display:block}}
.hero h1 .hero-bike-title{font-size:.62em;line-height:1.2;letter-spacing:-.6px;margin-top:9px;max-width:100%}

/* Footer attribution and its website link occupy separate lines. */
.footer-developer{flex-direction:column;align-items:flex-start;gap:2px}
.developer-link-row{display:flex;align-items:center;gap:7px;color:#32e99c;font-size:12px;font-weight:800}

/* Compact working number beside the mobile navigation control. */
.header-phone-number{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;margin-left:auto;min-height:44px;white-space:nowrap;text-decoration:none;gap:3px}
.header-phone-number span{color:#fff;font-size:9px;font-weight:800;line-height:1.1}
.header-phone-number strong{color:#ff2448;font-size:12px;font-weight:950;line-height:1.15;letter-spacing:-.2px}
@media(max-width:420px){.header-inner{gap:7px}.header-phone-number strong{font-size:11px}.header-phone-number span{font-size:8px}.header-credit{font-size:9px}}
@media(min-width:900px){.header-phone-number{margin-left:0}.header-phone-number span{font-size:10px}.header-phone-number strong{font-size:13px}}
footer{padding-bottom:calc(94px + env(safe-area-inset-bottom))}

/* Continuous drift with a separate press-only zoom-out layer. */
.hero-picture{animation-duration:2.8s}
.hero-picture .hero-video{transform:perspective(900px) translate3d(var(--hero-x,0),calc(var(--hero-y,0px) + var(--vehicle-drop,45px)),0) rotateX(var(--hero-rx,0deg)) rotateY(var(--hero-ry,0deg)) scale(calc(var(--vehicle-zoom,1.45) * var(--hero-scale,1)))}
.hero.is-hero-pressed .hero-video{transition-duration:.12s}
.developer-link-row{align-items:baseline;line-height:1.4;white-space:nowrap;color:#ff2448!important;gap:6px}
.footer-developer .developer-link-row>span{color:#ff2448!important;line-height:1.4}
.footer-developer .developer-domain{display:inline-block;position:relative;min-height:0;padding:0;line-height:1.4;color:#ff2448!important;-webkit-text-fill-color:#ff2448!important;text-decoration:none!important;text-shadow:none!important}
.developer-domain::after{content:attr(data-link);position:absolute;inset:0;color:transparent;-webkit-text-fill-color:transparent;background-image:linear-gradient(105deg,transparent 44%,#ccd3df 48%,#fff 50%,#ccd3df 52%,transparent 56%);background-size:300% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;pointer-events:none;animation:hero-silver-right-to-left 2s linear infinite}
@media(prefers-reduced-motion:reduce){.developer-domain::after{animation:none;opacity:0}}

/* Requested green carbon footer, readable red hero copy and gentle button motion. */
footer{
 background-color:#043c28!important;
 background-image:linear-gradient(135deg,rgba(255,255,255,.055) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(45deg,rgba(0,0,0,.58) 25%,transparent 25%),linear-gradient(315deg,rgba(0,0,0,.48) 25%,#06472f 25%)!important;
 background-position:8px 0,8px 0,0 0,0 0!important;
 background-size:16px 16px!important;
 background-repeat:repeat!important;
}
footer .footer-brand{font-size:19px;color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important}
footer .footer-brand span{font-size:14px;color:#fff!important;font-weight:800}
footer .footer-contact p{font-size:14px!important;color:#fff!important;line-height:1.65}
footer .footer-contact>a{font-size:20px!important;color:#ff3655!important;font-weight:950}
footer nav a{font-size:14px;color:#fff!important;font-weight:850}
footer .copyright{color:#fff!important;font-size:12px!important}
.hero .hero-description{color:#ff3655!important;font-size:15px!important;line-height:1.62!important;font-weight:900!important;text-shadow:0 2px 5px rgba(0,0,0,.96)!important}
@media(min-width:700px){.hero .hero-description{font-size:17px!important}}
.hero-contact-trio .btn{animation:hero-button-bubble 3.2s ease-in-out infinite;will-change:translate}
.hero-contact-trio .btn:nth-child(2){animation-delay:-1.1s}
.hero-contact-trio .btn:nth-child(3){animation-delay:-2.2s}
@keyframes hero-button-bubble{0%,100%{translate:0 0}50%{translate:0 -3px}}
.reviews-section .review-stars{color:#ffc328;font-size:21px;letter-spacing:3px;text-shadow:0 1px #a86d00,0 0 9px rgba(255,195,40,.2);background:linear-gradient(105deg,#ffb919 35%,#ffdb68 46%,#fff9dd 50%,#ffdb68 54%,#ffb919 65%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:hero-silver-right-to-left 2s linear infinite}
@media(prefers-reduced-motion:reduce){.hero-contact-trio .btn,.reviews-section .review-stars{animation:none!important;translate:none}}

/* Heading rating, separate from individual review stars. */
.feedback-rating{display:flex;flex-direction:column;align-items:center;gap:5px;margin:14px 0 12px}
.feedback-rating-stars{display:block;width:245px;height:auto;max-width:85%;overflow:visible;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}
.feedback-rating-label{font-size:18px;font-weight:900;color:#ffd047;line-height:1.3}
.rating-gold-fill{animation:feedback-rating-fill 2s ease-out infinite}
.rating-shine{animation:feedback-rating-shine 2s linear infinite}
@keyframes feedback-rating-fill{0%{width:79px}50%,100%{width:408px}}
@keyframes feedback-rating-shine{0%{transform:translateX(0)}50%,100%{transform:translateX(600px)}}
@media(prefers-reduced-motion:reduce){.rating-gold-fill,.rating-shine{animation:none}.rating-shine{display:none}}

/* Bright red metallic hero description. */
.hero .hero-description{
 font-size:16px!important;line-height:1.62!important;font-weight:950!important;
 color:#ff2448!important;
 background-image:linear-gradient(110deg,#ff2448 0%,#ff3656 36%,#ff9bad 46%,#ffe1e6 50%,#ff7892 54%,#ff2448 64%,#ff3656 100%);
 background-size:300% 100%;background-repeat:no-repeat;
 -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
 text-shadow:none!important;filter:drop-shadow(0 2px 2px #080309) drop-shadow(0 0 3px rgba(255,36,72,.38));
 animation:hero-silver-right-to-left 2s linear infinite!important;
}
@media(min-width:700px){.hero .hero-description{font-size:18px!important}}
@media(prefers-reduced-motion:reduce){.hero .hero-description{animation:none!important}}

/* Static, readable red metallic description without shimmer or motion. */
.hero .hero-description{
 animation:none!important;transition:none!important;transform:none!important;
 opacity:1!important;letter-spacing:.25px!important;line-height:1.75!important;
 background-position:50% 0!important;background-size:100% 100%!important;
 background-image:linear-gradient(180deg,#ff5974 0%,#ff2448 42%,#ff3656 62%,#ff2448 100%)!important;
}
.hero .hero-description::before,.hero .hero-description::after{content:none!important;animation:none!important;display:none!important}

/* Compact static bright white metallic hero copy. */
.hero .hero-description{
 color:#fff!important;font-weight:800!important;letter-spacing:0!important;line-height:1.5!important;
 background-image:linear-gradient(180deg,#fff 0%,#f5f7fa 42%,#dbe0e7 65%,#fff 100%)!important;
 background-size:100% 100%!important;background-position:0 0!important;
 filter:drop-shadow(0 2px 3px rgba(0,0,0,.9))!important;
 animation:none!important;transition:none!important;transform:none!important;
}

/* White vehicle statement on a fitted metallic red strip. */
.hero .hero-vehicle-line{
 width:fit-content!important;max-width:calc(100vw - 32px)!important;
 padding:3px 5px;border:1px solid #ff3658;border-radius:3px;overflow:hidden;isolation:isolate;
 color:#fff!important;-webkit-text-fill-color:#fff!important;
 background:linear-gradient(180deg,#ff5572 0%,#e5163c 22%,#a90026 50%,#da0c34 78%,#ff3658 100%)!important;
 -webkit-background-clip:border-box!important;background-clip:border-box!important;
 font-size:clamp(13px,3.45vw,22px)!important;letter-spacing:-.45px!important;
 line-height:1.2!important;text-shadow:0 1px 2px #650016;
 box-shadow:inset 0 1px rgba(255,255,255,.55),inset 0 -1px rgba(70,0,17,.75),0 0 7px rgba(255,36,72,.3);
}
.hero .hero-vehicle-line::after{content:none!important;display:none!important;animation:none!important}
.hero .hero-vehicle-line::before{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(105deg,transparent 43%,rgba(255,235,240,.18) 47%,rgba(255,255,255,.55) 50%,rgba(255,235,240,.18) 53%,transparent 57%);
 background-size:300% 100%;background-repeat:no-repeat;
 animation:hero-silver-right-to-left 2s linear infinite;
}
@media(prefers-reduced-motion:reduce){.hero .hero-vehicle-line::before{animation:none;opacity:0}}

/* DubaiCarRecovery.site brand, with matching header/footer recovery mark. */
.site-logo{display:block;width:38px;height:38px;flex-shrink:0;filter:drop-shadow(0 2px 5px rgba(255,22,59,.18))}
.brand-name{font-size:13px;letter-spacing:-.3px;white-space:nowrap}
.brand .brand-name small{font-size:6.5px;letter-spacing:1px}
.footer-brand{display:flex;align-items:center;gap:12px}
.footer-brand .footer-logo{width:52px;height:52px}
@media(max-width:420px){.brand{gap:6px}.site-logo{width:30px;height:30px}.brand-name{font-size:11px;letter-spacing:-.35px}.brand .brand-name small{font-size:5.5px;letter-spacing:.55px}.header-inner{gap:6px;padding-inline:12px}.header-phone-number strong{font-size:10px}.menu-toggle{width:38px;min-height:40px;flex-shrink:0}}
@media(max-width:359px){.brand-name{font-size:10px}.site-logo{width:26px;height:26px}.header-phone-number strong{font-size:9px}.header-inner{gap:4px;padding-inline:8px}}

/* Automatic hero drift only: pointer/touch cannot bend, pan or zoom the image. */
.hero-picture{animation:hero-autonomous-drift 2.1s ease-in-out infinite alternate}
.hero-picture .hero-video{transform:translate3d(0,var(--vehicle-drop,45px),0) scale(var(--vehicle-zoom,1.45))!important;transition:none!important}
@keyframes hero-autonomous-drift{
 0%{transform:translate3d(-14px,-4px,0)}
 50%{transform:translate3d(5px,-16px,0)}
 100%{transform:translate3d(14px,-2px,0)}
}
.hero .hero-vehicle-line{white-space:normal!important;max-width:calc(100vw - 32px)!important}
@media(prefers-reduced-motion:reduce){.hero-picture{animation:none!important}}

/* Supplied transparent company emblem and matching metallic wordmark. */
.site-header .site-logo{width:96px;height:96px;object-fit:contain;filter:none;border:0;border-radius:0;background:none}
.site-header .brand{gap:10px}
.site-header .brand-name{display:flex;flex-direction:column;align-items:flex-start;white-space:nowrap;line-height:1.05}
.company-wordmark strong{font-family:"Arial Black",Arial,Helvetica,sans-serif;font-weight:950;letter-spacing:-.7px;background:linear-gradient(180deg,#fff 12%,#c5c8cc 49%,#fff 55%,#888e95 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.company-wordmark .wordmark-dubai{font-size:29px}
.company-wordmark .wordmark-service{font-size:18px;font-style:italic;margin-top:4px;letter-spacing:-.6px}
.company-wordmark em{font-style:inherit;background:linear-gradient(180deg,#ff7847,#ff260a 43%,#a70000);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.brand .company-wordmark small{font-size:8px;letter-spacing:1px;color:#e0e3e7;margin-top:7px}
.wordmark-domain{font-size:10px;color:#fff;margin-top:6px;letter-spacing:0;font-weight:800}
.site-header .header-inner{min-height:126px;padding-block:8px}
.footer-brand{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;margin:0 auto 30px}
.footer-brand .footer-logo{width:min(340px,90vw);height:auto;max-width:100%;object-fit:contain;border:0;border-radius:0;background:none;filter:none}
footer .footer-logo-name{font-size:clamp(21px,5vw,28px);font-weight:950;color:#fff;-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#fff,#c3c8ce 55%,#fff);-webkit-background-clip:text;background-clip:text;line-height:1.25}
@media(max-width:899px){
 .site-header .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:8px;min-height:128px;padding:8px 12px}
 .brand-credit-group{grid-column:1;grid-row:1 / 3}
 .header-phone-number{grid-column:2;grid-row:2;align-self:start;margin:0}
 .menu-toggle{grid-column:2;grid-row:1;justify-self:end;align-self:center}
 .site-header .site-logo{width:92px;height:92px}
 .site-header .brand{gap:7px}
 .company-wordmark .wordmark-dubai{font-size:25px}
 .company-wordmark .wordmark-service{font-size:15px}
 .brand .company-wordmark small{font-size:6px;letter-spacing:.75px}
 .wordmark-domain{font-size:9px}
 .hero-service-dock{top:128px!important}
 .hero-content{padding-top:256px!important}
}
@media(min-width:900px){.hero-service-dock{top:126px!important}.hero-content{padding-top:250px!important}.footer-brand .footer-logo{width:380px}}
@media(max-width:359px){.site-header .site-logo{width:76px;height:76px}.company-wordmark .wordmark-dubai{font-size:22px}.company-wordmark .wordmark-service{font-size:13px}.wordmark-domain{font-size:8px}.site-header .header-inner{padding-inline:8px}}

/* Official StackEndBox brand assets linked as one developer credit. */
.developer-credit{gap:6px}
.header-credit .developer-mark{width:14px;height:auto;max-width:none}
.header-credit .developer-wordmark{width:96px;height:auto;max-width:none}
.header-credit .credit-label{font-size:9px;white-space:nowrap}
.footer-developer{display:flex;justify-content:center;align-items:center;margin-top:26px!important;text-align:center}
.footer-credit{display:flex;justify-content:center;align-items:center;gap:9px;flex-wrap:wrap;color:#fff!important;-webkit-text-fill-color:#fff!important;min-height:52px}
.footer-credit .credit-label{font-size:18px;font-weight:850;color:#fff!important;-webkit-text-fill-color:#fff!important}
.footer-credit .credit-label::after{content:none!important;display:none!important}
.footer-credit .developer-mark{width:30px;height:auto;max-width:none}
.footer-credit .developer-wordmark{width:178px;height:auto;max-width:none}
@media(max-width:359px){.footer-credit .credit-label{font-size:16px}.footer-credit .developer-wordmark{width:148px}.footer-credit .developer-mark{width:26px}}

/* Fit the exact statement on one line and fill the drifting scene's edges. */
.hero .hero-vehicle-line{
 white-space:nowrap!important;font-size:clamp(10px,2.6vw,21px)!important;
 letter-spacing:-.3px!important;width:fit-content!important;max-width:calc(100vw - 32px)!important;
}
.hero-picture::before{
 content:"";position:absolute;inset:-32px;z-index:-1;pointer-events:none;
 background:url('/media/hero-mobile-poster.webp') center bottom/cover no-repeat;
 filter:brightness(1.32) contrast(1.08) saturate(1.07);
}
.hero-picture .hero-video{background:transparent!important}
@media(min-width:700px){.hero-picture::before{background-image:url('/media/hero-desktop-poster.webp')}}

/* Compact two-line developer credit next to the header menu. */
.header-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}
.header-credit{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:76px;padding-block:2px}
.header-credit .credit-label{font-size:8px;line-height:1.2}
.header-credit .developer-brand-lockup{display:flex;align-items:center;gap:4px}
.header-credit .developer-brand-lockup::after{content:none!important;display:none!important}
.header-credit .developer-mark{width:14px;height:auto}
.header-credit .developer-wordmark{width:55px;height:auto}
@media(max-width:899px){
 .header-controls{grid-column:2;grid-row:1;justify-self:end;align-self:center}
 .header-controls .menu-toggle{align-self:auto}
 .header-phone-number{grid-column:2;grid-row:2}
}
@media(max-width:359px){.header-controls{flex-direction:column;gap:5px}.header-controls .menu-toggle{align-self:flex-end}}

/* Keep heading shimmer inside its text box; avoid filter artifacts on body copy. */
.hero h1 [data-shimmer]{overflow:clip}
.hero h1 [data-shimmer]::after{overflow:clip;max-height:100%}
.hero .hero-description{filter:none!important;text-shadow:0 1px 3px rgba(0,0,0,.9)!important;isolation:isolate}

.hero .hero-description{
 background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;
 color:#fff!important;-webkit-text-fill-color:#fff!important;
}

/* Dedicated blog pages: readable, static and separate from the homepage. */
.blog-index{padding-bottom:42px}.blog-grid{display:grid;gap:22px}
.blog-card{display:block;border:1px solid rgba(255,54,85,.55);border-radius:16px;overflow:hidden;background:#101318}
.blog-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.blog-card>div{padding:20px}
.blog-card h2{font-size:23px!important;line-height:1.3!important}.blog-card p:not(.eyebrow){font-size:15px!important;line-height:1.65!important;margin-top:12px}
.blog-card>div>span{display:block;margin-top:18px;color:#ff3655;font-weight:900}
.blog-layout{max-width:820px;padding-bottom:42px}.blog-meta{color:#c7cdd5!important;font-size:12px!important;margin-bottom:20px}
.blog-toc{padding:14px 18px;background:#0e1916;border:1px solid #26694c;border-radius:12px;margin-bottom:24px}
.blog-toc summary{cursor:pointer;font-weight:850}.blog-toc nav{display:grid;gap:10px;margin-top:16px}.blog-toc a{color:#f3f5f7;font-size:14px;text-decoration:underline;text-underline-offset:3px}
.blog-article{background:rgba(7,12,15,.95);border:1px solid #282e33;border-radius:14px;padding:22px 18px}
.blog-article h2{font-size:23px!important;line-height:1.3!important;margin:34px 0 14px;scroll-margin-top:20px}
.blog-article h2:first-child{margin-top:0}.blog-article h3{font-size:18px!important;margin:25px 0 12px}
.blog-article p{font-size:16px!important;line-height:1.8!important;font-weight:500!important;color:#f0f3f6!important;text-shadow:none!important;margin:0 0 20px}
.blog-article a{color:#ff7791;text-decoration:underline;text-underline-offset:3px}
.blog-callout{margin-top:26px;padding:22px;border:1px solid #267554;border-radius:14px;background:#082b1d}
.blog-callout p{margin-block:14px;font-size:15px!important;line-height:1.6!important}.blog-callout .text-link{display:inline-flex;margin:15px 20px 0 0}
@media(min-width:700px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-article{padding:32px}.blog-article h2{font-size:26px!important}}
/* Avoid spending paint time on animated sections far outside the viewport. */
.motion-dormant *,.motion-dormant *::before,.motion-dormant *::after{animation-play-state:paused!important}
body.is-background * ,body.is-background *::before,body.is-background *::after{animation-play-state:paused!important}

/* Keep metallic branding legible on every route, including blog pages. */
.site-header{background:#050709;border-color:rgba(255,255,255,.12);color:#fff}
.menu-toggle{background:#0a0d10;border-color:rgba(255,255,255,.2);color:#fff}
.mobile-navigation{background:#0c1116;border-color:#293039}.mobile-navigation a{color:#fff}
.mobile-navigation a[aria-current=page]{background:#26121a;color:#ff5976}
.blog-card img{height:auto}

/* Clear, accessible controls for pickup location and optional booking details. */
.location-action{padding:11px 15px!important;min-height:48px;border:1px solid #ff526b!important;border-radius:10px;background:linear-gradient(180deg,#f02446,#b00828)!important;color:#fff!important;text-decoration:none!important;box-shadow:inset 0 1px rgba(255,255,255,.2);font-size:13px!important;font-weight:800}
.location-action svg{width:20px!important;height:20px!important}
.location-action:disabled{cursor:wait;opacity:.75}
.location-action:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 5px #b92130}
.form-details summary{padding:13px 15px!important;border:1px solid #ff526b!important;border-radius:10px;background:linear-gradient(180deg,#ee2344,#a60826)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;cursor:pointer;min-height:48px;line-height:1.4}
.form-details[open] summary{margin-bottom:16px}
.location-result[data-kind=info]{background:#fff5e7;color:#633b00;border-color:#d9b37c}