/* MediaLead — итоговая главная · блок 4 «Система работы».
   Живые объекты из D/D2 (карточка с пометками, выдача, лента Pulse) и четыре подачи на выбор. */

.s4{padding-top:120px;padding-bottom:120px}
.s4 .s4__head{display:grid;grid-template-columns:1.25fr 1fr;column-gap:56px;align-items:end;margin-bottom:36px;max-width:none}
.s4 .s4__head .label{grid-column:1 / -1}
.s4 .s4__head .h2{margin:0;font-size:var(--h2m)}
.s4 .s4__head .lead{margin:0;max-width:480px}
.s4v{display:none}
.s4[data-s4="1"] .s4v--1,.s4[data-s4="2"] .s4v--2,.s4[data-s4="3"] .s4v--3,.s4[data-s4="4"] .s4v--4{display:block}
.s4k{display:block;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--ink-3)}
.s4__foot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
.s4__foot p{margin:0;max-width:520px;font-size:17px;color:var(--ink-2)}

/* ===== Текст технологии (общий) ===== */
.g-k{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.g-t{margin:8px 0 0;font-size:21px;font-weight:600;line-height:1.18;letter-spacing:-.018em}
.g-t span{color:var(--ink-3)}
.g-d{margin:8px 0 0;font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.g-proof{display:flex;flex-direction:column;margin:12px 0 0;padding:10px 12px;border-radius:12px;background:var(--paper);font-size:13px;line-height:1.35;color:var(--ink-2)}
.g-proof b{color:var(--ink);font-weight:600}
.g-pl{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none}
.g-pl li{display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 6px;border-radius:9px;background:var(--paper);font-size:12.5px;color:var(--ink-2);white-space:nowrap}
.g-pl b{color:var(--ink);font-weight:600}
.g-pl svg{width:18px;height:18px;flex:none;padding:3px;border-radius:5px;background:rgba(226,65,46,.14);color:var(--accent)}

/* ===== Объект 1 · Эстетика: реальная карточка с пометками ===== */
.g-o{position:relative;width:100%;height:100%;overflow:hidden;border-radius:16px}
.g-aes{background:#1a1416}
.g-aes img{position:absolute;width:196%;max-width:none;height:auto;right:-6%;top:-6%;transition:transform 1.2s var(--ease)}
.g-call{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:6px 10px 6px 7px;border-radius:9px;background:rgba(13,13,15,.86);color:#fff;font-size:12px;font-weight:500;line-height:1.2;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transform:translateY(6px) scale(.96);transition:opacity .45s var(--ease),transform .45s var(--ease),background .3s}
.g-call i{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px rgba(226,65,46,.35)}
.g-call--1{left:6%;top:7%}.g-call--2{right:4%;top:33%}.g-call--3{left:6%;top:56%}.g-call--4{right:4%;top:80%}
.g-aes.is-on .g-call{opacity:1;transform:none}
.g-aes.is-on .g-call--2{transition-delay:.25s}.g-aes.is-on .g-call--3{transition-delay:.5s}.g-aes.is-on .g-call--4{transition-delay:.75s}
.g-call.is-hl{background:var(--accent)}
.g-call.is-hl i{background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.35)}
.g-aes[data-big] img{width:150%;right:-3%;top:-4%}
.g-aes[data-big] .g-call{padding:9px 14px 9px 10px;border-radius:12px;font-size:15px;gap:9px}
.g-aes[data-big] .g-call--1{left:5%;top:8%}.g-aes[data-big] .g-call--2{right:3%;top:31%}.g-aes[data-big] .g-call--3{left:5%;top:52%}.g-aes[data-big] .g-call--4{right:3%;top:74%}

/* ===== Объект 2 · Выдача: ваша карточка поднимается в ТОП ===== */
.g-serp{display:flex;flex-direction:column;justify-content:center;padding:14px;background:var(--dark-2);--step:34px}
.g-serp__q{display:flex;align-items:center;gap:9px;height:34px;padding:0 12px;border-radius:10px;background:var(--dark-3);font-size:14px;color:#fff;flex:none}
.g-serp__q svg{width:16px;height:16px;color:#75757d}
.g-serp__q span::after{content:'';display:inline-block;width:1.5px;height:15px;margin-left:2px;vertical-align:-2px;background:var(--accent);animation:gcaret 1s steps(1) infinite}
@keyframes gcaret{50%{opacity:0}}
.g-serp__l{position:relative;height:132px;margin:6px 0 0;padding:0;list-style:none;flex:none}
.g-serp__l li{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:10px;height:30px;padding:0 10px;border-radius:9px;font-size:13px;white-space:nowrap;color:#cfcfd5;transform:translateY(calc(var(--i,0) * var(--step)));transition:transform .8s var(--ease),background .4s,color .4s}
.g-serp__l b{width:20px;height:20px;flex:none;border-radius:6px;display:grid;place-items:center;background:var(--dark-3);font-size:11px;font-weight:600;color:#a4a4ab}
.g-serp__l li span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.g-serp__l small{margin-left:auto;flex:none;font-size:12px;color:#75757d}
.g-serp__l li.is-you{background:rgba(226,65,46,.16);color:#fff;box-shadow:inset 0 0 0 1px rgba(226,65,46,.55)}
.g-serp__l li.is-you b{background:var(--accent);color:#fff}
.g-serp__l li.is-you em{display:none;width:18px;height:18px;margin-left:-2px;color:#ff8a78}
.g-serp__l li.is-you em svg{width:100%;height:100%}
.g-serp__l li.is-you.is-climb em{display:block;animation:gup .9s var(--ease)}
@keyframes gup{0%{transform:translateY(8px);opacity:0}40%{opacity:1}100%{transform:translateY(-4px);opacity:0}}
.g-serp__l li.is-you.is-top::after{content:'ТОП-1';margin-left:8px;padding:3px 6px;border-radius:6px;background:var(--accent);font-size:10.5px;font-weight:700;letter-spacing:.04em}
.g-serp__l li.is-you.is-top small{display:none}
.g-serp__adv{display:none}
.g-serp__cap{display:none;margin-top:auto;padding-top:16px;font-size:13px;color:#75757d}
.g-serp[data-big]{padding:36px 34px;justify-content:flex-start;--step:60px}
.g-serp[data-big] .g-serp__q{height:52px;padding:0 16px;border-radius:14px;font-size:17px}
.g-serp[data-big] .g-serp__q svg{width:20px;height:20px}
.g-serp[data-big] .g-serp__l{height:236px;margin-top:14px}
.g-serp[data-big] .g-serp__l li{height:52px;padding:0 16px;border-radius:13px;font-size:16px;gap:14px}
.g-serp[data-big] .g-serp__l b{width:28px;height:28px;border-radius:8px;font-size:13px}
.g-serp[data-big] .g-serp__l small{font-size:14px}
.g-serp[data-big] .g-serp__l li.is-you.is-top::after{font-size:12px;padding:5px 9px}
.g-serp[data-big] .g-serp__adv{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.g-serp__adv div{padding:14px;border-radius:14px;background:var(--dark-3);color:#a4a4ab;font-size:13px;line-height:1.4}
.g-serp__adv b{display:block;margin:8px 0 4px;color:#fff;font-size:14.5px;font-weight:600}
.g-serp__adv p{margin:0}
.g-serp__adv span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(226,65,46,.18);color:#ff8a78}
.g-serp__adv span svg{width:16px;height:16px}
.g-serp[data-big] .g-serp__cap{display:block}

/* ===== Объект 3 · Pulse: показатели, столбики и лента событий ===== */
.g-pulse{display:flex;flex-direction:column;padding:12px;background:var(--paper)}
.g-pulse__h{display:flex;align-items:center;gap:8px;flex:none;font-size:13px}
.g-pulse__h small{color:var(--ink-3)}
.g-pulse__ic{width:24px;height:24px;border-radius:7px;background:var(--ink);color:#fff;display:grid;place-items:center}
.g-pulse__ic svg{width:13px;height:13px}
.g-pulse__per{margin-left:auto;padding:3px 8px;border-radius:7px;background:#fff;font-size:11.5px;font-weight:500;color:var(--ink-2)}
.g-pulse__kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px;flex:none}
.g-pulse__kpi div{padding:7px 9px;border-radius:10px;background:#fff}
.g-pulse__kpi span{display:block;font-size:10.5px;color:var(--ink-3)}
.g-pulse__kpi b{display:block;font-size:16px;font-weight:600;letter-spacing:-.02em;line-height:1.2;white-space:nowrap}
.g-pulse__kpi b.up{color:var(--good)}
.g-pulse__chart{display:none;flex-direction:column;flex:1;min-height:0;margin-top:8px;padding:8px 10px 6px;border-radius:12px;background:#fff}
.g-pulse__ct{flex:none;font-size:10.5px;color:var(--ink-3)}
.g-pulse__bars{flex:1;min-height:34px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:6px;margin-top:6px}
.g-pulse__bars i{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:100%}
.g-pulse__bars b{display:block;height:0;border-radius:5px 5px 2px 2px;background:#d9dad6;transition:height .9s var(--ease) calc(var(--k) * 90ms)}
.g-pulse__bars i:last-child b{background:var(--accent)}
.g-pulse__bars em{display:block;margin-top:3px;font-style:normal;font-size:9.5px;text-align:center;color:var(--ink-3)}
.g-pulse.is-grow .g-pulse__bars b{height:calc(var(--h) - 14px)}
.g-pulse__l{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;margin-top:8px;overflow:hidden}
.g-pm{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:11px;background:#fff;font-size:12.5px;line-height:1.35;animation:gpm .5s var(--ease) both}
.g-pm time{flex:none;font-size:11px;color:var(--ink-3);padding-top:1px;font-variant-numeric:tabular-nums}
.g-pm b{font-weight:600}
.g-pm .up{color:var(--good);font-weight:600}
.g-pm .ai{display:inline-block;margin-right:4px;padding:1px 5px;border-radius:5px;background:var(--ink);color:#fff;font-size:10px;font-weight:700}
@keyframes gpm{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.g-pulse__cap{display:none;margin-top:auto;padding-top:14px;font-size:13px;color:var(--ink-3)}
.g-pulse[data-big]{padding:28px 28px 22px}
.g-pulse[data-big] .g-pulse__h{font-size:16px}
.g-pulse[data-big] .g-pulse__ic{width:32px;height:32px;border-radius:9px}
.g-pulse[data-big] .g-pulse__ic svg{width:16px;height:16px}
.g-pulse[data-big] .g-pulse__per{font-size:13px;padding:4px 10px}
.g-pulse[data-big] .g-pulse__kpi{gap:10px;margin-top:18px}
.g-pulse[data-big] .g-pulse__kpi div{padding:12px 14px;border-radius:14px}
.g-pulse[data-big] .g-pulse__kpi span{font-size:12.5px}
.g-pulse[data-big] .g-pulse__kpi b{font-size:26px}
.g-pulse[data-big] .g-pulse__chart{display:flex;margin-top:12px;padding:14px 16px 10px;border-radius:16px}
.g-pulse[data-big] .g-pulse__ct{font-size:12.5px}
.g-pulse[data-big] .g-pulse__bars{gap:12px}
.g-pulse[data-big] .g-pulse__bars em{font-size:11.5px}
.g-pulse[data-big] .g-pulse__l{flex:none;gap:8px;margin-top:12px;justify-content:flex-start}
.g-pulse[data-big] .g-pm{padding:12px 14px;border-radius:13px;font-size:14.5px;gap:12px}
.g-pulse[data-big] .g-pm time{font-size:12.5px}
.g-pulse[data-big] .g-pulse__cap{display:block}

/* ===== 1 · Бенто (D) ===== */
.gb{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:1fr 1fr;gap:14px;height:620px}
.gb__c{position:relative;display:flex;flex-direction:column;gap:14px;min-height:0;padding:14px;border-radius:24px;background:var(--paper)}
.gb__c--aes{grid-row:1 / span 2}
.gb__o{flex:1 1 auto;min-height:0}
.gb__c:not(.gb__c--aes) .gb__o{flex:0 0 150px}
.gb__t{flex:none;padding:0 6px 6px}
.gb__c .g-pulse{background:#fff}
.gb__c .g-pulse .g-pulse__kpi div,.gb__c .g-pm{background:var(--paper)}
.gb__c--aes .g-t{font-size:24px}
.gb__c:not(.gb__c--aes) .g-d{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gb__c:not(.gb__c--aes) .g-proof{display:none}
.gb__c .g-proof{background:#fff}
.gb__c--dark{background:var(--dark);color:#fff}
.gb__c--dark .g-k{color:#75757d}
.gb__c--dark .g-t span{color:#8c8c94}
.gb__c--dark .g-d{color:#a4a4ab}
.gb__c--dark .g-pl li{background:var(--dark-2);color:#a4a4ab}
.gb__c--dark .g-pl b{color:#fff}
.gb__c--dark .g-pl{margin-top:10px}
.gb__c--dark .g-pl li:nth-child(3){display:none}
.gb__c .g-serp__l{height:96px}
.gb__c .g-pulse__kpi{display:none}

/* ===== 2 · Вкладки и большая сцена (D2) ===== */
.gt{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;height:600px}
.gt__tabs{display:flex;flex-direction:column;gap:10px;min-height:0}
.gt__b{position:relative;display:block;width:100%;padding:18px 20px;border:0;border-radius:20px;background:var(--paper);font:inherit;color:inherit;text-align:left;cursor:pointer;overflow:hidden;transition:background .3s,box-shadow .3s}
.gt__b:hover{box-shadow:inset 0 0 0 1px var(--line)}
.gt__b.is-on{background:#fff;box-shadow:inset 0 0 0 1.5px var(--ink);cursor:default;flex:1 1 auto}
.gt__b:not(.is-on) > :not(.g-k):not(.g-t){display:none}
.gt__b:not(.is-on) .g-t{font-size:17px}
.gt__b .g-t{font-size:22px}
.gt__b .g-proof,.gt__b .g-pl li{background:var(--paper)}
.gt__bar{position:absolute;left:0;bottom:0;width:0;height:3px;background:var(--accent)}
.gt.is-auto .gt__b.is-on .gt__bar{animation:gbar 7s linear forwards}
@keyframes gbar{to{width:100%}}
.gt__stage{position:relative;border-radius:24px;overflow:hidden;background:var(--paper)}
.gt__s{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(.985);transition:opacity .6s var(--ease),visibility .6s,transform .6s var(--ease)}
.gt__s.is-on{opacity:1;visibility:visible;transform:none}
.gt__s .g-o{border-radius:0}
.gt__s--dark .g-serp{background:var(--dark)}

/* ===== 3 · Прокрутка: шаги связаны линией в один круг ===== */
.gs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:56px}
.gs__txt{position:relative;padding-left:58px}
.gs__rail{position:absolute;left:17px;top:40px;bottom:120px;width:2px;border-radius:2px;background:var(--line)}
.gs__rail i{position:absolute;left:0;top:0;width:100%;height:var(--p,0%);border-radius:2px;background:var(--accent)}
.gs__step{position:relative;min-height:62vh;display:flex;flex-direction:column;justify-content:center;padding:40px 0}
.gs__step > .g-k,.gs__step > .g-t,.gs__step > .g-d,.gs__step > .g-proof,.gs__step > .g-pl{opacity:.32;transition:opacity .5s}
.gs__step.is-on > *{opacity:1}
.gs__step .g-t{font-size:clamp(26px,2.5vw,36px);line-height:1.1;letter-spacing:-.025em}
.gs__step .g-d{max-width:500px;font-size:16.5px}
.gs__step .g-proof{align-self:flex-start}
.gs__node{position:absolute;left:-58px;top:50%;display:grid;place-items:center;width:36px;height:36px;margin-top:-90px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px var(--line);font-size:14px;font-weight:700;color:var(--ink-3);transition:background .4s,color .4s,box-shadow .4s}
.gs__step.is-on .gs__node,.gs__step.is-done .gs__node{background:var(--accent);color:#fff;box-shadow:0 0 0 6px rgba(226,65,46,.14)}
.gs__step.is-on .gs__node{animation:gnode 2.4s ease-in-out infinite}
@keyframes gnode{50%{box-shadow:0 0 0 12px rgba(226,65,46,.06)}}
.gs__m{display:none}
.gs__link{display:flex;gap:12px;align-items:flex-start;margin-top:26px;padding:14px 16px;border-radius:16px;background:var(--paper);opacity:0;transform:translateY(10px);transition:opacity .5s .2s,transform .6s var(--ease) .2s}
.gs__step.is-on .gs__link,.gs__step.is-done .gs__link{opacity:1;transform:none}
.gs__link p{margin:0;font-size:14.5px;line-height:1.45;color:var(--ink-2)}
.gs__link b{color:var(--ink);font-weight:600}
.gs__ar{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;transform:rotate(90deg)}
.gs__ar svg{width:15px;height:15px}
.gs__link--loop{background:var(--accent-soft)}
.gs__link--loop .gs__ar{background:var(--accent);transform:none}
.gs__pin{position:sticky;top:max(96px,calc(50vh - 300px));height:600px;border-radius:24px;overflow:hidden;background:var(--paper)}
.gs__cyc{position:absolute;left:50%;top:16px;z-index:5;display:flex;align-items:center;gap:6px;padding:6px;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 10px 24px -14px rgba(0,0,0,.4);transform:translateX(-50%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap}
.gs__cyc span{padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;color:var(--ink-3);transition:background .4s,color .4s}
.gs__cyc span.is-on{background:var(--accent);color:#fff}
.gs__cyc svg{width:14px;height:14px;color:var(--ink-3)}
.gs__cyc svg:last-child{margin-right:6px}
.gs__f{position:absolute;inset:0;opacity:0;transform:translateY(24px) scale(.98);transition:opacity .6s,transform .8s var(--ease)}
.gs__f.is-on{opacity:1;transform:none}
.gs__f.is-up{transform:translateY(-24px) scale(.98)}
.gs__f .g-o{border-radius:0}
.gs__f .g-serp[data-big],.gs__f .g-pulse[data-big]{padding-top:72px}
.gs__f .g-aes[data-big] .g-call--1{top:13%}
.gs__f--dark .g-serp{background:var(--dark)}

/* ===== 4 · Одна карточка — три технологии ===== */
.s4a{display:grid;grid-template-columns:1fr 400px 1fr;gap:40px;align-items:center}
.s4a__col{display:flex;flex-direction:column;gap:16px}
.s4a__n{display:block;width:100%;padding:22px 24px;border:0;border-radius:var(--r-lg);background:var(--paper);font:inherit;color:inherit;text-align:left;cursor:pointer;transition:background .3s,box-shadow .3s,opacity .3s}
.s4a__n b{display:block;margin:6px 0 8px;font-size:21px;font-weight:600;line-height:1.15;letter-spacing:-.015em}
.s4a__n > span:last-child{display:block;font-size:15px;line-height:1.5;color:var(--ink-2)}
.s4a__no{float:right;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;font-size:14px;font-weight:700;transition:background .3s}
.s4a[data-on] .s4a__n{opacity:.5}
.s4a[data-on="aes"] .s4a__n[data-k="aes"],.s4a[data-on="rad"] .s4a__n[data-k="rad"],.s4a[data-on="pulse"] .s4a__n[data-k="pulse"]{opacity:1;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
.s4a[data-on="aes"] .s4a__n[data-k="aes"] .s4a__no,.s4a[data-on="rad"] .s4a__n[data-k="rad"] .s4a__no,.s4a[data-on="pulse"] .s4a__n[data-k="pulse"] .s4a__no{background:var(--accent)}
.s4a__proof{padding:0 24px;font-size:14px;color:var(--ink-3)}
.s4a__proof b{display:block;color:var(--ink);font-weight:600}
.s4a__card{position:relative;height:620px;border-radius:30px;background:#fff;box-shadow:0 0 0 8px #fff,0 0 0 9px var(--line),0 40px 80px -40px rgba(13,13,15,.45)}
.s4a__crop{position:absolute;inset:0;border-radius:30px;overflow:hidden}
.s4a__crop img{position:absolute;top:-33px;left:-110.3%;width:217.5%;max-width:none;height:auto}
.s4a__m{position:absolute;left:var(--x);top:var(--y);z-index:3;display:grid;place-items:center;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:var(--ink);color:#fff;font-size:14px;font-weight:700;box-shadow:0 0 0 4px rgba(255,255,255,.9);transition:background .3s,transform .4s cubic-bezier(.3,1.6,.5,1)}
.s4a__hl{position:absolute;left:-6px;right:-6px;top:var(--t);height:var(--h);z-index:2;border-radius:16px;box-shadow:inset 0 0 0 2.5px var(--accent);opacity:0;transition:opacity .35s}
.s4a__top{position:absolute;right:-26px;top:23%;z-index:3;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;background:var(--ink);color:#fff;font-size:13.5px;font-weight:600;white-space:nowrap;box-shadow:0 14px 26px -12px rgba(0,0,0,.5);transition:background .3s}
.s4a__top svg{width:15px;height:15px;color:#fff}
.s4a[data-on="aes"] .s4a__m[data-k="aes"],.s4a[data-on="rad"] .s4a__m[data-k="rad"],.s4a[data-on="pulse"] .s4a__m[data-k="pulse"]{background:var(--accent);transform:scale(1.15)}
.s4a[data-on="aes"] .s4a__hl[data-k="aes"],.s4a[data-on="rad"] .s4a__hl[data-k="rad"],.s4a[data-on="pulse"] .s4a__hl[data-k="pulse"]{opacity:1}
.s4a[data-on="rad"] .s4a__top{background:var(--accent)}
.s4a__cap{position:absolute;left:0;right:0;bottom:-44px;text-align:center;font-size:12.5px;color:var(--ink-3)}

/* ===== Планшет и телефон ===== */
@media (max-width:1100px){
  .s4a{grid-template-columns:1fr 340px;gap:28px}
  .s4a__col:last-child{grid-column:1 / -1;flex-direction:row}
  .s4a__card{grid-row:1 / span 1;grid-column:2}
}
@media (max-width:900px){
  .gb{grid-template-columns:1fr;grid-template-rows:none;height:auto}
  .gb__c--aes{grid-row:auto}
  .gb__c--aes .gb__o{flex:none;height:360px}
  .gt{grid-template-columns:1fr;height:auto}
  .gt__stage{order:-1;height:440px}
  .gs{grid-template-columns:1fr;gap:0}
  .gs__vis{display:none}
  .gs__step{min-height:0;padding:0 0 36px}
  .gs__step > *{opacity:1 !important}
  .gs__node{top:0;margin-top:0}
  .gs__rail{top:20px;bottom:60px}
  .gs__m{display:block;height:320px;margin-top:16px;border-radius:18px;overflow:hidden}
  .gs__link{opacity:1;transform:none}
}
@media (max-width:720px){
  .s4{padding-top:80px;padding-bottom:80px}
  .s4 .s4__head{grid-template-columns:1fr;row-gap:14px;margin-bottom:28px}
  .s4__foot{flex-direction:column;align-items:stretch;gap:16px;margin-top:28px}
  .s4__foot .btn{justify-content:space-between}
  .gb__c--aes .gb__o{height:300px}
  .gt__stage{height:400px}
  .g-serp[data-big]{padding:20px 16px;--step:46px}
  .g-serp[data-big] .g-serp__q{height:42px;font-size:15px}
  .g-serp[data-big] .g-serp__l{height:180px}
  .g-serp[data-big] .g-serp__l li{height:40px;font-size:14px;padding:0 12px;gap:10px}
  .g-serp[data-big] .g-serp__adv{grid-template-columns:1fr;gap:6px;margin-top:10px}
  .g-serp[data-big] .g-serp__adv div{display:flex;align-items:center;gap:10px;padding:8px 10px}
  .g-serp[data-big] .g-serp__adv b{margin:0;font-size:13px}
  .g-serp[data-big] .g-serp__adv p{display:none}
  .g-serp[data-big] .g-serp__cap{display:none}
  .g-pulse[data-big]{padding:18px 16px}
  .g-pulse[data-big] .g-pulse__kpi b{font-size:20px}
  .g-pulse[data-big] .g-pm{font-size:13px;padding:9px 11px}
  .g-pulse[data-big] .g-pulse__cap{display:none}
  .g-aes[data-big] img{width:196%;right:-6%}
  .g-aes[data-big] .g-call{font-size:12.5px;padding:7px 11px 7px 8px}
  .gs__txt{padding-left:46px}
  .gs__node{left:-46px;width:32px;height:32px}
  .gs__rail{left:15px}
  .gs__m{height:300px}
  .g-pl li{white-space:normal}
  /* 4 */
  .s4a{grid-template-columns:1fr;gap:16px}
  .s4a__card{grid-column:auto;width:100%;max-width:330px;height:520px;margin:0 auto 52px}
  .s4a__top{right:-8px}
  .s4a__col,.s4a__col:last-child{flex-direction:column;grid-column:auto}
  .s4a__col:first-child{order:2}
  .s4a__col:last-child{order:3}
  .s4a__n{padding:18px 20px}
  .s4a__n b{font-size:19px}
  .s4a__proof{padding:0 20px}
}
@media (prefers-reduced-motion:reduce){
  .g-call,.g-serp__l li,.g-pulse__bars b,.gt__s,.gs__f,.gs__link{transition:none !important}
  .g-pm,.gs__node{animation:none !important}
}
/* Бенто: пропорции под широкую сетку A */
.gb__c--aes .g-aes img{width:118%;right:-2%;top:-7%}
.gb__c:not(.gb__c--aes) .gb__o{flex:0 0 148px}
.gb__c .g-serp{padding:10px;--step:31px}
.gb__c .g-serp__q{height:30px;font-size:13px}
.gb__c .g-serp__l{height:92px}
.gb__c .g-serp__l li{height:28px}
.gb__c--dark .g-d{display:none}
.gb__c--dark .g-pl li:nth-child(3){display:inline-flex}
@media (max-width:900px){.gb__c--aes .g-aes img{width:196%;right:-6%;top:-6%}.gb__c--dark .g-d{display:block}}
.gb__c.gb__c--dark .g-d{display:none}
@media (max-width:900px){.gb__c.gb__c--dark .g-d{display:block}}
.gb__c:not(.gb__c--aes) .gb__o{flex-basis:136px}
.gb__c .g-serp__q{height:28px}
.gb__c .g-serp{padding:8px 10px}
.gb__c .g-serp__l{height:90px;overflow:hidden}
.gt__b{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}
.gt__b .g-proof,.gt__b .g-pl{align-self:flex-start}
.gs__f .g-serp__cap,.gs__f .g-pulse__cap{display:none}

/* ===== Лёгкость: заголовки и акценты тоньше, как в D ===== */
.g-t,.gs__step .g-t,.gt__b .g-t,.gb__c--aes .g-t{font-weight:500}
.g-proof b,.g-pl b{font-weight:500}
.s4a__n b{font-weight:500}
.g-pl--light li{background:var(--paper)}
.g-pl--light svg{background:rgba(13,13,15,.06);color:var(--ink)}

/* ===== «?» — подробнее о технологии ===== */
.gs__q{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;margin-top:16px;height:40px;padding:0 16px 0 6px;border:0;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font:inherit;font-size:14px;font-weight:500;color:var(--ink);cursor:pointer;transition:box-shadow .2s,transform .2s,background .2s}
.gs__q:hover{box-shadow:inset 0 0 0 1px var(--ink);transform:translateY(-1px)}
.gs__qi{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--paper);font-weight:600;font-size:14px}
.gs__q--hot{background:var(--accent);color:#fff;box-shadow:0 12px 26px -14px rgba(226,65,46,.8)}
.gs__q--hot:hover{box-shadow:0 16px 30px -14px rgba(226,65,46,.9)}
.gs__q--hot .gs__qi{background:rgba(255,255,255,.22);color:#fff}
.gs__step:not(.is-on) .gs__q{opacity:.32}
@media (max-width:900px){.gs__step:not(.is-on) .gs__q{opacity:1}}

.gpop{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:24px;visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s}
.gpop.is-open{visibility:visible;opacity:1}
.gpop__bg{position:absolute;inset:0;background:rgba(13,13,15,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.gpop__box{position:relative;width:min(640px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:32px 32px 28px;border-radius:28px;background:#fff;box-shadow:0 40px 80px -30px rgba(0,0,0,.45);transform:translateY(16px) scale(.98);transition:transform .4s var(--ease)}
.gpop.is-open .gpop__box{transform:none}
.gpop__x{position:absolute;right:18px;top:18px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:var(--paper);cursor:pointer}
.gpop__x svg{width:18px;height:18px}
.gpop__t{margin:8px 48px 0 0;font-size:28px;font-weight:500;line-height:1.15;letter-spacing:-.02em}
.gpop__l{margin:10px 0 0;font-size:16px;line-height:1.5;color:var(--ink-2)}
.gpop__qa{display:grid;gap:8px;margin-top:20px}
.gpop__qa details{border-radius:16px;background:var(--paper);transition:background .2s}
.gpop__qa details[open]{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.gpop__qa summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;font-size:16px;font-weight:500;cursor:pointer;list-style:none}
.gpop__qa summary::-webkit-details-marker{display:none}
.gpop__qa summary::after{content:'+';flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;font-size:18px;line-height:1;transition:transform .3s}
.gpop__qa details[open] summary::after{transform:rotate(45deg);background:var(--paper)}
.gpop__qa details p{margin:0;padding:0 18px 16px;font-size:15px;line-height:1.55;color:var(--ink-2)}
.gpop__f{display:flex;align-items:center;gap:16px;margin-top:22px;flex-wrap:wrap}
.gpop__f p{margin:0;flex:1;min-width:200px;font-size:13.5px;color:var(--ink-3)}
@media (max-width:720px){
  .gpop{padding:0;place-items:end stretch}
  .gpop__box{width:100%;max-height:88vh;padding:24px 18px 22px;border-radius:24px 24px 0 0}
  .gpop__t{font-size:23px}
  .gpop__f .btn{width:100%;justify-content:space-between}
}

/* ---------- Лента Pulse: сообщения как в мессенджере, у каждого свой цвет ---------- */
.g-pulse .g-pm{flex-shrink:0;overflow:hidden;border-radius:16px 16px 4px 16px;align-items:baseline}
.g-pulse[data-big] .g-pm{border-radius:18px 18px 4px 18px}
.g-pulse .g-pm time{opacity:.75}
/* рост позиции — главное, ярко */
.g-pulse .g-pm--pos{background:var(--good);color:#fff}
.g-pulse .g-pm--pos time{color:rgba(255,255,255,.75)}
.g-pulse .g-pm--pos .up{color:#fff;font-weight:700;padding:1px 8px;border-radius:999px;background:rgba(255,255,255,.2);white-space:nowrap}
/* звонки — мягкий зелёный */
.g-pulse .g-pm--calls{background:#e3f4ea}
.g-pulse .g-pm--calls .up{font-weight:700}
/* соседи и ответ им — тёмный */
.g-pulse .g-pm--ai{background:var(--ink);color:#fff}
.g-pulse .g-pm--ai time{color:rgba(255,255,255,.55)}
.g-pulse .g-pm--ai .ai{background:#fff;color:var(--ink)}
/* отчёт — фирменный тёплый */
.g-pulse .g-pm--rep{background:#fdeae6}
.g-pulse .g-pm--rep b{color:var(--accent)}

/* 11.11: нарисованная карточка вместо фотографии */
.g-dc{position:absolute;inset:5% 5% 5%;display:flex;flex-direction:column;gap:9px;padding:0 0 12px;border-radius:18px;background:#fff;color:#111;overflow:hidden;font-size:13px}
.g-dc__cv{display:flex;gap:4px;height:23%;flex:none;background:#f1ece6}
.g-dc__cv i:nth-child(1){flex:2;background:linear-gradient(135deg,#d9b28a,#9a6a45)}.g-dc__cv i:nth-child(2){flex:1;background:linear-gradient(135deg,#e8d7bd,#b9946c)}.g-dc__cv i:nth-child(3){flex:1;background:linear-gradient(135deg,#8c6a4e,#5c4332)}
.g-dc__h{display:flex;align-items:center;gap:10px;padding:0 14px}
.g-dc__lg{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#e2412e;color:#fff;font-weight:600}
.g-dc__h b{display:block;font-size:15px}.g-dc__h small{color:#8b8b92;font-size:12px}
.g-dc__h em{margin-left:auto;font-style:normal;font-weight:600;font-size:15px}.g-dc__h em i{font-style:normal;color:#f5a623}
.g-dc__r{padding:0 14px;font-size:12.5px}.g-dc__r span{display:inline-block;width:46px;color:#8b8b92}
.g-dc__b{display:flex;gap:6px;padding:2px 14px 0}.g-dc__b u{flex:none;padding:8px 11px;border-radius:9px;background:#eef2ff;color:#3b63f5;font-size:12px;text-decoration:none}.g-dc__b .is-p{background:#3b63f5;color:#fff}
.g-dc__d{margin:0;padding:0 14px;font-size:12.5px;line-height:1.45;color:#444}
.g-dc__ph{display:flex;gap:5px;padding:0 14px;margin-top:auto}.g-dc__ph i{flex:1;height:56px;border-radius:9px;background:linear-gradient(135deg,#e9dccb,#c4a583)}.g-dc__ph i:nth-child(2){background:linear-gradient(135deg,#d5c3a9,#8c6a4e)}