/* ГазДрайв v2 — визуальный слой поверх базового шаблона (Москва) */
:root{
  --font:"Manrope",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --font-d:"Unbounded","Manrope",system-ui,sans-serif;
  --flame:#FF9A1F;--orange:#FF6A13;
  --flame-grad:linear-gradient(100deg,#FFC04A 0%,#FF9A1F 40%,#FF5E13 100%);
  --paper-2:#F5F3EF;--paper-3:#EFEBE4;--line:#E7E1D8;
  --r:18px;--r-l:28px;
  --shadow:0 22px 50px -28px rgba(20,16,10,.35);
  --shadow-l:0 40px 90px -40px rgba(20,16,10,.55);
}
body{font-family:var(--font);letter-spacing:-.01em}
h1,h2,.hero h1,.phero h1{font-family:var(--font-d);letter-spacing:-.025em;font-weight:700}
h2{font-size:clamp(1.7rem,1.1rem + 2vw,2.6rem);line-height:1.1}
.eyebrow{font-family:var(--font);font-weight:800;letter-spacing:.14em;color:var(--orange)}
.section--paper{background:var(--paper-2)}

/* кнопки */
.btn{border-radius:999px;font-weight:800;padding-inline:26px;box-shadow:0 14px 30px -14px rgba(255,106,19,.7);transition:transform .25s,box-shadow .25s,filter .25s}
.btn:hover{transform:translateY(-2px);box-shadow:0 20px 40px -16px rgba(255,106,19,.85);filter:saturate(1.1)}
.btn--ghost{box-shadow:none}
.hdr__cta{border-radius:999px}

/* шапка */
.hdr{background:rgba(10,12,16,.72)}
.logo{font-family:var(--font-d)}

/* ---------- главный экран с фото ---------- */
.gd-hero{min-height:min(92vh,860px);display:flex;align-items:center;padding:88px 0 96px;
  background:
    linear-gradient(90deg,rgba(6,8,12,.94) 0%,rgba(6,8,12,.78) 38%,rgba(6,8,12,.35) 70%,rgba(6,8,12,.55) 100%),
    linear-gradient(0deg,rgba(6,8,12,.9) 0%,rgba(6,8,12,0) 35%),
    url(/assets/img/lc200-e777f.webp) 62% 58%/cover no-repeat;}
.gd-hero .hero__stripes{display:none}
.gd-hero h1{font-size:clamp(2.3rem,1.2rem + 4vw,4.4rem);line-height:1.02;text-shadow:0 6px 40px rgba(0,0,0,.45)}
.gd-hero .hl{background:var(--flame-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.gd-hero form{background:rgba(14,17,23,.78)!important;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 40px 100px -40px rgba(0,0,0,.9)}
.gd-hero .chip{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);backdrop-filter:blur(8px)}

/* ---------- шапки внутренних страниц с фото ---------- */
.gd-phero{background:
    linear-gradient(90deg,rgba(6,8,12,.93) 0%,rgba(6,8,12,.8) 45%,rgba(6,8,12,.45) 100%),
    var(--ph) center/cover no-repeat;padding-bottom:64px}
.gd-phero h1{font-size:clamp(1.9rem,1.1rem + 2.8vw,3.3rem);line-height:1.06}
.gd-phero .phero__price{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px 16px;backdrop-filter:blur(6px)}
.gd-phero form{background:rgba(14,17,23,.8)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}

/* ---------- цифры + бегущая строка ---------- */
.gd-band{background:#0B0D12;color:#EEF1F6;padding:34px 0 0;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06)}
.gd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.gd-stat{padding:6px 0 26px;border-left:1px solid rgba(255,255,255,.1);padding-left:20px}
.gd-stat:first-child{border-left:0;padding-left:0}
.gd-stat b{display:block;font-family:var(--font-d);font-size:clamp(1.9rem,1.2rem + 2vw,2.8rem);line-height:1;background:var(--flame-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.gd-stat span{display:block;margin-top:8px;color:#9AA3B2;font-size:.95rem;max-width:22ch}
.gd-marquee{border-top:1px solid rgba(255,255,255,.07);padding:16px 0;white-space:nowrap;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.gd-marquee>div{display:inline-flex;gap:46px;animation:gd-mq 38s linear infinite}
.gd-marquee span{font-family:var(--font-d);font-weight:600;font-size:1.05rem;color:#5E6778;letter-spacing:.02em}
@keyframes gd-mq{to{transform:translateX(-50%)}}

/* ---------- марки с фото ---------- */
.gd-brands{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:16px}
.gd-brand{position:relative;display:block;overflow:hidden;border-radius:var(--r-l);color:#fff;text-decoration:none;isolation:isolate;box-shadow:var(--shadow)}
.gd-brand--wide{grid-column:span 2;grid-row:span 2}
.gd-brand img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1);z-index:-2}
.gd-brand::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,8,12,.88) 0%,rgba(6,8,12,.15) 55%,rgba(6,8,12,0) 100%);z-index:-1}
.gd-brand:hover img{transform:scale(1.07)}
.gd-brand__t{position:absolute;left:20px;right:20px;bottom:18px}
.gd-brand__t b{display:block;font-family:var(--font-d);font-size:1.35rem;line-height:1.1}
.gd-brand--wide .gd-brand__t b{font-size:2rem}
.gd-brand__t small{display:block;margin-top:6px;color:#D5DAE3;font-size:.92rem}
.gd-brand__t b::after{content:" →";color:var(--flame);transition:margin .3s}
.gd-brand:hover .gd-brand__t b::after{margin-left:6px}

/* ---------- фото-блок ---------- */
.gd-split__in{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center}
.gd-list{list-style:none;padding:0;margin:18px 0 24px;display:grid;gap:10px}
.gd-list li{position:relative;padding-left:30px;font-weight:600}
.gd-list li::before{content:"";position:absolute;left:0;top:.2em;width:20px;height:20px;border-radius:50%;background:var(--flame-grad);box-shadow:0 6px 16px -6px rgba(255,106,19,.8);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10'/%3E%3C/svg%3E")}
.gd-list li::after{content:"";position:absolute;left:6px;top:calc(.2em + 5px);width:8px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.gd-shots{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:200px 200px;gap:14px}
.gd-shot{margin:0;overflow:hidden;border-radius:var(--r-l);box-shadow:var(--shadow)}
.gd-shot img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.gd-shot:hover img{transform:scale(1.05)}
.gd-shot--a{grid-row:span 2}

/* ---------- гео и финальная заявка ---------- */
.gd-geo{background:linear-gradient(180deg,#fff,var(--paper-2))}
.gd-geo a{border-radius:999px!important;transition:background .2s,color .2s,transform .2s}
.gd-geo a:hover{transform:translateY(-2px)}
.gd-cta{background:
    linear-gradient(90deg,rgba(6,8,12,.95) 0%,rgba(6,8,12,.82) 50%,rgba(6,8,12,.6) 100%),
    url(/assets/img/mercedes-s.webp) center/cover no-repeat!important}
.gd-cta h2{font-size:clamp(1.8rem,1.1rem + 2.2vw,2.8rem)}
.gd-cta .gd-list li{color:#E7EBF2}
.gd-cta form{background:rgba(14,17,23,.82)!important;backdrop-filter:blur(14px)}

/* ---------- карточки ---------- */
.card{border-radius:var(--r);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
a.card:hover,.card--link:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}
.card__ico{border-radius:14px;background:linear-gradient(135deg,#FFF3E4,#FFE2C2);color:var(--orange)}
.qt{border-radius:var(--r);transition:transform .3s,box-shadow .3s}
.qt:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
#gd-map{border-radius:var(--r-l)!important;box-shadow:var(--shadow-l)}
.gd-credit{opacity:.5;font-size:.8rem;margin-right:14px}

/* ---------- появление при прокрутке ---------- */
.gd-rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.gd-rv.is-in{opacity:1;transform:none}

@media (max-width:960px){
  .gd-stats{grid-template-columns:repeat(2,1fr)}
  .gd-stat:nth-child(3){border-left:0;padding-left:0}
  .gd-brands{grid-template-columns:repeat(2,1fr);grid-auto-rows:180px}
  .gd-split__in{grid-template-columns:1fr;gap:28px}
}
@media (max-width:560px){
  .gd-hero{min-height:auto;padding:48px 0 56px}
  .gd-brands{grid-template-columns:1fr}
  .gd-brand--wide{grid-column:auto;grid-row:span 1}
  .gd-shots{grid-template-rows:150px 150px}
}
@media (prefers-reduced-motion:reduce){.gd-marquee>div{animation:none}.gd-rv{opacity:1;transform:none}}

/* ---------- премиум-блок ---------- */
.gd-prem{background:#0B0D12;color:#EEF1F6}
.gd-prem .lead{color:#AEB6C4}
.gd-prem__in{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
.gd-prem__ph{position:relative;margin:0;border-radius:var(--r-l);overflow:hidden;aspect-ratio:4/5;box-shadow:0 50px 100px -40px rgba(0,0,0,.9)}
.gd-prem__ph img{width:100%;height:100%;object-fit:cover}
.gd-prem__ph figcaption{position:absolute;left:18px;bottom:18px;padding:10px 16px;border-radius:999px;background:rgba(10,12,16,.7);backdrop-filter:blur(10px);font-weight:700;font-size:.9rem;color:#fff}
.gd-pillars{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0 28px}
.gd-pillar{padding:20px 20px 18px;border-radius:var(--r);background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09);transition:border-color .3s,transform .3s}
.gd-pillar:hover{border-color:rgba(255,154,31,.5);transform:translateY(-3px)}
.gd-pillar i{font-style:normal;font-family:var(--font-d);font-size:.8rem;color:var(--flame)}
.gd-pillar b{display:block;margin:6px 0;font-family:var(--font-d);font-size:1.15rem}
.gd-pillar span{color:#AEB6C4;font-size:.95rem;line-height:1.5}
.gd-pillar a{color:var(--flame)}
@media (max-width:960px){.gd-prem__in{grid-template-columns:1fr;gap:30px}.gd-prem__ph{aspect-ratio:16/10}}
@media (max-width:560px){.gd-pillars{grid-template-columns:1fr}}

/* ---------- премиальная типографика и герой v3 ---------- */
h1,h2,.hero h1,.phero h1,.gd-brand__t b,.gd-pillar b{font-family:var(--font);font-weight:800;letter-spacing:-.035em}
.gd-hero{background:
    linear-gradient(90deg,rgba(6,8,12,.96) 0%,rgba(6,8,12,.82) 30%,rgba(6,8,12,.25) 58%,rgba(6,8,12,.1) 100%),
    linear-gradient(0deg,rgba(6,8,12,.95) 0%,rgba(6,8,12,0) 30%),
    url(/assets/img/lc200-e777f.webp) 0% 62%/150% auto no-repeat;background-color:#07090D}
.gd-hero .hero__in{grid-template-columns:minmax(0,640px)}
.gd-hero h1{font-size:clamp(2.4rem,1.3rem + 3.4vw,4.2rem);line-height:1.02}
.gd-hero .hero__lead{font-size:1.15rem;color:#C9D0DB;max-width:52ch}
.gd-calc{background:linear-gradient(180deg,#07090D 0%,#10141B 100%);color:#EEF1F6;padding-top:72px}
.gd-calc .lead{color:#AEB6C4}
.gd-calc__in{display:grid;grid-template-columns:1fr minmax(0,520px);gap:48px;align-items:center}
.gd-calc__ph{margin:24px 0 0;border-radius:var(--r-l);overflow:hidden;aspect-ratio:16/9;box-shadow:0 40px 90px -40px rgba(0,0,0,.9)}
.gd-calc__ph img{width:100%;height:100%;object-fit:cover}
.gd-calc form{background:rgba(20,24,32,.9)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 40px 100px -40px rgba(0,0,0,.9)}
@media (max-width:960px){.gd-hero{background-size:cover;background-position:30% 60%}.gd-calc__in{grid-template-columns:1fr}}

/* герой v4: широкий кадр, машина справа */
.gd-hero{background:
    linear-gradient(90deg,rgba(7,9,13,.9) 0%,rgba(7,9,13,.55) 32%,rgba(7,9,13,0) 55%),
    linear-gradient(0deg,rgba(7,9,13,.95) 0%,rgba(7,9,13,0) 28%),
    url(/assets/img/lc200-e777f-wide.webp) right center/cover no-repeat;background-color:#07090D}
.gd-hero .hero__in{justify-content:start}
@media (max-width:960px){.gd-hero{background:
    linear-gradient(0deg,rgba(7,9,13,.97) 0%,rgba(7,9,13,.75) 55%,rgba(7,9,13,.35) 100%),
    url(/assets/img/lc200-e777f.webp) center 40%/cover no-repeat}}
.gd-hero>.wrap{width:100%}
.hdr{background:rgba(7,9,13,.86)!important;border-bottom-color:rgba(255,255,255,.06)}
.topbar{background:#05070A}
.gd-prem h2,.gd-calc h2,.gd-cta h2,.gd-band h2{color:#fff}
.gd-marquee span,.gd-stat b{font-family:var(--font);font-weight:800;letter-spacing:-.02em}

/* знаки марок */
.bbadge--logo{display:grid;place-items:center;width:72px;height:72px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);transition:background .3s,transform .3s}
.bbadge--logo img{width:46px;height:46px;object-fit:contain;filter:brightness(0) invert(1);opacity:.92}
.brandcard:hover .bbadge--logo{background:rgba(255,154,31,.14);transform:translateY(-2px)}
.section:not(.section--dark) .bbadge--logo{background:#F3F4F6;border-color:#E5E7EB}
.section:not(.section--dark) .bbadge--logo img{filter:brightness(0);opacity:.85}
.card .bbadge--logo{width:58px;height:58px;border-radius:16px}.card .bbadge--logo img{width:38px;height:38px}

/* логотип ГБО Драйв */
.logo{display:flex;align-items:center;gap:11px;text-decoration:none}
.logo__mark{flex:none;filter:drop-shadow(0 6px 14px rgba(255,106,19,.25))}
.logo__w{display:flex;flex-direction:column;line-height:1}
.logo__w b{font-family:var(--font);font-weight:800;font-size:21px;letter-spacing:-.02em;color:#fff}
.logo__w b i{font-style:normal;font-weight:500;font-size:14px;letter-spacing:.2em;margin-left:6px;color:#C9D0DB}
.logo__w small{margin-top:5px;font-size:10px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--flame)}

/* герой v5: минимум текста, выноски на машине, номер не затемняется */
.gd-hero{position:relative;background:
    linear-gradient(90deg,rgba(7,9,13,.92) 0%,rgba(7,9,13,.6) 30%,rgba(7,9,13,0) 52%),
    linear-gradient(0deg,rgba(7,9,13,.7) 0%,rgba(7,9,13,0) 12%),
    url(/assets/img/lc200-e777f-wide.webp) right center/cover no-repeat;background-color:#07090D}
.gd-hero .hero__in{grid-template-columns:minmax(0,560px)}
.gd-hero .hero__lead{font-size:1.2rem;max-width:40ch;margin-top:18px}
.gd-hero .hero__cta{margin-top:30px}
.gd-callouts{position:absolute;inset:0;pointer-events:none;z-index:1}
.gd-co{position:absolute;display:flex;flex-direction:column;gap:3px;padding:12px 16px;border-radius:16px;
  background:rgba(10,12,16,.62);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;
  animation:gd-co-in .9s cubic-bezier(.2,.7,.2,1) both}
.gd-co b{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;line-height:1;background:var(--flame-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.gd-co span{font-size:.82rem;font-weight:600;color:#C9D0DB;white-space:nowrap}
.gd-co::before{content:"";position:absolute;width:var(--len,70px);height:1.5px;background:linear-gradient(90deg,rgba(255,154,31,.95),rgba(255,154,31,.2));top:50%}
.gd-co::after{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:#FF9A1F;box-shadow:0 0 0 5px rgba(255,154,31,.22),0 0 18px rgba(255,154,31,.8);top:calc(50% - 5px)}
/* −45% — над капотом, линия вниз-влево к решётке */
.gd-co--a{top:17%;right:6%;animation-delay:.3s}
.gd-co--a::before{right:100%;--len:90px;transform-origin:right;transform:rotate(-28deg)}
.gd-co--a::after{right:calc(100% + 78px);top:calc(50% + 36px)}
/* гарантия — справа у фары/колеса */
.gd-co--b{top:47%;right:2.5%;animation-delay:.55s}
.gd-co--b::before{right:100%;--len:60px}
.gd-co--b::after{right:calc(100% + 56px)}
/* рассрочка — у переднего колеса слева, в стороне от номера */
.gd-co--c{bottom:9%;left:47%;animation-delay:.8s}
.gd-co--c::before{left:100%;--len:60px;transform-origin:left;transform:rotate(-20deg)}
.gd-co--c::after{left:calc(100% + 54px);top:calc(50% - 26px)}
@keyframes gd-co-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (max-width:1100px){.gd-callouts{display:none}}
.logo__mark{filter:drop-shadow(0 6px 16px rgba(255,106,19,.3))}

/* выноски: пунктир «бежит», плашки парят */
.gd-co::before{height:2px;background:repeating-linear-gradient(90deg,rgba(255,154,31,.95) 0 6px,transparent 6px 11px);background-size:22px 2px;animation:gd-dash 1.2s linear infinite}
.gd-co--a::before,.gd-co--b::before{animation-direction:reverse}
.gd-co::after{animation:gd-pulse 2.4s ease-in-out infinite}
.gd-co--a{animation:gd-co-in .9s .3s cubic-bezier(.2,.7,.2,1) both,gd-float 5.5s 1.2s ease-in-out infinite}
.gd-co--b{animation:gd-co-in .9s .55s cubic-bezier(.2,.7,.2,1) both,gd-float 6.2s 1.5s ease-in-out infinite reverse}
.gd-co--c{animation:gd-co-in .9s .8s cubic-bezier(.2,.7,.2,1) both,gd-float 5s 1.8s ease-in-out infinite}
@keyframes gd-dash{to{background-position:22px 0}}
@keyframes gd-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-.6deg)}}
@keyframes gd-pulse{0%,100%{box-shadow:0 0 0 4px rgba(255,154,31,.25),0 0 14px rgba(255,154,31,.7)}50%{box-shadow:0 0 0 9px rgba(255,154,31,.08),0 0 22px rgba(255,154,31,.9)}}
@media (prefers-reduced-motion:reduce){.gd-co,.gd-co::before,.gd-co::after{animation:none!important}}

/* выпадающие списки в тёмных формах: варианты читаемы */
select{color-scheme:dark}
select option,select optgroup{background:#161A22;color:#EEF1F6}
.section:not(.section--dark):not(.gd-calc):not(.gd-cta) select{color-scheme:light}
.section:not(.section--dark):not(.gd-calc):not(.gd-cta) select option{background:#fff;color:#0C1016}
.gd-calc__ph{aspect-ratio:4/3}

/* два топлива + мифы и факты */
.gd-myths{background:var(--paper-2)}
.gd-dual{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:center;padding:40px;border-radius:var(--r-l);
  background:linear-gradient(120deg,#0B0D12 0%,#141922 60%,#1B1510 100%);color:#EEF1F6;box-shadow:var(--shadow-l)}
.gd-dual h2{color:#fff}
.gd-dual .lead{color:#AEB6C4}
.gd-dual__n{display:grid;gap:14px}
.gd-dual__n div{padding:16px 20px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09)}
.gd-dual__n b{display:block;font-size:2rem;font-weight:800;letter-spacing:-.03em;line-height:1;background:var(--flame-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.gd-dual__n span{color:#AEB6C4;font-size:.92rem}
.gd-myth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gd-myth{display:flex;flex-direction:column;gap:6px;padding:22px 22px 20px;border-radius:var(--r);background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ltx);transition:transform .3s,box-shadow .3s,border-color .3s}
.gd-myth:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}
.gd-myth__m,.gd-myth__f{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.gd-myth__m{color:#9AA3B2}
.gd-myth b{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;text-decoration:line-through;text-decoration-color:rgba(255,94,19,.7);text-decoration-thickness:2px;margin-bottom:8px}
.gd-myth__f{color:var(--orange)}
.gd-myth p{margin:0;color:#4B5565;font-size:.95rem;line-height:1.55}
.gd-myth i{margin-top:auto;padding-top:12px;font-style:normal;font-weight:700;font-size:.9rem;color:var(--orange)}
@media (max-width:960px){.gd-dual{grid-template-columns:1fr;padding:26px}.gd-myth-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.gd-myth-grid{grid-template-columns:1fr}}
.logo__mark{width:42px!important;height:42px!important;background:none!important;border:0!important;border-radius:50%!important;box-shadow:none!important;filter:drop-shadow(0 0 8px rgba(255,154,31,.28)) drop-shadow(0 4px 10px rgba(0,0,0,.45))!important}

/* главная в 8 экранов */
.gd-why{background:var(--paper-2);padding-bottom:0}
.gd-mapsec{background:var(--paper-2);padding-top:28px}
.gd-mapsec .eyebrow,.gd-mapsec h2{display:none}
.gd-mapsec .lead{margin-top:0!important}
.gd-steps4{list-style:none;counter-reset:s;padding:0;margin:22px 0 0;display:grid;gap:12px}
.gd-steps4 li{counter-increment:s;display:grid;grid-template-columns:40px 1fr;column-gap:14px;align-items:center;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09)}
.gd-steps4 li::before{content:counter(s);grid-row:span 2;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#0B0D12;background:var(--flame-grad)}
.gd-steps4 b{color:#fff;font-size:1.02rem}
.gd-steps4 span{color:#AEB6C4;font-size:.9rem}
.gd-seo-tail{opacity:.96}
.gd-seo-tail .section{padding-top:36px;padding-bottom:36px}
.gd-hero h1{font-size:clamp(2.2rem,1.2rem + 3vw,3.9rem)}

/* ---------- мобильная версия ---------- */
@media (max-width:960px){
  .topbar{display:none!important}
  .sticky-cta{display:none!important}
  body{padding-bottom:0!important}
  /* первый экран: фото сверху, текст ниже на сплошном тёмном фоне */
  .gd-hero{display:block;min-height:0;padding:calc(58vw + 8px) 0 40px;background:#07090D!important}
  .gd-hero::before{content:"";position:absolute;top:0;left:0;right:0;height:62vw;
    background:linear-gradient(0deg,#07090D 0%,rgba(7,9,13,.35) 28%,rgba(7,9,13,0) 55%),url(/assets/img/lc200-e777f.webp) 50% 60%/cover no-repeat}
  .gd-hero>.wrap{position:relative;z-index:2}
  .gd-hero h1{font-size:clamp(1.9rem,6.6vw + .6rem,2.6rem);line-height:1.08;text-shadow:none}
  .gd-hero .hero__lead{font-size:1.02rem;color:#D5DAE3;margin-top:14px}
  .gd-hero .eyebrow{font-size:.7rem}
  .gd-hero .hero__cta .btn{width:100%;justify-content:center}
  /* внутренние страницы: текст на затемнённой подложке */
  .gd-phero{background:linear-gradient(180deg,rgba(6,8,12,.72) 0%,rgba(6,8,12,.92) 45%,#07090D 100%),var(--ph) center/cover no-repeat!important}
  .gd-phero .lead{color:#D5DAE3}
  .gd-cta{background:#0B0D12!important}
}
.topbar{display:none!important}
.gd-auto{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}
.gd-auto li{position:relative;padding-left:28px;color:#C9D0DB;font-size:.97rem;line-height:1.5}
.gd-auto li b{color:#fff}
.gd-auto li::before{content:"";position:absolute;left:0;top:.35em;width:14px;height:14px;border-radius:50%;background:var(--flame-grad);box-shadow:0 0 12px rgba(255,154,31,.6)}

/* легально с первого дня */
.gd-legal{background:#fff}
.gd-legal__in{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.gd-legal__n{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 26px}
.gd-legal__n div{padding:14px 16px;border-radius:14px;background:var(--paper-2);border:1px solid var(--line)}
.gd-legal__n b{display:block;font-size:1.25rem;font-weight:800;letter-spacing:-.02em;color:var(--orange)}
.gd-legal__n span{font-size:.85rem;color:#5B6577}
.gd-legal__steps{list-style:none;counter-reset:l;margin:0;padding:0;display:grid;gap:12px;position:relative}
.gd-legal__steps::before{content:"";position:absolute;left:21px;top:22px;bottom:22px;width:2px;background:repeating-linear-gradient(180deg,var(--flame) 0 6px,transparent 6px 12px)}
.gd-legal__steps li{counter-increment:l;position:relative;display:grid;grid-template-columns:44px 1fr;column-gap:16px;padding:14px 16px 14px 0}
.gd-legal__steps li::before{content:counter(l);grid-row:span 2;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:#0B0D12;box-shadow:0 0 0 4px #fff,0 0 0 5px var(--line);z-index:1}
.gd-legal__steps b{font-size:1.02rem}
.gd-legal__steps span{color:#5B6577;font-size:.92rem}
@media (max-width:960px){.gd-legal__in{grid-template-columns:1fr;gap:26px}.gd-legal__n{grid-template-columns:1fr 1fr 1fr}.gd-legal__n b{font-size:1rem}}

/* виджет «ГИБДД под ключ» */
.gd-g{position:fixed;right:18px;bottom:18px;z-index:70;font-family:var(--font)}
.gd-g__fab{position:relative;display:flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border:0;border-radius:999px;cursor:pointer;
  background:#0C1016;color:#fff;box-shadow:0 14px 34px -12px rgba(0,0,0,.7);opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s,background .3s}
.gd-g.is-ready .gd-g__fab{opacity:1;transform:none}
.gd-g__ring{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;
  background:repeating-conic-gradient(#fff 0 22.5deg,#111 22.5deg 45deg);animation:gd-g-spin 14s linear infinite}
.gd-g__ring::before{content:"";position:absolute;inset:5px;border-radius:50%;background:#0C1016}
.gd-g__ring svg{position:relative;width:22px;height:22px;color:#FF9A1F;animation:gd-g-spin 14s linear infinite reverse}
.gd-g__label{font-size:.78rem;font-weight:800;line-height:1.15;text-align:left;letter-spacing:.02em;text-transform:uppercase}
.gd-g.is-ready:not(.is-open) .gd-g__fab{animation:gd-g-nudge 7s ease-in-out 3s infinite}
@keyframes gd-g-spin{to{transform:rotate(360deg)}}
@keyframes gd-g-nudge{0%,88%,100%{transform:none}91%{transform:translateY(-5px)}94%{transform:none}97%{transform:translateY(-3px)}}
.gd-g__veil{position:fixed;inset:0;background:rgba(6,8,12,.45);opacity:0;pointer-events:none;transition:opacity .35s}
.gd-g__panel{position:absolute;right:0;bottom:74px;width:340px;padding:26px 20px 18px;border-radius:20px;background:#FBFAF7;color:#0C1016;overflow:hidden;
  box-shadow:0 30px 70px -20px rgba(0,0,0,.7);opacity:0;pointer-events:none;transform:translateY(24px) scale(.96);transform-origin:bottom right;
  transition:opacity .3s,transform .45s cubic-bezier(.2,.9,.25,1.12)}
.gd-g.is-open .gd-g__panel{opacity:1;pointer-events:auto;transform:none}
.gd-g.is-open .gd-g__veil{opacity:1;pointer-events:auto}
.gd-g.is-open .gd-g__fab{background:#1B2230}
.gd-g__checker{position:absolute;left:0;right:0;top:0;height:10px;background:repeating-conic-gradient(#111 0 25%,#fff 0 50%) 0 0/10px 10px}
.gd-g__x{position:absolute;right:10px;top:16px;width:30px;height:30px;border:0;border-radius:50%;background:#EDEAE4;color:#0C1016;font-size:19px;line-height:1;cursor:pointer}
.gd-g__eyebrow{display:block;font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--orange)}
.gd-g__title{display:block;margin:6px 0 12px;padding-right:96px;font-size:1.05rem;font-weight:800;letter-spacing:-.015em;line-height:1.25}
.gd-g__doc{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:7px}
.gd-g__doc li{position:relative;padding-left:22px;font-size:.86rem;color:#4B5565}
.gd-g__doc li::before{content:"";position:absolute;left:0;top:.18em;width:14px;height:14px;border-radius:4px;border:1.6px solid #B9C0CC;transition:background .2s,border-color .2s}
.gd-g__doc li::after{content:"";position:absolute;left:4px;top:.42em;width:6px;height:3px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);opacity:0;transition:opacity .2s}
.gd-g.is-stamped .gd-g__doc li::before{background:#1F9D55;border-color:#1F9D55}
.gd-g.is-stamped .gd-g__doc li::after{opacity:1}
.gd-g.is-stamped .gd-g__doc li:nth-child(2)::before,.gd-g.is-stamped .gd-g__doc li:nth-child(2)::after{transition-delay:.12s}
.gd-g.is-stamped .gd-g__doc li:nth-child(3)::before,.gd-g.is-stamped .gd-g__doc li:nth-child(3)::after{transition-delay:.24s}
.gd-g.is-stamped .gd-g__doc li:nth-child(4)::before,.gd-g.is-stamped .gd-g__doc li:nth-child(4)::after{transition-delay:.36s}
.gd-g__facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.gd-g__facts span{padding:9px 10px;border-radius:12px;background:#F1EDE6;font-size:.72rem;color:#5B6577;line-height:1.25}
.gd-g__facts b{display:block;font-size:.95rem;color:#0C1016;font-weight:800}
.gd-g__cta{display:flex;gap:8px}
.gd-g__cta .btn{flex:1;justify-content:center;padding-inline:10px;font-size:.84rem}
.gd-g__cta .btn--ghost{color:#0C1016;border-color:#D8D1C6}
.gd-g__stamp{position:absolute;right:12px;top:44px;width:104px;height:104px;opacity:0;transform:scale(2.3) rotate(-28deg);mix-blend-mode:multiply;pointer-events:none}
.gd-g.is-stamped .gd-g__stamp{animation:gd-stamp .5s cubic-bezier(.3,1.4,.5,1) forwards}
.gd-g.is-stamped .gd-g__panel{animation:gd-thud .3s .3s}
@keyframes gd-stamp{0%{opacity:0;transform:scale(2.3) rotate(-28deg)}60%{opacity:.95;transform:scale(.94) rotate(-14deg)}100%{opacity:.9;transform:scale(1) rotate(-14deg)}}
@keyframes gd-thud{0%,100%{translate:0 0}30%{translate:1px 2px}60%{translate:-1px -1px}}
.totop{right:auto!important;left:18px}
@media (max-width:640px){
  .gd-g{right:12px;bottom:12px}
  .gd-g__label{display:none}
  .gd-g__fab{padding:6px}
  .gd-g__panel{position:fixed;left:0;right:0;bottom:0;width:auto;border-radius:22px 22px 0 0;padding:28px 18px calc(18px + env(safe-area-inset-bottom));transform:translateY(100%)}
  .gd-g.is-open .gd-g__panel{transform:none}
  .gd-g__stamp{width:88px;height:88px;top:40px}
}
@media (prefers-reduced-motion:reduce){.gd-g__ring,.gd-g__ring svg,.gd-g__fab{animation:none!important}.gd-g__stamp{animation:none!important;opacity:.9;transform:rotate(-14deg)}}
@media (max-width:640px){.gd-g.is-open .gd-g__fab{opacity:0;pointer-events:none}}
/* фото модели в шапке страниц /гбо-на-авто/ */
.gd-car-col{display:grid;gap:16px;align-content:start}
.gd-car{margin:0;border-radius:18px;overflow:hidden;background:#0E1117;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 60px -24px rgba(0,0,0,.7)}
.gd-car img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.gd-car figcaption{font-size:.68rem;line-height:1.3;color:#7d8796;padding:6px 10px}
.gd-car figcaption a{color:inherit;text-decoration:none}
.gd-car figcaption a:hover{text-decoration:underline}
@media (max-width:760px){.gd-car{border-radius:14px}}