
/* Intro iniziale cinematica, isolata dal layout */
.site-intro{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:22px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 48%,rgba(255,122,26,.13),transparent 31%),
    #07080a;
  opacity:1;
  visibility:visible;
  transition:opacity .62s ease,visibility .62s ease;
}
.site-intro.is-leaving{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.site-intro__particles{
  position:absolute;
  inset:-10%;
  opacity:0;
  background-image:
    radial-gradient(circle,rgba(255,132,38,.72) 0 1px,transparent 1.6px),
    radial-gradient(circle,rgba(255,172,92,.42) 0 1px,transparent 1.5px);
  background-size:120px 120px,170px 170px;
  background-position:18px 14px,80px 55px;
  animation:introParticles 3.4s .20s ease both;
}
.site-intro__flare{
  position:absolute;
  left:-35%;
  top:50%;
  width:170%;
  height:1px;
  opacity:0;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,122,26,.08) 22%,
    rgba(255,187,121,.9) 50%,
    rgba(255,122,26,.08) 78%,
    transparent 100%
  );
  box-shadow:
    0 0 10px rgba(255,122,26,.55),
    0 0 36px rgba(255,122,26,.20);
  transform:translateX(-30%);
  animation:introFlareSweep 2.45s .55s cubic-bezier(.45,0,.55,1) forwards;
}
.site-intro__logo-wrap{
  position:relative;
  z-index:2;
  width:min(560px,78vw);
  max-height:26vh;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  opacity:0;
  transform:translateY(14px) scale(.975);
  filter:blur(6px);
  animation:introLogoReveal 1.35s .42s cubic-bezier(.22,1,.36,1) forwards;
}
.site-intro__logo-wrap img{
  display:block;
  width:100%;
  max-height:26vh;
  object-fit:contain;
  filter:drop-shadow(0 0 18px rgba(255,122,26,.18));
}
.site-intro__scan{
  position:absolute;
  z-index:3;
  left:-10%;
  right:-10%;
  top:-12%;
  height:2px;
  opacity:0;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,122,26,.06) 12%,
    rgba(255,156,68,.65) 43%,
    rgba(255,225,193,.95) 50%,
    rgba(255,156,68,.65) 57%,
    rgba(255,122,26,.06) 88%,
    transparent 100%
  );
  box-shadow:
    0 0 9px rgba(255,122,26,.62),
    0 0 28px rgba(255,122,26,.26);
  animation:introLogoScan 2.55s .95s cubic-bezier(.45,0,.55,1) forwards;
}
.site-intro p{
  position:relative;
  z-index:2;
  margin:0;
  max-width:84vw;
  color:#b6afa5;
  font-size:11px;
  line-height:1.5;
  font-weight:700;
  letter-spacing:.20em;
  text-transform:uppercase;
  text-align:center;
  opacity:0;
  transform:translateY(8px);
  animation:introTaglineReveal .95s 1.85s ease forwards;
}
@keyframes introParticles{
  0%{opacity:0;transform:scale(1.03)}
  35%{opacity:.44}
  100%{opacity:.21;transform:scale(1)}
}
@keyframes introFlareSweep{
  0%{opacity:0;transform:translateX(-24%)}
  12%{opacity:.55}
  28%{opacity:.88}
  72%{opacity:.78}
  100%{opacity:0;transform:translateX(24%)}
}
@keyframes introLogoReveal{
  to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}
@keyframes introLogoScan{
  0%{top:-10%;opacity:0}
  10%{opacity:.72}
  24%{opacity:.95}
  76%{opacity:.82}
  92%{opacity:.42}
  100%{top:110%;opacity:0}
}
@keyframes introTaglineReveal{
  to{opacity:1;transform:translateY(0)}
}
@media(max-width:760px){
  .site-intro__logo-wrap{width:min(390px,82vw)}
  .site-intro p{
    max-width:78vw;
    font-size:9px;
    letter-spacing:.16em;
  }
}
@media (prefers-reduced-motion:reduce){
  .site-intro__particles,
  .site-intro__flare,
  .site-intro__logo-wrap,
  .site-intro__scan,
  .site-intro p{
    animation:none !important;
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
  }
  .site-intro__flare,
  .site-intro__scan{display:none}
}

:root{--bg:#0E1014;--text:#fff7ea;--muted:#b8b1a4;--line:rgba(255,255,255,.13);--orange:#ff7a1a;--orange2:#ffb15c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 74% 44%,rgba(255,122,26,.14),transparent 34%),radial-gradient(circle at 50% 100%,rgba(255,255,255,.05),transparent 38%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}
.noise{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.11;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.22) 1px,transparent 0);background-size:34px 34px}
.orange-glow{position:fixed;right:-18vw;top:-20vw;width:70vw;height:70vw;border-radius:50%;background:radial-gradient(circle,rgba(255,122,26,.24),transparent 62%);filter:blur(90px);z-index:-2}
.nav{position:fixed;inset:0 0 auto;z-index:30;height:84px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to bottom,rgba(14,16,20,.88),rgba(14,16,20,.42));backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.08)}
.brand img{width:215px;display:block}.menu{display:flex;gap:30px;color:var(--muted);font-size:14px}.menu a:hover{color:var(--text)}.nav-actions{display:flex;gap:12px;align-items:center}.access{padding:11px 17px;border:1px solid var(--line);border-radius:999px;color:var(--text);background:rgba(255,255,255,.035)}.trial{padding:12px 18px;border-radius:999px;color:#1a1006;font-weight:900;background:linear-gradient(135deg,var(--orange),var(--orange2));box-shadow:0 18px 50px rgba(255,122,26,.25)}
.hero{min-height:calc(100vh - 112px);padding:48px 5vw 70px;display:grid;grid-template-columns:.92fr 1.08fr;gap:58px;align-items:center}.eyebrow{margin:0 0 22px;color:var(--orange2);letter-spacing:.22em;text-transform:uppercase;font-size:12px;font-weight:850}h1{margin:0 0 30px;max-width:860px;font-size:clamp(50px,6.1vw,96px);line-height:.96;letter-spacing:-.072em;font-weight:860}.lead{max-width:720px;color:var(--muted);font-size:clamp(18px,1.35vw,22px);line-height:1.72;margin:0}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:38px 0 14px}.button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border-radius:999px;font-weight:850}.primary{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#1a1006;box-shadow:0 24px 70px rgba(255,122,26,.25)}.secondary{border:1px solid var(--line);background:rgba(255,255,255,.045)}.microcopy{margin:0 0 30px;color:#8f897d;font-size:14px}.badges{display:flex;flex-wrap:wrap;gap:10px;max-width:760px}.badges span{color:var(--muted);border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);border-radius:999px;padding:10px 14px;font-size:13px}
.hero-visual{position:relative;min-height:660px;border-radius:52px;overflow:hidden;background:radial-gradient(circle at 50% 54%,rgba(255,122,26,.20),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.11);box-shadow:0 60px 160px rgba(0,0,0,.58)}.hero-visual:before{content:"";position:absolute;inset:34px;border-radius:38px;border:1px solid rgba(255,255,255,.07)}.car-shell{position:absolute;inset:0;z-index:4}model-viewer{position:absolute;inset:0;width:100%;height:100%;--poster-color:transparent}.car-shadow{position:absolute;left:16%;right:16%;bottom:18%;height:42px;background:radial-gradient(ellipse at center,rgba(0,0,0,.75),transparent 70%);filter:blur(12px);z-index:1}.scan{
  position:absolute;
  left:-14%;
  right:-14%;
  height:1.5px;
  z-index:6;
  pointer-events:none;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,122,26,.04) 14%,
    rgba(255,140,48,.34) 42%,
    rgba(255,207,153,.68) 50%,
    rgba(255,140,48,.34) 58%,
    rgba(255,122,26,.04) 86%,
    transparent 100%
  );
  box-shadow:
    0 0 7px rgba(255,122,26,.28),
    0 0 20px rgba(255,122,26,.13);
  opacity:.38;
  mix-blend-mode:screen;
}
.scan-a{
  top:38%;
  animation:lidarA 7s ease-in-out infinite;
}
.scan-b{
  top:56%;
  opacity:.24;
  animation:lidarB 8.4s ease-in-out infinite;
}
@keyframes lidarA{
  0%,100%{transform:translateY(-145px);opacity:.14}
  25%{opacity:.34}
  50%{transform:translateY(145px);opacity:.46}
  75%{opacity:.28}
}
@keyframes lidarB{
  0%,100%{transform:translateY(125px);opacity:.08}
  25%{opacity:.20}
  50%{transform:translateY(-125px);opacity:.29}
  75%{opacity:.16}
}
@media(max-width:1150px){.hero{grid-template-columns:1fr}.hero-visual{min-height:520px}.menu{display:none}}
@media(max-width:760px){.nav{height:74px;padding:0 22px}.brand img{width:160px}.access{display:none}.trial{padding:10px 13px;font-size:13px}.hero{padding:36px 22px 52px;gap:34px}h1{font-size:clamp(43px,13vw,68px)}.hero-visual{min-height:360px;border-radius:34px}}


.workflow-section{
  position:relative;
  padding:130px 5vw 150px;
  background:
    radial-gradient(circle at 20% 20%,rgba(255,122,26,.09),transparent 34%),
    linear-gradient(180deg,#0e1014 0%,#070704 100%);
  border-top:1px solid rgba(255,255,255,.08);
}
.section-kicker{
  color:var(--orange2);
  letter-spacing:.22em;
  text-transform:uppercase;
  font-size:12px;
  font-weight:850;
  text-align:center;
  margin-bottom:18px;
}
.workflow-section h2{
  max-width:1080px;
  margin:0 auto 24px;
  text-align:center;
  font-size:clamp(42px,5.5vw,86px);
  line-height:.98;
  letter-spacing:-.067em;
}
.section-lead{
  max-width:820px;
  margin:0 auto;
  text-align:center;
  color:var(--muted);
  font-size:20px;
  line-height:1.7;
}
.workflow-map{
  margin:54px auto 70px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  color:var(--muted);
}
.workflow-map span{
  padding:11px 15px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.045);
  font-size:13px;
}
.workflow-map span.active{
  color:#1a1006;
  background:linear-gradient(135deg,var(--orange),var(--orange2));
  border-color:transparent;
  font-weight:900;
}
.workflow-map i{
  width:28px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,122,26,.75),transparent);
}
.workflow-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:22px;
  max-width:1320px;
  margin:0 auto;
}
.step-card{
  min-height:620px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:38px;
  padding:28px;
  overflow:hidden;
  background:
    radial-gradient(circle at 80% 0%,rgba(255,122,26,.10),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.078),rgba(255,255,255,.024));
  box-shadow:0 44px 130px rgba(0,0,0,.46);
  display:grid;
  grid-template-rows:auto 1fr;
  gap:26px;
}
.step-card.featured,
.step-card.wide{
  grid-column:1/-1;
  grid-template-columns:.75fr 1.25fr;
  grid-template-rows:auto;
  align-items:center;
}
.step-card.dark{
  background:
    radial-gradient(circle at 50% 0%,rgba(255,122,26,.16),transparent 48%),
    #050503;
}
.step-copy em{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:42px;
  height:42px;
  border-radius:50%;
  background:rgba(255,122,26,.12);
  border:1px solid rgba(255,122,26,.28);
  color:var(--orange2);
  font-style:normal;
  font-weight:900;
  margin-bottom:22px;
}
.step-copy h3{
  margin:0 0 18px;
  font-size:clamp(28px,3.2vw,48px);
  line-height:1.02;
  letter-spacing:-.058em;
}
.step-copy p{
  margin:0;
  color:var(--muted);
  font-size:17px;
  line-height:1.72;
  max-width:560px;
}
.step-screen{
  align-self:stretch;
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:#101010;
  box-shadow:0 34px 90px rgba(0,0,0,.46);
}
.step-screen img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.step-card:not(.featured):not(.wide) .step-screen{
  min-height:300px;
}
@media(max-width:1100px){
  .workflow-grid,
  .step-card.featured,
  .step-card.wide{
    grid-template-columns:1fr;
  }
  .step-card.featured,
  .step-card.wide{
    grid-column:auto;
  }
}
@media(max-width:760px){
  .workflow-section{padding:90px 22px}
  .workflow-map i{display:none}
  .step-card{min-height:auto;border-radius:30px;padding:20px}
  .step-screen{border-radius:22px}
}

.benefits,.pricing-section,.fenix-section,.final-section{
  padding:130px 5vw;
  background:#0e1014;
  border-top:1px solid rgba(255,255,255,.08);
}
.benefits h2,.pricing-section h2,.fenix-section h2,.final-section h2,.dossier-section h2{
  max-width:1050px;
  margin:0 auto 44px;
  text-align:center;
  font-size:clamp(42px,5.5vw,86px);
  line-height:.98;
  letter-spacing:-.067em;
}
.benefit-grid,.pricing-grid{
  max-width:1280px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.benefit-grid article,.pricing-grid article,.dossier-card{
  border:1px solid rgba(255,255,255,.12);
  border-radius:36px;
  padding:34px;
  background:linear-gradient(145deg,rgba(255,255,255,.078),rgba(255,255,255,.024));
  box-shadow:0 44px 130px rgba(0,0,0,.42);
}
.benefit-grid span{
  color:var(--orange2);
  font-weight:900;
}
.benefit-grid h3,.pricing-grid h3,.dossier-card h3{
  font-size:28px;
  letter-spacing:-.045em;
  margin:42px 0 16px;
}
.benefit-grid p,.pricing-grid p,.fenix-section p,.final-section p,.dossier-copy p,.dossier-card li{
  color:var(--muted);
  line-height:1.7;
  font-size:18px;
}
.dossier-section{
  padding:130px 5vw;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:44px;
  align-items:center;
  background:radial-gradient(circle at 80% 40%,rgba(255,122,26,.13),transparent 34%),#070704;
  border-top:1px solid rgba(255,255,255,.08);
}
.dossier-section h2{
  text-align:left;
  margin-left:0;
}
.left{text-align:left}
.dossier-card ul,.pricing-grid ul{
  padding-left:20px;
}
.price-main{
  border-color:rgba(255,122,26,.36)!important;
}
.price-main p{
  color:var(--orange2);
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:12px;
  font-weight:900;
}
.price-main h3{
  font-size:clamp(52px,6vw,88px);
  margin:12px 0 24px;
}
.price-main small{
  font-size:22px;
  color:var(--muted);
  letter-spacing:0;
}
.pricing-grid strong{
  display:block;
  color:var(--orange2);
  margin-top:24px;
  font-size:22px;
}
.fenix-section,.final-section{
  text-align:center;
}
.fenix-section p,.final-section p{
  max-width:820px;
  margin:0 auto;
}
.center{justify-content:center}
.final-section{
  background:radial-gradient(circle at 50% 20%,rgba(255,122,26,.16),transparent 38%),#050503;
}
.footer{
  padding:38px 5vw;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:28px;
  border-top:1px solid rgba(255,255,255,.08);
  color:var(--muted);
  background:#070704;
}
.footer img{width:210px}
@media(max-width:1000px){
  .benefit-grid,.pricing-grid,.dossier-section{grid-template-columns:1fr}
}
@media(max-width:760px){
  .benefits,.pricing-section,.fenix-section,.final-section,.dossier-section{padding:90px 22px}
  .footer{flex-direction:column;align-items:flex-start}
}

.pricing-two{grid-template-columns:1.2fr .8fr;max-width:1040px}
.modules-section{padding:130px 5vw 150px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(255,122,26,.14),transparent 35%),linear-gradient(180deg,#070704 0%,#0e1014 100%);border-top:1px solid rgba(255,255,255,.08)}
.modules-section:before{content:"";position:absolute;width:720px;height:720px;left:50%;top:210px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,122,26,.09),transparent 66%);filter:blur(40px);pointer-events:none}
.modules-section>*{position:relative;z-index:1}.modules-section>h2{max-width:1120px;margin:0 auto 24px;text-align:center;font-size:clamp(42px,5.5vw,86px);line-height:.98;letter-spacing:-.067em}.modules-lead{max-width:760px;margin:0 auto;text-align:center;color:var(--muted);font-size:20px;line-height:1.7}
.status-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:34px 0 62px}.status{display:inline-flex;align-items:center;gap:8px;width:max-content;padding:9px 13px;border-radius:999px;font-size:12px;font-weight:850;letter-spacing:.025em;border:1px solid transparent}.status:before{content:"";width:7px;height:7px;border-radius:50%;box-shadow:0 0 14px currentColor}.status.included{color:#9be59e;background:rgba(70,170,84,.10);border-color:rgba(111,211,124,.24)}.status.soon{color:#85b8ff;background:rgba(59,121,212,.10);border-color:rgba(92,153,239,.25)}.status.development{color:#ffb15c;background:rgba(255,122,26,.10);border-color:rgba(255,122,26,.26)}
.module-system{max-width:1320px;margin:0 auto}.core-module{max-width:820px;margin:0 auto;padding:42px;border-radius:42px;border:1px solid rgba(255,122,26,.38);background:radial-gradient(circle at 80% 0%,rgba(255,122,26,.14),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025));box-shadow:0 50px 150px rgba(0,0,0,.52),0 0 80px rgba(255,122,26,.07)}
.module-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.module-code{color:var(--orange2);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:900}.core-module h3{margin:34px 0 26px;font-size:clamp(34px,4vw,58px);line-height:1;letter-spacing:-.06em}.core-module ul{display:grid;grid-template-columns:1fr 1fr;gap:13px 28px;margin:0;padding:0;list-style:none}
.core-module li,.module-card li{color:var(--muted);line-height:1.55;position:relative;padding-left:20px}.core-module li:before,.module-card li:before{content:"";position:absolute;left:0;top:.65em;width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px rgba(255,122,26,.55)}
.module-connectors{height:94px;max-width:940px;margin:0 auto;position:relative}.module-connectors:before{content:"";position:absolute;left:50%;top:0;width:1px;height:47px;background:linear-gradient(var(--orange),rgba(255,122,26,.28))}.module-connectors:after{content:"";position:absolute;top:47px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,122,26,.55),transparent)}.module-connectors span{position:absolute;top:47px;width:1px;height:47px;background:linear-gradient(rgba(255,122,26,.42),transparent)}.module-connectors span:nth-child(1){left:16.66%}.module-connectors span:nth-child(2){left:50%}.module-connectors span:nth-child(3){left:83.33%}
.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.module-card{min-height:420px;padding:30px;border-radius:34px;border:1px solid rgba(255,255,255,.11);background:radial-gradient(circle at 100% 0%,rgba(255,122,26,.08),transparent 40%),linear-gradient(145deg,rgba(255,255,255,.068),rgba(255,255,255,.018));box-shadow:0 36px 100px rgba(0,0,0,.38);transition:transform .25s ease,border-color .25s ease,background .25s ease}.module-card:hover{transform:translateY(-6px);border-color:rgba(255,122,26,.27);background:radial-gradient(circle at 100% 0%,rgba(255,122,26,.13),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.024))}.module-icon{width:48px;height:48px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;border-radius:16px;border:1px solid rgba(255,122,26,.25);background:rgba(255,122,26,.09);color:var(--orange2);font-weight:900}.module-card h3{margin:28px 0 20px;font-size:29px;line-height:1.05;letter-spacing:-.05em}.module-card ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.modules-closing{max-width:940px;margin:70px auto 0;padding:38px 42px;text-align:center;border-radius:34px;border:1px solid rgba(255,122,26,.22);background:rgba(255,122,26,.055)}.modules-closing strong{display:block;margin-bottom:14px;font-size:clamp(24px,3vw,40px);letter-spacing:-.045em}.modules-closing p{margin:0;color:var(--muted);font-size:18px;line-height:1.7}
@media(max-width:1000px){.pricing-two,.module-grid{grid-template-columns:1fr}.module-connectors{display:none}.core-module{margin-bottom:20px}}
@media(max-width:760px){.modules-section{padding:90px 22px}.core-module{padding:28px;border-radius:32px}.core-module ul{grid-template-columns:1fr}.module-card{min-height:auto}.modules-closing{padding:30px 22px}}


/* =========================================================
   FIX GLB SOLO MOBILE — DESKTOP E INTRO V7.2 INVARIATI
   ========================================================= */
@media (max-width: 900px) {
  .hero {
    display:flex !important;
    flex-direction:column !important;
    grid-template-columns:none !important;
    align-items:stretch !important;
    gap:28px !important;
  }

  .hero-visual {
    order:1 !important;
    position:relative !important;
    width:100% !important;
    height:440px !important;
    min-height:440px !important;
    max-height:440px !important;
    margin:0 !important;
    overflow:hidden !important;
    border-radius:30px !important;
    transform:translateZ(0);
    backface-visibility:hidden;
  }

  .hero-copy {
    order:2 !important;
    width:100% !important;
  }

  .hero-visual model-viewer,
  model-viewer#heroModel {
    display:block !important;
    width:100% !important;
    height:440px !important;
    min-height:440px !important;
    max-height:440px !important;
    background:transparent !important;
    touch-action:pan-y pinch-zoom;
    contain:layout paint style;
  }

  .hero-visual:before {
    inset:18px !important;
    border-radius:22px !important;
  }

  .car-shadow {
    left:11% !important;
    right:11% !important;
    bottom:12% !important;
    filter:blur(9px) !important;
  }

  .hero-visual:active .scan,
  .hero-visual:focus-within .scan {
    animation-play-state:paused;
  }
}

@media (max-width: 480px) {
  .hero-visual,
  .hero-visual model-viewer,
  model-viewer#heroModel {
    height:390px !important;
    min-height:390px !important;
    max-height:390px !important;
  }
}
