:root {
  --black: #02060b;
  --black-soft: #07101a;
  --navy: #071525;
  --blue: #008cff;
  --blue-bright: #21a6ff;
  --white: #f7faff;
  --muted: #9aa8b8;
  --line: rgba(130, 184, 230, 0.18);
  --card: rgba(7, 18, 30, 0.78);
  --display: "Sora", Arial, sans-serif;
  --body: "Manrope", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: clip; }
body {
  margin: 0;
  color: var(--white);
  background: var(--black);
  font-family: var(--body);
  overflow-x: clip;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
img { max-width: 100%; height: auto; display: block; }

.page-noise {
  position: fixed;
  inset: 0;
  z-index: 50;
  opacity: 0.025;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
}

.site-header {
  position: absolute;
  inset: 0 0 auto;
  height: 92px;
  padding: 0 clamp(24px, 5vw, 80px);
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.site-header.scrolled {
  position: fixed;
  height: 72px;
  background: rgba(2,6,11,.86);
  backdrop-filter: blur(18px);
  animation: slideDown .3s ease;
}
.brand { display: flex; align-items: center; }
.header-wordmark { display:flex; flex-direction:column; align-items:flex-start; line-height:1; }
.header-wordmark-name {
  white-space:nowrap;
  color:#f6f8fb;
  font:italic 800 clamp(24px,2.15vw,34px)/.9 var(--display);
  letter-spacing:-1.8px;
  text-shadow:0 2px 8px rgba(0,0,0,.7);
}
.header-wordmark-name b {
  color:#168dff;
  background:linear-gradient(180deg,#22b5ff 0%,#0878e9 52%,#0750b9 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:none;
}
.header-wordmark-name .wordmark-i {
  display:inline-block;
  margin-left:1px;
  font-style:normal;
  transform:skewX(-8deg);
  color:#168dff;
  background:linear-gradient(180deg,#22b5ff 0%,#0878e9 52%,#0750b9 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.header-wordmark small {
  margin-top:7px;
  color:#d7dde6;
  white-space:nowrap;
  font:600 clamp(4.8px,.37vw,6.2px)/1 var(--body);
  letter-spacing:.72px;
  text-transform:uppercase;
}
.brand-official {
  position: relative;
  display: block;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0 24px rgba(0, 140, 255, .14);
}
.brand-official-header {
  width: 194px;
  height: 43px;
}
.brand-official-header img {
  position: absolute;
  width: 205px;
  max-width: none;
  left: -5px;
  top: -119px;
}
.brand-footer {
  width: 245px;
  padding: 10px;
  background: #fff;
  border: 1px solid rgba(0, 140, 255, .28);
}
.brand-footer img { width: 100%; }
.desktop-nav { display: flex; align-items: center; gap: clamp(25px, 2.8vw, 46px); color: #e0e5eb; font-size: 13px; font-weight: 600; }
.desktop-nav a { position: relative; transition: color .25s; }
.desktop-nav a::after { content:""; position:absolute; left:50%; right:50%; bottom:-14px; height:2px; background:var(--blue); box-shadow:0 0 8px rgba(0,140,255,.75); transition:.25s; }
.desktop-nav a:hover { color: white; }
.desktop-nav a:hover::after, .desktop-nav a:first-child::after { left:0; right:0; }
.header-cta {
  min-width:168px; min-height:48px; padding:0 18px; display:flex; align-items:center; justify-content:center; gap:12px;
  border:1px solid rgba(0,145,255,.78); border-radius:7px; background:linear-gradient(180deg,rgba(8,26,43,.72),rgba(2,10,18,.82));
  box-shadow:0 0 15px rgba(0,130,255,.18),inset 0 0 15px rgba(0,99,196,.08);
  font:700 14px var(--display); letter-spacing:.45px; text-transform:uppercase; transition:.25s;
}
.header-cta:hover { border-color:#22aaff; box-shadow:0 0 24px rgba(0,140,255,.35); transform:translateY(-2px); }
.header-cta svg { width:21px; height:21px; fill:none; stroke:var(--blue-bright); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.header-cta span { color:var(--blue-bright); margin-left:3px; font-size:23px; font-weight:400; }
.header-socials { display:flex; gap:6px; }
.header-socials a {
  width:36px; height:36px; display:grid; place-items:center; border:1px solid rgba(115,174,224,.22); border-radius:4px;
  background:rgba(5,15,25,.44);
  color:#9babbd; transition:.25s;
}
.header-socials a:hover { color:white; border-color:var(--blue); background:rgba(0,140,255,.14); transform:translateY(-2px); }
.header-socials svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; }
.header-socials .social-fill { fill:currentColor; stroke:none; }
.menu-toggle { display:none; background:none; border:0; width:40px; height:40px; padding:10px; }
.menu-toggle span { display:block; height:2px; background:white; margin:6px 0; transition:.3s; }

.hero {
  position: relative;
  min-height: 930px;
  height: min(1000px, 100vh);
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  padding: 142px clamp(24px, 3.4vw, 64px) 176px;
  isolation: isolate;
}
.hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#02060b 0%,rgba(2,6,11,.98) 27%,rgba(2,6,11,.65) 43%,rgba(2,6,11,.04) 74%),linear-gradient(180deg,rgba(2,6,11,.05) 60%,#02060b 100%); z-index:-1; }
.hero::after { content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(circle at 75% 38%,rgba(0,140,255,.07),transparent 36%); pointer-events:none; }
.hero-image {
  position: absolute; inset: 0; z-index:-2;
  background: url("assets/hero-detailing.jpg") 59% center/cover no-repeat;
  transform: scale(1.01);
}
.hero-light { position:absolute; width:520px; height:520px; left:-280px; top:120px; border-radius:50%; background:var(--blue); filter:blur(190px); opacity:.11; z-index:-1; }
.hero-content { width:min(530px, 39vw); padding-top:0; }
.eyebrow, .section-index { color:var(--blue-bright); font:700 13px var(--body); letter-spacing:2px; text-transform:uppercase; }
.eyebrow { display:flex; align-items:center; gap:12px; margin-bottom:25px; }
.eyebrow span { width:32px; height:1px; background:var(--blue); box-shadow:0 0 10px var(--blue); }
h1, h2, h3, p { margin-top:0; }
h1 { margin-bottom:22px; font:800 clamp(56px,5.1vw,84px)/.93 var(--display); letter-spacing:-4px; text-transform:uppercase; }
h1 em, h2 em { color:transparent; -webkit-text-stroke: 1.5px rgba(247,250,255,.88); font-style:italic; }
.neon-outline {
  position:relative;
  z-index:0;
  display:inline-block;
  isolation:isolate;
  color:#06152a;
  -webkit-text-fill-color:#06152a;
  -webkit-text-stroke:1.55px #f4fbff;
  font-family:"Sora","Arial Black",sans-serif;
  font-weight:800;
  font-style:italic;
  letter-spacing:-2.5px;
  transform:skewX(-5deg) scaleX(1.025);
  transform-origin:left center;
  paint-order:stroke fill;
  text-shadow:
    0 0 2px rgba(255,255,255,.85),
    0 0 5px rgba(87,181,255,.5);
  filter:
    drop-shadow(0 0 3px rgba(0,141,255,.65))
    drop-shadow(2px 3px 2px rgba(0,0,0,.7));
}
.neon-outline::before {
  content:attr(data-text);
  position:absolute;
  inset:0;
  z-index:-1;
  color:transparent;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:3px rgba(0,136,255,.72);
  filter:blur(3.5px);
  opacity:.64;
  pointer-events:none;
}
.neon-outline::after {
  content:"";
  position:absolute;
  z-index:-2;
  left:4%;
  right:3%;
  top:48%;
  height:8px;
  border-radius:50%;
  background:linear-gradient(90deg,transparent 0%,rgba(0,104,255,.18) 10%,rgba(0,151,255,.78) 31%,rgba(206,244,255,1) 50%,rgba(0,151,255,.78) 69%,rgba(0,104,255,.18) 90%,transparent 100%);
  box-shadow:
    0 0 7px rgba(194,239,255,.95),
    0 0 16px rgba(0,156,255,.9),
    0 0 34px rgba(0,103,255,.72),
    0 0 58px rgba(0,76,220,.38);
  transform:skewX(5deg);
  pointer-events:none;
}
.hero-content > p { max-width:470px; color:#b6c0cc; font-size:clamp(14px,1.05vw,16px); line-height:1.8; }
.hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:27px; }
.button { min-height:52px; padding:0 24px; display:inline-flex; align-items:center; justify-content:center; gap:15px; border:1px solid transparent; font:700 15px var(--body); transition:.25s ease; cursor:pointer; }
.button-primary { color:white; background:linear-gradient(135deg, #0071e8, #00a4ff); box-shadow:0 10px 38px rgba(0,118,232,.25), inset 0 1px rgba(255,255,255,.3); }
.button-primary:hover { transform:translateY(-3px); box-shadow:0 14px 42px rgba(0,140,255,.38); }
.button-ghost { border-color:rgba(255,255,255,.2); background:rgba(5,12,20,.5); backdrop-filter:blur(8px); }
.button-ghost:hover { border-color:var(--blue); color:var(--blue-bright); transform:translateY(-3px); }
.hero-trust {
  width:min(790px,calc(100vw - 7vw)); display:grid; grid-template-columns:.95fr .85fr 1fr 1.25fr; margin-top:30px;
  border:1px solid rgba(0,140,255,.35); border-radius:7px; background:rgba(3,14,25,.76);
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 14px 40px rgba(0,0,0,.25); backdrop-filter:blur(14px);
}
.trust-item { min-width:0; padding:15px clamp(9px,1vw,16px); display:flex; align-items:center; gap:clamp(7px,.8vw,12px); position:relative; }
.trust-item:not(:last-child)::after { content:""; position:absolute; right:0; top:17px; bottom:17px; width:1px; background:rgba(119,176,224,.2); }
.trust-item i { flex:0 0 36px; width:36px; height:36px; display:grid; place-items:center; border-radius:8px; color:var(--blue-bright); background:rgba(0,140,255,.11); font-style:normal; }
.trust-item i svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.whatsapp-logo { color:#fff !important; background:linear-gradient(145deg,#47df88,#27c96f) !important; border-color:rgba(151,255,200,.72) !important; border-radius:10px !important; box-shadow:inset 0 1px rgba(255,255,255,.24),0 5px 16px rgba(39,201,111,.16); }
.whatsapp-logo svg { fill:none !important; stroke:#fff !important; stroke-width:1.8 !important; stroke-linecap:round; stroke-linejoin:round; }
.trust-item .trust-whatsapp { color:#fff; background:#37d77b; }
.trust-item > span { min-width:0; display:flex; flex-direction:column; }
.trust-item strong { white-space:nowrap; font:700 clamp(13px,1.15vw,17px)/1.2 var(--display); letter-spacing:-.4px; }
.trust-item small { white-space:nowrap; margin-top:4px; color:#7e8da0; font-size:clamp(6.5px,.55vw,8px); }
.hero-service-card { position:absolute; right:3.4vw; bottom:190px; display:flex; align-items:center; gap:15px; min-width:294px; padding:17px 19px; background:linear-gradient(115deg,rgba(7,21,36,.92),rgba(3,11,20,.82)); border:1px solid rgba(0,153,255,.7); border-radius:7px; backdrop-filter:blur(14px); box-shadow:0 0 28px rgba(0,140,255,.15),inset 0 1px rgba(255,255,255,.05); transition:.3s; }
.hero-service-card:hover { transform:translateY(-4px); box-shadow:0 0 36px rgba(0,140,255,.28); }
.hero-service-card div:nth-child(2) { flex:1; display:flex; flex-direction:column; }
.hero-service-card small { color:#8290a1; font-size:10px; text-transform:uppercase; letter-spacing:1.3px; }
.hero-service-card strong { font:700 17px var(--display); margin-top:3px; }
.hero-service-card > span { color:var(--blue); }
.whatsapp-mark { flex:0 0 42px; width:42px; height:42px; display:grid; place-items:center; color:#fff; border-radius:10px; background:#37d77b; font-style:normal; }
.whatsapp-mark svg { width:29px; height:29px; }
.hero-service-preview { position:absolute; left:3.4vw; right:3.4vw; bottom:20px; display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }
.preview-card { position:relative; min-height:120px; overflow:hidden; display:flex; align-items:center; justify-content:flex-end; padding:19px 14px 17px 42%; border:1px solid rgba(0,140,255,.33); border-radius:9px; background-color:rgba(4,14,24,.92); background-size:46% 100%; background-position:left center; background-repeat:no-repeat; box-shadow:inset 0 1px rgba(255,255,255,.04); transition:.35s; }
.preview-card::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 15%,#06121f 49%,rgba(4,14,24,.98) 100%); }
.preview-card:hover { transform:translateY(-6px); border-color:var(--blue); box-shadow:0 12px 30px rgba(0,103,205,.2); }
.preview-card span,.preview-card b { position:relative; z-index:1; }
.preview-card span { flex:1; display:flex; flex-direction:column; }
.preview-card strong { font:700 14px/1.25 var(--display); }
.preview-card small { margin-top:8px; color:#7e8da0; font-size:9px; white-space:nowrap; }
.preview-card b { color:var(--blue-bright); font:400 30px/1 var(--body); }
.preview-interior { background-image:url("public/images/car-cleaning-interior.jpg"); }
.preview-exterior { background-image:url("public/images/car-wash-exterior.jpg"); }
.preview-detailing { background-image:url("public/images/car-detailing-premium.jpg"); }
.preview-rental { background-image:url("public/images/vehicle-rental.jpg"); background-position:20% center; }
.preview-sale { background-image:url("public/images/used-car-sale.jpg"); background-position:30% center; }

.trust-strip { display:none; }
.marquee { width:max-content; padding:18px 0; display:flex; gap:28px; align-items:center; animation:marquee 26s linear infinite; font:italic 800 22px var(--display); text-transform:uppercase; letter-spacing:1px; }
.marquee i { color:var(--blue); font-style:normal; }

.section { padding:clamp(85px, 10vw, 150px) clamp(24px, 7vw, 110px); }
.section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:50px; margin-bottom:55px; }
.section-heading h2, .why h2, .contact h2 { margin:15px 0 0; font:800 clamp(47px, 4.8vw, 78px)/.98 var(--display); text-transform:uppercase; letter-spacing:-2.5px; }
.section-heading > p { max-width:440px; margin-bottom:5px; color:var(--muted); line-height:1.7; }
.services { background:linear-gradient(180deg,#02060b,#040b12); }
.service-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.service-card { position:relative; min-height:470px; padding:250px 32px 32px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(255,255,255,.012); overflow:hidden; transition:.35s; }
.service-card::before { content:""; position:absolute; inset:100% 0 0; background:linear-gradient(160deg,rgba(0,140,255,.16),rgba(0,60,120,.02)); transition:.4s; }
.service-card:hover::before, .service-card.featured::before { inset:0; }
.service-card:hover { transform:translateY(-5px); border-color:rgba(0,140,255,.45); }
.card-number { position:absolute; right:27px; top:24px; color:#405064; font:600 13px var(--body); }
.service-photo { position:absolute; inset:0 0 auto; height:220px; background-size:cover; background-position:center; transition:transform .55s ease,filter .55s ease; }
.service-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(transparent 35%,#050d16); }
.service-card:hover .service-photo { transform:scale(1.045); filter:brightness(1.12); }
.service-photo-wash,.service-photo-exterior { background-image:url("public/images/car-wash-exterior.jpg"); }
.service-photo-complete,.service-photo-interior { background-image:url("public/images/car-cleaning-interior.jpg"); }
.service-photo-detailing,.service-photo-prestige { background-image:url("public/images/car-detailing-premium.jpg"); }
.service-photo-prestige { background-position:70% center; }
.service-icon { position:absolute; z-index:2; right:26px; top:190px; width:54px; height:54px; display:grid; place-items:center; color:var(--blue-bright); background:#071525; border:1px solid rgba(0,140,255,.5); font:400 25px var(--display); text-shadow:0 0 20px rgba(0,140,255,.65); }
.service-card h3 { position:relative; font:800 24px var(--display); letter-spacing:-1px; text-transform:uppercase; }
.service-card p { position:relative; color:var(--muted); line-height:1.65; font-size:14px; max-width:330px; }
.service-card a { position:absolute; left:32px; bottom:30px; color:#dfe7f0; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.7px; }
.service-card a span { color:var(--blue); margin-left:8px; }

.pricing-section { position:relative; background:linear-gradient(160deg,#02060b 35%,#061627); overflow:hidden; }
.pricing-glow { position:absolute; width:700px; height:700px; right:-350px; top:120px; background:#0078e8; border-radius:50%; filter:blur(250px); opacity:.11; }
.pricing-grid { position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.price-card { position:relative; min-height:480px; padding:32px; background:linear-gradient(145deg,rgba(11,28,44,.9),rgba(3,10,17,.96)); border:1px solid var(--line); transition:.3s; }
.price-card:hover { transform:translateY(-7px); border-color:rgba(0,140,255,.6); }
.price-card.popular { border-color:var(--blue); box-shadow:0 0 45px rgba(0,120,255,.13); }
.price-card.prestige { background:linear-gradient(145deg,rgba(0,99,190,.23),rgba(3,10,17,.95)); }
.popular-tag { position:absolute; right:0; top:0; padding:8px 16px; color:white; background:var(--blue); font:700 10px var(--body); letter-spacing:1px; text-transform:uppercase; }
.price-top { display:flex; align-items:center; justify-content:space-between; padding-bottom:22px; border-bottom:1px solid var(--line); }
.price-top span { font:italic 800 25px var(--display); text-transform:uppercase; }
.price-top i { color:#536378; font:normal 600 11px var(--body); }
.price { display:flex; align-items:flex-end; margin:35px 0 3px; }
.price small { align-self:flex-start; width:55px; margin-top:11px; color:#738397; font-size:9px; line-height:1.3; text-transform:uppercase; }
.price strong { font:italic 900 78px/.8 var(--display); letter-spacing:-2px; }
.price sup { margin-left:5px; color:var(--blue-bright); font:italic 800 28px var(--display); }
.price-card > p { color:#c5d0dc; font:600 14px var(--body); }
.price-card ul { list-style:none; padding:20px 0; margin:0 0 20px; border-top:1px solid var(--line); color:#93a2b3; font-size:13px; line-height:2.2; }
.price-card li::before { content:"✓"; margin-right:10px; color:var(--blue); }
.price-card .button { width:calc(100% - 64px); position:absolute; left:32px; bottom:32px; }
.options-bar { position:relative; display:grid; grid-template-columns:1fr repeat(4,1.2fr); gap:1px; margin-top:16px; border:1px solid var(--line); background:var(--line); }
.options-bar > * { padding:20px; background:#06111c; }
.options-bar strong { color:var(--blue-bright); font:italic 800 25px var(--display); text-transform:uppercase; }
.options-bar span { display:flex; flex-direction:column; color:#aeb9c6; font-size:12px; }
.options-bar b { color:white; margin-top:6px; }

.results { background:#03080d; }
.comparison { position:relative; height:min(66vw,700px); min-height:430px; overflow:hidden; border:1px solid var(--line); cursor:ew-resize; user-select:none; }
.compare-image { position:absolute; inset:0; background-image:linear-gradient(rgba(0,20,40,.04),rgba(0,10,20,.25)),url("public/images/car-cleaning-interior.jpg"); background-size:cover; background-position:center; }
.compare-image.before {
  width:50%;
  overflow:hidden;
  border-right:2px solid white;
  background-image:linear-gradient(rgba(32,18,5,.04),rgba(8,4,1,.12)),url("public/images/car-cleaning-interior-before.jpg");
}
.compare-label { position:absolute; top:28px; padding:10px 16px; background:rgba(1,6,11,.76); font:italic 800 14px var(--display); text-transform:uppercase; letter-spacing:1px; backdrop-filter:blur(8px); }
.label-before { left:28px; }
.label-after { right:28px; color:var(--blue-bright); }
.compare-handle { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:76px; height:76px; border-radius:50%; border:1px solid white; background:var(--blue); color:white; display:flex; align-items:center; justify-content:center; gap:12px; font-size:25px; box-shadow:0 0 0 8px rgba(0,140,255,.13), 0 0 35px rgba(0,140,255,.5); cursor:ew-resize; }

.mobility { background:linear-gradient(180deg,#02060b,#06111c); }
.mobility-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:18px; }
.mobility-card { min-height:530px; padding:40px; display:flex; flex-direction:column; justify-content:space-between; background-size:cover; background-position:center; border:1px solid var(--line); position:relative; isolation:isolate; overflow:hidden; }
.mobility-card::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(2,6,11,.08),rgba(2,6,11,.97)); }
.mobility-card.rental { background-image:url("public/images/vehicle-rental.jpg"); background-position:center; }
.mobility-card.trade { background-image:linear-gradient(145deg,rgba(0,94,181,.18),rgba(2,6,11,.75)),url("public/images/used-car-sale.jpg"); background-position:center; }
.mobility-tag { align-self:flex-start; padding:9px 15px; background:var(--blue); font:700 10px var(--body); letter-spacing:1.5px; text-transform:uppercase; }
.mobility-card h3 { font:italic 800 clamp(34px,3.3vw,55px)/.95 var(--display); text-transform:uppercase; }
.mobility-card p { max-width:510px; color:#aeb9c5; line-height:1.65; }
.vehicle-row { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:18px; }
.vehicle-card { background:#07111b; border:1px solid var(--line); }
.vehicle-visual { height:190px; display:flex; align-items:flex-end; padding:20px; background:url("public/images/vehicle-rental.jpg") 18% center/cover; position:relative; }
.vehicle-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(transparent,#07111b); }
.vehicle-suv { background-position:52% center; filter:saturate(.8); }
.vehicle-premium { background-position:88% center; }
.vehicle-visual span { position:relative; z-index:1; color:var(--blue-bright); font:700 10px var(--body); text-transform:uppercase; letter-spacing:1.5px; }
.vehicle-card > div:last-child { padding:25px; }
.vehicle-card h3 { font:italic 800 24px var(--display); text-transform:uppercase; }
.vehicle-card p { color:var(--muted); font-size:13px; min-height:42px; line-height:1.6; }
.vehicle-card a { color:var(--blue-bright); font-size:12px; font-weight:700; }

.why { display:grid; grid-template-columns:.8fr 1.2fr; gap:9vw; background:#f2f5f8; color:#07101a; }
.why-intro { position:sticky; top:120px; align-self:start; }
.why .section-index { color:#0079df; }
.why h2 em { -webkit-text-stroke-color:#0c2236; }
.why-intro p { color:#617083; line-height:1.7; }
.why-list { border-top:1px solid #c9d2dc; }
.why-item { display:grid; grid-template-columns:55px 1fr 1.25fr; gap:25px; align-items:center; padding:35px 0; border-bottom:1px solid #c9d2dc; }
.why-item > span { color:#008cff; font-size:12px; font-weight:700; }
.why-item h3 { margin:0; font:italic 800 29px var(--display); text-transform:uppercase; }
.why-item p { margin:0; color:#617083; font-size:13px; line-height:1.6; }

.testimonials { background:#03090f; }
.rating { display:grid; grid-template-columns:auto auto; gap:0 13px; align-items:center; }
.rating strong { grid-row:span 2; font:800 60px var(--display); }
.rating span { color:var(--blue-bright); letter-spacing:3px; }
.rating small { color:#788798; }
.testimonial-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
blockquote { margin:0; padding:35px; background:#07121d; border:1px solid var(--line); }
.quote-mark { color:var(--blue); font:italic 800 55px/1 var(--display); }
blockquote > p { min-height:110px; color:#c0cad4; font-size:15px; line-height:1.8; }
blockquote footer { display:flex; align-items:center; gap:13px; padding-top:22px; border-top:1px solid var(--line); }
blockquote footer > span { width:42px; height:42px; display:grid; place-items:center; border-radius:50%; color:white; background:#0c75d6; font:700 13px var(--body); }
blockquote footer div { display:flex; flex-direction:column; }
blockquote footer strong { font-size:13px; }
blockquote footer small { color:#718195; margin-top:4px; font-size:10px; }

.gallery { background:#02060b; }
.text-link { color:var(--blue-bright); font-size:12px; font-weight:700; }
.gallery-grid { display:grid; grid-template-columns:1.6fr .7fr .7fr; grid-template-rows:260px 260px; gap:14px; }
.gallery-item { position:relative; overflow:hidden; background-size:cover; border:1px solid var(--line); transition:.35s; }
.gallery-item::after { content:""; position:absolute; inset:0; background:linear-gradient(transparent 55%,rgba(2,6,11,.9)); }
.gallery-item:hover { transform:scale(.985); border-color:var(--blue); }
.gallery-item span { position:absolute; left:23px; bottom:20px; z-index:1; font:italic 800 22px var(--display); text-transform:uppercase; }
.gallery-main { grid-row:span 2; background-image:url("public/images/car-detailing-premium.jpg"); background-position:center; }
.gallery-interior { grid-column:span 2; background-image:url("public/images/car-cleaning-interior.jpg"); background-position:center; }
.gallery-wheel { background-image:url("public/images/car-wash-exterior.jpg"); background-position:center; }
.gallery-light { background-image:url("public/images/used-car-sale.jpg"); background-position:center; }

.contact { display:grid; grid-template-columns:.75fr 1.25fr; gap:8vw; align-items:start; background:radial-gradient(circle at 10% 60%,rgba(0,125,238,.13),transparent 36%),#06111c; }
.contact-copy { position:sticky; top:120px; }
.contact-copy > p { color:var(--muted); line-height:1.7; max-width:500px; }
.quick-contacts { margin-top:45px; border-top:1px solid var(--line); }
.quick-contacts a { display:flex; gap:15px; align-items:center; padding:18px 0; border-bottom:1px solid var(--line); }
.quick-contacts a > span { width:38px; height:38px; display:grid; place-items:center; border:1px solid rgba(0,140,255,.4); color:var(--blue-bright); }
.quick-contacts .quick-icon svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.quick-contacts .quick-icon-whatsapp { color:#fff; border-color:rgba(151,255,200,.72); }
.quick-contacts .quick-icon-whatsapp svg { width:25px; height:25px; }
.quick-contacts div { display:flex; flex-direction:column; }
.quick-contacts small { color:#788799; font-size:10px; text-transform:uppercase; letter-spacing:1px; }
.quick-contacts strong { margin-top:4px; font-size:13px; }
.contact-socials { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:22px; }
.contact-socials a { min-height:68px; padding:10px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px; border:1px solid var(--line); background:rgba(4,12,21,.5); transition:.25s; }
.contact-socials a:hover { border-color:var(--blue); background:rgba(0,140,255,.1); transform:translateY(-3px); }
.contact-socials svg { width:22px; height:22px; color:var(--blue-bright); fill:none; stroke:currentColor; stroke-width:1.7; transition:.25s; }
.contact-socials .social-fill { fill:currentColor; stroke:none; }
.contact-socials a:hover svg { color:white; filter:drop-shadow(0 0 8px rgba(0,140,255,.8)); transform:scale(1.08); }
.contact-socials span { color:#8493a5; font-size:8px; text-transform:uppercase; letter-spacing:.5px; }
.contact-form {
  position:relative;
  padding:46px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 0,rgba(0,124,255,.1),transparent 38%),
    linear-gradient(145deg,rgba(5,20,39,.98),rgba(1,12,25,.98));
  border:1px solid rgba(53,132,205,.58);
  border-radius:14px;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 20px 70px rgba(0,0,0,.24);
}
.contact-form::before {
  content:"";
  position:absolute;
  top:-1px;
  left:42%;
  width:22%;
  height:2px;
  background:linear-gradient(90deg,transparent,#159eff,transparent);
  box-shadow:0 0 11px #008cff;
}
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:28px 36px; }
.contact-form label { display:flex; flex-direction:column; gap:14px; margin-bottom:28px; color:#f6f8fb; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:1.5px; }
.field-label { display:flex; align-items:center; gap:13px; }
.field-label svg { flex:0 0 23px; width:23px; height:23px; fill:none; stroke:#078cff; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 0 5px rgba(0,140,255,.25)); }
.contact-form input, .contact-form textarea, .contact-form select {
  width:100%;
  min-height:64px;
  padding:0 24px;
  color:#f8fbff;
  background:rgba(1,13,28,.64);
  border:1px solid rgba(70,135,196,.7);
  border-radius:10px;
  outline:0;
  font:400 16px var(--body);
  text-transform:none;
  letter-spacing:0;
  transition:border-color .25s,box-shadow .25s,background .25s;
}
.contact-form select option { color:white; background:#071525; }
.contact-form input::placeholder, .contact-form textarea::placeholder { color:#8290a5; opacity:1; }
.contact-form input:focus, .contact-form textarea:focus, .contact-form select:focus { border-color:#159eff; background:rgba(3,20,40,.85); box-shadow:0 0 0 3px rgba(0,140,255,.08),0 0 22px rgba(0,124,255,.1); }
.date-picker-input { color-scheme:dark; cursor:pointer; }
.date-picker-input::-webkit-calendar-picker-indicator { width:22px; height:22px; cursor:pointer; opacity:1; filter:invert(47%) sepia(98%) saturate(2993%) hue-rotate(190deg) brightness(104%) contrast(105%) drop-shadow(0 0 4px rgba(0,140,255,.45)); }
.contact-form textarea { min-height:115px; padding-block:20px; resize:vertical; }
.message-field { margin-top:2px; }
.form-submit { width:100%; border:0; margin-top:2px; border-radius:8px; }
.form-submit:disabled { cursor:wait; opacity:.68; transform:none; }
.form-honeypot { position:absolute !important; left:-10000px !important; width:1px !important; height:1px !important; overflow:hidden !important; }
.form-status { display:none; margin:16px 0 0; padding:13px 15px; border:1px solid transparent; border-radius:7px; font-size:12px; line-height:1.55; text-align:center; }
.form-status.success { display:block; color:#b8ffdc; background:rgba(19,164,91,.1); border-color:rgba(35,210,121,.38); }
.form-status.error { display:block; color:#ffd1d1; background:rgba(190,39,39,.1); border-color:rgba(255,82,82,.38); }
.form-note { margin:15px 0 0; color:#667689; text-align:center; font-size:10px; }

.footer { padding:70px clamp(24px,7vw,110px) 25px; background:#010409; border-top:1px solid var(--line); }
.footer-top { display:grid; grid-template-columns:1fr 1fr auto; align-items:center; gap:40px; padding-bottom:55px; border-bottom:1px solid var(--line); }
.footer-top > p { margin:0; color:#8c9aaa; font:italic 700 24px/1.15 var(--display); text-transform:uppercase; }
.footer-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:50px; padding:55px 0; }
.footer-grid > div { display:flex; flex-direction:column; gap:13px; }
.footer-grid h3 { color:white; font:italic 800 16px var(--display); text-transform:uppercase; letter-spacing:1px; }
.footer-grid a, .footer-grid span { color:#778596; font-size:12px; transition:.2s; }
.footer-grid a:hover { color:var(--blue-bright); }
.footer-grid .footer-whatsapp { display:flex; flex-direction:row; align-items:center; gap:8px; }
.footer-whatsapp .whatsapp-logo { width:24px; height:24px; display:grid; place-items:center; flex:0 0 24px; border-radius:6px !important; }
.footer-whatsapp .whatsapp-logo svg { width:18px; height:18px; }
.footer-bottom { display:flex; justify-content:space-between; gap:20px; padding-top:24px; border-top:1px solid var(--line); color:#4e5c6c; font-size:9px; text-transform:uppercase; letter-spacing:.8px; }
.floating-whatsapp { position:fixed; z-index:30; right:23px; bottom:23px; width:58px; height:58px; display:grid; place-items:center; color:#fff; background:linear-gradient(145deg,#4be18c,#29ca70); border:1px solid rgba(180,255,216,.78); border-radius:14px; box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 22px rgba(41,202,112,.16),inset 0 1px rgba(255,255,255,.25); opacity:0; visibility:hidden; transform:translateY(12px); transition:opacity .3s,visibility .3s,transform .3s,box-shadow .2s,border-color .2s; }
.past-hero .floating-whatsapp { opacity:1; visibility:visible; transform:none; }
.floating-whatsapp:hover { transform:translateY(-2px); border-color:#d7ffe9; box-shadow:0 14px 34px rgba(0,0,0,.5),0 0 27px rgba(41,202,112,.25); }
.floating-whatsapp > svg { width:39px; height:39px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.whatsapp-tooltip { position:absolute; right:70px; padding:8px 11px; color:white; background:#07111c; border:1px solid rgba(65,215,133,.4); border-radius:5px; font-size:11px; white-space:nowrap; opacity:0; visibility:hidden; transform:translateX(5px); transition:.2s; }
.floating-whatsapp:hover .whatsapp-tooltip, .floating-whatsapp:focus-visible .whatsapp-tooltip { opacity:1; visibility:visible; transform:none; }

.reveal { opacity:0; transform:translateY(28px); transition:opacity .75s ease,transform .75s ease; }
.reveal.visible { opacity:1; transform:none; }
@keyframes marquee { to { transform:translateX(-50%); } }
@keyframes slideDown { from { transform:translateY(-100%); } }

@media (max-width: 1050px) {
  .desktop-nav { display:none; position:fixed; inset:72px 0 0; background:rgba(2,6,11,.98); padding:55px 30px; flex-direction:column; align-items:flex-start; font:italic 800 35px var(--display); text-transform:uppercase; }
  .desktop-nav.open { display:flex; }
  .menu-toggle { display:block; }
  .header-cta { display:none; }
  .header-socials { display:none; }
  .hero { height:auto; min-height:1210px; padding-bottom:470px; }
  .hero-content { width:min(620px,72vw); }
  .hero-trust { width:min(720px,90vw); grid-template-columns:repeat(2,1fr); }
  .trust-item:nth-child(2)::after { display:none; }
  .hero-service-card { bottom:435px; }
  .hero-service-preview { grid-template-columns:repeat(2,1fr); }
  .service-grid, .pricing-grid { grid-template-columns:repeat(2,1fr); }
  .options-bar { grid-template-columns:1fr 1fr; }
  .options-bar strong { grid-column:1/-1; }
  .mobility-grid, .contact, .why { grid-template-columns:1fr; }
  .why-intro, .contact-copy { position:static; }
  .vehicle-row { grid-template-columns:1fr 1fr; }
  .testimonial-grid { grid-template-columns:1fr; }
  blockquote > p { min-height:auto; }
}

@media (max-width: 720px) {
  .site-header { height:72px; padding-inline:20px; }
  .hero { min-height:1645px; height:auto; padding:118px 22px 855px; align-items:flex-start; }
  .hero::before { background:linear-gradient(180deg,rgba(2,6,11,.5),#02060b 47%,#02060b 100%); }
  .hero-image { height:610px; background-position:65% center; opacity:.68; }
  .hero-content { width:100%; padding:0; }
  h1 { font-size:49px; line-height:.98; letter-spacing:-3px; }
  .hero-content > p { max-width:92%; font-size:15px; }
  .hero-actions { flex-direction:column; align-items:stretch; }
  .hero-trust { width:100%; grid-template-columns:1fr 1fr; margin-top:28px; }
  .trust-item { padding:13px 10px; gap:8px; }
  .trust-item i { flex-basis:31px; width:31px; height:31px; }
  .trust-item strong { font-size:13px; white-space:normal; }
  .trust-item small { font-size:7px; white-space:normal; }
  .trust-item:nth-child(2)::after { display:none; }
  .hero-service-card { left:22px; right:22px; bottom:720px; min-width:0; }
  .hero-service-preview { left:22px; right:22px; bottom:25px; grid-template-columns:1fr; gap:10px; }
  .preview-card { min-height:126px; padding-left:44%; }
  .section { padding:80px 22px; }
  .section-heading { display:block; margin-bottom:35px; }
  .section-heading > p { margin-top:25px; }
  .service-grid, .pricing-grid, .vehicle-row { grid-template-columns:1fr; }
  .service-card { min-height:325px; }
  .price-card { min-height:460px; }
  .options-bar { grid-template-columns:1fr; }
  .options-bar strong { grid-column:auto; }
  .comparison { height:470px; }
  .compare-image { background-position:64% center; }
  .mobility-card { min-height:450px; padding:28px; }
  .why { gap:55px; }
  .why-item { grid-template-columns:40px 1fr; }
  .why-item p { grid-column:2; }
  .rating { margin-top:25px; }
  .gallery-grid { grid-template-columns:1fr 1fr; grid-template-rows:330px 190px 190px; }
  .gallery-main { grid-column:span 2; grid-row:auto; }
  .gallery-interior { grid-column:span 2; }
  .form-row { grid-template-columns:1fr; gap:0; }
  .contact-form { padding:28px 20px; border-radius:10px; }
  .contact-form label { margin-bottom:23px; }
  .contact-form input, .contact-form textarea, .contact-form select { min-height:58px; padding-inline:17px; font-size:15px; }
  .footer-top { grid-template-columns:1fr; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .footer-bottom { flex-direction:column; }
  .floating-whatsapp { width:52px; height:52px; }
  .floating-whatsapp > svg { width:30px; height:30px; }
  .whatsapp-tooltip { display:none; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  .reveal { opacity:1; transform:none; }
}