*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--c-bg);color:var(--c-ink);font-family:var(--f-sans);font-size:var(--body);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}
h1,h2,h3{margin:0 0 .35em;font-family:var(--f-serif);font-weight:600;line-height:1.12}
h1{font-size:var(--h1);font-weight:700}h2{font-size:var(--h2)}h3{font-size:var(--h3)}
p{margin:0 0 1em;color:var(--c-ink-soft)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.eyebrow{display:inline-block;font-family:var(--f-sans);font-size:var(--eyebrow);font-weight:600;letter-spacing:var(--track);text-transform:uppercase;color:var(--c-ink-faint);margin-bottom:16px}
.section{padding:var(--sec) 0;position:relative}.section--alt{background:var(--c-bg-alt)}
/* ── Светящийся переход между блоками: span .sec-glow на верхней кромке секции (акцент-линия + мягкое свечение по центру, гаснет к краям). Не на ::before/::after — они заняты декором секций. ── */
.sec-glow{position:absolute;left:0;right:0;top:0;height:130px;z-index:4;pointer-events:none}
.sec-glow::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--c-accent) 72%,transparent) 50%,transparent);opacity:.75}
.sec-glow::after{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(64%,760px);height:130px;background:radial-gradient(ellipse 60% 100% at 50% 0%,color-mix(in srgb,var(--c-accent) 15%,transparent),transparent 72%)}
.sec-head{max-width:780px;margin-bottom:52px}.sec-head--center{margin-left:auto;margin-right:auto;text-align:center}
/* T31: акцент-заголовок на тёмном hero — светлый акцент mood (--on-accent = --c-accent-2) */
.script{font-family:var(--f-serif);font-style:italic;color:var(--on-accent);background:linear-gradient(90deg,var(--on-accent),var(--on-accent-soft));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.wave{position:absolute;left:0;width:100%;height:60px;line-height:0;z-index:1;color:var(--c-bg)}.wave--top{top:-1px}.wave svg{width:100%;height:100%;display:block}
[lang="ar"],[dir="rtl"]{direction:rtl}[lang="ar"] h1,[lang="ar"] h2,[lang="ar"] h3,[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3{font-family:var(--f-arabic)}[lang="ar"] body,[dir="rtl"]{font-family:var(--f-arabic)}

.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-sans);font-weight:600;font-size:.95rem;padding:14px 32px;border-radius:var(--r-pill);border:1px solid transparent;cursor:pointer;transition:transform .2s var(--ease),background .2s,color .2s}
/* T31: primary-кнопка едина с brand-кнопкой — заливка on-accent (surface-aware), текст = тёмный тон поверхности.
   На СВЕТЛОЙ поверхности --on-accent=сырой accent, --on-ink-bg даёт белый текст; на тёмной — осветлённый accent + тёмный текст. */
.btn--primary{background:var(--on-accent);color:var(--on-accent-ink,var(--c-on-accent,#fff))}.btn--primary:hover{transform:translateY(-2px);filter:brightness(1.08)}
.btn--ghost{background:transparent;color:var(--c-ink);border-color:var(--c-ink)}.btn--ghost:hover{background:var(--c-ink);color:var(--c-bg)}
.btn--ghost-dark{background:transparent;color:var(--c-dark-ink);border-color:color-mix(in srgb,var(--c-dark-ink) 50%,transparent)}.btn--ghost-dark:hover{background:var(--c-dark-ink);color:var(--c-dark)}
.btn--lg{padding:17px 40px;font-size:1rem}
.arr{transition:transform .2s var(--ease)}.btn:hover .arr{transform:translateX(3px)}
/* T31: кнопка в карточке заливается on-accent (гарантированный контраст к тёмной поверхности), текст = тёмный тон поверхности */
.btn--brand{background:var(--on-accent);color:var(--on-accent-ink,var(--c-on-accent,#fff));border-color:var(--on-accent)}.btn--brand:hover{transform:translateY(-2px);filter:brightness(1.08)}

.rv,.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.rv.in,.reveal.in{opacity:1;transform:none}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(46,196,99,.55)}70%{box-shadow:0 0 0 7px rgba(46,196,99,0)}100%{box-shadow:0 0 0 0 rgba(46,196,99,0)}}
.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2ec463;animation:pulse 2s infinite}
.lightbox{position:fixed;inset:0;z-index:200;display:none;place-items:center;background:rgba(6,5,4,.9);backdrop-filter:blur(6px);padding:5vmin;cursor:zoom-out}
.lightbox.open{display:grid}
.lightbox img{max-width:92vw;max-height:88vh;width:auto;height:auto;border-radius:10px;box-shadow:0 40px 90px rgba(0,0,0,.6)}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .rv,.reveal{opacity:1;transform:none}
}
.nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--c-black) 92%,transparent);backdrop-filter:saturate(150%) blur(10px);-webkit-backdrop-filter:saturate(150%) blur(10px);color:var(--on-ink);border-bottom:1px solid color-mix(in srgb,var(--c-accent) 28%,transparent);transition:background .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}
/* compact-on-scroll: при прокрутке шапка плотнее + сжата + тень */
.nav.is-scrolled{background:color-mix(in srgb,var(--c-black) 98%,transparent);box-shadow:0 10px 30px rgba(0,0,0,.35);border-color:color-mix(in srgb,var(--c-accent) 45%,transparent)}
.nav__in{transition:padding .3s var(--ease)}
.nav.is-scrolled .nav__in{padding-top:8px;padding-bottom:8px}
.nav.is-scrolled .nav__logo svg{height:34px;transition:height .3s var(--ease)}
.nav__logo svg{transition:height .3s var(--ease)}
.nav__in{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;max-width:var(--wrap);margin:0 auto}
.nav__brand{display:flex;align-items:center;gap:14px;flex:0 0 auto}
/* T31: лого в шапке несёт светлый акцент mood (--on-accent = --c-accent-2) */
.nav__logo{display:inline-flex;align-items:center;color:var(--on-accent);flex:0 0 auto}.nav__logo svg{height:44px;width:auto;display:block;fill:currentColor}
.nav__title{font-family:var(--f-serif);font-weight:600;font-size:.92rem;color:var(--on-ink);white-space:nowrap}.nav__tag{font-size:.72rem;color:var(--on-soft)}
.nav__links{display:flex;gap:22px;font-size:.88rem;font-weight:500;color:var(--on-soft);white-space:nowrap}.nav__links a:hover{color:var(--on-accent)}
.nav__right{display:flex;flex-direction:row;align-items:center;gap:12px;line-height:1.25}.mes--col{display:flex;flex-direction:column;gap:6px}.nav__contact-text{display:flex;flex-direction:column;align-items:flex-start}.mes__i{display:inline-flex;width:24px;height:24px;transition:transform .15s}.mes__i svg{width:24px;height:24px;display:block}.mes__i:hover{transform:scale(1.12)}
.nav__phone{font-weight:700;color:var(--on-ink);white-space:nowrap}.nav__contacts{font-size:.76rem;color:var(--on-accent);display:inline-flex;align-items:center;gap:6px}
@media(max-width:920px){.nav__links,.nav__tag{display:none}}
.brand-logo{display:inline-flex;align-items:center;color:var(--c-accent-2)}.brand-logo svg{width:auto;display:block;fill:currentColor}.brand-logo[data-b="li-auto"] svg{height:34px}.brand-logo[data-b="zeekr"] svg{height:19px}.brand-logo[data-b="xiaomi"] svg{height:46px}.brand-logo[data-b="rox"] svg{height:17px}.brand-logo[data-b="lynk-co"] svg{height:54px}

.hero{position:relative;background:var(--c-dark);color:var(--c-dark-ink);overflow:hidden;min-height:clamp(560px,80vh,760px);display:flex;align-items:stretch;clip-path:polygon(0 0,100% 0,100% calc(100% - 34px),0 100%)}
.hero__carousel,.slider-track{position:absolute;inset:0;z-index:0}
.hero__slide{position:absolute;inset:0;opacity:0;transition:opacity .8s var(--ease)}.hero__slide.is-active{opacity:1}
.hero__slide img{width:100%;height:100%;object-fit:cover;opacity:.9}
.hero__slide .ph{position:absolute;inset:0;display:grid;place-items:center;color:color-mix(in srgb,var(--c-dark-ink) 14%,transparent);font-family:var(--f-serif);font-size:clamp(2.5rem,7vw,5rem)}
.hero__carousel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--c-dark) 94%,transparent) 0%,color-mix(in srgb,var(--c-dark) 72%,transparent) 40%,color-mix(in srgb,var(--c-dark) 30%,transparent) 72%,color-mix(in srgb,var(--c-dark) 55%,transparent) 100%)}
/* hero: скошенная плашка-подложка ТОЛЬКО под текстовым блоком (слой/глубина), на токенах mood */
.hero__plate{display:none}
.hero__copy{position:relative;isolation:isolate;padding:22px 56px 26px 28px;text-align:left}
.hero__copy>*{position:relative;z-index:1}
.hero__copy::after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(100deg,color-mix(in srgb,var(--c-black) 74%,transparent) 0%,color-mix(in srgb,var(--c-black) 60%,transparent) 62%,transparent 100%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);clip-path:polygon(0 0,100% 0,calc(100% - 64px) 100%,0 100%)}
/* акцент-рейка у левого края текста */
.hero__copy::before{content:"";position:absolute;left:0;top:18px;bottom:22px;width:3px;border-radius:2px;background:linear-gradient(180deg,var(--c-accent),transparent);opacity:.9;z-index:1}
@media(max-width:880px){.hero__copy{padding:18px 24px 22px 20px}.hero__copy::after{clip-path:none}.hero__copy::before{display:none}}
.hero__in{position:relative;z-index:2;width:100%;max-width:var(--wrap);margin:0 auto;padding:clamp(2.5rem,5vw,3.5rem) 28px;display:flex;flex-direction:column;justify-content:space-between;gap:30px}
.hero__top{display:block}
.hero__copy{max-width:600px}
.hero__title{font-size:var(--h1);color:var(--c-dark-ink)}.hero__title .script{display:block}
.hero__sub{max-width:42ch;font-size:1.12rem;color:var(--c-dark-soft);margin-bottom:0}
.hero__brands{display:flex;flex-direction:column;gap:8px;width:230px}
.brand-pill{font-family:var(--f-sans);font-weight:600;font-size:.9rem;padding:12px 22px;border-radius:var(--r-pill);border:1px solid var(--c-dark-line);color:var(--c-dark-ink);background:color-mix(in srgb,var(--c-dark-ink) 6%,transparent);text-align:center;transition:.2s var(--ease);cursor:pointer}
.brand-pill:hover{border-color:var(--c-accent);transform:translateX(-3px)}.brand-pill.is-active{background:var(--c-dark-ink);color:var(--c-dark);border-color:var(--c-dark-ink)}
.hero__cta{margin-top:auto}
@media(max-width:880px){.hero__top{grid-template-columns:1fr}.hero__brands{flex-direction:row;flex-wrap:wrap;width:100%}.brand-pill{flex:1 1 28%}}

.services{text-align:center;overflow:hidden}
/* блоб ПОД заголовком (по центру сверху), заголовок «на свету» */
.services__blob{position:absolute;z-index:0;width:min(560px,80vw);height:360px;left:50%;top:-40px;transform:translateX(-50%);background:radial-gradient(circle at 50% 40%,var(--c-accent-soft),transparent 68%);border-radius:var(--blob-b);pointer-events:none;opacity:.8}
/* крупная форма-силуэт в фоне справа (абстрактная дуга, токены mood) */
.services::before{content:"";position:absolute;z-index:0;pointer-events:none;right:-12%;top:50%;transform:translateY(-50%) rotate(-8deg);width:min(640px,55vw);height:min(640px,90%);border-radius:46% 54% 52% 48%/54% 46% 54% 46%;border:1.5px solid color-mix(in srgb,var(--c-accent) 16%,transparent);background:radial-gradient(circle at 65% 35%,color-mix(in srgb,var(--c-accent) 7%,transparent),transparent 62%)}
.services .wrap{position:relative;z-index:2}

.services,.brands,.custom,.faq{position:relative;overflow:hidden}
.brands::before,.brands::after,.custom::after{content:"";position:absolute;pointer-events:none;z-index:0}
/* световые пятна в фоне brands — разнесены по высоте/краям (заполняют пустоту между карточками, не кучкуются) */
.brands::before{width:420px;height:420px;right:-140px;top:-80px;border-radius:var(--blob-b);background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--c-accent) 14%,transparent),transparent 68%)}
.brands::after{width:480px;height:480px;left:-180px;top:42%;border-radius:var(--blob-a);background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--c-accent) 11%,transparent),transparent 66%)}
.brands .lp-spot{position:absolute;z-index:0;pointer-events:none;width:360px;height:360px;right:-100px;bottom:-40px;border-radius:var(--blob-c);background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--c-accent-2) 12%,transparent),transparent 68%)}
.custom::after{width:300px;height:300px;left:-90px;bottom:-60px;border-radius:var(--blob-a);background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--c-accent) 18%,transparent),transparent 66%)}
.brands .wrap,.faq .wrap,.custom .wrap{position:relative;z-index:2}
.brands .faq .services__intro{max-width:820px;margin:0 auto 14px;color:var(--c-ink-soft)}
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);margin-top:58px;text-align:left}
/* карточки услуг — рамка + угловая акцент-засечка + hover-подъём (не цифры: это отдельные услуги, не шаги) */
.svc-card{position:relative;padding:30px 22px 24px;border:1px solid var(--c-line);border-radius:14px;background:color-mix(in srgb,var(--c-bg-alt) 55%,transparent);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}
.svc-card::before{content:"";position:absolute;left:18px;top:18px;width:22px;height:22px;border-left:2px solid var(--c-accent);border-top:2px solid var(--c-accent);border-radius:3px 0 0 0;opacity:.9;transition:width .3s var(--ease),height .3s var(--ease)}
.svc-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px color-mix(in srgb,var(--c-ink) 12%,transparent);border-color:color-mix(in srgb,var(--c-accent) 45%,transparent)}
.svc-card:hover::before{width:30px;height:30px}
.svc-card h3{font-size:1.18rem;font-family:var(--f-serif);margin-top:6px}.svc-card p{font-size:.95rem;margin:0;color:var(--c-ink-soft)}
@media(max-width:1000px){.svc-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.svc-grid{grid-template-columns:1fr}}

.brands{position:relative}
.brands-grid{display:block}
/* T31: .brand-card = ТЁМНАЯ поверхность → переопределяет контракт on-цветов на светлые */
/* T31: общий контракт ТЁМНОЙ поверхности (карточка/hero/custom/footer).
   on-цвета берутся ТОЛЬКО из токенов mood (не mix-с-белым): светлый акцент = --c-accent-2,
   текст-на-акценте = тёмный тон поверхности --c-dark. Контраст обеспечивается значениями токенов в палитре mood. */
.brand-card,.hero,.custom,.footer,.nav,.cform-dialog{--on-ink:var(--c-dark-ink);--on-soft:var(--c-dark-soft);--on-accent:var(--c-accent-2);--on-accent-soft:var(--c-accent-soft);--on-accent-ink:var(--c-dark)}
.brand-card{position:relative;display:grid;grid-template-columns:1.05fr 1.25fr;align-items:stretch;min-height:clamp(340px,30vw,400px);border-radius:18px;overflow:hidden;background:linear-gradient(120deg,var(--c-dark-2) 0%,var(--c-dark) 62%,color-mix(in srgb,var(--c-dark) 90%,var(--c-accent)) 100%);color:var(--on-ink);margin-bottom:26px;box-shadow:0 30px 60px rgba(0,0,0,.28),inset 0 0 80px color-mix(in srgb,var(--c-accent) 7%,transparent);border:2px solid color-mix(in srgb,var(--c-accent) 55%,transparent)}
/* внутренняя обводка в цвет фона секции — ровная по ВСЕМУ периметру (::after, не inset-shadow) */
.brand-card::after{content:"";position:absolute;inset:0;border:0.75px solid var(--c-bg-alt);border-radius:16px;pointer-events:none;z-index:5}
.brand-card__body{position:relative;z-index:3;padding:clamp(1.8rem,3vw,2.6rem);display:flex;flex-direction:column;justify-content:center}
.brand-card__body .btn{align-self:flex-start}
.brand-card__head{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.brand-card__name{font-family:var(--f-serif);font-size:1.9rem;font-weight:700;color:var(--on-ink);line-height:1}
.brand-card__desc{color:var(--on-soft);max-width:42ch;margin:0 0 18px}
.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.tag{font-family:var(--f-sans);font-size:.78rem;font-weight:600;padding:7px 16px;border-radius:var(--r-pill);border:1px solid color-mix(in srgb,var(--on-accent) 50%,transparent);color:var(--on-accent);background:color-mix(in srgb,var(--on-accent) 10%,transparent)}
.feat{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:11px}
.feat li{position:relative;padding-left:32px;color:var(--on-soft);font-size:.96rem}
.feat li::before{content:"";position:absolute;left:0;top:-1px;width:21px;height:21px;border-radius:50%;border:1px solid color-mix(in srgb,var(--on-accent) 50%,transparent);background:color-mix(in srgb,var(--on-accent) 12%,transparent)}
.feat li::after{content:"✓";position:absolute;left:5px;top:0;font-size:.72rem;color:var(--on-accent)}
/* Фиче-иконки SVG вместо ✓-галочки — для ВСЕХ брендов (per-feature, mask=currentColor->accent).
   Иконки векторизованы из клиентских PNG (Ready photo/<brand>), цвет = --on-accent. */
.brand-card .feat li{padding-left:74px;min-height:54px;display:flex;align-items:center}
.brand-card .feat li::after{display:none}
.brand-card .feat li::before{content:"";position:absolute;left:0;width:58px;height:54px;top:50%;transform:translateY(-50%);border:0;border-radius:0;background:var(--on-accent);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left center;mask-position:left center;-webkit-mask-size:contain;mask-size:contain}
/* Li Auto (семантичные имена, эталон) */
#li-auto .feat li:nth-child(1)::before{-webkit-mask-image:url('../icons/spacious-interior.svg');mask-image:url('../icons/spacious-interior.svg')}
#li-auto .feat li:nth-child(2)::before{-webkit-mask-image:url('../icons/extended-driving-range.svg');mask-image:url('../icons/extended-driving-range.svg')}
#li-auto .feat li:nth-child(3)::before{-webkit-mask-image:url('../icons/comfort-tech.svg');mask-image:url('../icons/comfort-tech.svg')}
/* Zeekr — текст↔иконка: 1 platforms→chassis(3), 2 interior→seat(2), 3 performance→dash(1) */
#zeekr .feat li:nth-child(1)::before{-webkit-mask-image:url('../icons/zeekr/feat-3.svg');mask-image:url('../icons/zeekr/feat-3.svg')}
#zeekr .feat li:nth-child(2)::before{-webkit-mask-image:url('../icons/zeekr/feat-2.svg');mask-image:url('../icons/zeekr/feat-2.svg')}
#zeekr .feat li:nth-child(3)::before{-webkit-mask-image:url('../icons/zeekr/feat-1.svg');mask-image:url('../icons/zeekr/feat-1.svg')}
/* ROX — 1 family/practical→trunk(2), 2 long-distance→side/arrows(3), 3 spacious→seat(1) */
#rox .feat li:nth-child(1)::before{-webkit-mask-image:url('../icons/rox/feat-2.svg');mask-image:url('../icons/rox/feat-2.svg')}
#rox .feat li:nth-child(2)::before{-webkit-mask-image:url('../icons/rox/feat-3.svg');mask-image:url('../icons/rox/feat-3.svg')}
#rox .feat li:nth-child(3)::before{-webkit-mask-image:url('../icons/rox/feat-1.svg');mask-image:url('../icons/rox/feat-1.svg')}
/* Xiaomi — 1 digital interior→screen(2), 2 sporty seating→seat(1), 3 tech image→car+chip(3) */
#xiaomi .feat li:nth-child(1)::before{-webkit-mask-image:url('../icons/xiaomi/feat-2.svg');mask-image:url('../icons/xiaomi/feat-2.svg')}
#xiaomi .feat li:nth-child(2)::before{-webkit-mask-image:url('../icons/xiaomi/feat-1.svg');mask-image:url('../icons/xiaomi/feat-1.svg')}
#xiaomi .feat li:nth-child(3)::before{-webkit-mask-image:url('../icons/xiaomi/feat-3.svg');mask-image:url('../icons/xiaomi/feat-3.svg')}
/* Lynk & Co — 1 design→exterior(2), 2 comfort→seat(3), 3 tech/balance→chip(1) */
#lynk-co .feat li:nth-child(1)::before{-webkit-mask-image:url('../icons/lynk-co/feat-2.svg');mask-image:url('../icons/lynk-co/feat-2.svg')}
#lynk-co .feat li:nth-child(2)::before{-webkit-mask-image:url('../icons/lynk-co/feat-3.svg');mask-image:url('../icons/lynk-co/feat-3.svg')}
#lynk-co .feat li:nth-child(3)::before{-webkit-mask-image:url('../icons/lynk-co/feat-1.svg');mask-image:url('../icons/lynk-co/feat-1.svg')}
.brand-card__media{position:relative;z-index:2;min-height:280px;overflow:hidden}
.brand-card__media .mblob{display:none}
/* широкое тёплое свечение, выходит за фото мягким ореолом */
.brand-card__media .mglow{position:absolute;width:70%;aspect-ratio:1;right:-4%;top:-14%;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--c-accent) 30%,transparent),color-mix(in srgb,var(--c-accent) 10%,transparent) 48%,transparent 74%);border-radius:50%;filter:blur(40px);z-index:1;pointer-events:none}
/* фото тает мягким «облаком» со ВСЕХ сторон: левый фейд к тексту + радиальная виньетка по краям (intersect) */
.brand-card__media img{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.5) 14%,#000 40%),radial-gradient(116% 128% at 60% 50%,#000 48%,rgba(0,0,0,.45) 74%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.5) 14%,#000 40%),radial-gradient(116% 128% at 60% 50%,#000 48%,rgba(0,0,0,.45) 74%,transparent 100%);mask-composite:intersect}
.brand-card__media .ph{position:relative;z-index:2;color:color-mix(in srgb,var(--c-dark-ink) 30%,transparent);font-family:var(--f-serif);font-size:1.4rem}
@media(max-width:860px){.brand-card{grid-template-columns:1fr}.brand-card__media{order:-1;min-height:200px}}
/* ── Brand-card анимации (hover-подъём + glow-усиление + hover теги/фичи + stagger контента) ── */
.brand-card{transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease)}
.brand-card:hover{transform:translateY(-6px);box-shadow:0 44px 84px rgba(0,0,0,.42),inset 0 0 92px color-mix(in srgb,var(--c-accent) 12%,transparent);border-color:color-mix(in srgb,var(--c-accent) 80%,transparent)}
.brand-card .mglow{transition:opacity .5s var(--ease),transform .6s var(--ease)}
.brand-card:hover .mglow{transform:scale(1.12);opacity:1}
/* hover на теги: подсветка + лёгкий stagger по nth */
.tag{transition:border-color .25s var(--ease),background .25s var(--ease),transform .25s var(--ease)}
.brand-card:hover .tag{border-color:color-mix(in srgb,var(--on-accent) 80%,transparent);background:color-mix(in srgb,var(--on-accent) 18%,transparent)}
.brand-card:hover .tag:nth-child(2){transition-delay:.04s}.brand-card:hover .tag:nth-child(3){transition-delay:.08s}
/* hover на фичи: иконки/галочки делают мягкий pop */
.feat li::before{transition:transform .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease)}
/* эталон Li Auto: иконки вертикально центрированы (translateY -50%) — hover сохраняет центрирование для ВСЕХ брендов */
.brand-card:hover .feat li::before{transform:translateY(-50%) scale(1.1)}
.brand-card:hover .feat li:nth-child(2)::before{transition-delay:.05s}.brand-card:hover .feat li:nth-child(3)::before{transition-delay:.1s}
/* stagger-появление контента внутри карточки при scroll-reveal (.in ставит collage.js) */
.brand-card__head,.brand-card__desc,.tag-row,.feat,.brand-card__body .btn{opacity:0;transform:translateY(14px);transition:opacity .55s var(--ease),transform .55s var(--ease)}
.brand-card.in .brand-card__head,.brand-card.in .brand-card__desc,.brand-card.in .tag-row,.brand-card.in .feat,.brand-card.in .brand-card__body .btn{opacity:1;transform:none}
.brand-card.in .brand-card__head{transition-delay:.05s}
.brand-card.in .brand-card__desc{transition-delay:.13s}
.brand-card.in .tag-row{transition-delay:.21s}
.brand-card.in .feat{transition-delay:.29s}
.brand-card.in .brand-card__body .btn{transition-delay:.37s}
@media (prefers-reduced-motion:reduce){
  .brand-card,.brand-card:hover{transform:none;transition:none}
  .brand-card__head,.brand-card__desc,.tag-row,.feat,.brand-card__body .btn{opacity:1;transform:none;transition:none}
}
/* ── Стеклянный оверлей основного цвета на фото (единый тон под mood, без отдельных картинок) ──
 * Лёгкий tint: accent 26%, mix-blend multiply — фото читается, тон берётся из --c-accent,
 * поэтому под каждым mood оверлей перекрашивается сам (отдельные картинки не нужны).
 * Оверлей повторяет mask фото (тот же fade со всех сторон), чтобы тонировать ТОЛЬКО машину. */
.brand-card__media::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
  background:var(--c-accent);opacity:.26;mix-blend-mode:multiply;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.5) 14%,#000 40%),radial-gradient(116% 128% at 60% 50%,#000 48%,rgba(0,0,0,.45) 74%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.5) 14%,#000 40%),radial-gradient(116% 128% at 60% 50%,#000 48%,rgba(0,0,0,.45) 74%,transparent 100%);
  mask-composite:intersect}

/* ── Деликатные переходы между секциями: диагональный срез + мягкая растушёвка тона на стыке (mood-agnostic) ── */
.custom{background:var(--c-dark);color:var(--c-dark-ink);text-align:center;position:relative;overflow:hidden;clip-path:polygon(0 28px,100% 0,100% 100%,0 100%);margin-top:-28px}
.custom::before{content:"";position:absolute;width:620px;height:620px;left:50%;top:-40%;transform:translateX(-50%);background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--c-accent) 24%,transparent),transparent 65%);border-radius:var(--blob-b);pointer-events:none}
.custom .wrap{position:relative;z-index:2}.custom h2{color:var(--c-dark-ink)}.custom p{color:var(--c-dark-soft);max-width:640px;margin:0 auto 22px}
.custom .tag{background:color-mix(in srgb,var(--c-dark-ink) 5%,transparent);border-color:var(--c-dark-line);color:var(--c-dark-ink)}
.custom__points{list-style:none;padding:0;margin:26px auto 32px;max-width:560px;display:grid;gap:11px;text-align:left}
.custom__points li{position:relative;padding-left:28px;color:var(--c-dark-soft)}.custom__points li::before{content:"→";position:absolute;left:0;color:var(--c-accent-2);font-weight:700}
/* ── Custom: лид-форма подбора авто (тёмная поверхность, всё на токенах --c-dark-*) ── */
.custom__form{max-width:560px;margin:30px auto 0;display:grid;gap:16px;text-align:left;background:color-mix(in srgb,var(--c-dark-ink) 5%,transparent);border:1px solid var(--c-dark-line);border-radius:18px;padding:clamp(22px,3vw,32px)}
.custom__field{display:grid;gap:7px}
.custom__field label{font-size:.82rem;font-weight:600;color:var(--c-dark-soft);letter-spacing:.01em}
.custom__field .req{color:var(--c-accent-2)}
.custom__form input,.custom__form select{width:100%;padding:13px 15px;border-radius:10px;border:1px solid var(--c-dark-line);background:color-mix(in srgb,var(--c-dark) 55%,transparent);color:var(--c-dark-ink);font-family:var(--f-sans);font-size:.96rem;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
.custom__form input::placeholder{color:color-mix(in srgb,var(--c-dark-soft) 70%,transparent)}
.custom__form input:focus,.custom__form select:focus{outline:none;border-color:var(--c-accent-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-accent-2) 22%,transparent)}
.custom__form select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--c-accent-2) 50%),linear-gradient(135deg,var(--c-accent-2) 50%,transparent 50%);background-position:calc(100% - 20px) center,calc(100% - 14px) center;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:42px}
.custom__form select option{background:var(--c-dark-2);color:var(--c-dark-ink)}
.custom__form .btn{margin-top:6px;justify-content:center}
.custom__form input:invalid:not(:placeholder-shown){border-color:color-mix(in srgb,var(--c-accent) 70%,#c0392b)}
.custom__note{margin:2px 0 0;font-size:.78rem;color:var(--c-dark-soft);text-align:center}
@media(min-width:620px){.custom__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}}
/* ── Лид-форма во ВСПЛЫВАЮЩЕМ окне (модалка) ── */
.cform-modal{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;padding:5vmin}
.cform-modal.open{display:flex}
.cform-backdrop{position:absolute;inset:0;background:color-mix(in srgb,var(--c-black) 78%,transparent);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.cform-dialog{position:relative;z-index:1;width:100%;max-width:560px;max-height:92vh;overflow:auto;background:var(--c-dark);color:var(--c-dark-ink);border:1px solid var(--c-dark-line);border-radius:20px;padding:clamp(26px,4vw,40px);box-shadow:0 40px 90px rgba(0,0,0,.55);animation:cformIn .28s var(--ease)}
@keyframes cformIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
.cform-close{position:absolute;top:14px;right:16px;width:40px;height:40px;border:0;border-radius:50%;background:color-mix(in srgb,var(--c-dark-ink) 8%,transparent);color:var(--c-dark-ink);font-size:1.6rem;line-height:1;cursor:pointer;transition:background .2s var(--ease),transform .2s var(--ease)}
.cform-close:hover{background:color-mix(in srgb,var(--c-dark-ink) 16%,transparent);transform:rotate(90deg)}
.cform-head{text-align:center;margin-bottom:22px}
.cform-title{font-family:var(--f-serif);font-size:clamp(1.5rem,3vw,2rem);color:var(--c-dark-ink);margin:0 0 10px}
.cform-sub{color:var(--c-dark-soft);font-size:.96rem;margin:0;max-width:46ch;margin-inline:auto}
.cform-dialog .custom__form{margin:0;background:none;border:0;padding:0;max-width:none}
@media (prefers-reduced-motion:reduce){.cform-dialog{animation:none}.cform-close:hover{transform:none}}
/* FAQ-секция: свой фон (--c-bg-alt) + диагональный срез верха = чёткий переход от тёмной Custom (на bronze --c-bg==--c-dark) */
.faq{background:var(--c-bg-alt);clip-path:polygon(0 0,100% 28px,100% 100%,0 100%);margin-top:-28px;position:relative}
.faq__list{max-width:860px;margin:46px auto 0}
.faq-item{border-bottom:1px solid var(--c-line)}
.faq-q{width:100%;text-align:left;background:none;border:0;padding:24px 44px 24px 0;font-family:var(--f-serif);font-size:1.12rem;font-weight:600;color:var(--c-ink);cursor:pointer;position:relative}
.faq-q::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-family:var(--f-sans);font-size:1.4rem;color:var(--c-accent);transition:transform .25s}
.faq-item.open .faq-q::after{content:"–"}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s var(--ease)}.faq-a p{padding:0 0 24px;color:var(--c-ink-soft)}.faq-item.open .faq-a{max-height:320px}
/* подвал — в стиле шапки: то же стекло + акцент-кромка СВЕРХУ (зеркало шапки) */
.footer{background:color-mix(in srgb,var(--c-black) 92%,transparent);backdrop-filter:saturate(150%) blur(10px);-webkit-backdrop-filter:saturate(150%) blur(10px);color:var(--on-soft);padding:52px 0;border-top:1px solid color-mix(in srgb,var(--c-accent) 28%,transparent);position:relative}
.footer__in{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;max-width:var(--wrap);margin:0 auto;padding:0 28px}
.footer__brand{display:flex;align-items:center;gap:12px}
.footer__logo{display:inline-flex;align-items:center;color:var(--on-accent)}.footer__logo svg{height:48px;width:auto;display:block;fill:currentColor}
.footer__title{font-family:var(--f-serif);color:var(--on-ink);font-weight:600}.footer__tag{font-size:.76rem;color:var(--on-soft)}
.footer__links{display:flex;gap:24px;font-size:.9rem;color:var(--on-soft)}.footer__links a:hover{color:var(--on-accent)}
.footer__phone{color:var(--on-ink);font-weight:700}.footer__contacts{font-size:.76rem;color:var(--on-accent)}

/* AUTO-GENERATED START: lzb-inner-blocks-patches — DO NOT EDIT */
.svc-grid .lazyblock-inner-blocks,
.svc-grid > .wp-block-lazyblock-services-card,
.lazyblock-inner-blocks > .wp-block-lazyblock-services-card { display: contents; }
.brands-grid .lazyblock-inner-blocks,
.brands-grid > .wp-block-lazyblock-brand-card,
.lazyblock-inner-blocks > .wp-block-lazyblock-brand-card { display: contents; }
.faq__list .lazyblock-inner-blocks,
.faq__list > .wp-block-lazyblock-faq-item,
.lazyblock-inner-blocks > .wp-block-lazyblock-faq-item { display: contents; }
/* AUTO-GENERATED END: lzb-inner-blocks-patches */

/* Bug#5 (B23): top-level Lazy Blocks wrappers must not break full-width layout */
.lp-main > .wp-block-lazyblock-nav,
.lp-main > .wp-block-lazyblock-hero,
.lp-main > .wp-block-lazyblock-services,
.lp-main > .wp-block-lazyblock-brands,
.lp-main > .wp-block-lazyblock-custom,
.lp-main > .wp-block-lazyblock-faq,
.lp-main > .wp-block-lazyblock-footer { display:block; width:100%; max-width:none; margin:0; }
.lp-main { max-width:none; padding:0; }