:root{
  --am-gold:#e4b66d;
  --am-gold-soft:#f3d6a4;
  --am-red:#e3484c;
  --am-blue:#4f8de9;
}

.auto-brand-premium{gap:13px}
.auto-brand-premium .auto-brand-mark-premium{
  width:50px;height:44px;border:0;border-radius:0;background:transparent;
  display:grid;place-items:center;overflow:visible;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:22px;font-weight:1000;
  font-style:italic;letter-spacing:-.14em;
  color:transparent;background-image:linear-gradient(135deg,#fff1cf 0%,#d5a458 48%,#8c6333 100%);
  -webkit-background-clip:text;background-clip:text;
  filter:drop-shadow(0 5px 14px rgba(228,182,109,.2));
}
.auto-brand-premium .auto-brand-copy b{font-size:18px;letter-spacing:.015em}
.auto-brand-premium .auto-brand-copy b em{font-style:normal;color:var(--am-gold)}
.auto-brand-premium .auto-brand-copy small{color:#9199a5;letter-spacing:.2em}

.auto-hero-premium{
  position:relative;isolation:isolate;overflow:hidden;
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);
  min-height:560px;padding:42px 42px 36px;
  border-color:rgba(228,182,109,.22);
  background:
    radial-gradient(circle at 85% 18%,rgba(228,182,109,.14),transparent 24%),
    radial-gradient(circle at 25% 105%,rgba(56,105,172,.18),transparent 34%),
    linear-gradient(145deg,#11161d 0%,#090c10 58%,#05070a 100%);
  box-shadow:0 32px 90px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.025);
}
.auto-hero-premium:after{
  content:"";position:absolute;z-index:-1;inset:auto -8% -38% 36%;height:70%;
  background:radial-gradient(ellipse at center,rgba(228,182,109,.16),transparent 64%);
  filter:blur(18px);pointer-events:none;
}
.auto-hero-copy{position:relative;z-index:5;display:flex;flex-direction:column;justify-content:center;min-width:0}
.auto-hero-kicker{color:#c9b184}
.auto-hero-kicker:before{background:linear-gradient(90deg,var(--am-gold),transparent)}
.auto-hero-premium h1{
  max-width:700px;margin:18px 0 16px;
  font-size:clamp(46px,5.2vw,72px);line-height:.94;letter-spacing:-.06em;
  text-wrap:balance;
}
.auto-hero-premium h1 span{color:#6ba4f5}
.auto-hero-premium h1 em{font-style:normal;color:#f06366}
.auto-hero-premium p{max-width:650px;color:#cbd1da;font-size:17px;line-height:1.55}

.auto-market-route{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:max-content;max-width:100%;
  margin-top:20px;padding:7px;border:1px solid rgba(255,255,255,.08);border-radius:999px;
  background:rgba(3,6,9,.48);backdrop-filter:blur(10px);
}
.auto-market-route>span{display:flex;align-items:center;gap:7px;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.035)}
.auto-market-route i{font-size:16px;font-style:normal;line-height:1}
.auto-market-route b{font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.auto-market-route strong{color:#5c6571;font-size:12px}

.auto-hero-actions{margin-top:22px}
.auto-hero-actions .auto-btn{min-height:50px;border-radius:15px}
.auto-hero-actions .auto-btn.primary{
  min-width:220px;border-color:rgba(228,182,109,.44);
  background:linear-gradient(135deg,#f0d29f 0%,#d39b4f 100%);
  color:#161009;box-shadow:0 12px 30px rgba(211,155,79,.16)
}
.auto-hero-actions .auto-btn.primary span{margin-left:12px;font-size:18px}
.auto-hero-actions .auto-btn.ghost{border-color:rgba(228,182,109,.2);color:#e7d4b3}

.auto-hero-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:28px;max-width:590px}
.auto-hero-features>span{display:flex;align-items:center;gap:9px;min-width:0;padding:2px 13px;border-left:1px solid rgba(255,255,255,.08)}
.auto-hero-features>span:first-child{padding-left:0;border-left:0}
.auto-hero-features i{
  display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid rgba(228,182,109,.32);
  border-radius:10px;color:var(--am-gold-soft);font-style:normal;font-size:13px
}
.auto-hero-features b{font-size:10px;line-height:1.25;color:#aeb6c2;font-weight:750}

.auto-hero-visual{position:relative;z-index:2;min-height:470px;align-self:stretch}
.auto-hero-glow{
  position:absolute;left:10%;right:-8%;bottom:2%;height:56%;
  background:radial-gradient(ellipse at center,rgba(228,182,109,.2),rgba(38,77,126,.1) 40%,transparent 72%);
  filter:blur(24px)
}
.auto-flag-sweep{
  position:absolute;right:-15%;width:84%;height:76px;border-radius:999px;
  transform:rotate(-14deg);opacity:.78;filter:saturate(.9) contrast(.94);
  box-shadow:0 0 30px rgba(255,255,255,.05)
}
.auto-flag-sweep-us{
  top:18%;background:
    linear-gradient(90deg,#263d70 0 24%,transparent 24%),
    repeating-linear-gradient(180deg,#b7323f 0 8px,#f4f0e8 8px 16px)
}
.auto-flag-sweep-us:before{
  content:"✦  ✦  ✦";position:absolute;left:7%;top:17px;color:white;font-size:9px;letter-spacing:5px;opacity:.88
}
.auto-flag-sweep-ge{
  top:31%;right:-9%;height:64px;
  background:
    linear-gradient(90deg,transparent 0 42%,#c73e43 42% 49%,transparent 49%),
    linear-gradient(180deg,transparent 0 41%,#c73e43 41% 55%,transparent 55%),
    #f5f2ec
}
.auto-flag-sweep-ru{
  top:43%;right:-3%;height:68px;
  background:linear-gradient(180deg,#f5f5f3 0 33.33%,#315b9b 33.33% 66.66%,#ba3840 66.66% 100%)
}
.auto-hero-market-label{
  position:absolute;z-index:4;top:7%;right:2%;padding:10px 12px;border:1px solid rgba(255,255,255,.11);
  border-radius:13px;background:rgba(6,8,11,.58);backdrop-filter:blur(12px);text-align:right
}
.auto-hero-market-label span{display:block;color:#a3aab4;font-size:8px;font-weight:850;letter-spacing:.17em}
.auto-hero-market-label b{display:block;margin-top:4px;color:#efe3cf;font-size:11px}

.auto-hero-car{
  position:absolute;z-index:3;overflow:hidden;margin:0;border:1px solid rgba(255,255,255,.12);
  border-radius:22px;background:#0b0e12;box-shadow:0 24px 50px rgba(0,0,0,.42);
  transform-origin:center;transition:transform .25s ease
}
.auto-hero-car img{display:block;width:100%;height:100%;object-fit:cover}
.auto-hero-car figcaption{
  position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;
  padding:28px 13px 11px;background:linear-gradient(180deg,transparent,rgba(3,5,8,.9));color:white
}
.auto-hero-car figcaption span{font-size:9px;color:#b3bac4}
.auto-hero-car figcaption b{font-size:11px;max-width:72%;text-align:right}
.auto-hero-car.primary{left:3%;right:2%;bottom:0;height:58%;transform:rotate(-2deg)}
.auto-hero-car.secondary{right:0;top:23%;width:62%;height:42%;z-index:2;transform:rotate(5deg);opacity:.88}
.auto-hero-premium:hover .auto-hero-car.primary{transform:rotate(-1deg) translateY(-2px)}
.auto-hero-premium:hover .auto-hero-car.secondary{transform:rotate(4deg) translateY(-1px)}

@media(max-width:900px){
  .auto-hero-premium{grid-template-columns:1fr;min-height:0;padding:30px}
  .auto-hero-visual{min-height:400px}
  .auto-hero-premium h1{font-size:clamp(43px,8vw,64px)}
}
@media(max-width:720px){
  .auto-brand-premium .auto-brand-mark-premium{width:43px;height:38px;font-size:19px}
  .auto-brand-premium .auto-brand-copy b{font-size:17px}
  .auto-brand-premium .auto-brand-copy small{font-size:9px}
  .auto-hero-premium{padding:22px 20px 18px;border-radius:22px}
  .auto-hero-premium h1{font-size:clamp(38px,11vw,50px);line-height:.96;margin-top:15px}
  .auto-hero-premium p{font-size:15px}
  .auto-hero-visual{min-height:360px;margin-top:2px}
  .auto-flag-sweep{right:-18%;width:92%;height:58px}
  .auto-flag-sweep-ge{height:52px}
  .auto-flag-sweep-ru{height:54px}
  .auto-hero-market-label{top:5%;right:0}
  .auto-hero-car.primary{left:0;right:4%;height:58%}
  .auto-hero-car.secondary{width:59%;height:40%}
}
@media(max-width:520px){
  .auto-market-route{width:100%;justify-content:space-between;border-radius:17px}
  .auto-market-route>span{padding:5px 6px}
  .auto-market-route b{font-size:9px}
  .auto-hero-features{grid-template-columns:1fr;gap:9px}
  .auto-hero-features>span,.auto-hero-features>span:first-child{padding:0;border-left:0}
  .auto-hero-features b br{display:none}
  .auto-hero-actions{display:grid;grid-template-columns:1fr}
  .auto-hero-actions .auto-btn{width:100%}
  .auto-hero-visual{min-height:315px}
  .auto-hero-market-label{display:none}
  .auto-hero-car.secondary{top:24%;width:61%;height:38%}
  .auto-hero-car.primary{height:58%}
}
@media(max-width:380px){
  .auto-hero-premium{padding:18px 15px 15px}
  .auto-hero-premium h1{font-size:34px}
  .auto-market-route{gap:3px;padding:5px}
  .auto-market-route i{font-size:14px}
  .auto-market-route strong{font-size:10px}
  .auto-hero-visual{min-height:285px}
}


/* auto-mir-simple-hero-v2 */
.auto-hero-simple{
  grid-template-columns:1fr;
  min-height:0;
  padding:34px 32px 30px;
}
.auto-hero-simple .auto-hero-copy{max-width:760px}
.auto-hero-simple .auto-hero-visual,
.auto-hero-simple .auto-hero-features,
.auto-hero-simple .auto-hero-kicker{display:none!important}
.auto-hero-simple h1{margin-top:0}
@media(max-width:720px){
  .auto-hero-simple{padding:22px 18px 20px}
  .auto-hero-simple h1{margin-top:0}
}
@media(max-width:480px){
  .auto-hero-simple{padding:20px 16px 18px}
}


/* auto-mir-reference-hero-v3 */
/* Only the hero image layer changes here. Existing copy, buttons and layout stay intact. */
.auto-hero-simple{
  background-image:
    linear-gradient(90deg,rgba(4,7,11,.86) 0%,rgba(4,7,11,.68) 36%,rgba(4,7,11,.30) 62%,rgba(4,7,11,.08) 100%),
    url('./assets/auto-mir-hero-desktop-v3.webp');
  background-size:cover;
  background-position:center 56%;
  background-repeat:no-repeat;
  background-color:#080b10;
}
.auto-hero-simple:after{
  background:linear-gradient(180deg,rgba(4,7,11,.02) 0%,rgba(4,7,11,.14) 72%,rgba(4,7,11,.34) 100%);
  filter:none;
  inset:0;
  height:auto;
  pointer-events:none;
}
.auto-hero-simple .auto-hero-copy{position:relative;z-index:2}

@media(max-width:720px){
  .auto-hero-simple{
    background-image:
      linear-gradient(90deg,rgba(4,7,11,.88) 0%,rgba(4,7,11,.68) 45%,rgba(4,7,11,.22) 76%,rgba(4,7,11,.08) 100%),
      url('./assets/auto-mir-hero-desktop-v3.webp');
    background-position:78% 58%;
  }
}

@media(max-width:480px){
  .auto-hero-simple{
    background-position:86% 58%;
  }
}

@media(max-width:380px){
  .auto-hero-simple{
    background-position:90% 58%;
  }
}