:root { --ink:#e9f1f3; --muted:#9baab0; --bg:#091013; --panel:#111b20; --panel-2:#17252b; --line:rgba(207,235,239,.16); --acid:#d7ff45; --blue:#79d5ef; --amber:#f6b55c; --red:#f07b62; --display:"Space Grotesk",Arial,sans-serif; --mono:"IBM Plex Mono",monospace; --gutter:clamp(22px,6vw,94px); --content:1240px; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--display);line-height:1.45} a{color:inherit} button,a{-webkit-tap-highlight-color:transparent} :focus-visible{outline:2px solid var(--acid);outline-offset:4px}.skip-link{position:fixed;left:18px;top:-80px;z-index:100;visibility:hidden;padding:12px 16px;background:var(--acid);color:#091013}.skip-link:focus{top:18px;visibility:visible}
.site-header{position:absolute;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;min-height:86px;padding:0 var(--gutter);border-bottom:1px solid rgba(207,235,239,.12);color:#fff}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-family:var(--mono);font-size:.82rem;letter-spacing:.05em}.brand b{color:var(--acid);font-weight:500}.brand-mark{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--acid);border-radius:50%;color:var(--acid);font-family:var(--display);font-weight:700}.site-nav{position:relative;display:flex;align-items:center;gap:28px;margin-left:auto;margin-right:32px;font-family:var(--mono);font-size:.7rem}.site-nav a{position:relative;text-decoration:none;color:rgba(233,241,243,.72);transition:color 200ms ease}.site-nav a:hover,.site-nav a.is-current{color:#fff}.nav-spotlight{position:absolute;left:0;bottom:-12px;width:40px;height:2px;background:var(--acid);box-shadow:0 0 18px rgba(215,255,69,.8);transition:transform 280ms ease,width 280ms ease}.header-cta,.primary-button,.secondary-button,.panel-cta,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border-radius:999px;text-decoration:none;font-weight:700;transition:transform 220ms ease,background 220ms ease,color 220ms ease}.header-cta{padding:11px 15px;border:1px solid rgba(215,255,69,.6);font-size:.75rem}.header-cta svg,.primary-button svg,.secondary-button svg,.panel-cta svg,.text-button svg{width:16px;height:16px}.header-cta:hover,.primary-button:hover,.secondary-button:hover,.panel-cta:hover,.text-button:hover{transform:translateY(-3px)}.menu-toggle{display:none;width:48px;height:48px;border:0;background:transparent;color:#fff}
.hero{position:relative;display:flex;align-items:end;min-height:min(900px,100dvh);overflow:hidden;padding:170px var(--gutter) 100px;background:#0b1317}.hero-image,.hero-shade,.hero-grid{position:absolute;inset:0}.hero-image{background-position:center;background-size:cover;filter:saturate(.7) contrast(1.1);transform:scale(1.04);animation:hero-drift 18s ease-in-out infinite alternate}.hero-shade{background:linear-gradient(90deg,rgba(5,12,15,.92),rgba(5,12,15,.67) 46%,rgba(5,12,15,.18))}.hero-grid{opacity:.16;background-image:linear-gradient(rgba(121,213,239,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(121,213,239,.22) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,#000,transparent 75%)}.hero-content{position:relative;z-index:4;max-width:700px}.eyebrow{margin:0 0 17px;color:var(--acid);font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}.hero h1,.scanner-heading h2,.process-intro h2,.gallery-heading h2,.trust-copy h2,.cta-section h2{margin:0;font-weight:600;line-height:.95;letter-spacing:-.06em}.hero h1{max-width:10ch;font-size:clamp(4rem,9vw,9.2rem)}.hero h1 em{color:var(--acid);font-style:normal}.hero-copy{max-width:50ch;margin:28px 0 34px;color:rgba(233,241,243,.78);font-size:clamp(1rem,1.6vw,1.22rem)}.primary-button{padding:14px 20px;background:var(--acid);color:#091013}.secondary-button{padding:14px 20px;border:1px solid rgba(233,241,243,.45);color:#fff}.hero-facts{position:absolute;right:var(--gutter);bottom:100px;z-index:4;display:flex;flex-direction:column;gap:15px;color:rgba(233,241,243,.72);font-family:var(--mono);font-size:.7rem;text-align:right;text-transform:uppercase}.hero-facts b{color:var(--acid);font-weight:500}.vehicle-stage{position:absolute;right:2%;bottom:3%;z-index:2;width:min(56vw,760px);height:min(58vw,570px)}#vehicle-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2}.fallback-car{position:absolute;left:50%;top:51%;width:72%;height:34%;border:2px solid rgba(121,213,239,.7);border-radius:42% 48% 15% 18%;background:linear-gradient(145deg,rgba(38,70,78,.62),rgba(9,17,20,.15));transform:translate(-50%,-50%) skewX(-7deg);box-shadow:0 0 70px rgba(121,213,239,.16)}.fallback-roof{position:absolute;left:25%;top:-49%;width:50%;height:75%;border:2px solid rgba(121,213,239,.65);border-bottom:0;border-radius:60% 60% 0 0;background:rgba(121,213,239,.08)}.fallback-window{position:absolute;left:31%;top:-37%;width:38%;height:56%;border:1px solid rgba(121,213,239,.6);background:rgba(121,213,239,.14);transform:skewX(4deg)}.fallback-wheel{position:absolute;bottom:-16%;width:18%;aspect-ratio:1;border:8px solid #0a1114;border-radius:50%;background:radial-gradient(circle,#79d5ef 0 10%,#26363b 11% 30%,#070b0d 31% 100%);box-shadow:0 0 0 1px rgba(121,213,239,.5)}.wheel-front{right:10%}.wheel-back{left:10%}.fallback-light{position:absolute;right:1%;top:28%;width:12%;height:8%;border-radius:50%;background:var(--acid);box-shadow:0 0 25px var(--acid)}.vehicle-hotspot{position:absolute;z-index:6;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--acid);border-radius:50%;background:rgba(9,16,19,.8);color:var(--acid);cursor:pointer;transition:transform 220ms ease,background 220ms ease}.vehicle-hotspot svg{width:17px;height:17px}.vehicle-hotspot:hover,.vehicle-hotspot.is-active{background:var(--acid);color:#091013;transform:scale(1.18)}.hotspot-engine{left:30%;top:41%}.hotspot-wheel{right:15%;bottom:26%}.hotspot-body{right:28%;top:27%}.hotspot-air{left:48%;top:20%}.hero-dock{position:absolute;right:var(--gutter);bottom:37px;z-index:7;display:flex;gap:5px;padding:6px;border:1px solid rgba(215,255,69,.35);border-radius:999px;background:rgba(9,16,19,.55);backdrop-filter:blur(14px)}.dock-item{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:8px 11px;border:0;border-radius:999px;background:transparent;color:rgba(233,241,243,.68);cursor:pointer;font:inherit;font-family:var(--mono);font-size:.63rem;transition:background 200ms ease,color 200ms ease,transform 200ms ease}.dock-item svg{width:14px;height:14px}.dock-item:hover,.dock-item.is-active{background:var(--acid);color:#091013;transform:translateY(-2px)}
.scanner-section{padding:145px var(--gutter) 160px;background:var(--bg)}.scanner-section>*{max-width:var(--content);margin-left:auto;margin-right:auto}.section-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;border-bottom:1px solid var(--line);padding-bottom:16px}.section-topline>span,.process-counter,.cta-meta{color:var(--muted);font-family:var(--mono);font-size:.66rem;text-transform:uppercase}.scanner-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:end;margin-bottom:70px}.scanner-heading h2{max-width:11ch;font-size:clamp(3rem,6vw,6.4rem)}.scanner-heading p{max-width:34ch;margin:0;color:var(--muted);font-size:1.08rem}.scanner-shell{display:grid;grid-template-columns:.82fr 1.18fr;gap:0;border:1px solid var(--line);background:var(--panel)}.service-selector{display:flex;flex-direction:column;padding:12px;border-right:1px solid var(--line)}.service-chip{position:relative;display:grid;grid-template-columns:34px 1fr 22px;grid-template-rows:auto auto;gap:3px 10px;min-height:82px;padding:15px 13px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;cursor:pointer;transition:background 220ms ease,color 220ms ease}.service-chip:last-child{border-bottom:0}.service-chip span,.service-chip small{grid-column:2;color:var(--muted);font-family:var(--mono);font-size:.62rem}.service-chip strong{grid-column:2;font-size:1rem}.service-chip>svg{grid-column:3;grid-row:1 / span 2;align-self:center;width:18px;height:18px;color:var(--blue)}.service-chip.is-active{background:var(--acid);color:#091013}.service-chip.is-active span,.service-chip.is-active small,.service-chip.is-active>svg{color:#30410a}.service-panel{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;min-height:550px;overflow:hidden;padding:65px clamp(30px,6vw,90px);background:linear-gradient(135deg,#18272d,#0d1519);}.panel-orbit{position:absolute;right:-14%;top:7%;z-index:-1;width:66%;aspect-ratio:1;border:1px solid rgba(121,213,239,.28);border-radius:50%;transform:rotate(25deg)}.panel-orbit:after{content:"";position:absolute;inset:15%;border:1px solid rgba(215,255,69,.24);border-radius:50%}.panel-index{margin:0;color:var(--acid);font-family:var(--mono);font-size:.66rem;letter-spacing:.13em;text-transform:uppercase}.service-panel h3{max-width:8ch;margin:20px 0;font-size:clamp(3.1rem,6vw,6.4rem);line-height:.9;letter-spacing:-.07em}.service-panel>p:not(.panel-index){max-width:42ch;margin:0;color:rgba(233,241,243,.72);font-size:1.06rem}.service-tags{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}.service-tags span{padding:8px 10px;border:1px solid rgba(121,213,239,.3);border-radius:999px;color:var(--blue);font-family:var(--mono);font-size:.62rem}.panel-cta{align-self:flex-start;padding:13px 18px;background:var(--blue);color:#091013}
.process-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:150px var(--gutter);background:#e7eff0;color:#0b1519}.process-intro h2{max-width:9ch;font-size:clamp(3rem,6vw,6rem);color:#0b1519}.process-intro>p:not(.eyebrow){max-width:34ch;color:#586a70;font-size:1.05rem}.process-counter{display:flex;gap:8px;margin-top:65px;color:#0b1519}.process-counter span:first-child{color:#0796bd;font-size:1.4rem}.process-stack{position:relative;min-height:570px;padding-top:20px}.process-card{position:relative;display:grid;grid-template-columns:1fr 22px;gap:20px;width:100%;min-height:116px;margin-top:-1px;padding:20px 0;border:0;border-top:1px solid rgba(11,21,25,.2);background:transparent;color:#0b1519;text-align:left;cursor:pointer;transition:padding 300ms ease,color 300ms ease}.process-card strong{display:block;font-size:clamp(1.35rem,2vw,2rem);font-weight:600;line-height:1}.process-card small,.process-card-top{display:block;font-family:var(--mono);font-size:.66rem}.process-card-top{margin-bottom:13px;color:#62757a;text-transform:uppercase}.process-card small{margin-top:10px;color:#62757a}.process-card svg{grid-column:2;grid-row:1 / span 3;color:#0b9ec4}.process-card.is-active{padding:32px 22px;background:#0b1519;color:#fff}.process-card.is-active .process-card-top,.process-card.is-active small{color:var(--blue)}.process-detail{margin-top:50px;padding:25px 0;border-top:1px solid rgba(11,21,25,.2)}.process-detail h3{margin:10px 0;color:#0b1519;font-size:2rem}.process-detail p{max-width:38ch;margin:0;color:#586a70}
.service-gallery{padding:145px var(--gutter) 160px;background:var(--panel);color:var(--ink)}.service-gallery>*{max-width:var(--content);margin-left:auto;margin-right:auto}.gallery-heading{display:grid;grid-template-columns:1fr .7fr;gap:8vw;align-items:end;margin-bottom:55px}.gallery-heading h2{max-width:10ch;margin:0;font-size:clamp(3rem,6vw,6.2rem);line-height:.92;letter-spacing:-.06em}.gallery-heading p{max-width:36ch;margin:0;color:var(--muted)}.service-accordion{display:flex;gap:8px;min-height:540px}.accordion-panel{position:relative;display:flex;flex:1 1 0;flex-direction:column;justify-content:flex-end;min-width:0;overflow:hidden;padding:24px;border:0;background-position:center;background-size:cover;color:#fff;text-align:left;cursor:pointer;transition:flex 550ms cubic-bezier(.2,.75,.2,1),filter 350ms ease}.accordion-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,12,15,.93),rgba(5,12,15,.08) 74%)}.accordion-panel:not(.is-open){filter:brightness(.65) saturate(.7)}.accordion-panel.is-open{flex:4 1 0}.accordion-panel>*{position:relative;z-index:1}.accordion-index{display:block;margin-bottom:auto;color:var(--acid);font-family:var(--mono);font-size:.68rem}.accordion-name{display:block;font-size:clamp(1.8rem,3.4vw,3.6rem);font-weight:600;line-height:.95;letter-spacing:-.05em}.accordion-caption{display:block;max-width:28ch;margin-top:10px;color:rgba(255,255,255,.75);font-family:var(--mono);font-size:.67rem}
.trust-section{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:150px var(--gutter);background:#f2f6f3;color:#0a171b}.trust-copy h2{max-width:9ch;font-size:clamp(3rem,5.4vw,5.8rem)}.trust-copy>p:not(.eyebrow){max-width:40ch;color:#617176;font-size:1.05rem}.text-button{margin-top:25px;color:#0b9ec4}.trust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:30px;background:rgba(10,23,27,.2);border:1px solid rgba(10,23,27,.2)}.trust-stat{display:flex;min-height:142px;flex-direction:column;justify-content:space-between;padding:17px;background:#f2f6f3}.trust-stat strong{font-size:clamp(1.7rem,3vw,3rem);letter-spacing:-.05em}.trust-stat span{color:#617176;font-family:var(--mono);font-size:.66rem;text-transform:uppercase}.quote-switcher{grid-column:1 / -1;display:grid;grid-template-columns:48px 1fr 48px;gap:20px;align-items:center;margin-top:75px;padding-top:25px;border-top:1px solid rgba(10,23,27,.2)}.quote-switcher blockquote{max-width:70ch;margin:0}.quote-switcher p{margin:0;font-size:clamp(1.4rem,2.5vw,2.2rem);line-height:1.12}.quote-switcher cite{display:block;margin-top:16px;color:#617176;font-family:var(--mono);font-size:.66rem;font-style:normal}.quote-arrow{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(10,23,27,.35);border-radius:50%;background:transparent;color:#0a171b;cursor:pointer;transition:background 180ms ease,color 180ms ease}.quote-arrow:hover{background:#0a171b;color:#fff}
.cta-section{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:170px var(--gutter) 130px;background:var(--acid);color:#091013;text-align:center}.cta-grid{position:absolute;inset:0;z-index:-1;opacity:.22;background-image:linear-gradient(rgba(9,16,19,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(9,16,19,.18) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(circle at center,#000,transparent 70%)}.cta-section h2{max-width:9ch;font-size:clamp(3.8rem,8vw,8.8rem)}.cta-section>p:not(.eyebrow){margin:28px 0 32px;font-size:1.1rem}.cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.cta-section .primary-button{background:#091013;color:var(--acid)}.cta-section .secondary-button{border-color:#091013;color:#091013}.cta-meta{margin-top:76px;color:rgba(9,16,19,.65)}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 30px;padding:26px var(--gutter);background:#05090b;color:rgba(233,241,243,.6);font-family:var(--mono);font-size:.62rem;text-transform:uppercase}
@keyframes hero-drift{from{transform:scale(1.04)}to{transform:scale(1.1)}}
@media(max-width:820px){.site-header{min-height:70px}.site-nav,.header-cta{display:none}.menu-toggle{display:grid;place-items:center}.site-nav.is-open{position:absolute;top:70px;left:var(--gutter);right:var(--gutter);display:flex;flex-direction:column;gap:0;margin:0;padding:10px;background:#e7eff0;color:#091013}.site-nav.is-open a{min-height:48px;padding:14px}.nav-spotlight{display:none}.hero{min-height:780px;padding-top:130px}.hero-shade{background:linear-gradient(0deg,rgba(5,12,15,.94),rgba(5,12,15,.2) 80%)}.hero h1{font-size:clamp(3.5rem,16vw,6rem)}.vehicle-stage{right:-9%;bottom:15%;width:92vw;height:47vw;opacity:.76}.hero-facts{right:var(--gutter);bottom:148px;gap:7px;font-size:.59rem}.hero-dock{right:var(--gutter);bottom:37px;left:var(--gutter);justify-content:space-between}.dock-item{flex:1;justify-content:center;padding:8px 4px}.dock-item span{display:none}.scanner-heading,.gallery-heading,.trust-section,.process-section{grid-template-columns:1fr}.scanner-heading{gap:25px;margin-bottom:45px}.scanner-shell{grid-template-columns:1fr}.service-selector{display:grid;grid-template-columns:repeat(2,1fr);border-right:0;border-bottom:1px solid var(--line)}.service-chip{min-height:94px;border-right:1px solid var(--line)}.service-chip:nth-child(even){border-right:0}.service-chip:nth-last-child(-n+2){border-bottom:0}.service-panel{min-height:510px;padding:48px 28px}.process-section,.trust-section{gap:65px}.process-stack{min-height:0}.process-counter{margin-top:40px}.service-gallery{padding-top:100px}.gallery-heading{gap:25px}.service-accordion{min-height:560px;flex-direction:column}.accordion-panel,.accordion-panel.is-open{flex:1 1 0;min-height:78px;padding:18px}.accordion-panel.is-open{flex:3 1 0}.accordion-caption{display:none}.trust-grid{margin-top:0}.quote-switcher{margin-top:35px}.quote-switcher p{font-size:1.3rem}.cta-section{padding-top:120px}.cta-actions{width:100%}.cta-actions a{width:100%}.cta-meta{line-height:1.7}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.hero-content{width:min(100%,700px)}
@media(max-width:820px){.hero-content{width:100%;max-width:100%}.hero-copy{width:min(100%,300px);max-width:300px;overflow-wrap:anywhere}.hero-shade{background:linear-gradient(0deg,rgba(5,12,15,.96),rgba(5,12,15,.22) 80%)}.vehicle-stage{right:-22%;bottom:4%;width:112vw;height:57vw;opacity:.42}}
@media(max-width:820px){.scanner-shell,.service-selector,.service-panel{min-width:0}.service-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.service-chip{min-width:0}.service-chip strong,.service-chip small{min-width:0;overflow-wrap:anywhere}}

@media (min-width: 821px) and (max-width: 1200px) {
  .hero h1 { font-size: clamp(4rem, 7.2vw, 7rem); }
  .scanner-heading h2,
  .process-intro h2,
  .gallery-heading h2,
  .trust-copy h2,
  .cta-section h2 { font-size: clamp(2.8rem, 4.8vw, 5.2rem); }
}

@media (max-width: 820px) {
  .site-nav.is-open {
    background: #111b20;
    color: var(--ink);
    border: 1px solid rgba(121, 213, 239, 0.35);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
  }

  .site-nav.is-open a {
    color: var(--ink);
    border-bottom: 1px solid var(--line);
  }

  .site-nav.is-open a.is-current {
    background: var(--acid);
    color: #091013;
  }

  .vehicle-stage {
    right: -36%;
    bottom: 7%;
    width: 132vw;
    height: 76vw;
    opacity: 0.68;
  }

  .hero-dock .dock-item {
    gap: 4px;
    padding-inline: 6px;
    font-size: 0.55rem;
  }

  .hero-dock .dock-item span {
    display: inline;
  }
}

/* Final visual adjustments from the review PDF. */
.hero h1 {
  max-width: 11ch;
  font-size: clamp(3.7rem, 7.8vw, 8rem);
}

.vehicle-stage {
  right: 5%;
  bottom: 7%;
  width: min(60vw, 830px);
  height: min(60vw, 620px);
}

.scanner-heading {
  grid-template-columns: 1.04fr 0.96fr;
  gap: 5vw;
  margin-bottom: 58px;
}

.scanner-heading p,
.gallery-heading > p,
.trust-copy > p:not(.eyebrow) {
  font-size: 1.14rem;
}

.service-panel h3 {
  max-width: 11ch;
  font-size: clamp(2.7rem, 5.1vw, 5.5rem);
}

.process-intro h2 {
  max-width: 10ch;
  font-size: clamp(2.7rem, 5.2vw, 5.25rem);
}

.process-section .eyebrow,
.trust-section .eyebrow {
  color: #087e9a;
}

@media (max-width: 820px) {
  .hero {
    min-height: 820px;
    padding-top: 112px;
    padding-bottom: 124px;
  }

  .hero h1 {
    max-width: 12ch;
    font-size: clamp(3.1rem, 13vw, 5.2rem);
  }

  .hero-copy {
    max-width: 34rem;
  }

  .vehicle-stage {
    display: none;
  }

  .hero-facts {
    bottom: 150px;
  }

  .service-panel h3 {
    max-width: 13ch;
  }
}