/* ARKS service gallery. White canvas; typography, material and negative space. */
:root { --muted:#686868; --line:#dedede; --gutter:clamp(22px,4.2vw,80px); }
body { overflow-x:clip; }
button,input,textarea { font:inherit; }
button,a,input,textarea { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible { outline:2px solid var(--ink); outline-offset:5px; }
::selection { background:#191919; color:#fff; }
[hidden] { display:none!important; }
.skip-link { position:fixed; z-index:20; left:20px; top:16px; padding:14px 20px; background:#191919; color:white; transform:translateY(-150%); }
.skip-link:focus { transform:none; }
.page-width { width:min(100% - var(--gutter)*2,1440px); margin-inline:auto; }
.scroll-cue { bottom:22px; color:#666; }
.hero { min-height:100svh; }
.tire-tracks { opacity:.48; }
.services { position:relative; }
.service-section { scroll-margin-top:0; }
.display-title { font-family:Archivo,'Arial Black',Arial,sans-serif; font-weight:900; letter-spacing:-.065em; line-height:.88; text-transform:uppercase; margin:0; }
.photo { position:relative; min-height:0; margin:0; overflow:clip; background:#e8e8e8; }
.photo img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; filter:grayscale(1); }
.service-bottom { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; padding-top:20px; }
.service-details { max-width:70%; font-size:12px; }
.service-details summary { display:flex; align-items:center; gap:26px; min-height:44px; cursor:pointer; list-style:none; width:fit-content; color:#626262; }
.service-details summary::-webkit-details-marker { display:none; }
.service-details summary span { font-family:Arial,sans-serif; font-size:22px; font-weight:300; color:#191919; transition:transform .2s; }
.service-details[open] summary span { transform:rotate(45deg); }
.service-details summary:hover { color:#191919; }
.service-details p { font-size:13px; line-height:1.85; margin:10px 0 0; color:#555; }
.service-enquire { display:flex; align-items:center; gap:30px; min-height:44px; color:#191919; font-size:12px; text-decoration:none; }
.service-enquire span { display:inline-block; font-family:Arial,sans-serif; font-size:29px; line-height:1; transition:transform .25s; }
.service-enquire:hover span { transform:translate(3px,-3px); }
.service-enquire:hover { text-decoration:underline; text-underline-offset:5px; }

/* Location Section: Minimal Globe Dots & Precision Pin (Seamless Hero Flow, No Divider) */
.location-section {
  position: relative;
  scroll-margin-top: 0;
  border-top: none;
  padding-top: clamp(48px, 8vh, 88px);
  padding-bottom: 0;
  background: #fff;
  overflow: hidden;
}
.location-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.location-title {
  font-family: Archivo, 'Arial Black', Arial, sans-serif;
  font-size: clamp(40px, 6.4vw, 92px);
  font-weight: 900;
  line-height: 0.88;
  letter-spacing: -0.065em;
  color: #141518;
  text-transform: uppercase;
  margin: 0 0 clamp(26px, 4vh, 42px);
  text-align: center;
}

/* Pills with Moving Shiny Black Border on Hover */
.location-pills {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px 12px;
  margin-bottom: clamp(28px, 4.5vh, 46px);
}
.location-pill {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 20px;
  border-radius: 999px;
  background: transparent;
  color: #3f3f46;
  font-family: Manrope, Arial, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  overflow: hidden;
  isolation: isolate;
  box-shadow: inset 0 0 0 1px #e4e4e7, 0 1px 2px rgba(0, 0, 0, 0.03);
  transition: transform .22s cubic-bezier(0.16, 1, 0.3, 1), box-shadow .22s ease, color .18s ease;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.location-pill::before {
  content: "";
  position: absolute;
  z-index: -2;
  left: 50%;
  top: 50%;
  width: 280%;
  aspect-ratio: 1;
  transform: translate(-50%, -50%) rotate(0deg);
  background: conic-gradient(
    from 0deg,
    #111113 0deg,
    #111113 50deg,
    #a1a1aa 76deg,
    #ffffff 90deg,
    #a1a1aa 104deg,
    #111113 130deg,
    #111113 230deg,
    #a1a1aa 256deg,
    #ffffff 270deg,
    #a1a1aa 284deg,
    #111113 310deg,
    #111113 360deg
  );
  opacity: 0;
  transition: opacity .25s ease;
}
.location-pill::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 1.5px;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
}
.location-pill:hover {
  color: #09090b;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
}
.location-pill:active {
  transform: scale(0.965);
}
.location-pill:hover::before {
  opacity: 1;
  animation: pillShineOrbit 2.1s linear infinite;
}
@keyframes pillShineOrbit {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Globe Stage: Wide Dome Arc with Halftone Dots and Cursor Animation */
.location-globe-wrap {
  position: relative;
  width: 100%;
  max-width: 1280px;
  height: clamp(340px, 48vh, 520px);
  margin-inline: auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.location-globe-canvas {
  width: 100%;
  height: 100%;
  display: block;
}

/* Detailing Section: Pure Minimal White Canvas Flow */
.detailing-section {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  scroll-margin-top: 0;
  border-top: none;
  padding-block: clamp(48px, 7vh, 88px) clamp(40px, 6vh, 72px);
  background-color: #ffffff;
  background-image: none;
}
.detailing-container {
  display: flex;
  flex-direction: column;
}

/* Header Block: Headline and Minimal CTA directly above the car */
.detailing-header-block {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 0;
}
.detailing-hero-title {
  font-family: Archivo, 'Arial Black', Arial, sans-serif;
  font-size: clamp(38px, 6.5vw, 92px);
  font-weight: 900;
  line-height: 0.88;
  letter-spacing: -0.065em;
  color: #141518;
  text-transform: uppercase;
  margin: 0 0 clamp(10px, 1.4vh, 16px);
  text-align: center;
}
.detailing-action {
  display: flex;
  align-items: center;
}
.detailing-cta-pill {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 44px;
  padding: 10px 24px;
  border-radius: 999px;
  background: transparent;
  color: #ffffff;
  font-family: Archivo, Arial, sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  isolation: isolate;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 4px 14px rgba(0, 0, 0, 0.14);
  transition: transform .22s cubic-bezier(0.16, 1, 0.3, 1), box-shadow .22s ease;
  -webkit-tap-highlight-color: transparent;
}
.detailing-cta-pill::before {
  content: "";
  position: absolute;
  z-index: -2;
  left: 50%;
  top: 50%;
  width: 280%;
  aspect-ratio: 1;
  transform: translate(-50%, -50%) rotate(0deg);
  background: conic-gradient(
    from 0deg,
    #141518 0deg,
    #141518 50deg,
    #71717a 76deg,
    #ffffff 90deg,
    #71717a 104deg,
    #141518 130deg,
    #141518 230deg,
    #71717a 256deg,
    #ffffff 270deg,
    #71717a 284deg,
    #141518 310deg,
    #141518 360deg
  );
  opacity: 0;
  transition: opacity .25s ease;
}
.detailing-cta-pill::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 1.5px;
  border-radius: 999px;
  background: #141518;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
}
.detailing-cta-pill:hover {
  transform: translateY(-1px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 8px 24px rgba(0, 0, 0, 0.22);
}
.detailing-cta-pill:active {
  transform: scale(0.97);
}
.detailing-cta-pill:hover::before {
  opacity: 1;
  animation: pillShineOrbit 2.1s linear infinite;
}
.detailing-cta-pill .cta-arrow {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 1;
  transition: transform .24s cubic-bezier(0.16, 1, 0.3, 1);
}
.detailing-cta-pill:hover .cta-arrow {
  transform: translateX(4px);
}

/* Central Car Stage: Seamless studio car blended directly onto white canvas */
.detailing-car-stage {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1320px;
  margin-inline: auto;
  margin-top: clamp(-60px, -7.5vw, -24px);
  display: flex;
  justify-content: center;
  align-items: center;
  mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(0, 0, 0, 0.06) 4%,
    rgba(0, 0, 0, 0.35) 9%,
    rgba(0, 0, 0, 0.82) 16%,
    #000000 22%,
    #000000 82%,
    rgba(0, 0, 0, 0.7) 90%,
    rgba(0, 0, 0, 0.2) 96%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(0, 0, 0, 0.06) 4%,
    rgba(0, 0, 0, 0.35) 9%,
    rgba(0, 0, 0, 0.82) 16%,
    #000000 22%,
    #000000 82%,
    rgba(0, 0, 0, 0.7) 90%,
    rgba(0, 0, 0, 0.2) 96%,
    transparent 100%
  );
}
.detailing-car-stage::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: clamp(60px, 11vw, 130px);
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    #ffffff 0%,
    rgba(255, 255, 255, 0.9) 35%,
    rgba(255, 255, 255, 0) 100%
  );
}
.detailing-car-img {
  width: 100%;
  height: auto;
  display: block;
  user-select: none;
  filter: contrast(1.08) brightness(1.06);
  mask-image: linear-gradient(to right, transparent 0%, #000000 3%, #000000 97%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000000 3%, #000000 97%, transparent 100%);
  transform: translateX(-40px);
  opacity: 0;
  transition: transform 1.1s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1);
}
.detailing-section.is-inview .detailing-car-img {
  transform: translateX(0);
  opacity: 1;
}

/* Pinned Tint Section with Natural Smoked Glass Darkening (No Color Inversion) */
.tint-section { position:relative; height:200svh; min-height:200svh; border-top:1px solid #ffffff; background:#fff; }
.tint-sticky-viewport { position:sticky; top:0; height:100svh; min-height:100svh; max-height:100svh; width:100%; overflow:clip; background:#fff; display:flex; align-items:center; justify-content:center; }

.tint-stage { position:relative; z-index:1; width:min(100% - var(--gutter)*2,1440px); text-align:center; display:flex; align-items:center; justify-content:center; height:100%; }
.tint-content { display:flex; flex-direction:column; align-items:center; gap:clamp(22px,3.2vh,34px); max-width:680px; }
.tint-big-title { position:relative; z-index:1; margin:0; font-family:Archivo,'Arial Black',Arial,sans-serif; font-size:clamp(60px,13.5vw,190px); font-weight:900; letter-spacing:-.075em; line-height:.85; text-transform:uppercase; color:#0e0e0e; user-select:none; white-space:nowrap; }

.tint-info-block {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
}
.tint-lead {
  margin: 0;
  max-width: 520px;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.65;
  color: #52525b;
}
.tint-specs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px 14px;
  font-family: Manrope, Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #141518;
}
.tint-specs .spec-sep {
  opacity: 0.35;
}
.tint-cta-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 10px 24px;
  border-radius: 999px;
  border: 1px solid #141518;
  background: #141518;
  color: #ffffff;
  font-family: Archivo, Arial, sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  margin-top: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 4px 14px rgba(0, 0, 0, 0.14);
  transition: transform .22s cubic-bezier(0.16, 1, 0.3, 1), box-shadow .22s ease, background .18s ease;
  -webkit-tap-highlight-color: transparent;
}
.tint-cta-btn .cta-arrow {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 1;
  transition: transform .24s cubic-bezier(0.16, 1, 0.3, 1);
}
.tint-cta-btn:hover {
  transform: translateY(-1px);
  background: #000000;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 8px 22px rgba(0, 0, 0, 0.22);
}
.tint-cta-btn:active {
  transform: scale(0.97);
}
.tint-cta-btn:hover .cta-arrow {
  transform: translateX(4px);
}

/* Physical Rising Tinted Window Pane: Smoked Glass Overlay, Beveled Rim & Reflections */
.tint-window-glass { position:absolute; left:0; right:0; top:0; height:100%; z-index:3; pointer-events:none; transform:translate3d(0,var(--window-top, 100%),0); will-change:transform; }
.tint-glass-pane {
  position:absolute;
  inset:0;
  /* Solid smoke instead of a live backdrop-filter: same look, without re-filtering the page behind it every frame. */
  background:rgba(12,14,18,.95);
}
.tint-glass-edge {
  position:absolute;
  top:-3px;
  left:0;
  right:0;
  height:6px;
  z-index:4;
  background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(215,235,245,.85) 40%,rgba(50,70,85,.8) 75%,rgba(5,7,10,.95) 100%);
  border-top:1px solid rgba(255,255,255,.98);
  box-shadow:0 -3px 12px rgba(255,255,255,.35),0 4px 18px rgba(0,0,0,.6);
}

.tint-glass-reflections {
  position:absolute;
  inset:0;
  z-index:2;
  background-image:
    linear-gradient(124deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,0) 18%,
      rgba(255,255,255,.28) 23.5%,
      rgba(255,255,255,.06) 25.5%,
      rgba(255,255,255,.42) 28%,
      rgba(255,255,255,0) 32%,
      rgba(255,255,255,0) 58%,
      rgba(255,255,255,.18) 64%,
      rgba(255,255,255,.32) 66.5%,
      rgba(255,255,255,.04) 71%,
      rgba(255,255,255,0) 82%
    ),
    linear-gradient(180deg,
      rgba(255,255,255,.14) 0%,
      rgba(255,255,255,.02) 22%,
      rgba(0,0,0,0) 50%,
      rgba(0,0,0,.35) 100%
    ),
    linear-gradient(90deg,
      rgba(0,0,0,.4) 0%,
      rgba(255,255,255,.05) 5%,
      rgba(255,255,255,0) 25%,
      rgba(255,255,255,0) 75%,
      rgba(255,255,255,.05) 95%,
      rgba(0,0,0,.4) 100%
    );
  opacity:.8;
  pointer-events:none;
}

/* Services Showcase: Mimicking Reference Layout with Pop-out Hover & Monumental Wordmark */
.services-showcase-section {
  position: relative;
  background: #ffffff;
  padding-top: clamp(72px, 11vh, 120px);
  padding-bottom: 0;
  border-top: 1px solid #e5e7eb;
  overflow: clip;
}
.services-showcase-container {
  width: 100%;
  max-width: 1720px;
  margin-inline: auto;
  padding-inline: clamp(16px, 2.5vw, 40px);
}

/* 6-Column Strip with Column Headers & Black and White Photos */
.services-strip {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0;
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  background: #ffffff;
  position: relative;
}

.services-strip-col {
  position: relative;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  border-right: 1px solid #e5e7eb;
  background: #ffffff;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 0.35s ease;
}
.services-strip-col:first-child {
  border-left: 1px solid #e5e7eb;
}
.services-strip:hover .services-strip-col {
  opacity: 0.72;
}
.services-strip:hover .services-strip-col:hover {
  opacity: 1;
  z-index: 60;
}

.strip-header {
  padding: 16px 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e5e7eb;
  background: #ffffff;
  min-height: 52px;
}
.strip-num {
  display: none;
}
.strip-title {
  font-family: Archivo, Manrope, Arial, sans-serif;
  font-size: 13.5px;
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.25;
  color: #141518;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.strip-tag {
  display: none;
}

/* Image Container & Smooth Pop-Out Hover Reaction (expands downward) */
.strip-media {
  position: relative;
  width: 100%;
  height: clamp(210px, 26vh, 290px);
  background: #0e0e0e;
  overflow: visible;
}
.strip-media img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /* Always at its popped-out height; a clip reveals it, so hovering never triggers layout. */
  height: clamp(360px, 46vh, 500px);
  object-fit: cover;
  display: block;
  filter: grayscale(100%) contrast(1.14) brightness(0.96);
  clip-path: inset(0 0 calc(100% - clamp(210px, 26vh, 290px)) 0);
  transform-origin: top center;
  transition: clip-path 0.45s cubic-bezier(0.16, 1, 0.3, 1), transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
}

.services-strip-col:hover .strip-media img {
  clip-path: inset(0 0 0 0);
  transform: scaleX(1.04);
  z-index: 70;
}

/* Monumental SERVICES Wordmark across the Bottom (sized so it is never cut off) */
.services-wordmark-bottom {
  width: 100%;
  margin-top: clamp(100px, 14vh, 160px);
  overflow: visible;
  text-align: center;
  line-height: 0.82;
  padding-bottom: clamp(16px, 2.5vh, 28px);
}
.services-display-wordmark {
  font-family: Archivo, 'Arial Black', Arial, sans-serif;
  font-size: clamp(52px, 14vw, 230px);
  font-weight: 900;
  font-style: italic;
  letter-spacing: -0.065em;
  line-height: 0.82;
  color: #0e0e0e;
  text-transform: uppercase;
  margin: 0;
  padding: 0 0.05em 0 0;
  width: 100%;
  display: inline-block;
  user-select: none;
  white-space: nowrap;
}
.contact-section { position:relative !important; isolation:isolate; overflow:hidden !important; scroll-margin-top:0; border-top:none; padding-block:clamp(56px,8vh,96px) clamp(76px,10vh,124px); background:#fff; }
.contact-tracks,.contact-smoke { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.contact-tracks { z-index:0; opacity:.72; }
.contact-smoke { z-index:2; }
.contact-car { position:absolute; left:0; top:0; z-index:3; }
.contact-car.is-staging .brake-light,
.contact-car.is-braking .brake-light { opacity:.95; height:2.5px; box-shadow:0 0 9px 2px rgba(239,48,31,.65); }

.contact-inner { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; }
.contact-title { font-size:clamp(72px,12.7vw,195px); text-align:center; margin-bottom:clamp(34px,5vh,60px); opacity:0; transform:translateY(28px); transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1); }
.contact-section.is-inview .contact-title { opacity:1; transform:translateY(0); }

.enquiry-panel { width:100%; max-width:760px; min-width:0; }
.form-anim-item { opacity:0; transform:translateY(24px); transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1); transition-delay:calc(.1s + var(--field-idx, 0) * .085s); will-change:opacity,transform; }
.contact-section.is-inview .form-anim-item { opacity:1; transform:translateY(0); }

.service-picker { border:0; margin:0 0 32px; padding:0; }
.service-picker legend { margin-bottom:12px; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#555; }
.service-choices { display:flex; flex-wrap:wrap; gap:8px 10px; }
.service-choices label { position:relative; cursor:pointer; -webkit-tap-highlight-color:transparent; }
.service-choices input { position:absolute; opacity:0; width:1px; height:1px; }
.service-choices span {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  gap: 8px;
  padding: 8px 18px;
  border-radius: 999px;
  border: 1px solid #e4e4e7;
  background: #fafafa;
  font-family: Manrope, Arial, sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .02em;
  color: #52525b;
  box-shadow: inset 0 1px 0 #ffffff, 0 1px 2px rgba(0, 0, 0, 0.03);
  transition: all .22s cubic-bezier(.16, 1, .3, 1);
}
.service-choices span::before {
  content: '+';
  font-size: 15px;
  line-height: 1;
  font-family: Arial, sans-serif;
  color: #71717a;
  transition: transform .22s cubic-bezier(.16, 1, .3, 1), color .2s;
}
.service-choices label:hover span {
  border-color: #18181b;
  color: #18181b;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}
.service-choices label:active span {
  transform: scale(0.96);
}
.service-choices input:checked + span {
  border-color: #141518;
  background: #141518;
  color: #ffffff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 4px 14px rgba(0, 0, 0, 0.16);
}
.service-choices input:checked + span::before {
  content: '✓';
  font-size: 12px;
  color: #ffffff;
  transform: scale(1.1);
}
.service-choices input:focus-visible + span { outline:2px solid #141518; outline-offset:3px; }

.form-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px; }
.form-field { position:relative; display:block; margin-bottom:28px; font-size:11px; font-weight:650; letter-spacing:.06em; text-transform:uppercase; color:#626262; transition:color .25s; }
.form-field-label { display:inline-block; transition:transform .28s cubic-bezier(.16,1,.3,1),color .25s; }
.form-field:focus-within { color:#111; }
.form-field:focus-within .form-field-label { transform:translateX(4px); color:#0e0e0e; }
.form-field input,.form-field textarea { display:block; width:100%; min-width:0; padding:14px 0 13px; border:0; border-bottom:1px solid #c8cacf; border-radius:0; color:#191919; background:transparent; font-size:14px; font-weight:450; line-height:1.5; outline:none; transition:border-color .25s; }
.form-field textarea { min-height:76px; resize:vertical; }
.form-field input::placeholder,.form-field textarea::placeholder { color:#8a8d94; opacity:1; }
.field-focus-line { position:absolute; left:0; right:0; bottom:0; height:2px; background:#111; transform:scaleX(0); transform-origin:left; transition:transform .42s cubic-bezier(.22,1,.36,1); pointer-events:none; }
.form-field:focus-within .field-focus-line { transform:scaleX(1); }
.optional { font-weight:400; color:#888; text-transform:none; letter-spacing:0; }

.form-bottom.launch-strip { position:relative; display:flex; align-items:center; gap:clamp(16px,2vw,24px); margin-top:34px; min-height:96px; padding-block:8px; }
.launch-button {
  position: relative;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 48px;
  padding: 12px 28px;
  border-radius: 999px;
  border: none;
  background: transparent;
  color: #ffffff;
  font-family: Archivo, Arial, sans-serif;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  overflow: hidden;
  isolation: isolate;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 4px 14px rgba(0, 0, 0, 0.16);
  transition: transform .22s cubic-bezier(0.16, 1, 0.3, 1), box-shadow .22s ease;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.launch-button::before {
  content: "";
  position: absolute;
  z-index: -2;
  left: 50%;
  top: 50%;
  width: 280%;
  aspect-ratio: 1;
  transform: translate(-50%, -50%) rotate(0deg);
  background: conic-gradient(
    from 0deg,
    #141518 0deg,
    #141518 50deg,
    #71717a 76deg,
    #ffffff 90deg,
    #71717a 104deg,
    #141518 130deg,
    #141518 230deg,
    #71717a 256deg,
    #ffffff 270deg,
    #71717a 284deg,
    #141518 310deg,
    #141518 360deg
  );
  opacity: 0;
  transition: opacity .25s ease;
}
.launch-button::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 1.5px;
  border-radius: 999px;
  background: #141518;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
}
.launch-button:hover {
  transform: translateY(-1px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 10px 28px rgba(0, 0, 0, 0.24);
}
.launch-button:active {
  transform: scale(0.97);
}
.launch-button:hover::before {
  opacity: 1;
  animation: pillShineOrbit 2.1s linear infinite;
}
.launch-button:disabled { cursor:default; opacity:.92; }
.launch-button-arrow { font-family:Arial,sans-serif; font-size:18px; line-height:1; transition:transform .24s cubic-bezier(.16,1,.3,1); }
.launch-button:hover .launch-button-arrow { transform:translateX(4px); }

.launch-car-slot { position:relative; width:clamp(140px,20vw,200px); height:88px; display:flex; align-items:center; cursor:pointer; user-select:none; }

.button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 44px;
  padding: 10px 24px;
  border: 1px solid #e4e4e7;
  border-radius: 999px;
  background: #ffffff;
  color: #18181b;
  font-family: Manrope, Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .02em;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  transition: transform .2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow .2s ease, background .15s ease, border-color .15s ease;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.button span { font-family:Arial,sans-serif; font-size:16px; line-height:1; transition:transform .22s cubic-bezier(0.16, 1, 0.3, 1); }
.button:hover {
  border-color: #141518;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.button:hover span { transform:translate(2px,-2px); }
.button:active { transform:scale(0.97); }
.button-dark {
  background: #141518;
  border-color: #141518;
  color: #ffffff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 4px 14px rgba(0, 0, 0, 0.14);
}
.button-dark:hover {
  background: #000000;
  border-color: #000000;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 8px 22px rgba(0, 0, 0, 0.22);
}
.arrow-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 8px 18px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: #52525b;
  font-family: Manrope, Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  transition: all .2s cubic-bezier(0.16, 1, 0.3, 1);
  cursor: pointer;
}
.arrow-link:hover {
  background: #f4f4f5;
  color: #141518;
}
.arrow-link:active {
  transform: scale(0.97);
}
.enquiry-result { animation:resultFadeIn .55s cubic-bezier(.16,1,.3,1); }
@keyframes resultFadeIn { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }
.enquiry-result h3 { font-family:Archivo,sans-serif; font-size:38px; font-weight:450; letter-spacing:-.04em; line-height:1.1; margin:0 0 20px; }
.enquiry-result > p { font-size:13px; color:#666; line-height:1.6; }
.enquiry-result dl { margin:30px 0; }
.enquiry-result dt { font-size:11px; color:#666; margin-top:18px; }
.enquiry-result dd { margin:6px 0 0; font-size:15px; overflow-wrap:anywhere; white-space:pre-wrap; }
.result-actions { display:flex; align-items:center; gap:28px; }
.copy-status { min-height:22px; }
.form-nojs { color:#666; font-size:13px; }
.site-footer { scroll-margin-top:30px; padding-top:45px; border-top:1px solid var(--line); overflow:clip; }
.footer-top { display:grid; grid-template-columns:1.5fr 1fr auto; gap:40px; }
.footer-about h2 { font-size:16px; font-weight:500; letter-spacing:-.02em; margin:0 0 18px; }
.footer-about p { font-size:12px; color:#666; line-height:1.8; margin:0; }
.footer-links { display:grid; grid-template-columns:1fr 1fr; align-content:start; column-gap:24px; }
.footer-links a { display:inline-flex; align-items:center; min-height:34px; color:#626262; text-decoration:none; font-size:12px; }
.footer-links a:hover { color:#191919; text-decoration:underline; text-underline-offset:5px; }
.back-top { display:inline-flex; align-items:center; gap:25px; min-height:40px; color:#555; font-size:12px; text-decoration:none; }
.back-top span { color:#191919; font-size:20px; }
.footer-wordmark { display:block; width:fit-content; margin:70px auto 25px; padding-right:.08em; color:#191919; text-decoration:none; font-family:Archivo,Arial,sans-serif; font-size:clamp(140px,30vw,490px); font-weight:900; font-style:italic; line-height:.82; letter-spacing:-.085em; transform:scaleX(1.09); }
.footer-bottom { display:flex; justify-content:space-between; padding-block:28px; }
.footer-bottom p { margin:0; font-size:10px; color:#666; }
@media(prefers-reduced-motion:no-preference) {
  .reveal img { transition:transform 1.2s cubic-bezier(.2,.7,.25,1); }
  .reveal.is-waiting img { transform:scale(1.045); }
}
@media(max-width:1023px) {
  .detailing-hero-title { font-size: clamp(34px, 5.5vw, 68px); }
  .services-strip {
    grid-template-columns: repeat(3, 1fr);
  }
  .services-strip-col:nth-child(n+4) {
    border-top: 1px solid #e5e7eb;
  }
  .services-display-wordmark {
    font-size: clamp(68px, 16vw, 150px);
  }
}
@media(max-width:767px) {
  .location-section { padding-block: 42px 28px; }
  .location-pills { gap: 8px; margin-bottom: 22px; }
  .location-pill { font-size: 11px; padding: 7px 16px; }
  .location-title { font-size: clamp(28px, 8.4vw, 42px); }
  .location-globe-wrap { height: 260px; }
  .detailing-section { padding-block: 38px 32px; }
  .detailing-hero-title { font-size: clamp(32px, 8.8vw, 48px); margin-bottom: 12px; }
  .detailing-car-stage { margin-top: -18px; }
  .detailing-car-img { transform: translateX(-20px); }
  .services-strip {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    border-left: 1px solid #e5e7eb;
  }
  .services-strip-col {
    flex: 0 0 74vw;
    scroll-snap-align: start;
    border-right: 1px solid #e5e7eb;
  }
  .strip-media {
    height: 240px;
  }
  .strip-media img,
  .services-strip-col:hover .strip-media img {
    height: 100%;
    clip-path: none;
    transform: none;
  }
  .services-lower-meta {
    margin-top: 36px;
  }
  .services-display-wordmark {
    font-size: clamp(48px, 18vw, 84px);
  }
  .tint-section { height:180svh; min-height:180svh; }
  .tint-big-title { font-size:clamp(46px,13.5vw,90px); }
  .form-row { grid-template-columns:1fr; gap:0; }
  .launch-button { padding:14px 20px; gap:14px; font-size:11px; }
  .launch-car-slot { width:145px; height:76px; }
}
@media(prefers-reduced-motion:reduce) {
  .reveal img { transform:none!important; }
  .detailing-car-img { transform:none!important; opacity:1!important; transition:none!important; }
  .contact-title,.form-anim-item { opacity:1!important; transform:none!important; transition:none!important; }
}

/* ===== Unified hero language: bold italic Archivo, tight tracking, nothing extra ===== */
.display-title,
.location-title,
.detailing-hero-title,
.tint-big-title,
.contact-title,
.services-display-wordmark {
  font-family: Archivo, 'Arial Black', Arial, sans-serif;
  font-weight: 900;
  font-style: italic;
  letter-spacing: -.085em;
  line-height: .84;
  text-transform: uppercase;
  color: #191919;
  padding-right: .08em;
}
.location-title { margin-bottom: clamp(28px, 4vh, 44px); }
.detailing-header-block { align-items: center; text-align: center; }
.detailing-hero-title { text-align: center; }
.tint-content { gap: clamp(26px, 4vh, 40px); }
.tint-info-block .detailing-cta-pill { margin-top: 0; }

/* Contact: quiet labels, no helper copy */
.service-picker { margin-bottom: 36px; }
.service-choices { justify-content: center; }
.form-field { font-family: Archivo, Arial, sans-serif; font-size: 10.5px; font-weight: 800; letter-spacing: .12em; color: #191919; }

/* ===== Contact: title left, form right ===== */
.contact-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  align-items: start;
  gap: clamp(40px, 6vw, 120px);
}
.contact-title {
  font-size: clamp(64px, 9.5vw, 160px);
  text-align: left;
  margin: 0;
  position: sticky;
  top: 48px;
}
.enquiry-panel { max-width: none; }
.service-choices { justify-content: flex-start; }
@media(max-width:900px) {
  .contact-inner { grid-template-columns: 1fr; gap: 36px; }
  .contact-title { position: static; font-size: clamp(56px, 16vw, 110px); }
}
@media(prefers-reduced-motion:reduce) {
  .services-strip-col, .strip-media img { transition: none !important; }
}

/* ===== Subpage & Placeholder Page Styles ===== */
.subpage {
  background: #ffffff;
  color: #191919;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.subpage-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: clamp(120px, 18vh, 180px) var(--gutter) clamp(60px, 10vh, 100px);
}
.placeholder-stage {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(18px, 2.6vh, 28px);
  max-width: 900px;
}
.placeholder-title {
  font-family: Archivo, 'Arial Black', Arial, sans-serif;
  font-size: clamp(56px, 13vw, 160px);
  font-weight: 900;
  font-style: italic;
  letter-spacing: -0.085em;
  line-height: 0.85;
  text-transform: uppercase;
  color: #191919;
  margin: 0;
  padding-right: 0.08em;
}
.placeholder-tag {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #71717a;
  padding: 6px 16px;
  border-radius: 999px;
  border: 1px solid #e4e4e7;
  background: #fafafa;
}
.placeholder-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}
.subpage-footer {
  border-top: 1px solid #f0f0f0;
  padding: 28px var(--gutter);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  color: #71717a;
}
.subpage-footer a {
  color: #191919;
  text-decoration: none;
  font-weight: 600;
}
.subpage-footer a:hover {
  text-decoration: underline;
}

/* ==========================================================================
   Detailing Page & Interactive Dotted Racetrack Process (Fastlane style)
   ========================================================================== */
.detailing-page-body {
  background: #ffffff;
  color: #141518;
  font-family: Manrope, Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.detailing-main-content {
  width: 100%;
  position: relative;
}

/* Section 1: Detailing Hero Stage (Monumental Brand Styling, Centered) */
.detailing-hero-stage {
  min-height: 100svh;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 80px 24px 40px;
  background: #ffffff;
  text-align: center;
  position: relative;
}
.detailing-hero-inner {
  max-width: 900px;
  margin: 0 auto;
  padding-inline: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.detailing-monumental-title {
  font-family: Archivo, 'Arial Black', Arial, sans-serif;
  font-size: clamp(64px, 15vw, 185px);
  font-weight: 800;
  font-style: normal;
  letter-spacing: -0.055em;
  line-height: 0.9;
  text-transform: none;
  color: #121111;
  margin: 0 0 18px 0;
}
.detailing-hero-sub {
  font-family: Archivo, Manrope, Arial, sans-serif;
  font-size: clamp(15px, 1.8vw, 19px);
  font-weight: 500;
  line-height: 1.5;
  color: #71717a;
  max-width: 520px;
  margin: 0 auto 30px auto;
}
.detailing-hero-actions {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fl-btn-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 28px;
  border-radius: 9999px;
  background: #121111;
  color: #ffffff;
  font-family: var(--font-geist-sans, GeistSans, -apple-system, sans-serif);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.01em;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), background 0.2s ease, box-shadow 0.2s ease;
  -webkit-tap-highlight-color: transparent;
}
.fl-btn-cta:hover {
  background: #27272a;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.14);
}
.fl-btn-cta:active {
  transform: scale(0.97);
}
.fl-btn-arrow {
  font-size: 15px;
  line-height: 1;
  transition: transform 0.2s ease;
}
.fl-btn-cta:hover .fl-btn-arrow {
  transform: translateX(3px);
}

/* Section 2: Pinned Process Header ("Our Process") & Upright Bold Typography */
.lps__section-header {
  width: 100%;
  margin-bottom: clamp(14px, 2.2vh, 26px);
}
.lps__section-title {
  font-family: Archivo, GeistSans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: clamp(34px, 4.4vw, 56px);
  font-weight: 800;
  font-style: normal !important;
  letter-spacing: -0.035em;
  line-height: 1.05;
  text-transform: none;
  color: #121111;
  margin: 0;
}
.lps-step__title {
  font-family: Archivo, GeistSans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  letter-spacing: -0.035em !important;
  color: var(--ink) !important;
  margin: 0 0 16px !important;
  font-size: clamp(32px, 3.8vw, 50px) !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  font-style: normal !important;
}
.lps-step__title span {
  display: block;
}
.lps-step__title-2 {
  color: var(--muted) !important;
  font-weight: 700 !important;
  font-style: normal !important;
}
.lps-step__body {
  font-family: GeistSans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  color: var(--body) !important;
  max-width: 44ch !important;
  margin: 0 0 28px !important;
  font-size: 16.5px !important;
  line-height: 1.55 !important;
  font-style: normal !important;
}
.lps-spec, .lps-mini {
  display: none !important;
}



/* ==========================================================================
   Literal Fastlane (#how-it-works / .lps / .cv2) Fonts & Styles from usefastlane.ai
   ========================================================================== */
@font-face{font-family:GeistSans;src:url(./assets/Geist_Variable.woff2)format("woff2");font-display:swap;font-weight:100 900}
@font-face{font-family:GeistMono;src:url(./assets/GeistMono_Variable.woff2)format("woff2");font-display:swap;font-weight:100 900}
@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(./assets/Figtree.woff2)format("woff2")}
@font-face{font-family:Doto;font-style:normal;font-weight:100 900;font-display:swap;src:url(./assets/Doto.woff2)format("woff2")}

.lpx, .lps {
  --font-geist-sans: "GeistSans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-geist-mono: "GeistMono", ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, monospace;
  --font-figtree: "Figtree", sans-serif;
  --font-doto-var: "Doto", ui-monospace, monospace;
  --font-display: var(--font-geist-sans);
  --font-body: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
  --font-alt: var(--font-figtree), var(--font-body);
  --ink: #121111;
  --ink-soft: #1d1d1f;
  --body: #51515a;
  --muted: #8a8a90;
  --on-dark: #f5f5f7;
  --on-dark-soft: #a8a8ad;
  --red: #00d9ff;
  --red-deep: #00b4d8;
  --orange: #ff6a00;
  --orange-soft: #ff8a3d;
  --maroon: #2b0b08;
  --blue: #09f;
  --bg: #fff;
  --bg-warm: #faf8f6;
  --bg-warm-2: #f3efec;
  --card: #f4f2f0;
  --card-2: #efe9e5;
  --black: #0a0a0a;
  --black-2: #111014;
  --line: #00000014;
  --line-2: #0000001f;
  --line-dark: #ffffff1a;
  --shadow-sm: 0 1px 2px #0000000f, 0 1px 1px #0000000a;
  --shadow-md: 0 10px 30px #00000014, 0 2px 8px #0000000a;
  --shadow-lg: 0 30px 60px #0000001f, 0 8px 20px #0000000f;
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 24px;
  --radius-xl: 34px;
  --maxw: 1180px;
  --gutter: 24px;
  --section-y: 120px;
  --v2-ok: #37d07c;
  font-family: var(--font-body);
  color: var(--ink);
  font-size: 16px;
  line-height: 1.5;
}
.lps h1, .lps h2, .lps h3, .lps h4, .lps h5, .lps h6 {
  font-family: var(--font-display);
  color: var(--ink);
  letter-spacing: -.03em;
  margin: 0;
  font-weight: 500;
  line-height: .98;
}
.lps p { margin: 0; }
.lps a { color: inherit; text-decoration: none; }
.lps img, .lps video, .lps svg { max-width: 100%; display: block; }
.lps ul { margin: 0; padding: 0; list-style: none; }
.fl-container { width: 100%; max-width: var(--maxw); padding-inline: var(--gutter); margin-inline: auto; }
.fl-section { padding-block: var(--section-y); position: relative; }
.fl-h2 { letter-spacing: -.035em; color: var(--ink); font-size: clamp(34px, 4.6vw, 64px); line-height: 1; }
@media (max-width: 900px) {
  .lpx, .lps { --section-y: 84px; }
}

.cv2{background:var(--v2-bg);height:600vh;position:relative}.cv2__pin{isolation:isolate;height:100svh;padding:14px;position:sticky;top:0}.cv2__frame{--cv2-x:clamp(72px, calc(44% - 580px), 150px);background:radial-gradient(70% 60% at 70%,#ffffff06,#0000 70%),#0c0c0e;border:1px solid #ffffff17;border-radius:28px;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.cv2__world{z-index:0;position:absolute;inset:120px 250px 56px 44%}.cv2__tilt{position:absolute;inset:0}.cv2__floor{aspect-ratio:1000/640;width:min(100%,156.25svh - 468.75px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cv2__svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cv2__marker{z-index:2;transform-origin:50% 100%;justify-items:center;display:grid;position:absolute;transform:translate(-50%)}.cv2__marker-stem{background:repeating-linear-gradient(0deg,#f1eee873 0 3px,#0000 3px 8px);width:1.5px;height:34px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.cv2__marker-label{white-space:nowrap;height:30px;color:var(--v2-dim);background:#0c0c0ed9;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:0 11px 0 9px;transition:color .3s,border-color .3s;display:inline-flex;position:relative;transform:translateY(-44px)}.cv2__marker-text{display:none}.cv2__marker-label .v2-doto{color:inherit;font-size:12px}.cv2__marker-dot{background:#f1eee840;border-radius:50%;width:6px;height:6px;transition:background .3s}.cv2__marker.is-on .cv2__marker-label{color:#fff;border-color:#ffffff4d}.cv2__marker.is-on .cv2__marker-dot{background:#fff}.cv2__marker.is-done .cv2__marker-label{color:var(--v2-body)}.cv2__marker.is-done .cv2__marker-dot{background:#f1eee8bf}.cv2__car{z-index:3;transform-origin:50%;pointer-events:none;will-change:transform, left, top;filter:drop-shadow(0 4px 6px #000c);width:4.4%;position:absolute}.cv2__car img{width:100%;height:auto}.cv2__head{left:var(--cv2-x);z-index:2;gap:8px;display:grid;position:absolute;top:40px}.cv2__kicker{color:var(--v2-dim);font-size:10.5px}.cv2__title{font-family:var(--font-display);letter-spacing:-.03em;color:#fff;font-size:clamp(22px,2.2vw,30px);font-weight:500;line-height:1}.cv2__index{z-index:2;gap:18px;margin:0;padding:0;list-style:none;display:grid;position:absolute;top:50%;right:48px;transform:translateY(-50%)}.cv2__index li{color:var(--v2-faint);justify-content:flex-end;align-items:center;font-size:15px;transition:color .35s;display:flex}.cv2__index button{appearance:none;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:16px;margin:0;padding:2px 0;transition:color .2s;display:inline-flex}.cv2__index li:not(.is-on) button:hover{color:var(--v2-body)}.cv2__index button:focus-visible{outline-offset:4px;border-radius:4px;outline:1.5px solid #fff9}.cv2__index li.is-done{color:var(--v2-dim)}.cv2__index li.is-on{color:#fff}.cv2__index-n{color:inherit;text-align:right;width:22px;font-size:11px}.cv2__index li:before{content:"";opacity:0;background:#fff;width:1.5px;height:14px;margin-right:6px;transition:opacity .35s,transform .35s;transform:scaleY(.4)}.cv2__index li.is-on:before{opacity:1;transform:none}.cv2__panel{left:var(--cv2-x);z-index:2;width:min(520px, calc(44% - var(--cv2-x) - 24px));align-content:safe center;display:grid;position:absolute;top:120px;bottom:56px}.cv2__panel:before{display:none}.cv2__station{opacity:0;pointer-events:none;grid-area:1/1;align-content:start;justify-items:start;gap:16px;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);display:grid;transform:translateY(12px)}.cv2__station.is-past{transform:translateY(-12px)}.cv2__station.is-on{opacity:1;pointer-events:auto;transform:none}.cv2__station-label{color:var(--v2-dim);font-size:11px}.cv2__station-title{font-family:var(--font-display);letter-spacing:-.045em;color:#fff;font-size:clamp(30px,3.1vw,46px);font-weight:500;line-height:1}.cv2__station-title span{display:block}.cv2-card{overscroll-behavior:contain;background:linear-gradient(165deg,#ffffff12,#ffffff08);border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:520px;max-height:calc(100svh - 350px);margin-top:4px;padding:12px;overflow:auto;box-shadow:inset 0 1px #ffffff1a,0 30px 80px #0009}.cv2-card__bar{color:var(--v2-dim);align-items:center;gap:10px;padding:2px 4px 10px;font-size:12.5px;display:flex}.cv2-card__senna{font-family:var(--font-doto);font-variation-settings:"ROND" 70;letter-spacing:.12em;color:var(--v2-dim);font-size:11px;font-weight:800}.cv2-card__domain{border:1px solid var(--v2-line);color:var(--v2-text);background:#ffffff0f;border-radius:7px;margin-left:auto;padding:3px 9px}.cv2-card__ready{color:var(--v2-text)}.cv2-card__ready strong{color:#fff;margin-right:4px;font-size:16px}.cv2-card__approve{color:#140a05;background:#f1eee8;border-radius:8px;margin-left:auto;padding:5px 11px;font-size:12.5px;font-weight:600}.cv2-stat{gap:2px;display:grid}.cv2-stat strong{color:#fff;font-size:20px;line-height:1}.cv2-stat span{font-family:var(--font-doto);font-variation-settings:"ROND" 70;letter-spacing:.1em;text-transform:uppercase;color:var(--v2-dim);font-size:10px;font-weight:700}.cv2-stat em{color:var(--v2-dim);font-size:11px;font-style:normal}.cv2-brand{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cv2-brand__products{grid-template-columns:1fr 1fr;gap:6px;display:grid}.cv2-brand__products span{aspect-ratio:1;border:1px solid var(--v2-line);background:radial-gradient(70% 70% at 50% 60%,#ffffff17,#ffffff05);border-radius:10px;min-width:0;display:block;position:relative;overflow:hidden}.cv2-brand__products img{object-fit:contain;filter:drop-shadow(0 10px 16px #0000008c);width:calc(100% - 18px);height:calc(100% - 18px);position:absolute;inset:9px}.cv2-brand__side{align-content:start;gap:8px;display:grid}.cv2-brand__palette{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.cv2-brand__palette i{aspect-ratio:1.6;border-radius:6px;display:block}.cv2-brand__tone{flex-wrap:wrap;gap:5px;display:flex}.cv2-brand__tone span{color:var(--v2-text);border:1px solid var(--v2-line);background:#ffffff12;border-radius:999px;padding:3px 8px;font-size:11px}.cv2-brand__scan{align-items:baseline;gap:6px;margin-top:2px;display:flex}.cv2-brand__scan strong{color:#fff;font-size:22px}.cv2-brand__scan span{color:var(--v2-dim);font-size:12px}.cv2-brand__insights{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px;display:grid}.cv2-brand__insights div{border:1px solid var(--v2-line);background:#ffffff0a;border-radius:9px;gap:2px;padding:8px 9px;display:grid}.cv2-brand__insights strong{color:#fff;font-size:17px;line-height:1}.cv2-brand__insights span{color:var(--v2-dim);font-size:10.5px}.cv2-avatars{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.cv2-avatar{aspect-ratio:3/4;background:#111;border-radius:12px;position:relative;overflow:hidden}.cv2-avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cv2-avatar figcaption{background:linear-gradient(#0000,#000000d9);gap:2px;padding:22px 8px 8px;display:grid;position:absolute;inset:auto 0 0}.cv2-avatar strong{color:#fff;font-size:12.5px}.cv2-avatar span{color:#ffffffb3;font-size:10px}.cv2-market__row{grid-template-columns:auto auto 1fr;align-items:center;gap:14px;margin-top:10px;padding:0 2px;display:grid}.cv2-market__opp{color:#fff;border:1px solid var(--v2-line-2);background:#ffffff0f;border-radius:10px;justify-self:end;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;display:inline-flex}.cv2-market__bulb{color:var(--v2-gold)}.cv2-create{grid-template-columns:2.1fr 1fr 1fr 1fr;gap:8px;display:grid}.cv2-create figure{aspect-ratio:9/16;background:#111;border-radius:10px;position:relative;overflow:hidden}.cv2-create figure img,.cv2-create figure video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cv2-create figcaption{position:absolute;bottom:6px;left:6px}.cv2-create__pair{grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;display:grid}.cv2-create__pair .is-remix{box-shadow:0 0 0 1.5px #f1eee8cc}.cv2-create__arrow{color:#140a05;background:#f1eee8;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.cv2-create__more{grid-column:1/-1;grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.cv2-creators{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.cv2-creators figure{text-align:center;justify-items:center;gap:5px;min-width:0;display:grid}.cv2-creators figcaption{width:100%;min-width:0;display:grid;overflow:hidden}.cv2-creators img{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%}.cv2-creators strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10.5px;display:block;overflow:hidden}.cv2-creators span{font-family:var(--font-doto);font-variation-settings:"ROND" 70;letter-spacing:.08em;text-transform:uppercase;color:var(--v2-dim);font-size:8.5px;font-weight:700}.cv2-cal{border:1px solid var(--v2-line);background:#ffffff0a;border-radius:12px;margin-top:10px;padding:10px}.cv2-cal__head{color:var(--v2-dim);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:10.5px;display:flex}.cv2-cal__legend{align-items:center;gap:4px;font-size:10.5px;display:inline-flex}.cv2-cal__legend i,.cv2-cal__day i{border-radius:50%;width:5px;height:5px;display:inline-block}.cv2-cal__legend i{margin-left:6px}.is-ig{background:#f1eee8}.is-tt{background:#f1eee88c}.is-yt{background:#f1eee84d}.cv2-cal__grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cv2-cal__day{background:#ffffff0a;border:1px solid #0000;border-radius:6px;gap:3px;padding:5px 6px;display:grid}.cv2-cal__day.is-ad{background:#ffffff14;border-color:#f1eee859}.cv2-cal__day em{color:var(--v2-dim);font-size:9.5px;font-style:normal}.cv2-cal__day b{gap:2px;display:flex}.cv2-cal__foot{align-items:center;gap:6px;margin-top:8px;display:flex}.cv2-cal__meta{color:#4a8cff;margin-right:auto;font-size:12.5px;font-weight:700}.cv2-learn{grid-template-columns:1fr 1.5fr;gap:10px;display:grid}.cv2-learn__video{aspect-ratio:9/15;background:#111;border-radius:12px;position:relative;overflow:hidden}.cv2-learn__video video,.cv2-learn__video img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cv2-learn__winner{position:absolute;top:6px;left:6px}.cv2-learn__video figcaption{position:absolute;bottom:6px;left:6px}.cv2-learn__stats{grid-template-columns:1fr 1fr;gap:6px;display:grid}.cv2-learn__stats .cv2-stat{border:1px solid var(--v2-line);background:#ffffff0a;border-radius:10px;align-content:start;padding:10px 11px}.cv2-learn__log{gap:5px;margin-top:10px;display:grid}.cv2-learn__log li{color:var(--v2-text);border:1px solid var(--v2-line);background:#ffffff0a;border-radius:9px;align-items:center;gap:9px;padding:7px 10px;font-size:13px;display:flex}.cv2-learn__log li svg{border-radius:6px;flex:none;width:20px;height:20px;padding:3px}.cv2-learn__log .is-ok svg{color:var(--v2-ok);background:#37d07c24}.cv2-learn__log .is-cut svg{color:var(--v2-dim);background:#ffffff0f}.cv2-card--lap{padding:16px}.cv2-lap__head{align-items:center;gap:12px;display:flex}.cv2-lap__title{color:#fff;font-size:34px;line-height:1}.cv2-lap__sub{color:var(--v2-dim);font-size:10px}.cv2-lap__helmet{margin-left:auto}.cv2-lap__tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.cv2-lap__tile{aspect-ratio:9/15;background:#111;border-radius:10px;position:relative;overflow:hidden}.cv2-lap__tile video,.cv2-lap__tile img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cv2-lap__tile figcaption{position:absolute;bottom:6px;left:6px}.cv2-lap__tile.is-winner{box-shadow:0 0 0 1.5px #f1eee8d9}.cv2-lap__arrow{background:#f1eee899;width:10px;height:2px;margin-top:-1px;position:absolute;top:50%;left:-7px}.cv2-lap__memory{gap:5px;margin-top:12px;display:grid}.cv2-lap__memory li{color:var(--v2-text);background:#00000040;border:1px solid #ffffff14;border-radius:9px;align-items:center;gap:9px;padding:7px 10px;font-size:13px;display:flex}.cv2-lap__memory li svg{width:20px;height:20px;color:var(--v2-ok);background:#37d07c24;border-radius:6px;flex:none;padding:3px}.cv2-lap__cta{margin-top:12px}.cv2-lap__helmet{background:linear-gradient(160deg,#ececf1,#8d8d97);border-radius:50%;place-items:center;width:40px;height:40px;display:grid;box-shadow:inset 0 1px #fff,inset 0 -5px 6px #00000059}.cv2-lap__visor{background:#1b0a06;border-radius:4px;gap:2px;padding:3px 4px;display:flex}.cv2-lap__visor i{background:#ff6a2e;border-radius:50%;width:3px;height:3px}.cv2__note{left:var(--cv2-x);z-index:2;color:var(--v2-faint);font-size:9.5px;position:absolute;bottom:22px}.cv2__lapcount{z-index:2;color:var(--v2-text);opacity:0;align-items:center;gap:8px;font-size:11px;transition:opacity .4s,transform .4s;display:inline-flex;position:absolute;bottom:22px;right:48px;transform:translateY(6px)}.cv2__lapcount span{color:var(--v2-dim)}.cv2__lapcount i{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite cv2-blink}@keyframes cv2-blink{0%,to{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.cv2__lapcount i{animation:none}.cv2__station{transition:none}}.cv2__lapcount.is-on{opacity:1;transform:none}@media (max-height:820px) and (min-width:861px){.cv2__head{gap:6px;top:26px}.cv2__title{font-size:clamp(20px,2.4vw,26px)}.cv2__panel,.cv2__world{top:90px;bottom:44px}.cv2__index{gap:10px}.cv2__index li{font-size:13px}.cv2__station{gap:10px}.cv2__station-title{font-size:clamp(22px,2.6vw,32px)}.cv2-card{max-height:calc(100svh - 250px)}.cv2-lap__memory li:nth-child(n+3){display:none}.cv2__floor{width:min(100%,156.25svh - 296.875px)}.cv2__lapcount{bottom:14px}.cv2__note{bottom:12px}}@media (max-width:1100px){.cv2__frame{--cv2-x:32px}.cv2__world{left:46%;right:200px}.cv2__panel{width:calc(46% - var(--cv2-x) - 16px)}.cv2__index{right:32px}.cv2__index li{font-size:13.5px}.cv2__index button{gap:12px}.cv2__station-title{font-size:clamp(24px,2.8vw,34px)}.cv2__car{width:5%}}@media (max-width:860px){.cv2{height:auto}.cv2__pin{height:auto;padding:0 16px 8px;position:static}.cv2__frame{--cv2-x:0px;height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;display:grid;overflow:visible}.cv2__head{order:1;gap:8px;padding:56px 0 10px;position:static}.cv2__title{font-size:clamp(26px,7.2vw,32px)}.cv2__world{z-index:3;box-sizing:content-box;background:linear-gradient(to bottom, var(--v2-bg) 93%, transparent);order:2;height:150px;margin:0 -16px;padding:84px 16px 0;position:sticky;inset:0 auto auto}.cv2__floor{width:min(60vw,236px);top:calc(50% + 42px)}.cv2__index,.cv2__lapcount{display:none}.cv2__car{width:7%}.cv2__marker-stem{height:14px}.cv2__marker-label{gap:0;height:22px;padding:0 7px 0 6px;transform:translateY(-20px)}.cv2__marker-label .v2-doto{font-size:11px}.cv2__panel{order:3;align-content:start;gap:44px;width:auto;padding-top:18px;display:grid;position:static}.cv2__panel:before{display:none}.cv2__station{opacity:1;pointer-events:auto;grid-area:auto;gap:10px;transition:none;transform:none}.cv2__station-title{font-size:clamp(26px,7vw,32px)}.cv2-card{max-width:none;max-height:none;padding:9px;overflow:visible}.cv2-brand__insights{grid-template-columns:repeat(4,1fr)}.cv2-brand__insights strong{font-size:14px}.cv2-create{grid-template-columns:1.6fr 1fr 1fr}.cv2-create>figure:nth-child(4){display:none}.cv2-create__more{grid-template-columns:repeat(4,1fr);gap:6px}.cv2-create__more figure:nth-child(5){display:none}.cv2-learn__stats .cv2-stat{padding:8px 9px}.cv2-learn__stats .cv2-stat strong{font-size:17px}.cv2-lap__title{font-size:26px}.cv2-lap__sub{display:none}.cv2-lap__tiles{gap:6px}.cv2__note{text-align:center;order:4;margin-top:28px;font-size:8.5px;position:static}}@media (max-width:480px){.cv2__station-title{font-size:24px}.cv2-brand{grid-template-columns:1fr;gap:8px}.cv2-brand__products{grid-template-columns:repeat(4,1fr)}.cv2-brand__side{grid-template-columns:1fr 1fr;align-items:start}.cv2-brand__palette{grid-template-columns:repeat(3,1fr)}.cv2-brand__scan{grid-column:1/-1}.cv2-creators img{border-radius:9px}.cv2-creators strong{font-size:9.5px}.cv2-market__row{grid-template-columns:auto auto}.cv2-market__opp{display:none}.cv2-cal__day{padding:3px 4px}.cv2-creators span{display:none}}
.v2{--v2-bg:#09090a;--v2-bg-2:#0d0d0f;--v2-card:#131315;--v2-raised:#1a1a1d;--v2-line:#ffffff14;--v2-line-2:#ffffff24;--v2-text:#f1eee8;--v2-body:#f1eee8c2;--v2-dim:#f1eee880;--v2-faint:#f1eee84d;--v2-accent:#ff7a2e;--v2-accent-hi:#ff9a58;--v2-gold:#e9e5dd;--v2-ember:#ff4a1c;--v2-ok:#37d07c;--v2-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");--font-doto:var(--font-doto-var,"Doto"), ui-monospace, "SF Mono", Menlo, monospace;background:var(--v2-bg);color:var(--v2-text)}.v2 ::selection{background:var(--v2-accent);color:#140a05}.v2 h1,.v2 h2,.v2 h3,.v2 h4{color:#fff}.v2 p{color:var(--v2-body)}.v2 figure{margin:0}.v2-doto{font-family:var(--font-doto);font-variation-settings:"ROND" 70;letter-spacing:.1em;text-transform:uppercase;font-weight:800}.v2-num{font-family:var(--font-doto);font-variation-settings:"ROND" 70;letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-weight:900}.v2-accent{color:var(--v2-gold)}.v2-accent-grad{color:#f1eee88c}.v2-eyebrow{height:28px;font-family:var(--font-doto);font-variation-settings:"ROND" 70;letter-spacing:.1em;text-transform:uppercase;color:var(--v2-dim);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:0 12px 0 10px;font-size:11.5px;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.v2-eyebrow .dot{background:#f1eee8b3;border-radius:50%;width:5px;height:5px}.v2-section{padding-block:clamp(84px,9vw,140px);position:relative}.v2-h2{font-family:var(--font-display);letter-spacing:-.04em;color:#fff;font-size:clamp(34px,4.6vw,62px);font-weight:500;line-height:1.02}.v2-h2 span{display:block}.v2-lead{max-width:58ch;color:var(--v2-body);margin-top:18px;font-size:clamp(15.5px,1.25vw,18px);line-height:1.55}.v2-head{justify-items:start;gap:18px;display:grid}.v2-head--center{text-align:center;justify-items:center}.v2-head--center .v2-lead{margin-inline:auto}.v2-glass{background:linear-gradient(165deg,#ffffff12,#ffffff06);border:1px solid #ffffff1a;border-radius:20px;position:relative;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #0000004d,0 24px 60px #00000073}.v2-card{background:var(--v2-card);border:1px solid var(--v2-line);border-radius:16px}.v2-dots{background-image:radial-gradient(#ffffff13 1px,#0000 1.4px);background-size:14px 14px}.v2-dotfade{pointer-events:none;z-index:0;background-image:radial-gradient(#ffffff12 .9px,#0000 1.3px);background-size:14px 14px;position:absolute;-webkit-mask:radial-gradient(70% 100% at 50% 0,#000 10%,#0000 80%);mask:radial-gradient(70% 100% at 50% 0,#000 10%,#0000 80%)}.v2{--v2-sparkle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='60'%3E%3Cg fill='%23fff'%3E%3Ccircle cx='9' cy='52' r='1.1' opacity='.55'/%3E%3Ccircle cx='27' cy='38' r='.8' opacity='.35'/%3E%3Ccircle cx='41' cy='55' r='1.3' opacity='.7'/%3E%3Ccircle cx='58' cy='44' r='.7' opacity='.3'/%3E%3Ccircle cx='70' cy='57' r='1' opacity='.5'/%3E%3Ccircle cx='86' cy='31' r='.8' opacity='.28'/%3E%3Ccircle cx='97' cy='50' r='1.2' opacity='.6'/%3E%3Ccircle cx='113' cy='41' r='.7' opacity='.32'/%3E%3Ccircle cx='126' cy='56' r='1' opacity='.52'/%3E%3Ccircle cx='140' cy='27' r='.7' opacity='.22'/%3E%3Ccircle cx='151' cy='47' r='1.1' opacity='.58'/%3E%3Ccircle cx='168' cy='54' r='.9' opacity='.45'/%3E%3Ccircle cx='176' cy='36' r='.7' opacity='.3'/%3E%3Ccircle cx='34' cy='18' r='.6' opacity='.2'/%3E%3Ccircle cx='105' cy='14' r='.6' opacity='.18'/%3E%3C/g%3E%3C/svg%3E")}.v2-sparkle{pointer-events:none;z-index:0;background-image:var(--v2-sparkle), radial-gradient(60% 90% at 50% 100%, #ffffff14, transparent 75%);background-position:0 100%,0 0;background-size:180px 60px,100% 100%;position:absolute;-webkit-mask:radial-gradient(58% 110% at 50% 100%,#000 25%,#00000080 60%,#0000 100%);mask:radial-gradient(58% 110% at 50% 100%,#000 25%,#00000080 60%,#0000 100%)}.v2-grain{pointer-events:none;background:var(--v2-noise);opacity:.07;mix-blend-mode:overlay;position:absolute;inset:0}.v2-grain--page{z-index:50;opacity:.055;background-size:160px 160px;position:fixed}.v2-glow{pointer-events:none;filter:blur(40px);background:radial-gradient(closest-side,#ffffff14,#0000 75%);border-radius:50%;position:absolute}.v2-btn{height:52px;font-family:var(--font-body);letter-spacing:-.01em;white-space:nowrap;color:#fff;text-shadow:0 1px 2px #78320040;background:radial-gradient(120% 150% at 50% 115%,#ff8e3e 0%,#f7731f 55%,#ef6418 100%);border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:0 28px;font-size:16px;font-weight:700;transition:box-shadow .2s,transform .2s,filter .2s;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1.5px #ffeebed9,inset 0 0 18px #ffecbe8c,0 0 0 1px #ffc8782e,0 0 28px #ffa85a47,0 10px 24px #00000059}.v2-btn:hover{filter:brightness(1.05);box-shadow:inset 0 0 0 1.5px #fff0c8f2,inset 0 0 22px #ffecbea6,0 0 0 1px #ffc87838,0 0 36px #ffa85a61,0 12px 28px #00000059}.v2-btn:active{transform:translateY(1px)}.v2-btn__arrow{background:#0000002e;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;box-shadow:inset 0 1px #fff3}.v2-btn--ghost{color:var(--v2-text);text-shadow:none;background:linear-gradient(#ffffff1a,#ffffff0a);border:1px solid #ffffff24;font-weight:600;box-shadow:inset 0 1px #ffffff24,inset 0 -2px 2px #00000059}.v2-btn--ghost:hover{filter:none;background:linear-gradient(#ffffff24,#ffffff0f);box-shadow:inset 0 1px #ffffff29,inset 0 -2px 2px #00000059,0 10px 30px #00000059}.v2-btn--ghost .v2-btn__arrow{background:#ffffff1a}.v2-chip{background:linear-gradient(165deg,#ffffff14,#ffffff08);border:1px solid #ffffff1a;border-radius:14px;gap:4px;padding:14px 16px 12px;display:grid;box-shadow:inset 0 1px #ffffff1f,0 18px 40px #0006}.v2-chip strong{font-family:var(--font-doto);font-variation-settings:"ROND" 70;color:#fff;font-size:26px;font-weight:900;line-height:1}.v2-chip span{font-family:var(--font-doto);font-variation-settings:"ROND" 70;letter-spacing:.1em;text-transform:uppercase;color:#f1eee8a8;font-size:11px;font-weight:700}.v2-tag{height:22px;font-family:var(--font-doto);font-variation-settings:"ROND" 70;letter-spacing:.1em;text-transform:uppercase;color:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0cb8;border:1px solid #ffffff24;border-radius:6px;align-items:center;padding:0 8px;font-size:10.5px;font-weight:800;display:inline-flex}.v2-tag--accent{color:#140a05;background:#f1eee8eb;border-color:#0000}.v2 .fl-reveal{--reveal-y:14px;filter:none;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.v2 .fl-reveal.is-in{filter:none}.v2-trust{text-align:center;color:var(--v2-dim);margin-bottom:-18px;padding-top:36px;font-size:11.5px}.v2 .show{background:var(--v2-bg-2)}.v2 .show__head{margin-bottom:36px}.v2 .show__sub{color:var(--v2-dim)}.v2 .show__tweet{background:linear-gradient(#ffffff14,#ffffff0a);border-color:#ffffff1f;box-shadow:0 24px 60px #00000080,inset 0 1px #ffffff1f}.v2 .show__grid{-webkit-mask-image:none;mask-image:none}.v2 .show-card{box-shadow:0 24px 60px #00000080}.v2 .show-card__rail{gap:12px;bottom:16px;right:14px}.v2 .show-card__stat:first-child svg{width:28px;height:28px}.v2 .show-card__stat:first-child b{letter-spacing:-.01em;font-size:15px;font-weight:700}.v2 .show-card__stat:not(:first-child){opacity:.8}.v2 .show-card__stat:not(:first-child) svg{width:20px;height:20px}.v2 .spotlight{background:var(--v2-bg);position:relative}.v2 .spotlight__eyebrow{color:var(--v2-gold);-webkit-backdrop-filter:none;backdrop-filter:none;font-family:var(--font-doto);font-variation-settings:"ROND" 70;letter-spacing:.1em;text-transform:uppercase;background:#ff7a2e14;border:1px solid #ffa05042;height:28px;padding:0 12px 0 10px;font-size:11.5px;font-weight:800;box-shadow:inset 0 1px #ffffff14}.v2 .spotlight__eyebrow .dot{background:var(--v2-accent);box-shadow:0 0 10px var(--v2-accent)}.v2 .spotlight__title{color:#fff}.v2 .spotlight__body{color:var(--v2-body)}.v2 .spotlight .fl-btn--red{color:#fff;background:radial-gradient(120% 150% at 50% 115%,#ff8e3e 0%,#f7731f 55%,#ef6418 100%);border-radius:14px;font-weight:700;box-shadow:inset 0 0 0 1.5px #ffeebed9,inset 0 0 16px #ffecbe80,0 0 24px #ffa85a40}.v2 .spotlight__quote{margin-top:48px;padding-right:84px}.v2 .spotlight__mascot{object-fit:cover;filter:none;background:#f3d7e0;border-radius:50%;width:44px;height:44px;bottom:18px;right:18px;box-shadow:0 0 0 1px #ffffff24}.v2 .spotlight__eyebrow .dot{box-shadow:none}.v2 .spotlight__quote{background:linear-gradient(165deg,#ffffff12,#ffffff06);border:1px solid #ffffff1a;box-shadow:inset 0 1px #ffffff1f,0 24px 60px #00000073}.v2 .spotlight__quote blockquote{color:var(--v2-text)}.v2 .spotlight__quote figcaption strong{color:#fff}.v2 .spotlight__stars{color:var(--v2-gold)}.v2 .spotlight__dots{opacity:.35}.v2 .spotlight__phone{border:1px solid #ffffff1a;box-shadow:0 24px 60px #0009}.v2 .spotlight{padding-bottom:calc(var(--section-y) * .4)}.v2 .tw{padding-top:calc(var(--section-y) * .4)}.v2 .tw__pill{color:var(--v2-text);box-shadow:none;background:#ffffff0f;border-color:#ffffff1f}.v2 .tw__pill .dot{background:#f1eee8b3}.v2 .tw-card{background:linear-gradient(165deg,#ffffff14,#ffffff08);border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff1f,0 18px 44px #00000073}.v2 .tw-card:hover{box-shadow:inset 0 1px #ffffff24,0 28px 60px #0000008c}.v2 .tw-card__text{color:var(--v2-text)}.v2 .tw-card__who strong{color:#fff}.v2 .tw-card__x{fill:#fff;opacity:.7}.v2 .tw__fade--t{background:linear-gradient(to bottom, var(--v2-bg), transparent)}.v2 .tw__fade--b{background:linear-gradient(to top, var(--v2-bg), transparent)}.v2 .pr__title{color:#fff}.v2 .pr__toggle-core span{color:var(--v2-dim)}.v2 .pr__toggle-core span.is-on{color:#fff}.v2 .pr__toggle-core{position:relative}.v2 .pr__toggle-core:before{content:"";z-index:-1;pointer-events:none;background-image:var(--v2-sparkle);opacity:.7;background-position:50% 100%;background-size:180px 60px;position:absolute;inset:-30px -40px;-webkit-mask:radial-gradient(50% 60%,#000 20%,#0000 100%);mask:radial-gradient(50% 60%,#000 20%,#0000 100%)}.v2 .pr__switch{background-color:#ffffff1f;background-image:radial-gradient(#fff6 .7px,#0000 .9px);background-position:1px 1px;background-size:4px 4px;transition:background-color .2s,box-shadow .2s;box-shadow:inset 0 0 0 1px #ffffff14}.v2 .pr__switch.is-yearly{background-color:var(--v2-accent);background-image:radial-gradient(#fff0dc80 .7px,#0000 .9px);box-shadow:inset 0 0 0 1px #ffeebe99,0 0 16px #ff964640}.v2 .pr__note{color:var(--v2-dim)}.v2 .pr-card__price{white-space:nowrap;font-size:clamp(34px,3.2vw,46px)}.v2 .pr-card__off{color:var(--v2-text);background:#ffffff1a}.v2 .pr-card__cur{color:var(--v2-dim)}.v2 .pr-card__credits{background:#ffffff0d;border-color:#ffffff1a}.v2 .pr-card__credits strong{color:#fff}.v2 .pr-card__credits span{color:var(--v2-dim)}.v2 .pr-card,.v2 .pr-card--feat{background:linear-gradient(165deg,#ffffff0f,#ffffff06);border:1px solid #ffffff1a;box-shadow:inset 0 1px #ffffff1a}.v2 .pr-card--feat{border-color:#ffffff38;box-shadow:inset 0 1px #ffffff1a,0 24px 60px #00000073}.v2 .pr-card--feat:before{display:none}.v2 .pr-card:hover{box-shadow:inset 0 1px #ffffff1f,0 24px 60px #00000080}.v2 .pr-card__vehicle{height:72px}.v2 .pr-card__vehicle img{filter:drop-shadow(0 0 14px #ffffff1f)}.v2 .pr__save{color:var(--v2-text);background:#ffffff14}.v2 .pr-card__name{color:#fff}.v2 .pr-card__tag{color:var(--v2-dim)}.v2 .pr-card__price{color:#fff}.v2 .pr-card__price span{color:var(--v2-dim)}.v2 .pr-card__features li{color:var(--v2-body);align-items:flex-start;line-height:1.35}.v2 .pr-card__features li svg{margin-top:2px}.v2 .pr-card__features svg{color:var(--v2-gold)}.v2 .pr-card__cta{color:#111;background:#fff}.v2 .pr-card__cta:hover{background:#f1eee8}.v2 .pr-card--feat .pr-card__cta{color:#fff;background:radial-gradient(120% 150% at 50% 115%,#ff8e3e 0%,#f7731f 55%,#ef6418 100%);font-weight:700;box-shadow:inset 0 0 0 1.5px #ffeebed9,inset 0 0 14px #ffecbe80,0 0 22px #ffa85a38}.v2 .pr-card--feat .pr-card__cta:hover{filter:brightness(1.05)}.v2 .pr__footnote,.v2 .pr__footnote span{color:var(--v2-dim)}.v2 .pr-warm,.v2 .pr-agency{background:linear-gradient(165deg,#ffffff0f,#ffffff06);border:1px solid #ffffff1a;box-shadow:inset 0 1px #ffffff1a}.v2 .pr-warm__copy h3{color:#fff}.v2 .pr-warm__copy>p{color:var(--v2-body)}.v2 .pr-warm__sub{color:var(--v2-gold)}.v2 .pr-warm__req{color:var(--v2-dim)}.v2 .pr-warm__dot{color:var(--v2-line-2)}.v2 .pr-warm__price{color:#fff}.v2 .pr-warm__price span{color:var(--v2-dim)}.v2 .pr-warm__cta{color:#111;background:#fff}.v2 .pr-warm__cta:hover{background:#f1eee8}.v2 .pr-agency p{color:var(--v2-text)}.v2 .pr-agency__hint{color:var(--v2-dim)}.v2 .pr-agency .fl-btn--ghost{color:var(--v2-text);background:linear-gradient(#ffffff1a,#ffffff0a);border:1px solid #ffffff24;box-shadow:inset 0 1px #ffffff24,inset 0 -2px 2px #00000059}.v2 .faq-item{background:linear-gradient(165deg,#ffffff0f,#ffffff06);border:1px solid #ffffff14}.v2 .faq-item__q{color:#fff}.v2 .faq-item__icon{color:var(--v2-dim)}.v2 .faq-item__a{color:var(--v2-body)}.v2 .faq__cta span{background:var(--v2-accent);color:#140a05}.v2 .faq-item{transition:border-color .2s}.v2 .fl-footwrap{background:var(--v2-bg);position:relative}.v2 .fl-footwrap:before{content:"";z-index:2;background:linear-gradient(to bottom, var(--v2-bg) 0%, #09090ab3 45%, transparent 100%);pointer-events:none;height:260px;position:absolute;inset:0 0 auto}.v2 .fl-footer__hero{filter:saturate(.7)brightness(.8)}
.lps{--v2-bg:var(--bg);--v2-bg-2:var(--bg-warm);--v2-card:#fff;--v2-raised:#fff;--v2-line:var(--line);--v2-line-2:var(--line-2);--v2-text:var(--ink);--v2-body:var(--body);--v2-dim:var(--muted);--v2-faint:#12111147;--v2-accent:var(--ink);--v2-gold:var(--ink);--font-doto:var(--font-doto-var,"Doto"), ui-monospace, "SF Mono", Menlo, monospace;height:160svh;position:relative;background:var(--bg)}.lps .v2-num{font-variation-settings:"ROND" 100;letter-spacing:-.01em;font-weight:700}.lps figure{margin:0}.lps__pin{position:sticky;top:0;height:100svh;min-height:620px;display:flex;align-items:center;overflow:hidden}.lps__inner{width:100%}.lps__grid{grid-template-columns:1fr 1.15fr;align-items:center;gap:clamp(32px,5vw,72px);display:grid}.lps__steps{display:grid;align-items:center;position:relative}.lps-step{grid-area:1/1;opacity:0;pointer-events:none;transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1);transform:translateY(22px)}.lps-step.is-past{opacity:0;pointer-events:none;transform:translateY(-22px)}.lps-step.is-active{opacity:1;pointer-events:auto;transform:translateY(0)}.lps-step__title{letter-spacing:-.035em;color:var(--ink);margin:0 0 16px;font-size:clamp(34px,3.8vw,52px);line-height:1.02;font-weight:500}.lps-step__title span{display:block}.lps-step__title-2{color:var(--muted)}.lps-step__body{color:var(--body);max-width:39ch;margin:0 0 28px;font-size:16.5px;line-height:1.55}.lps-spec{display:grid;grid-template-columns:repeat(3,1fr);max-width:420px;background:#f7f7f8;border:1px solid rgba(18,17,17,0.08);border-radius:14px;padding:16px 20px;gap:16px}.lps-spec__item{display:flex;flex-direction:column;gap:4px;border-left:1px solid rgba(18,17,17,0.08);padding-left:16px}.lps-spec__item:first-child{border-left:0;padding-left:0}.lps-spec__num{font-size:18px;color:var(--ink);line-height:1}.lps-spec__label{font-size:11px;font-weight:500;color:var(--muted);line-height:1.2}.lps__sticky{position:relative;width:100%}.lps__frame{padding:6% 2%;position:relative}.lps__track{aspect-ratio:1000/640;position:relative}.lps__svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.lps__marker{z-index:2;pointer-events:none;position:absolute;transform:translate(-50%,-100%)}.lps__marker-label{white-space:nowrap;height:26px;font-family:var(--font-body);color:var(--muted);border:1px solid var(--line-2);box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:0 10px 0 8px;font-size:12px;font-weight:600;transition:color .3s,border-color .3s,background .3s;display:inline-flex;transform:translateY(-22px)}.lps__marker-label i{background:#12111133;border-radius:50%;width:6px;height:6px;transition:background .3s}.lps__marker.is-done .lps__marker-label i{background:var(--ink)}.lps__marker.is-on .lps__marker-label{color:#fff;background:var(--ink);border-color:var(--ink)}.lps__marker.is-on .lps__marker-label i{background:#00d9ff}.lps__car{z-index:3;pointer-events:none;will-change:transform, left, top;filter:brightness(0)drop-shadow(0 3px 4px #0000002e);width:5.6%;position:absolute}.lps__car img{width:100%;height:auto}.lps-mini{display:none}.lps-mini__oval{aspect-ratio:1000/260;position:relative}.lps-mini__oval svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.lps-mini__pin{fill:#fff;stroke:#12111140;stroke-width:3px;transition:fill .3s,stroke .3s}.lps-mini__pin.is-done{stroke:var(--ink)}.lps-mini__pin.is-on{fill:var(--ink);stroke:var(--ink)}.lps-mini__car{z-index:3;pointer-events:none;filter:brightness(0)drop-shadow(0 2px 3px #0000002e);width:22px;position:absolute}.lps-mini__car img{width:100%;height:auto;display:block}.lps-mini__centre{color:var(--ink);place-items:center;margin:0;font-size:14px;font-weight:600;display:grid;position:absolute;inset:0}@media (max-width:900px){.lps{height:150svh}.lps__grid{grid-template-columns:1fr;gap:28px}.lps__sticky{order:-1}.lps__frame{display:none}.lps-mini{background:var(--bg);padding:8px 10px;display:block;position:relative}.lps-spec{max-width:100%}}

.lpx .ov2 figure{margin:0}.lpx .ov2{--v2-bg:var(--bg);--v2-faint:var(--muted);background:var(--bg);padding-block:72px 40px}.lpx .ov2__dots,.lpx .ov2 .v2-eyebrow{display:none}.lpx .ov2 .v2-h2{color:var(--ink);letter-spacing:-.035em;font-size:clamp(34px,4.4vw,58px)}.lpx .ov2-tile{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-md)}.lpx .ov2-tile:hover{box-shadow:0 24px 50px #00d9ff29}.lpx .ov2__note{color:var(--muted)}.lpx-claim{padding-block:72px 24px;padding-inline:max(var(--gutter), 24px);text-align:center}.lpx-claim__text{max-width:22ch;font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin:0 auto;font-size:clamp(28px,3.2vw,44px);font-weight:500;line-height:1.12}.lpx-claim__text span{color:var(--red)}.lpx-claim__cta{letter-spacing:-.01em;color:#fff;background:var(--red);border-radius:22px;align-items:center;gap:18px;height:84px;margin-top:36px;padding:0 18px 0 44px;font-size:clamp(22px,2.2vw,28px);font-weight:700;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex;box-shadow:0 18px 44px #00d9ff52}.lpx-claim__cta:hover{background:var(--red-deep);transform:translateY(-2px);box-shadow:0 24px 54px #00d9ff61}.lpx-claim__cta .fl-btn__arrow{background:#fff3;width:50px;height:50px}.lpx .spotlight__eyebrow,.lpx .tw__pill,.lpx .hero-stat{display:none}.lpx .hero__builders{margin-top:48px}.lpx .cv2-lap__head{display:none}.lpx .cv2-lap__tiles{margin-top:0}.lpx .lps{padding-top:0}.lpx .tw__col:nth-child(2) .tw__col-inner{margin-top:190px}.lpx .ft{padding-bottom:calc(14rem + 16px)}.lpx .fl-darkzone__grad{filter:url(#fl-grain);-webkit-mask-composite:source-over;-webkit-mask-image:linear-gradient(#0000 0%,#000 52%),radial-gradient(circle,#000 1.15px,#0000 1.45px);mask-image:linear-gradient(#0000 0%,#000 52%),radial-gradient(circle,#000 1.15px,#0000 1.45px);-webkit-mask-size:100% 100%,4px 4px;mask-size:100% 100%,4px 4px;-webkit-mask-composite:source-over;mask-composite:add}.lpx .fl-darkzone:before{content:"";z-index:2;pointer-events:none;opacity:.7;background:radial-gradient(60% 100% at 50% 100%,#00d9ff8c,#00b4d82e 55%,#0000 80%);height:12rem;position:absolute;bottom:100%;left:0;right:0;-webkit-mask:radial-gradient(circle,#000 1px,#0000 1.3px) 0 0/5px 5px;mask:radial-gradient(circle,#000 1px,#0000 1.3px) 0 0/5px 5px}.lpx .fl-btn__arrow.fl-btn__arrow--pixel{color:#fff;background:0 0;border-radius:0;width:auto;height:auto}.lpx .lps .cv2-create .v2-tag{height:18px;line-height:18px;font-family:var(--font-doto-var,"Doto"), ui-monospace, "SF Mono", Menlo, monospace;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;border-radius:5px;max-width:calc(100% - 6px);padding:0 4px;font-size:8px;font-weight:800;display:inline-block;overflow:hidden}.lpx .lps .cv2-create figcaption.v2-tag{bottom:4px;left:3px}.lpx .race+.pr{margin-top:min(0px,82px - 50vh)}

/* Section 3: Allocation Module & Monumental Wordmark */
.detailing-allocation-section {
  position: relative;
  background: #ffffff;
  border-top: 1px solid #f0f0f0;
  padding-top: clamp(80px, 12vh, 130px);
  padding-bottom: clamp(24px, 4vh, 48px);
  text-align: center;
  overflow: clip;
}
.allocation-card {
  max-width: 820px;
  margin: 0 auto;
  padding: clamp(36px, 6vw, 64px) clamp(24px, 4vw, 48px);
  border-radius: 28px;
  border: 1px solid #e4e4e7;
  background: #fafafa;
}
.allocation-title {
  font-family: Archivo, 'Arial Black', Arial, sans-serif;
  font-size: clamp(38px, 6.5vw, 76px);
  font-weight: 900;
  font-style: italic;
  letter-spacing: -0.06em;
  line-height: 0.9;
  text-transform: uppercase;
  color: #141518;
  margin: 0 0 24px;
}
.allocation-title em {
  font-style: italic;
}
.allocation-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.detailing-footer-wordmark-wrap {
  width: 100%;
  margin-top: clamp(60px, 9vh, 100px);
  overflow: hidden;
  text-align: center;
  line-height: 0.8;
}
.detailing-display-wordmark {
  font-family: Archivo, 'Arial Black', Arial, sans-serif;
  font-size: clamp(72px, 17vw, 270px);
  font-weight: 900;
  font-style: italic;
  letter-spacing: -0.075em;
  line-height: 0.8;
  color: #141518;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  width: 100%;
  user-select: none;
  white-space: nowrap;
  display: block;
}


/* ===== Final polish pass ===== */
/* Tight negative tracking was collapsing the gaps between words ("FORYOURCAR"). */
.display-title,
.location-title,
.detailing-hero-title,
.tint-big-title,
.contact-title,
.services-display-wordmark,
.placeholder-title { word-spacing: .16em; }

/* Overlapping italic glyphs left hairline seams in LET'S TALK; give them a touch more room. */
.contact-title { letter-spacing: -.045em; }

/* Blend the studio photo's off-white backdrop into the page instead of showing a hard box edge. */
.detailing-car-img {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 11%, #000 91%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 16%, #000 100%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to right, transparent 0%, #000 11%, #000 91%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 16%, #000 100%);
  mask-composite: intersect;
}

/* Keep the Book Tint button above the rising smoked glass so it stays legible and tappable.
   The stage must not form its own stacking context, or the button stays trapped below the glass. */
.tint-stage { z-index: auto; }
.tint-info-block { z-index: 4; }
.tint-info-block .detailing-cta-pill { box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 0 0 1px rgba(255,255,255,.14), 0 6px 18px rgba(0,0,0,.22); }

/* Detailing page: section heading in the same family/weight as the step titles. */
.lps .lps__section-title { font-family: Archivo, Manrope, Arial, sans-serif; font-weight: 800; letter-spacing: -.04em; }
.lps .lps-step__body { font-family: Manrope, Arial, sans-serif; }

/* Racetrack: the station pill sits above the dotted car when it pulls into a station. */
.lps .lps__marker { z-index: 4; }

/* Mobile: the mini-oval markup was never shipped, so show the real track (scaled) above the steps. */
@media (max-width: 900px) {
  .lps .lps__frame { display: block; padding: 34px 9% 4px; }
  .lps .lps__grid { gap: 8px; }
  .lps .lps__section-header { margin-bottom: 0; }
  .lps .lps__marker-label { height: 22px; padding: 0 8px 0 6px; font-size: 10px; gap: 5px; transform: translateY(-14px); }
  .lps .lps__car { width: 7%; }
  .lps .lps-step__title { font-size: clamp(26px, 7.4vw, 34px) !important; margin-bottom: 10px !important; }
  .lps .lps-step__body { font-size: 15px; }
}

/* Detailing contact: a sentence, not two words, so it needs a smaller display size. */
.contact-title.contact-title--long { font-size: clamp(40px, 5.1vw, 82px); line-height: .9; letter-spacing: -.05em; max-width: 11ch; }
@media (max-width: 900px) {
  .contact-title.contact-title--long { font-size: clamp(38px, 10.5vw, 64px); max-width: none; }
}