/* /master-gruppa-lichnyj-brend/ (body.home.mg) — страница на компонентах главной (решение владельца 30.09.2026:
   «как стандарт — главная»). Здесь только отличия от главной; всё остальное — общие файлы главной. */

/* Программа: 6 пунктов — 3×2 на широком экране (на главной 4 в ряд под 4 пункта). */
/* без номеров: пункты программы — не последовательность; ряды без субсетки главной (там 4 пункта в один ряд) */
.mg .mg-prog .bn-list{grid-template-rows:none;row-gap:clamp(28px,3vw,44px)}
.mg .mg-prog .bn-item{grid-row:auto;grid-template-rows:none;align-content:start}
@media (min-width:1280px){.mg .mg-prog .bn-list{grid-template-columns:repeat(3,1fr)}}
.mg .mg-plus{margin:28px 0 0;max-width:40em;text-wrap:pretty;font:500 clamp(16px,1.3vw,19px)/1.45 'Golos Text',sans-serif;color:#4a4a48}

/* «Как устроена работа»: карточки-описания, не ссылки — без подъёма и стрелки, чтобы не обещать переход. */
.mg .mg-card:hover,.mg .mg-card:active{transform:none;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 22px 44px -22px rgba(120,52,12,.28)}
.mg .mg-card:hover .fmt-ico{transform:none}

/* Цена в плашке: шесть знаков вместо «20+» — кегль меньше, чтобы число не вылезало из графита. */
.mg .mg-offer .xp-years b{font-size:clamp(84px,8.4vw,140px)}
.mg .mg-offer .xp-lead a{color:inherit;text-decoration:underline;text-underline-offset:4px}
.mg .mg-offer .xp-lead a:hover{text-decoration-color:#fe6c1f}

/* ===== Первый экран v2 (макет C, выбор владельца 30.09): фото на весь экран, стеклянная карточка слева, плашка «Старт» справа.
   Фото одно на обе темы (вечерний кадр pick-2); тёмная — графитовое стекло, светлая — кремовое. Переключение только
   prefers-color-scheme: ручного переключателя темы на сайте нет (шапка тоже только на media-запросе). */
.mg-hero-band{--mg-bg:#faf7f2;--mg-ink:#111;--mg-mute:#5e5750;--mg-or:#fe6c1f;--mg-acc:#9e3a0a;
  --mg-glass:rgba(250,247,242,.84);--mg-line:rgba(255,255,255,.75);--mg-pbg:#111;--mg-pfg:#faf7f2;--mg-cell:#faf7f2;--mg-cellfg:#111;
  --mg-plate:var(--mg-or);--mg-sec:#111;--mg-tband:#efe9df;--mg-tline:rgba(17,17,17,.12);--mg-num:#111;--mg-numfg:#faf7f2;
  color:var(--mg-ink)}
.home .page-band.mg-hero-band{background:var(--mg-bg)}
.home .page-band>.mg-hero{max-width:none}
@media (prefers-color-scheme:dark){.mg-hero-band{--mg-bg:#232529;--mg-ink:#faf7f2;--mg-mute:#cfc8be;--mg-acc:#ff8a4c;
  --mg-glass:rgba(35,37,41,.72);--mg-line:rgba(250,247,242,.2);--mg-pbg:var(--mg-or);--mg-pfg:#111;--mg-cell:#111;--mg-cellfg:#faf7f2;
  --mg-plate:#faf7f2;--mg-sec:#faf7f2;--mg-tband:#1c1e21;--mg-tline:rgba(255,255,255,.12);--mg-num:#faf7f2;--mg-numfg:#111}}
.mg-hero{--mg-pad:clamp(16px,4.4vw,64px);position:relative;box-sizing:border-box;min-height:max(680px,calc(100svh - var(--mg-hdr,64px)));
  overflow:hidden;font-family:'Golos Text',sans-serif;isolation:isolate}
.mg-hero *,.mg-trackband *{box-sizing:border-box}
.mg-ph{position:absolute;inset:0;z-index:-1}
.mg-ph img{display:block;width:100%;height:100%;object-fit:cover;object-position:62% 28%}
/* лёгкая растушёвка слева — подложка под стекло, лица не касается (лицо на ~66% ширины) */
.mg-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--mg-bg) 55%,transparent) 0%,transparent 40%)}
.mg-glass{background:var(--mg-glass);border:1px solid var(--mg-line)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .mg-hcard,.mg-chip{-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1)}}
@media (prefers-reduced-transparency:reduce){.mg-hero-band{--mg-glass:var(--mg-bg)}}

.mg-chip{position:absolute;top:clamp(20px,3vw,40px);right:var(--mg-pad);display:flex;align-items:center;gap:10px;margin:0;padding:12px 18px;
  border-radius:6px;background:var(--mg-glass);border:1px solid var(--mg-line);
  font:800 20px/1 Poster,'Golos Text',sans-serif;font-stretch:75%;font-variation-settings:'wdth' 75;letter-spacing:.02em;text-transform:uppercase}
.mg-chip span{color:var(--mg-or);font-size:26px;line-height:.6}

.mg-hcard{position:absolute;left:var(--mg-pad);bottom:clamp(28px,5vh,56px);width:min(500px,calc(100% - 2 * var(--mg-pad)));padding:34px 36px 28px;
  border-radius:8px;background:var(--mg-glass);border:1px solid var(--mg-line);box-shadow:0 20px 60px rgba(0,0,0,.18)}
.mg-hcard h1{margin:0 0 18px;font:inherit;color:inherit}
.mg-kick{display:block;margin:0 0 14px;font:600 13px/1.25 'Golos Text',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--mg-mute)}
.mg-kick i{font-style:normal;color:var(--mg-or)}
.mg-h{display:block;font:900 60px/.92 Poster,'Golos Text',sans-serif;font-stretch:75%;font-variation-settings:'wdth' 75;text-transform:uppercase;
  letter-spacing:-.005em;text-wrap:balance}
.mg-facts{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 22px;padding:0;list-style:none;font:500 16px/1.35 'Golos Text',sans-serif}
.mg-facts li::before{content:"* ";color:var(--mg-or);font-weight:800}
.mg-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:0 0 18px}
.mg-price b{font:900 52px/1 Poster,'Golos Text',sans-serif;font-stretch:75%;font-variation-settings:'wdth' 75;white-space:nowrap}
.mg-price span{font:500 15px/1.3 'Golos Text',sans-serif;color:var(--mg-mute)}

.mg-pay{--plate:var(--mg-plate);display:flex;align-items:stretch;min-height:58px;border-radius:4px;background:var(--mg-pbg);color:var(--mg-pfg);
  text-decoration:none;font:600 18px/1.2 'Golos Text',sans-serif}
.mg-pay-c{flex:none;display:grid;place-items:center;width:46px;margin:6px;border-radius:3px;background:var(--mg-cell);color:var(--mg-cellfg)}
.mg-pay-c svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}
.mg-pay-t{flex:1;display:flex;align-items:center;padding:0 14px;white-space:nowrap}
.mg-pay:focus-visible,.mg-sec a:focus-visible{outline:2px solid var(--mg-ink);outline-offset:3px}
@media (prefers-reduced-motion:no-preference){.mg-pay-c svg{transition:translate .2s cubic-bezier(.4,0,.2,1)}
  .mg-pay:is(:hover,:focus-visible) .mg-pay-c svg{translate:3px 0}}
.mg-sec{display:grid;grid-template-columns:1fr;gap:10px;margin:10px 0 14px}
.mg-sec a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 10px;white-space:nowrap;border:1.5px solid var(--mg-sec);
  border-radius:4px;color:var(--mg-ink);text-decoration:none;font:500 15px/1.2 'Golos Text',sans-serif;transition:background-color .2s,color .2s}
.mg-sec a:hover{background:var(--mg-sec);color:var(--mg-bg)}
.mg-sec a:active{translate:1px 1px}
.mg-sec svg{width:20px;height:20px;flex:none;fill:currentColor}
.mg-code{margin:0;font:500 14px/1.3 'Golos Text',sans-serif;color:var(--mg-mute)}
.mg-code b{color:var(--mg-acc);letter-spacing:.08em}

/* появление: карточка поднимается, плашка следом; без движения — сразу на месте */
@media (prefers-reduced-motion:no-preference){
  .mg-hcard{animation:mg-rise .7s cubic-bezier(.2,.7,.2,1) .1s both}
  .mg-chip{animation:mg-rise .6s cubic-bezier(.2,.7,.2,1) .35s both}
}
@keyframes mg-rise{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}

/* дорожка встреч + крошки — полоса под первым экраном */
.mg-trackband{padding:clamp(18px,2vw,26px) max(var(--mg-pad),calc((100% - var(--page-max,1320px)) / 2 + var(--mg-pad))) clamp(24px,2.6vw,36px);background:var(--mg-tband);
  border-top:1px solid var(--mg-tline);color:var(--mg-ink);font-family:'Golos Text',sans-serif;--mg-pad:clamp(16px,4.4vw,64px)}
.mg-crumbs{display:flex;flex-wrap:wrap;gap:0 8px;margin:0 0 14px;font:500 14px/1.4 'Golos Text',sans-serif;color:var(--mg-mute)}
.mg-crumbs a{display:inline-block;padding-block:4px;color:var(--mg-ink);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--mg-ink) 35%,transparent);text-underline-offset:3px}
.mg-crumbs a:hover{text-decoration-color:var(--mg-or)}
.mg-track-cap{margin:0 0 16px;font:600 12px/1.4 'Golos Text',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--mg-mute)}
.mg-track ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.mg-track li{position:relative;display:flex;align-items:center;gap:12px;min-width:0}
.mg-track b{flex:none;display:grid;place-items:center;width:clamp(44px,4.4vw,64px);height:clamp(44px,4.4vw,64px);border-radius:4px;background:var(--mg-or);color:#111;
  font:900 clamp(28px,3vw,44px)/1 Poster,'Golos Text',sans-serif;font-stretch:75%}
.mg-track li:first-child b{background:var(--mg-num);color:var(--mg-numfg)}
.mg-track span{font:500 15px/1.3 'Golos Text',sans-serif}
@media (prefers-reduced-motion:no-preference){
  .mg-track li{animation:mg-rise .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(.45s + var(--i) * 90ms)}}

/* ≤1000: фото сверху во всю ширину, карточка ниже с заходом на фото, плашка над карточкой справа */
@media (max-width:1000px){
  .mg-hero{min-height:0;overflow:visible;padding:0 0 var(--mg-pad)}
  .mg-ph{position:relative;inset:auto;display:block;height:var(--mg-phh,66.6vw);z-index:0}
  .mg-ph::after{background:linear-gradient(0deg,var(--mg-bg) 0%,transparent 26%)}
  .mg-hcard{position:relative;left:auto;bottom:auto;z-index:1;width:auto;max-width:600px;margin:-64px var(--mg-pad) 0}
  .mg-chip{top:calc(var(--mg-phh,66.6vw) - 64px - 58px);right:var(--mg-pad);z-index:2}
}
@media (max-width:700px){
  .mg-hero{--mg-phh:min(125vw,600px)}
  .mg-ph img{object-position:50% 20%}
  .mg-chip{top:calc(var(--mg-phh) - 64px - 50px);padding:9px 12px;font-size:16px;gap:8px}.mg-chip span{font-size:21px}
  .mg-hcard{padding:22px 18px 18px}
  .mg-kick{font-size:11px;letter-spacing:.1em;margin-bottom:10px}
  .mg-h{font-size:clamp(36px,11.2vw,46px)}
  .mg-facts{font-size:14.5px;gap:4px 14px;margin-bottom:16px}
  .mg-price{margin-bottom:14px}.mg-price b{font-size:40px}
  .mg-pay{min-height:54px;font-size:16px}.mg-pay-c{width:42px}.mg-pay-t{padding:0 12px}  .mg-sec{gap:8px}.mg-sec a{font-size:13.5px;gap:6px;padding:0 6px}.mg-sec svg{width:18px;height:18px}
  .mg-track ol{gap:6px}
  .mg-track li{flex-direction:column;align-items:stretch;gap:6px}
  .mg-track b{width:100%;height:46px}
  .mg-track span{font-size:12px;text-align:center}
}
@media (max-width:360px){
  .mg-pay{font-size:15px}.mg-pay-t{padding:0 10px}
}
@media (max-width:480px){.mg-track span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}

/* подпись к цене длиннее, чем «лет в маркетинге» на главной — переносим */
.mg .mg-offer .xp-years span{white-space:normal;max-width:24em}

/* ===== «Долями» (Т-Банк) — информационный виджет по гайду dolyame.ru/brand (светлый с рамкой / чёрный вариант).
   Логотип — официальные SVG без изменений (чёрный на светлом, белый на тёмном). Оплаты на сайте нет. */
.dl--auto,.dl--light{--dl-bg:#fff;--dl-fg:#111;--dl-mute:#5e5750;--dl-line:#dcd8d1;--dl-track:rgba(17,17,17,.14)}
.dl--dark{--dl-bg:#000;--dl-fg:#fff;--dl-mute:#c9c5be;--dl-line:#000;--dl-track:rgba(255,255,255,.2)}
@media (prefers-color-scheme:dark){.dl--auto{--dl-bg:#000;--dl-fg:#fff;--dl-mute:#c9c5be;--dl-line:#3a3c40;--dl-track:rgba(255,255,255,.2)}}
.dl-logo{display:block;width:auto;height:18px}
.dl-logo--w{display:none}
.dl--dark .dl-logo--b{display:none}.dl--dark .dl-logo--w{display:block}
@media (prefers-color-scheme:dark){.dl--auto .dl-logo--b{display:none}.dl--auto .dl-logo--w{display:block}}

.mg-price .dl-chip{align-self:center}
.mg-price .dl-chip span{color:inherit;font:inherit}
.mg-price .dl-chip b{font:700 15px/1.2 'Golos Text',sans-serif;font-stretch:100%;font-variation-settings:normal;white-space:nowrap}
.dl-chip{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 10px 0 14px;border:1px solid var(--dl-line);border-radius:10px;
  background:var(--dl-bg);color:var(--dl-fg);font:500 15px/1.2 'Golos Text',sans-serif;cursor:pointer;white-space:nowrap;
  transition:border-color .2s,box-shadow .2s,translate .15s}
.dl-chip[hidden]{display:none}
.dl-chip .dl-logo{height:15px}
.dl-chip b{font-weight:700}
.dl-chev{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;opacity:.6}
.dl-chip:hover{border-color:var(--dl-fg);box-shadow:0 6px 18px -8px rgba(0,0,0,.35)}
.dl-chip:active{translate:0 1px}
.dl-chip:focus-visible,.dl-seg:focus-visible,.dl-x:focus-visible{outline:2px solid var(--mg-or,#fe6c1f);outline-offset:3px}

.dl-full{color:var(--dl-fg);font-family:'Golos Text',sans-serif}
.dl-full .dl-logo{height:20px;margin-bottom:14px}
.dl-h{margin:0 0 6px;font:700 20px/1.2 'Golos Text',sans-serif}
.dl-sub{margin:0 0 12px;font:400 15px/1.4 'Golos Text',sans-serif;color:var(--dl-mute);max-width:34em}
.dl-feat{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 18px;padding:0;list-style:none;font:500 14px/1.3 'Golos Text',sans-serif}
.dl-feat li::before{content:"✓ ";color:var(--mg-or,#fe6c1f);font-weight:700}
.dl-scale{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.dl-seg{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;min-height:44px;padding:0 0 4px;border:0;background:none;color:inherit;
  font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.dl-bar{display:block;width:100%;height:6px;border-radius:3px;background:var(--dl-track);transition:background-color .2s,transform .2s}
.dl-seg.is-on .dl-bar{background:var(--dl-fg)}
.dl-seg.is-sel .dl-bar{background:var(--mg-or,#fe6c1f);transform:scaleY(1.5)}
.dl-amt{font:700 15px/1.2 'Golos Text',sans-serif;white-space:nowrap}
.dl-date{font:500 13px/1.2 'Golos Text',sans-serif;color:var(--dl-mute);transition:color .2s}
.dl-seg.is-sel .dl-date{color:var(--dl-fg)}
.dl-sum{min-height:1.4em;margin:14px 0 0;font:600 15px/1.4 'Golos Text',sans-serif}
.dl-more{margin:10px 0 0;font:400 13px/1.4 'Golos Text',sans-serif;color:var(--dl-mute)}
.dl-more a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.dl-more a:hover{color:var(--dl-fg)}

/* в графитовой плашке цены — вся ширина, без чёрной подложки */
.home .xp-panel .dl-full{grid-column:1/-1;--dl-bg:transparent;--dl-mute:var(--xp-g-soft,#c9c5be)}

.dl-dlg{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:16px;background:var(--dl-bg,#fff);color:var(--dl-fg);
  --dl-bg:#fff;--dl-fg:#111;box-shadow:0 30px 80px -20px rgba(0,0,0,.5)}
@media (prefers-color-scheme:dark){.dl-dlg{--dl-bg:#000;--dl-fg:#fff}}
.dl-dlg::backdrop{background:rgba(17,17,17,.55)}
.dl-dlg-body{position:relative;padding:28px 24px 24px}
.dl-x{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;border-radius:50%;background:none;color:inherit;font:400 28px/1 'Golos Text',sans-serif;cursor:pointer}
.dl-x:hover{background:rgba(127,127,127,.15)}
@media (prefers-reduced-motion:no-preference){
  .dl-dlg[open]{animation:dl-in .22s cubic-bezier(.2,.7,.2,1)}
  .dl-dlg[open]::backdrop{animation:dl-fade .22s ease}
}
@keyframes dl-in{from{opacity:0;translate:0 12px;scale:.98}to{opacity:1;translate:0 0;scale:1}}
@keyframes dl-fade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.dl-bar,.dl-chip,.dl-date{transition:none}}
@media (max-width:400px){.dl-chip{gap:8px;padding:0 8px 0 10px;font-size:14px}.dl-chip .dl-logo{height:13px}.dl-amt{font-size:14px}.dl-date{font-size:12px}}
@media (max-width:360px){.dl-chip,.mg-price .dl-chip b{font-size:13px}.dl-chip{gap:6px;padding:0 10px}.dl-chip .dl-logo{height:12px}.dl-chev{display:none}.dl-scale{gap:5px}.dl-amt{font-size:13px}}