/* UR5 — тема макета. Токены на :root и [data-theme="dark"]; компоненты используют только токены.
   Переключение темы — контракт ядра reccms: html[data-theme] + data-bs-theme, ключ us_theme. */

@font-face{font-family:"Montserrat";src:url(../fonts/montserrat-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Montserrat";src:url(../fonts/montserrat-800.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Manrope";src:url(../fonts/manrope-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Manrope";src:url(../fonts/manrope-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Manrope";src:url(../fonts/manrope-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Manrope";src:url(../fonts/manrope-700.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
  --accent:#FF4A1F; --accent-hover:#E83A10; --accent-soft:#FFF0EB; --on-accent:#FFFFFF;
  --bg:#FFFFFF; --bg-alt:#F5F6F8; --surface:#FFFFFF; --surface-2:#F5F6F8;
  --ink:#111318; --text:#2B2F38; --muted:#626878; --line:#E5E7EC; --line-strong:#D3D6DD;
  --band:#141A24; --band-ink:#FFFFFF; --band-muted:#A9B0BE; --band-line:rgba(255,255,255,.12);
  --shadow:0 1px 2px rgba(17,19,24,.04),0 8px 24px rgba(17,19,24,.06);
  --shadow-lg:0 24px 60px rgba(17,19,24,.14);
  --radius:14px; --radius-sm:10px; --radius-lg:20px;
  --container:1240px; --gutter:24px;
  --font-display:"Montserrat",system-ui,sans-serif; --font:"Manrope",system-ui,sans-serif;
  --logo-full:url(../img/brand/ur5-logo-light.svg);
  color-scheme:light;
  /* ремап токенов ядра — компоненты reccms (карточки, формы) лягут в палитру UR5 в обеих темах */
  --us-accent:var(--accent); --us-bg:var(--bg); --us-ink:var(--ink); --us-card-radius:var(--radius);
}
[data-theme="dark"]{
  --accent:#FF5A33; --accent-hover:#FF7552; --accent-soft:rgba(255,90,51,.12); --on-accent:#FFFFFF;
  --bg:#0E1116; --bg-alt:#141820; --surface:#171B23; --surface-2:#1D222C;
  --ink:#F3F4F6; --text:#D5D8DF; --muted:#9AA1AF; --line:#262B36; --line-strong:#333A47;
  --band:#0A0D12; --band-ink:#FFFFFF; --band-muted:#9AA1AF; --band-line:rgba(255,255,255,.08);
  --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25);
  --shadow-lg:0 24px 60px rgba(0,0,0,.5);
  color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:400 16px/1.6 var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--accent)}
h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);margin:0;letter-spacing:-.02em;line-height:1.12}
h1{font-size:clamp(34px,4.4vw,58px);font-weight:800}
h2{font-size:clamp(26px,3.2vw,40px);font-weight:800}
h3{font-size:18px;font-weight:700;letter-spacing:-.01em}
p{margin:0}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}
.section{padding:88px 0}
.section--alt{background:var(--bg-alt)}
.section--tight{padding:56px 0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:36px}
.section-head p{color:var(--muted);max-width:560px;margin-top:10px}
.eyebrow{font:600 13px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:18px;display:block}
.link-more{font-weight:600;color:var(--accent);white-space:nowrap;display:inline-flex;gap:8px;align-items:center}
.link-more::after{content:"→";transition:transform .15s}
.link-more:hover::after{transform:translateX(3px)}
.muted{color:var(--muted)}

/* Кнопки */
.btn-ur{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 26px;border-radius:12px;font:700 16px/1 var(--font);border:1.5px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s;white-space:nowrap}
.btn-ur--primary{background:var(--accent);color:var(--on-accent)}
.btn-ur--primary:hover{background:var(--accent-hover);color:var(--on-accent)}
.btn-ur--ghost{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}
.btn-ur--ghost:hover{border-color:var(--ink);color:var(--ink)}
.btn-ur--sm{height:44px;padding:0 18px;font-size:15px}
.btn-ur--arrow::after{content:"→";font-weight:400}

/* Шапка */
/* размытие — на ::before: backdrop-filter на самой шапке сделал бы её контейнером для position:fixed и сломал мобильное меню */
.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid transparent;transition:border-color .2s}
.site-header::before{content:"";position:absolute;inset:0;z-index:-1;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px)}
body.nav-open{overflow:hidden}
.site-header.is-scrolled{border-bottom-color:var(--line)}
.header-row{display:flex;align-items:center;gap:32px;height:76px}
.logo{display:block;flex:none}
.ulogo{display:block;height:34px;width:auto;overflow:visible}
.lg-plate,.lg-accent{fill:#FF4A1F}
.lg-ink{fill:var(--logo-ink,var(--ink))}
.lg-rocket path{fill:#fff}
.lg-rocket .lg-flame path{fill:var(--logo-flame,#fff)}
.lg-sub{fill:var(--logo-sub,#5B6070)}
[data-theme="dark"] .ulogo,.site-footer .ulogo{--logo-flame:#FFD2C4}
.site-footer .ulogo{--logo-ink:var(--band-ink);--logo-sub:#A9AEBB;height:64px}
.logo--full{display:inline-block;margin-bottom:18px}
.nav-main{display:flex;gap:4px;margin:0;padding:0;list-style:none}
.nav-main>li{position:static}
.nav-main>li>a,.nav-main>li>button{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 14px;border-radius:10px;font:600 15px/1 var(--font);color:var(--ink);background:none;border:0;cursor:pointer}
.nav-main>li>a:hover,.nav-main>li>button:hover,.nav-main>li.is-open>button{background:var(--surface-2);color:var(--ink)}
.nav-main .chev{width:10px;height:10px;transition:transform .2s}
.nav-main li.is-open .chev{transform:rotate(180deg)}
.header-actions{margin-left:auto;display:flex;align-items:center;gap:12px}
.header-phone{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border:1px solid var(--line);border-radius:10px;font-weight:600;color:var(--ink);white-space:nowrap}
.header-phone svg{color:var(--accent)}
.icon-btn{width:44px;height:44px;display:inline-grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:none;color:var(--ink);cursor:pointer}
.icon-btn:hover{border-color:var(--line-strong)}
.theme-ico-sun{display:none}
[data-theme="dark"] .theme-ico-sun{display:block}
[data-theme="dark"] .theme-ico-moon{display:none}
.burger{display:none}

/* Мегаменю */
.mega{position:absolute;left:0;right:0;top:100%;background:var(--surface);border-top:1px solid var(--line);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .15s,transform .15s,visibility .15s}
li.is-open>.mega{opacity:1;visibility:visible;transform:none}
.mega-grid{display:grid;grid-template-columns:repeat(4,1fr) 1.1fr;gap:8px 28px;padding:32px 0 28px}
.mega-col h4{font:700 12px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 14px 12px}
.mega-col ul{list-style:none;margin:0;padding:0}
.mega-item{display:flex;gap:12px;padding:10px 12px;border-radius:10px;color:var(--ink)}
.mega-item:hover{background:var(--surface-2);color:var(--ink)}
.mega-item svg{flex:none;width:22px;height:22px;color:var(--accent);margin-top:1px}
.mega-item b{display:block;font:600 15px/1.3 var(--font)}
.mega-item small{display:block;color:var(--muted);font-size:13px;line-height:1.35;margin-top:2px}
.mega-aside{background:var(--surface-2);border-radius:var(--radius);padding:20px}
.mega-aside h4{margin-left:0}
.mega-aside p{font-size:14px;color:var(--muted);margin-bottom:14px}
.mega-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:14px 0 18px;font-size:14px;color:var(--muted)}
.regions-list{columns:2;column-gap:20px;list-style:none;margin:0;padding:0}
.regions-list a{display:flex;align-items:center;gap:8px;padding:7px 0;font-weight:500;color:var(--ink)}
.regions-list a::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none}
.mega--narrow .container{max-width:var(--container)}
.mega-regions{display:grid;grid-template-columns:1.2fr 2fr;gap:40px;padding:32px 0}
.mega-regions p{color:var(--muted);font-size:15px;margin-top:10px}

/* Hero */
.hero{padding:56px 0 24px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:32px;align-items:center}
.hero h1{margin-bottom:24px}
.hero-lead{font-size:clamp(17px,1.5vw,19px);color:var(--text);max-width:520px;margin-bottom:34px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-media{margin-right:-60px}
.hero-media img{width:100%;filter:drop-shadow(0 30px 40px rgba(17,19,24,.12))}
[data-theme="dark"] .hero-media img{filter:drop-shadow(0 30px 40px rgba(0,0,0,.5))}
.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:40px}
.fact{display:flex;gap:16px;align-items:center;padding:26px 24px 10px 0}
.fact+.fact{padding-left:24px;border-left:1px solid var(--line)}
.fact svg{flex:none;width:36px;height:36px;color:var(--accent)}
.fact b{display:block;color:var(--ink);font-weight:700;font-size:17px}
.fact span{color:var(--muted);font-size:14px}

/* Карточки услуг */
.cards{display:grid;gap:16px}
.cards--6{grid-template-columns:repeat(6,1fr)}
.cards--4{grid-template-columns:repeat(4,1fr)}
.cards--3{grid-template-columns:repeat(3,1fr)}
.card-svc{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px 20px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .15s,box-shadow .15s,transform .15s;color:var(--text)}
.card-svc:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-2px);color:var(--text)}
.card-svc .num{font-size:13px;color:var(--muted);font-weight:600}
.card-svc svg{width:30px;height:30px;color:var(--accent)}
.card-svc h3{margin-top:6px}
.card-svc p{font-size:14px;color:var(--muted);line-height:1.45}
.card-svc .go{margin-top:auto;align-self:flex-end;color:var(--ink);font-size:20px;line-height:1}
.card-svc:hover .go{color:var(--accent)}

/* Тёмная полоса */
.band{background:var(--band);color:var(--band-muted)}
.band h2,.band h3{color:var(--band-ink)}
.band-head{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:end;margin-bottom:44px}
.band-head p{border-left:1px solid var(--band-line);padding-left:24px}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;counter-reset:s}
.step{padding:0 22px 0 0;position:relative}
.step+.step{padding-left:22px;border-left:1px solid var(--band-line)}
.step .n{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1.5px solid var(--accent);color:var(--accent);font:700 13px/1 var(--font);margin-bottom:16px}
.step h3{font-size:17px;margin-bottom:8px}
.step p{font-size:14px;line-height:1.5}
.steps--light .step+.step{border-left-color:var(--line)}
.steps--light .step p{color:var(--muted)}

/* Кейсы */
.filters{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font:600 14px/1 var(--font);color:var(--text);cursor:pointer}
.chip.is-active,.chip:hover{border-color:var(--ink);color:var(--ink)}
.chip.is-active{background:var(--ink);color:var(--bg)}
.tag{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:var(--surface-2);font:600 12px/1 var(--font);color:var(--muted)}
.tag--city{background:var(--accent-soft);color:var(--accent)}
.case{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow .2s,transform .2s}
.case:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}
.case-media{padding:18px 18px 0;background:var(--surface-2)}
.case-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.case-body h3{font-size:19px}
.case-body p{font-size:14px;color:var(--muted)}
.case-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px}
.case[hidden]{display:none}

/* Рамка браузера: настоящие скриншоты кейсов всегда в ней */
.browser{border-radius:10px 10px 0 0;overflow:hidden;background:var(--surface);box-shadow:0 -1px 0 var(--line),0 10px 30px rgba(17,19,24,.08)}
.browser-bar{display:flex;align-items:center;gap:6px;height:26px;padding:0 10px;background:var(--surface);border-bottom:1px solid var(--line)}
.browser-bar i{width:8px;height:8px;border-radius:50%;background:var(--line-strong)}
.browser-bar span{margin-left:10px;font:500 11px/1 var(--font);color:var(--muted);background:var(--surface-2);border-radius:5px;padding:4px 10px;flex:1;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.browser img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}

/* Регионы */
.regions{display:grid;grid-template-columns:1fr 1.6fr;gap:56px;align-items:start}
.region-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 32px}
.region-link{display:flex;justify-content:space-between;align-items:center;padding:16px 4px;border-bottom:1px solid var(--line);font-weight:600;color:var(--ink)}
.region-link small{font-weight:500;color:var(--muted);font-size:13px}
.region-link::after{content:"→";color:var(--muted);margin-left:12px}
.region-link:hover::after{color:var(--accent)}

/* Цены */
.prices{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.price{padding:26px 22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;gap:12px}
.price h3{font-size:17px}
.price .sum{font:800 30px/1 var(--font-display);color:var(--ink);letter-spacing:-.02em}
.price .sum small{font:600 15px/1 var(--font);color:var(--muted);letter-spacing:0}
.price ul{margin:4px 0 0;padding:0;list-style:none;font-size:14px;color:var(--muted)}
.price li{padding:5px 0 5px 22px;position:relative}
.price li::before{content:"";position:absolute;left:0;top:11px;width:12px;height:7px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.price .btn-ur{margin-top:auto}

/* Калькулятор */
.calc{display:grid;grid-template-columns:1.3fr 1fr;gap:0;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}
.calc-form{padding:32px}
.calc-form fieldset{border:0;margin:0 0 24px;padding:0}
.calc-form legend{font:700 15px/1 var(--font);color:var(--ink);margin-bottom:12px}
.opt{display:inline-flex;align-items:center;gap:8px;margin:0 8px 8px 0;padding:10px 14px;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;user-select:none}
.opt:has(input:checked){border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}
.opt input{accent-color:var(--accent)}
.calc-result{background:var(--band);color:var(--band-muted);padding:32px;display:flex;flex-direction:column;gap:14px}
.calc-result .sum{font:800 44px/1 var(--font-display);color:var(--band-ink);letter-spacing:-.02em}
.calc-result h3{color:var(--band-ink)}

/* Отрасли региона */
.industries{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.industry{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
.industry img{aspect-ratio:4/3;object-fit:cover;width:100%}
.industry div{padding:18px 20px 20px}
.industry h3{font-size:17px;margin-bottom:8px}
.industry p{font-size:14px;color:var(--muted);line-height:1.5}
.industry ul{margin:10px 0 0;padding-left:18px;font-size:14px;color:var(--text)}

/* О компании */
.about{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.about-media img{border-radius:var(--radius-lg);width:100%;aspect-ratio:16/10;object-fit:cover}
.timeline{list-style:none;margin:28px 0 32px;padding:0;border-left:2px solid var(--line)}
.timeline li{position:relative;padding:0 0 18px 24px}
.timeline li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid var(--accent)}
.timeline b{color:var(--ink);font-family:var(--font-display);margin-right:8px}
.stack{display:flex;flex-wrap:wrap;gap:10px}
.stack span{display:inline-flex;align-items:center;height:40px;padding:0 16px;border:1px solid var(--line);border-radius:10px;font-weight:600;font-size:14px;color:var(--ink);background:var(--surface)}

/* Грант */
.grant{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding:44px;border-radius:var(--radius-lg);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent)}
.grant .big{font:800 clamp(40px,5vw,60px)/1 var(--font-display);color:var(--accent);letter-spacing:-.03em}
.grant ul{margin:0;padding-left:20px;color:var(--text)}
.grant li{margin-bottom:6px}

/* FAQ */
.faq{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}
.faq details{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:18px 20px;font-weight:600;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--accent);font-size:22px;line-height:1;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 20px 18px;color:var(--muted);font-size:15px}

/* CTA */
.cta{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--bg-alt);padding:48px;display:flex;align-items:center;gap:32px;min-height:220px;isolation:isolate}
.cta::after{content:"";position:absolute;inset:0 0 0 38%;background:var(--cta-img,url(../img/photo/cta-mountains-sunrise.webp)) right center/cover no-repeat;z-index:-1;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%);mask-image:linear-gradient(90deg,transparent,#000 40%)}
[data-theme="dark"] .cta{background:var(--surface)}
[data-theme="dark"] .cta::after{--cta-img:url(../img/photo/cta-mountains-aurora.webp);opacity:.55;mix-blend-mode:luminosity}
.cta h2{font-size:clamp(24px,2.6vw,34px);margin-bottom:10px}
.cta p{color:var(--muted);max-width:460px}

/* Хлебные крошки */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--muted);list-style:none;margin:0 0 28px;padding:0}
.crumbs li+li::before{content:"›";margin-right:8px}

/* Подвал */
.site-footer{background:var(--band);color:var(--band-muted);padding:64px 0 28px;margin-top:88px;font-size:15px}
.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr) 1.3fr;gap:32px}
.site-footer h4{font:700 14px/1 var(--font);color:var(--band-ink);margin:6px 0 18px;letter-spacing:0}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin-bottom:10px}
.site-footer a:hover{color:var(--band-ink)}
.footer-contact li{display:flex;gap:10px;align-items:center}
.footer-contact svg{color:var(--accent);flex:none}
.footer-bottom{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;border-top:1px solid var(--band-line);margin-top:48px;padding-top:24px;font-size:14px}
.footer-bottom nav{display:flex;flex-wrap:wrap;gap:8px 24px}

/* Пометки макета — только в макете, при порте удаляются */
.mock-note{display:block;margin:14px 0 0;padding:10px 14px;border:1.5px dashed #C084FC;border-radius:10px;background:rgba(192,132,252,.08);color:#7E22CE;font:500 13px/1.45 var(--font)}
[data-theme="dark"] .mock-note{color:#D8B4FE}
.mock-note b{font-weight:700}
.mock-hidden{opacity:.45;outline:2px dashed #C084FC;outline-offset:8px;border-radius:6px}

/* Появление */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .5s,transform .5s}
.reveal.is-in{opacity:1;transform:none}
.no-js .reveal{opacity:1;transform:none}

/* Адаптив */
@media (max-width:1199px){
  .cards--6{grid-template-columns:repeat(3,1fr)}
  .header-phone span{display:none}
  .mega-grid{grid-template-columns:repeat(2,1fr)}
  .mega-aside{grid-column:1/-1}
  .industries,.prices{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(3,1fr);gap:28px 0}
  .step:nth-child(4){border-left:0;padding-left:0}
}
@media (max-width:991px){
  .nav-main,.header-actions .btn-ur,.header-phone{display:none}
  .burger{display:inline-grid}
  body.nav-open .nav-main{display:flex;flex-direction:column;position:fixed;inset:77px 0 0;z-index:60;background:var(--bg);padding:8px var(--gutter) 32px;overflow:auto;gap:0}
  body.nav-open .nav-main>li>a,body.nav-open .nav-main>li>button{width:100%;height:56px;justify-content:space-between;font-size:18px;border-bottom:1px solid var(--line);border-radius:0}
  .mega{position:static;box-shadow:none;border:0;display:none;opacity:1;visibility:visible;transform:none}
  li.is-open>.mega{display:block}
  .mega .container{padding:0}
  .mega-grid,.mega-regions{grid-template-columns:1fr;padding:12px 0}
  .hero-grid,.regions,.about,.grant,.calc,.band-head{grid-template-columns:1fr}
  .hero-media{margin:0 -40px 0 0}
  .cards--4,.cards--3,.faq{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
}
@media (max-width:767px){
  :root{--gutter:16px}
  .section{padding:64px 0}
  .section-head{flex-direction:column;align-items:start}
  .facts{grid-template-columns:1fr}
  .fact+.fact{padding-left:0;border-left:0;border-top:1px solid var(--line)}
  .fact{padding:18px 0}
  .cards--6,.cards--4,.cards--3,.faq,.industries,.prices,.region-grid{grid-template-columns:1fr}
  .cards--6{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr}
  .step,.step+.step{border-left:0;padding:0}
  .cta{flex-direction:column;align-items:start;padding:32px 24px}
  .cta::after{inset:45% 0 0 0;-webkit-mask-image:linear-gradient(180deg,transparent,#000 60%);mask-image:linear-gradient(180deg,transparent,#000 60%)}
  .grant{padding:28px 22px}
  .calc-form,.calc-result{padding:24px}
  .hero-actions .btn-ur{flex:1 1 auto}
  .regions-list{columns:1}
}
.is-new b::after,.link-more.is-new::before{content:"новая";display:inline-block;margin-left:8px;padding:2px 6px;border-radius:5px;border:1px dashed #C084FC;color:#9333EA;font:600 10px/1.2 var(--font);vertical-align:2px}
.link-more.is-new::before{margin:0 4px 0 0}
.hero-media--city{margin-right:0}
.hero-media--city img{border-radius:var(--radius-lg);aspect-ratio:4/3;object-fit:cover;filter:none}
@media (max-width:991px){.hero-media--city{margin:0}.hero-media--city img{aspect-ratio:16/9}}
.mock-note code{color:inherit;background:rgba(192,132,252,.14);padding:1px 5px;border-radius:4px;font-size:12px}

/* ===== Выразительность: hero-сцена, bento-кейсы, карта, крупная цифра ===== */
.hero{position:relative;padding:48px 0 32px;background:
  radial-gradient(60% 70% at 78% 38%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%),
  linear-gradient(180deg,var(--bg-alt),var(--bg) 92%)}
.hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.hero h1{font-size:clamp(36px,4.6vw,62px)}
.hero h1 .accent{color:var(--accent)}
.hero-media{position:relative;margin-right:-110px}
.hero-chip{position:absolute;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;background:var(--surface);box-shadow:var(--shadow-lg);font:700 13px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);white-space:nowrap;animation:zero-g-hover 6s ease-in-out infinite}
.hero-chip svg{width:18px;height:18px;color:var(--accent)}
a.hero-chip{text-decoration:none;transition:box-shadow .2s,color .2s}
a.hero-chip:hover{color:var(--accent)}
a.hero-chip:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.hero-chip--1{left:2%;top:18%}
.hero-chip--2{right:14%;top:2%;animation-delay:-2s}
.hero-chip--3{right:10%;bottom:6%;animation-delay:-4s}
@keyframes zero-g-hover{50%{transform:translateY(-8px)}}
.hero-media--city .hero-chip{display:none}

/* тёмная полоса: иконки и стрелки между шагами */
.step-ico{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:rgba(255,74,31,.12);color:var(--accent);margin-bottom:18px}
.step-ico svg{width:24px;height:24px}
.steps--flow .step{position:relative}
.steps--flow .step:not(:last-child)::after{content:"→";position:absolute;right:14px;top:12px;color:var(--band-muted);font-size:20px}

/* кейсы: крупный первый + остальные */
.cases-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.case--featured{grid-column:span 2;grid-row:span 2}
.case--featured .case-body h3{font-size:clamp(24px,2.4vw,32px)}
.case--featured .case-body p{font-size:16px;max-width:560px}
.case-media--stage{padding:28px 24px 8px;background:
  radial-gradient(70% 90% at 50% 100%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%),var(--surface-2)}
.case-media--stage img{width:100%;height:auto}

/* регионы с картой */
.regions-map{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:center}
.ru-map{width:100%;height:auto;display:block}
.ru-dots circle{fill:var(--line-strong)}
[data-theme="dark"] .ru-dots circle{fill:#2A303C}
.ru-hub circle{fill:var(--accent)}
.ru-hub .ru-pulse{fill:color-mix(in srgb,var(--accent) 22%,transparent);transform-box:fill-box;transform-origin:center;animation:beacon-ping 2.4s ease-out infinite}
.ru-hub text{font:700 21px/1 var(--font);fill:var(--ink);paint-order:stroke;stroke:var(--bg);stroke-width:6px}
.ru-hub--base circle:not(.ru-pulse){fill:var(--ink)}
@keyframes beacon-ping{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.8);opacity:0}}
.region-grid--list{grid-template-columns:1fr 1fr}

/* крупная цифра */
.big-num{font:800 clamp(88px,11vw,150px)/.9 var(--font-display);letter-spacing:-.05em;color:var(--accent);margin:10px 0 6px}
.big-num small{font-size:.4em;letter-spacing:-.02em;color:var(--ink);margin-left:8px}

/* пометки макета: выключатель */
html:not(.show-notes) .mock-note{display:none}
html:not(.show-notes) .is-new b::after,html:not(.show-notes) .link-more.is-new::before{display:none}
.notes-toggle{position:fixed;left:16px;bottom:16px;z-index:70;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:999px;border:1.5px dashed #C084FC;background:var(--surface);color:#9333EA;font:600 13px/1 var(--font);box-shadow:var(--shadow);cursor:pointer}
.show-notes .notes-toggle{background:#9333EA;color:#fff;border-style:solid}

@media (max-width:1199px){.hero-media{margin-right:-40px}.hero-chip--2{right:4%}}
@media (max-width:991px){
  .hero-grid{grid-template-columns:1fr}
  .hero-media{margin:8px -24px 0 0}
  .cases-bento{grid-template-columns:1fr 1fr}
  .case--featured{grid-column:1/-1;grid-row:auto}
  .regions-map{grid-template-columns:1fr}
  .steps--flow .step::after{display:none}
}
@media (max-width:767px){
  .cases-bento{grid-template-columns:1fr}
  .hero-chip{height:36px;font-size:11px;padding:0 12px}
  .hero-chip--1{left:0;top:auto;bottom:4%}
  .hero-chip--3{display:none}
}
@media (max-width:991px){.hero-media.hero-media--city{margin:8px 0 0}}
.hero h1{font-size:clamp(34px,3.9vw,54px)}
.case--featured{display:flex;flex-direction:column}
.case--featured .case-media--stage{flex:1;display:flex;align-items:flex-end;justify-content:center;min-height:0}
.case--featured .case-media--stage img{max-height:100%;object-fit:contain}
.case--featured .case-body{flex:none}
.ru-map{-webkit-mask-image:linear-gradient(90deg,#000 70%,transparent),linear-gradient(0deg,transparent,#000 12%);mask-image:linear-gradient(90deg,#000 70%,transparent);}
/* крупный кейс — на всю ширину, картинка слева, текст справа */
.case--featured{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:7fr 5fr;align-items:stretch}
.case--featured .case-media--stage{padding:36px 28px 20px;align-items:center}
.case--featured .case-body{justify-content:center;padding:36px 40px;gap:14px}
@media (max-width:991px){.case--featured{grid-template-columns:1fr}.case--featured .case-body{padding:24px}}

/* ===== v2: раскладка по сгенерированному референсу ===== */
.section--sm{padding:64px 0}
.section--xs{padding:40px 0}
.section-head--row{align-items:end}
.section-head--row h2{font-size:clamp(26px,2.8vw,36px)}

/* hero */
.hero--ref{padding:40px 0 0;background:linear-gradient(180deg,var(--bg-alt) 0,var(--bg-alt) 88%,var(--bg) 100%)}
.hero--ref .hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:8px}
.hero--ref h1{font-size:clamp(40px,5.4vw,76px);line-height:1.02;letter-spacing:-.035em;margin-bottom:26px;max-width:9.5em}
.hero--ref .hero-lead{color:var(--text);font-size:clamp(17px,1.45vw,20px);max-width:470px}
.hero--ref .hero-media{margin:0 -120px 0 -30px;padding:40px 0 30px}
.hero--ref .hero-media img{filter:drop-shadow(0 34px 40px rgba(17,19,24,.14))}
.hero-chip{height:48px;padding:0 18px;font-size:13px;letter-spacing:.04em}
.hero-chip svg{width:20px;height:20px}
.hero-chip--web{right:9%;top:6%}
.hero-chip--crm{left:14%;top:26%;animation-delay:-1.5s}
.hero-chip--shop{right:4%;top:58%;animation-delay:-3s}
.hero-chip--auto{right:18%;bottom:6%;animation-delay:-4.5s}
.btn-ur--play .play{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--accent);color:var(--accent)}
.btn-ur--ghost-accent{background:transparent;color:var(--accent);border-color:var(--accent)}
.btn-ur--ghost-accent:hover{background:var(--accent);color:var(--on-accent)}

.facts--ref{margin-top:0;border-top:0;padding:8px 0 4px}
.facts--ref .fact{padding:22px 24px 22px 0}
.facts--ref .fact svg{width:40px;height:40px;stroke-width:1.6}

/* тёмная полоса: 6 шагов с иконкой слева и стрелкой */
.band--ref{padding:56px 0 60px}
.band--ref .band-head{grid-template-columns:1.6fr 1fr;align-items:start;margin-bottom:40px}
.band--ref h2{font-size:clamp(28px,3vw,40px);margin-bottom:12px}
.band-sub{color:var(--band-ink);opacity:.85;max-width:560px}
.flow{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.flow-step{display:flex;gap:14px;position:relative;padding-right:18px}
.flow-step>svg{flex:none;width:34px;height:34px;color:var(--accent);margin-top:4px}
.flow-step .n{font:600 12px/1 var(--font);color:var(--band-muted)}
.flow-step h3{font-size:16px;margin:6px 0 8px}
.flow-step p{font-size:13px;line-height:1.45}
.flow-step:not(:last-child)::after{content:"→";position:absolute;right:-6px;top:10px;color:var(--band-muted);font-size:18px}

/* проекты: большой + описание + две карточки */
.proj{display:grid;grid-template-columns:5fr 3.2fr 3.8fr;gap:16px}
.proj-main{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:
  radial-gradient(80% 90% at 50% 100%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%),#1B212C;display:flex;align-items:center;padding:48px 20px 20px;min-height:360px}
.proj-main img{width:100%;height:auto;transition:transform .4s}
.proj-main:hover img{transform:scale(1.03)}
.tag--on-media{position:absolute;left:16px;top:16px;z-index:1;background:rgba(255,255,255,.92);color:#14161A;height:28px;padding:0 12px}
.proj-detail{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px 24px;display:flex;flex-direction:column;gap:12px}
.proj-detail h3{font-size:24px}
.proj-detail h3 .arr{color:var(--accent);font-family:var(--font);font-weight:400}
.proj-sub{font-weight:600;color:var(--ink);font-size:16px;line-height:1.35}
.proj-detail .muted{font-size:14px}
.checks{list-style:none;margin:4px 0 0;padding:0}
.checks li{position:relative;padding:5px 0 5px 28px;font-size:14px;color:var(--text)}
.checks li::before{content:"";position:absolute;left:0;top:7px;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--accent)}
.checks li::after{content:"";position:absolute;left:5.5px;top:12px;width:7px;height:4px;border-left:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);transform:rotate(-45deg)}
.circle-arrow{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--accent);color:var(--accent);font-size:18px;flex:none;align-self:flex-end;margin-top:auto;transition:background .15s,color .15s}
a:hover .circle-arrow,.circle-arrow:hover{background:var(--accent);color:var(--on-accent)}
.proj-side{display:grid;gap:16px}
.proj-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;color:var(--text)}
.proj-card:hover{color:var(--text);box-shadow:var(--shadow)}
.proj-card-media{position:relative;height:150px;overflow:hidden;background:var(--surface-2)}
.proj-card-media img{width:100%;height:100%;object-fit:cover;object-position:top}
.proj-card-body{display:flex;align-items:center;gap:14px;padding:14px 18px 16px}
.proj-card-body h4{font:700 16px/1.25 var(--font-display);color:var(--ink);margin:0 0 4px}
.proj-card-body p{font-size:13px;color:var(--muted);line-height:1.4}
.proj-card-body .circle-arrow{margin:0 0 0 auto;align-self:center}
.proj [hidden]{display:none!important}

/* регионы: текст · карта · список */
.regions-ref{display:grid;grid-template-columns:1fr 1.5fr .9fr;gap:32px;align-items:center}
.regions-ref h2{font-size:clamp(26px,2.8vw,36px);margin-bottom:14px}
.regions-ref-map .ru-map{max-height:380px}
.city-list{list-style:none;margin:0;padding:0;columns:1}
.city-list a{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font-weight:500;color:var(--ink)}
.city-list a::before{content:"";width:18px;height:18px;margin-right:10px;flex:none;border-radius:50%;border:1.5px solid var(--line-strong);background:radial-gradient(circle,var(--accent) 3px,transparent 3.5px)}
.city-list a::after{content:"›";color:var(--muted);margin-left:auto;font-size:18px}
.city-list a:hover::after{color:var(--accent)}

/* как работаем: 5 карточек */
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.proc{position:relative;border:1px solid var(--line);border-radius:var(--radius);padding:18px 18px 20px;background:var(--surface)}
.proc .n{position:absolute;left:16px;top:16px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--accent);color:var(--accent);font:700 11px/1 var(--font)}
.proc svg{width:32px;height:32px;color:var(--accent);margin:0 0 14px 48px}
.proc h3{font-size:16px;margin-bottom:6px}
.proc p{font-size:13px;color:var(--muted);line-height:1.45}

/* технологии */
.tech{display:grid;grid-template-columns:auto minmax(200px,300px) 1fr;gap:28px;align-items:center}
.tech h2{font-size:clamp(22px,2.2vw,28px);white-space:nowrap}
.tech>p{font-size:14px}
.tech-list{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:flex-end}
.tech-list span{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--ink)}
.ti{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border-radius:8px;font:800 11px/1 var(--font);color:#fff;background:#6E7A8A}
.ti svg{width:16px;height:16px}
.ti-php{background:#777BB4}.ti-f3{background:#2F3542}.ti-db{background:#00758F}.ti-bs{background:#7952B3}.ti-js{background:#E3B400;color:#111}.ti-node{background:#3C873A}.ti-pw{background:#2EAD33}.ti-ym{background:#FF3333}

/* о компании: текст · 2005 · фото */
.about-ref{display:grid;grid-template-columns:1.1fr 1fr 1.2fr;gap:36px;align-items:center}
.about-ref h2{font-size:clamp(24px,2.6vw,34px);margin-bottom:14px}
.about-ref .muted{margin-bottom:22px;font-size:15px}
.about-years{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center}
.year-big{font:800 clamp(56px,6vw,84px)/.9 var(--font-display);color:var(--accent);letter-spacing:-.04em}
.year-big small{display:block;font:500 14px/1.3 var(--font);color:var(--muted);letter-spacing:0;margin-top:8px}
.timeline--dots{margin:0;font-size:14px}
.timeline--dots li{padding-bottom:12px}
.about-photo img{border-radius:var(--radius-lg);aspect-ratio:3/2;object-fit:cover;width:100%}

/* FAQ как в референсе: плотные строки */
.faq summary{padding:14px 18px;font-size:15px}
.faq details p{padding:0 18px 16px}

/* подвал: «Наверх» */
.to-top{display:inline-flex;align-items:center;gap:6px;color:var(--band-muted)}
.to-top:hover{color:var(--band-ink)}

@media (max-width:1199px){
  .flow{grid-template-columns:repeat(3,1fr);row-gap:28px}
  .flow-step:nth-child(3)::after{display:none}
  .proj{grid-template-columns:1.3fr 1fr}
  .proj-side{grid-column:1/-1;grid-template-columns:1fr 1fr}
  .regions-ref{grid-template-columns:1fr 1fr}
  .regions-ref>div:first-child{grid-column:1/-1}
  .process{grid-template-columns:repeat(3,1fr)}
  .tech{grid-template-columns:1fr}
  .tech-list{justify-content:flex-start}
  .about-ref{grid-template-columns:1fr 1fr}
  .about-photo{grid-column:1/-1}
}
@media (max-width:991px){
  .hero--ref .hero-grid{grid-template-columns:1fr}
  .hero--ref .hero-media{margin:0 -20px 0 -10px;padding:10px 0 20px}
  .hero--ref h1{max-width:none}
  .band--ref .band-head{grid-template-columns:1fr}
}
@media (max-width:767px){
  .flow,.process,.proj,.proj-side,.regions-ref,.about-ref,.about-years{grid-template-columns:1fr}
  .flow-step::after{display:none}
  .facts--ref{grid-template-columns:1fr}
  .hero-chip--crm{left:2%;top:10%}.hero-chip--auto{display:none}.hero-chip--web{right:2%;top:0}
  .proj-main{min-height:0;padding:40px 12px 12px}
}
/* v2: плотность как в референсе */
.section--sm{padding:52px 0}
.section{padding:72px 0}
.card-svc{padding:16px 16px 14px;gap:6px}
.card-svc .num{font-size:12px}
.card-svc svg{width:26px;height:26px}
.card-svc h3{font-size:15px;margin-top:4px}
.card-svc p{font-size:12.5px}
.proj-main{padding:0;min-height:0;display:block;background:#1B212C}
.proj-main img{width:100%;height:100%;object-fit:cover;object-position:top}
.city-list{columns:2;column-gap:24px}
.city-list li{break-inside:avoid}
.about-years{grid-template-columns:auto minmax(0,1fr)}
.timeline--dots li{padding:0 0 10px 20px;white-space:nowrap}
.site-footer .container{position:relative}
.footer-map{position:absolute;right:var(--gutter);top:-10px;width:300px;opacity:.35;pointer-events:none}
.footer-map .ru-hub text{display:none}
.footer-map .ru-dots circle{fill:#3A4252}
.footer-grid{position:relative}
@media (max-width:991px){.footer-map{display:none}}
@media (max-width:767px){.city-list{columns:1}.timeline--dots li{white-space:normal}}
.proj-main{display:flex;align-items:center;padding:56px 22px 22px;background:
  radial-gradient(90% 80% at 50% 110%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),#1B212C}
.proj-main .browser{width:100%;border-radius:10px;box-shadow:0 20px 50px rgba(0,0,0,.4)}
.proj-main .browser img{height:auto;aspect-ratio:16/10;object-fit:cover}
.regions-ref{grid-template-columns:.9fr 1.3fr 1.2fr}
.about-ref{grid-template-columns:1fr 1.15fr 1fr}
.about-years{grid-template-columns:auto minmax(0,1fr);gap:18px}
.year-big{font-size:clamp(52px,5vw,72px)}
.timeline--dots li{white-space:normal}

/* ===== хаб по референсу ===== */
.hero--hub{padding-top:20px}
.hero--hub .crumbs{margin-bottom:22px}
.hero--hub h1{font-size:clamp(36px,4.4vw,60px);max-width:11em}
.hub-visual{position:relative;margin-right:-120px;min-height:420px}
.hub-city{position:absolute;inset:0 0 0 18%;overflow:hidden;clip-path:polygon(22% 0,100% 0,100% 100%,0 100%);border-radius:0 0 0 0}
.hub-city img{width:100%;height:100%;object-fit:cover}
.hub-city::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg-alt) 0,transparent 30%)}
.hub-devices{position:relative;z-index:1;width:92%;margin-top:70px;filter:drop-shadow(0 30px 40px rgba(0,0,0,.28))}
.svc-hub{display:grid;grid-template-columns:repeat(15,1fr);gap:14px}
.svc-hub .card-svc{grid-column:span 3}
.svc-hub .card-svc--lg{grid-column:span 5;flex-direction:row;flex-wrap:wrap;align-items:flex-start;padding:22px 22px 20px;gap:4px 14px}
.card-svc--lg .num{flex-basis:100%}
.card-svc--lg svg{width:34px;height:34px}
.card-svc--lg h3{font-size:18px;margin-top:4px}
.card-svc--lg p{flex-basis:calc(100% - 48px);margin-left:48px;margin-top:-4px;font-size:13.5px}
.card-svc--lg .go{position:absolute;right:20px;bottom:18px}
.ind-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ind-tile{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.ind-tile img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .4s}
.ind-tile:hover img{transform:scale(1.04)}
.ind-tile figcaption{padding:12px 14px 14px;font-size:13px;color:var(--muted);line-height:1.4}
.ind-tile b{display:block;color:var(--ink);font-size:14px;margin-bottom:2px}
.ind-fact{display:block;margin-top:9px;padding-top:9px;border-top:1px dashed var(--line);color:var(--ink);font-size:12.5px;font-weight:600;line-height:1.35}
.ind-fact sup{color:var(--accent);font-weight:700;margin-left:2px}
.ind-tile-ph{display:block;aspect-ratio:4/3;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,var(--surface)),var(--line))}
.ind-src{margin:16px 0 0;padding-left:18px;font-size:12px;line-height:1.5;color:var(--muted);columns:2;column-gap:32px}
.ind-src li{break-inside:avoid;margin-bottom:3px}
.ind-src a{color:inherit;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:2px}
.ind-src a:hover{color:var(--accent)}
@media (max-width:767px){.ind-src{columns:1}}
.why{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.why>div+div{border-left:1px solid var(--band-line);padding-left:24px}
.why svg{width:34px;height:34px;color:var(--accent);margin-bottom:14px}
.why h3{font-size:16px;margin-bottom:8px}
.why p{font-size:13.5px;line-height:1.5}
.faq-hub{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;align-items:start}
.faq--one{grid-template-columns:1fr}
.hub-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}
.hub-card-map{background:var(--surface-2);padding:10px}
.hub-card-map .ru-map{max-height:230px}
.hub-card-map .ru-hub:not([data-city="Архангельск"]){opacity:.18}
.hub-card-map .ru-hub:not([data-city="Архангельск"]) text{display:none}
.hub-card-body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.hub-card-body p{color:var(--muted);font-size:14px}
.hub-card .footer-contact{list-style:none;margin:4px 0 0;padding:0;font-size:15px}
.hub-card .footer-contact li{margin-bottom:8px}
@media (max-width:1199px){
  .svc-hub{grid-template-columns:repeat(6,1fr)}
  .svc-hub .card-svc--lg{grid-column:span 2}
  .svc-hub .card-svc{grid-column:span 2}
  .why{grid-template-columns:repeat(3,1fr)}
  .why>div:nth-child(4){border-left:0;padding-left:0}
  .ind-tiles{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:991px){
  .hub-visual{margin:0 -24px 0 0;min-height:300px}
  .faq-hub{grid-template-columns:1fr}
}
@media (max-width:767px){
  .svc-hub .card-svc,.svc-hub .card-svc--lg{grid-column:span 3}
  .why,.ind-tiles{grid-template-columns:1fr}
  .why>div+div{border-left:0;padding-left:0}
  .hub-visual{min-height:220px}
  .hub-devices{margin-top:30px}
}
@media (max-width:767px){.about-years{grid-template-columns:1fr;gap:12px}.about-ref{grid-template-columns:1fr}}
.hub-card-map .ru-hub text{font-size:44px;stroke-width:10px}
.hub-card-map .ru-hub circle:not(.ru-pulse){r:14px}
.hub-card-map .ru-hub .ru-pulse{r:30px}
/* хаб: городская панорама — фон hero на всю ширину, как задумана (город справа, слева небо под заголовок) */
.hero--hub{position:relative;isolation:isolate}
.hero--hub .hub-city{position:absolute;inset:0;z-index:-1;clip-path:none;overflow:hidden}
.hero--hub .hub-city img{width:100%;height:100%;object-fit:cover;object-position:right center}
.hero--hub .hub-city::after{content:"";position:absolute;inset:0;background:
  linear-gradient(90deg,var(--bg-alt) 0,color-mix(in srgb,var(--bg-alt) 85%,transparent) 32%,transparent 62%),
  linear-gradient(0deg,var(--bg) 0,transparent 18%)}
.hero--hub .hub-visual{min-height:0;margin-right:-60px;padding:20px 0 36px}
.hero--hub .hub-devices{margin-top:0;width:100%}
/* карточки кейсов справа: пропорция вместо фиксированной высоты — без среза 50 % на планшете */
.proj-card-media{height:auto;aspect-ratio:16/7}
@media (max-width:1199px){.proj-card-media{aspect-ratio:16/9}}
@media (max-width:991px){
  .hero--hub .hub-city{position:relative;inset:auto;z-index:0;margin:0 0 -8px;order:2}
  .hero--hub .hub-city img{height:auto;aspect-ratio:2048/768}
  .hero--hub .hub-city::after{background:linear-gradient(0deg,var(--bg) 0,transparent 30%)}
  .hero--hub{display:flex;flex-direction:column}
  .hero--hub .container{order:1}
  .hero--hub .hub-visual{margin:0 -16px 0 0;padding:8px 0 0}
}
.ti-pg{background:#336791}.ti-redis{background:#D82C20}.ti-docker{background:#1D63ED}
.about-photo img{aspect-ratio:2/1;object-position:30% center}

/* ===== шаблон страницы услуги (по референсу «Создание сайтов») ===== */
.eyebrow--accent{color:var(--accent)}
.h2-sm{font-size:clamp(24px,2.6vw,34px);margin-bottom:26px}
.hero--svc{padding-bottom:28px}
.hero--svc h1{font-size:clamp(38px,4.6vw,64px);max-width:9em}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.benefits div{display:flex;gap:12px;align-items:center;font-size:14px;font-weight:600;color:var(--ink);line-height:1.3}
.benefits svg{flex:none;width:40px;height:40px;padding:8px;border-radius:50%;background:var(--accent-soft);color:var(--accent)}

/* иллюстрация ответа нейросети — HTML, не картинка: без чужих логотипов и без «скриншота» реального сервиса */
.ai-demo{position:relative;padding:30px 10px 30px 40px}
.ai-win{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-lg);overflow:hidden;max-width:560px;margin-left:auto}
.ai-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);font:700 14px/1 var(--font);color:var(--ink)}
.ai-dot{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--accent),#FF8A3D);color:#fff}
.ai-dot svg{width:18px;height:18px}
.ai-dots{margin-left:auto;display:flex;gap:5px}.ai-dots i{width:8px;height:8px;border-radius:50%;background:var(--line-strong)}
.ai-q{margin:18px 18px 0 auto;max-width:82%;background:var(--surface-2);border-radius:16px 16px 4px 16px;padding:12px 16px;font-size:15px;font-weight:600;color:var(--ink)}
.ai-a{padding:16px 18px 20px;display:flex;flex-direction:column;gap:10px}
.ai-a p{font-size:15px;color:var(--text);line-height:1.55}
.ai-a mark{background:var(--accent-soft);color:var(--accent);font-weight:700;padding:1px 6px;border-radius:6px}
.ai-line{height:9px;border-radius:5px;background:var(--surface-2)}
.ai-line--short{width:62%}
.ai-src{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px}
.ai-src-label{font-size:12px;color:var(--muted);font-weight:600;margin-right:4px}
.ai-chip{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;border:1px solid var(--line);font:600 12px/1 var(--font);color:var(--muted)}
.ai-chip--you{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
.ai-chip-float{position:absolute}
.ai-chip-float--1{left:0;top:38%}
.ai-chip-float--2{right:-10px;bottom:2%;animation-delay:-3s}

.svc-about{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;align-items:start}
.svc-about h2{font-size:clamp(24px,2.6vw,34px);margin-bottom:14px}
.svc-about-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mini{background:var(--bg-alt);border-radius:var(--radius);padding:20px}
.mini svg{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--surface);color:var(--accent);margin-bottom:14px}
.mini h3{font-size:16px;margin-bottom:8px}
.mini p{font-size:13.5px;color:var(--muted);line-height:1.5}
.incl{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.incl-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.incl-item svg{width:30px;height:30px;color:var(--accent);margin-bottom:12px}
.incl-item h3{font-size:16px;margin-bottom:6px}
.incl-item p{font-size:13.5px;color:var(--muted);line-height:1.45}
.why--light>div+div{border-left-color:var(--line)}
.why--light svg{width:44px;height:44px;padding:10px;border-radius:50%;background:var(--accent-soft)}
.why--light p{color:var(--muted)}
.steps6{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.steps6>div{position:relative}
.steps6 .n{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font:700 14px/1 var(--font);margin-bottom:14px}
.steps6>div:not(:last-child)::after{content:"";position:absolute;left:52px;right:4px;top:20px;border-top:1.5px dashed var(--line-strong)}
.steps6 h3{font-size:16px;margin-bottom:6px}
.steps6 p{font-size:13.5px;color:var(--muted);line-height:1.45}
.pricing-svc{display:grid;grid-template-columns:1.3fr 1.2fr .8fr;gap:24px;align-items:start}
.formats{background:var(--bg-alt);border-radius:var(--radius);padding:22px}
.formats h3{font-size:15px;margin-bottom:14px}
.fmt{display:flex;gap:14px;align-items:center;padding:10px 0}
.fmt+.fmt{border-top:1px solid var(--line)}
.fmt svg{flex:none;width:36px;height:36px;padding:8px;border-radius:50%;background:var(--surface);color:var(--accent)}
.fmt b{display:block;color:var(--ink);font-size:14px}
.fmt span{font-size:13px;color:var(--muted)}
.consult{background:var(--accent-soft);border-radius:var(--radius);padding:22px}
.consult svg{width:36px;height:36px;color:var(--accent);margin-bottom:12px}
.consult h3{font-size:16px;margin-bottom:8px}
.consult p{font-size:13.5px;color:var(--muted)}
.cards--5{grid-template-columns:repeat(5,1fr)}
@media (max-width:1199px){
  .incl{grid-template-columns:repeat(2,1fr)}
  .steps6{grid-template-columns:repeat(3,1fr)}
  .steps6>div:nth-child(3)::after{display:none}
  .pricing-svc{grid-template-columns:1fr 1fr}
  .consult{grid-column:1/-1}
  .cards--5{grid-template-columns:repeat(3,1fr)}
  .benefits{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:991px){.svc-about{grid-template-columns:1fr}.ai-demo{padding:20px 0 30px}}
@media (max-width:767px){
  .svc-about-cards,.incl,.steps6,.pricing-svc,.cards--5,.benefits{grid-template-columns:1fr}
  .steps6>div::after{display:none}
  .ai-chip-float--1{left:4px;top:-4px}.ai-chip-float--2{right:4px}
}

/* ===== Движение и взаимодействие. Всё отключается при prefers-reduced-motion (правило в начале файла) ===== */

/* hero: пятно света за курсором */
[data-spot]{--mx:70%;--my:40%}
[data-spot]::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(520px circle at var(--mx) var(--my),color-mix(in srgb,var(--accent) 13%,transparent),transparent 60%);transition:opacity .4s;opacity:.9}
.hero>.container{position:relative;z-index:1}
.hero--hub[data-spot]::before{z-index:0}

/* hero: наклон композиции и слои плашек — значения ставит main.js */
[data-tilt]{perspective:1200px}
[data-tilt]>img,[data-tilt]>.ai-win{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translate3d(var(--tx,0px),var(--ty,0px),0);transform-style:preserve-3d;will-change:transform;transition:transform .2s ease-out}
[data-depth]{translate:calc(var(--px,0) * var(--d,1) * 1px) calc(var(--py,0) * var(--d,1) * 1px);transition:translate .25s ease-out}

/* заголовок: слова поднимаются по очереди */
.split-word{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.06em;margin-bottom:-.06em}
.split-word>span{display:inline-block;transform:translateY(105%);animation:words-take-off .8s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i) * 70ms + 80ms)}
@keyframes words-take-off{to{transform:none}}
.hero-lead,.hero .hero-actions,.hero .eyebrow{animation:ascent .8s cubic-bezier(.2,.8,.2,1) both}
.hero .eyebrow{animation-delay:.05s}.hero-lead{animation-delay:.35s}.hero .hero-actions{animation-delay:.5s}
.hero-media,.hub-visual,.ai-demo{animation:soft-landing 1.1s ease .2s both}
@keyframes ascent{from{opacity:0;transform:translateY(14px)}}
@keyframes soft-landing{from{opacity:0;transform:translateY(20px) scale(.98)}}

/* карточки: свет под курсором */
.card-svc,.proc,.incl-item,.proj-card,.proj-detail,.qtype,.mini,.ind-tile{position:relative;isolation:isolate}
.card-svc::before,.proc::before,.incl-item::before,.proj-card::before,.qtype::before,.mini::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;opacity:0;transition:opacity .25s;
  background:radial-gradient(260px circle at var(--cx,50%) var(--cy,50%),color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%)}
.card-svc:hover::before,.proc:hover::before,.incl-item:hover::before,.proj-card:hover::before,.qtype:hover::before,.mini:hover::before{opacity:1}
.card-svc .go{transition:transform .2s,color .2s}
.card-svc:hover .go{transform:translateX(4px)}
.card-svc svg,.proc svg,.incl-item svg{transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
.card-svc:hover svg,.proc:hover svg,.incl-item:hover svg{transform:scale(1.15) rotate(-6deg)}

/* кнопки: «магнит» ставит main.js, здесь — плавность и блик */
.btn-ur--primary{position:relative;overflow:hidden;transition:background .15s,translate .2s ease-out}
.btn-ur--primary::before{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .6s}
.btn-ur--primary:hover::before{left:130%}
.btn-ur--arrow::after{transition:transform .2s}
.btn-ur--arrow:hover::after{transform:translateX(4px)}

/* кейсы: сайт прокручивается в рамке при наведении */
.shot-scroll{object-fit:cover!important;object-position:50% 0!important;transition:object-position 7s cubic-bezier(.45,.05,.55,.95)!important}
a:hover .shot-scroll,.proj-main:hover .shot-scroll{object-position:50% 100%!important;transition-duration:9s!important}
.proj-main .browser img.shot-scroll{aspect-ratio:16/10;height:auto}
.proj-main::after{content:"Наведите — сайт прокрутится";position:absolute;right:16px;top:20px;font:600 11px/1 var(--font);color:rgba(255,255,255,.55);letter-spacing:.04em;transition:opacity .3s}
.proj-main:hover::after{opacity:0}
.proj-main:hover img{transform:none}

/* тёмная полоса: шаги загораются по очереди */
.flow-step>svg{transition:transform .5s cubic-bezier(.3,1.6,.5,1),filter .5s}
.flow-step h3{transition:color .4s}
.flow.is-run .flow-step>svg{animation:stage-separation .6s cubic-bezier(.3,1.6,.5,1) both;animation-delay:calc(var(--i) * 180ms)}
.flow.is-run .flow-step::after{animation:next-stage-ignition .6s ease both;animation-delay:calc(var(--i) * 180ms + 120ms)}
@keyframes stage-separation{0%{transform:scale(.6);opacity:.3}60%{transform:scale(1.2);filter:drop-shadow(0 0 10px var(--accent))}100%{transform:none;opacity:1}}
@keyframes next-stage-ignition{from{opacity:0;transform:translateX(-8px)}}

/* стек: бегущая строка, пауза при наведении */
.tech-list.is-marquee{display:block;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-track{display:flex;gap:28px;width:max-content;animation:endless-conveyor 30s linear infinite}
.tech-list.is-marquee:hover .marquee-track{animation-play-state:paused}
@keyframes endless-conveyor{to{transform:translateX(-50%)}}
.tech{grid-template-columns:auto minmax(200px,300px) minmax(0,1fr)}

/* карта ↔ список городов */
.ru-hub{transition:opacity .2s}
.ru-hub circle:not(.ru-pulse){transition:r .2s}
.ru-map.has-hot .ru-hub:not(.is-hot){opacity:.35}
.ru-hub.is-hot circle:not(.ru-pulse){r:11px}
.ru-hub.is-hot text{font-size:26px}
.city-list a.is-hot{color:var(--accent)}
.ru-hub{cursor:pointer}

/* шапка прячется при прокрутке вниз */
.site-header{transition:transform .3s ease,border-color .2s}
.site-header.is-hidden{transform:translateY(-100%)}

/* счётчик */
.year-big [data-count]{font-variant-numeric:tabular-nums}

/* ===== квиз-калькулятор ===== */
.quiz{display:grid;grid-template-columns:minmax(0,1fr) 340px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden;box-shadow:var(--shadow)}
.quiz-main{padding:28px 32px 30px;min-height:360px}
.quiz-steps{display:flex;gap:8px;list-style:none;margin:0 0 24px;padding:0;counter-reset:q}
.quiz-steps li{display:flex;align-items:center;gap:8px;font:600 13px/1 var(--font);color:var(--muted);padding:8px 14px 8px 8px;border-radius:999px;background:var(--surface-2);transition:background .2s,color .2s}
.quiz-steps span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--surface);font-size:12px}
.quiz-steps li.is-active{background:var(--accent-soft);color:var(--accent)}
.quiz-steps li.is-active span{background:var(--accent);color:#fff}
.quiz-steps li.is-done span{background:var(--ink);color:var(--bg)}
.quiz-step{display:none;border:0;margin:0;padding:0;animation:ascent .45s cubic-bezier(.2,.8,.2,1)}
.quiz-step.is-active{display:block}
.quiz-step legend{font:800 22px/1.2 var(--font-display);color:var(--ink);margin-bottom:18px;letter-spacing:-.01em}
.quiz-step legend small{font:500 14px/1 var(--font);color:var(--muted);margin-left:8px;letter-spacing:0}
.quiz-types{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.qtype{display:flex;flex-direction:column;gap:6px;padding:18px 16px;border:1.5px solid var(--line);border-radius:var(--radius);cursor:pointer;transition:border-color .15s,transform .15s}
.qtype:hover{border-color:var(--line-strong);transform:translateY(-2px)}
.qtype input{position:absolute;opacity:0;pointer-events:none}
.qtype svg{width:30px;height:30px;color:var(--accent);margin-bottom:6px}
.qtype b{color:var(--ink);font-size:16px}
.qtype small{color:var(--muted);font-size:13px;line-height:1.35}
.qtype em{font-style:normal;font:800 16px/1 var(--font-display);color:var(--ink);margin-top:auto;padding-top:8px}
.qtype em span{display:block;margin-top:5px;font:600 12.5px/1.3 var(--font);color:var(--muted)}
.qtype--wide{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:16px;row-gap:2px;align-items:center}
.qtype--wide svg{grid-row:1/3;margin:0}
.qtype--wide em{grid-column:3;grid-row:1/3;margin:0;padding:0;text-align:right}
@media (max-width:575px){.qtype--wide{grid-template-columns:auto 1fr}.qtype--wide em{grid-column:2;grid-row:auto;text-align:left;padding-top:6px}.qtype--wide svg{grid-row:1/4}}
.qtype:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.qtype:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.quiz-opts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.qopt{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1.5px solid var(--line);border-radius:12px;cursor:pointer;font-weight:600;color:var(--ink);font-size:15px;transition:border-color .15s,background .15s}
.qopt input{width:20px;height:20px;accent-color:var(--accent);flex:none}
.qopt span small{display:block;margin-top:2px;font-weight:400;font-size:12.5px;line-height:1.35;color:var(--muted)}
.qopt em{margin-left:auto;font-style:normal;color:var(--muted);font-weight:600;font-size:13px;white-space:nowrap}
.qopt:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.quiz-nav{display:flex;justify-content:space-between;gap:12px;margin-top:22px}
.quiz-form{display:flex;gap:10px;margin:16px 0 10px}
.quiz-input{flex:1;height:52px;padding:0 16px;border:1.5px solid var(--line-strong);border-radius:12px;background:var(--surface);color:var(--ink);font:500 16px var(--font)}
.quiz-input:focus{outline:none;border-color:var(--accent)}
.quiz-consent{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted)}
.quiz-consent input{accent-color:var(--accent)}
/* Согласие по 152-ФЗ — штатный партиал ядра (form-consent.html): своей строкой под полем */
.quiz-form{flex-wrap:wrap}
.quiz-form .form-consent,.ct-form .form-consent{flex-basis:100%;display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.45;color:var(--muted)}
.quiz-form .form-consent__box,.ct-form .form-consent__box{flex:none;width:16px;height:16px;margin:2px 0 0;accent-color:var(--accent)}
.quiz-form .form-consent__label a,.ct-form .form-consent__label a{color:inherit;text-decoration:underline;text-underline-offset:2px;margin-left:4px}
.quiz-form .form-consent__label a:hover,.ct-form .form-consent__label a:hover{color:var(--accent)}
.quiz-form .form-message{flex-basis:100%;margin:0}
.quiz-done{display:flex;gap:14px;align-items:center;padding:16px;border-radius:12px;background:var(--accent-soft);margin-top:12px;animation:ascent .4s}
.quiz-done svg{width:34px;height:34px;color:var(--accent)}
.quiz-done b{display:block;color:var(--ink)}.quiz-done span{font-size:14px;color:var(--muted)}
.quiz-sum{background:var(--band);color:var(--band-muted);padding:28px;display:flex;flex-direction:column;gap:14px}
.quiz-sum .eyebrow{color:var(--band-muted);margin:0}
.quiz-total{font:800 44px/1 var(--font-display);color:var(--band-ink);letter-spacing:-.03em}
.quiz-total small{font:600 16px/1 var(--font);color:var(--band-muted);letter-spacing:0}
.quiz-total.bump{animation:counter-jolt .35s ease}
@keyframes counter-jolt{40%{transform:scale(1.06);color:var(--accent)}}
.quiz-list{list-style:none;margin:0;padding:0;font-size:14px;flex:1}
.quiz-list li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--band-line);animation:ascent .3s}
.quiz-list li span:last-child{color:var(--band-ink);white-space:nowrap}
.quiz-note{font-size:13px;margin-top:auto}
@media (max-width:1199px){.quiz-types{grid-template-columns:repeat(2,1fr)}}
@media (max-width:991px){.quiz{grid-template-columns:1fr}}
@media (max-width:767px){.quiz-main{padding:22px 18px}.quiz-opts{grid-template-columns:1fr}.quiz-form{flex-direction:column}.quiz-steps li{padding-right:10px;font-size:0;gap:0}.quiz-steps li.is-active{font-size:13px;gap:8px}.tech{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.split-word>span{transform:none}.marquee-track{animation:none;flex-wrap:wrap;width:auto}}

/* Логотип: при наведении ракета дрожит, улетает за край плашки и возвращается снизу; буквы подпрыгивают.
   Класс .is-launch ставит main.js (наведение, фокус, подвал в поле зрения) и снимает по окончании. */
.lg-rocket,.lg-flame,.lg-plate,.lg-l{transform-box:fill-box;transform-origin:center}
.lg-flame{transform-origin:50% 0}
.is-launch .lg-rocket{animation:rocket-liftoff 1.1s cubic-bezier(.5,0,.3,1)}
.is-launch .lg-flame{animation:afterburner .12s linear 8 alternate}
.is-launch .lg-plate{animation:launchpad-shudder 1.1s ease}
.is-launch .lg-l{animation:letters-hop-aboard .5s cubic-bezier(.3,1.6,.5,1) calc(.35s + var(--i) * 70ms) both}
@keyframes rocket-liftoff{
  0%{transform:none}
  10%{transform:translate(-1px,1px)} 18%{transform:translate(1px,0)} 26%{transform:translate(-1px,0)} 34%{transform:translate(-3px,3px)}
  62%{transform:translate(48px,-48px);opacity:1}
  62.1%{transform:translate(-48px,48px);opacity:0}
  66%{opacity:1}
  100%{transform:none}}
@keyframes afterburner{from{transform:scaleY(1)}to{transform:scale(1.15,1.9)}}
@keyframes launchpad-shudder{0%,100%{transform:none}30%{transform:rotate(-5deg) scale(.96)}60%{transform:rotate(3deg) scale(1.03)}}
@keyframes letters-hop-aboard{0%,100%{transform:none}40%{transform:translateY(-9px)}}

/* CTA: фон живёт. Появление — «рассвет»: горы проявляются с отъезда, снизу поднимается свет, туман сдвигается.
   Наведение — горы смещаются против курсора (main.js: --cpx/--cpy), свет идёт за курсором (--gx/--gy),
   туман плывёт; светлая тема «дышит» солнцем, тёмная — переливается сиянием. */
@property --gy{syntax:"<percentage>";inherits:true;initial-value:110%}
@property --gx{syntax:"<percentage>";inherits:true;initial-value:72%}
.cta{--gx:72%;--gy:62%;transition:--gx .9s ease,--gy .9s ease}
.cta::after{scale:1.05;translate:var(--cpx,0px) var(--cpy,0px);transition:translate .9s cubic-bezier(.2,.7,.2,1)}
.cta::before{content:"";position:absolute;inset:0 0 0 38%;z-index:-1;pointer-events:none;mix-blend-mode:soft-light;
  background:radial-gradient(38% 80% at var(--gx) var(--gy),rgba(255,176,120,.9),transparent 70%)}
[data-theme="dark"] .cta::before{mix-blend-mode:screen;background:radial-gradient(34% 70% at var(--gx) var(--gy),rgba(90,230,200,.18),transparent 70%)}
.cta.is-in::after{animation:dawn-over-ridges 1.8s cubic-bezier(.2,.7,.2,1) backwards,sun-warms-up 6s ease-in-out infinite alternate paused}
[data-theme="dark"] .cta.is-in::after{animation-name:dawn-over-ridges,northern-lights}
.cta.is-in::before{animation:first-light 2.6s cubic-bezier(.2,.7,.2,1) .15s backwards}
.cta:hover::after{animation-play-state:running}
.cta-fog{position:absolute;left:30%;right:-20%;bottom:-10%;height:60%;z-index:-1;pointer-events:none;opacity:.75;
  background:radial-gradient(30% 45% at 20% 70%,rgba(255,255,255,.85),transparent 70%),radial-gradient(26% 40% at 55% 85%,rgba(255,255,255,.7),transparent 70%),radial-gradient(30% 45% at 85% 65%,rgba(255,255,255,.75),transparent 70%)}
[data-theme="dark"] .cta-fog{opacity:.18}
.cta.is-in .cta-fog{animation:fog-rolls-in 2.6s cubic-bezier(.2,.7,.2,1) backwards,fog-drifts-away 14s ease-in-out infinite alternate paused}
.cta:hover .cta-fog{animation-play-state:running}
@keyframes dawn-over-ridges{from{opacity:0;scale:1.18;translate:0 18px}}
@keyframes first-light{from{--gy:130%;opacity:0}}
@keyframes sun-warms-up{to{filter:saturate(1.25) brightness(1.06)}}
@keyframes northern-lights{50%{filter:hue-rotate(-18deg) saturate(1.3)}to{filter:hue-rotate(14deg) brightness(1.1)}}
@keyframes fog-rolls-in{from{opacity:0;translate:-8% 6%}}
@keyframes fog-drifts-away{to{translate:-12% 0}}
@media (max-width:991.98px){.cta::before{inset:45% 0 0 0}.cta-fog{left:0;height:45%}}

/* ===== Страница кейса (nashi-kejsy/*): блоки по референсу кейса ===== */
.hero--case{padding-bottom:12px}
.hero--case h1{font-size:clamp(32px,3.6vw,50px);max-width:13em;line-height:1.06}
.hero--case h1 .nw{white-space:nowrap}
@media (min-width:992px){.hero--case .hero-actions,.hero--svc .hero-actions{flex-wrap:nowrap}}
/* Кейс: длинный домен (stroitelnye-materialy-v-kostrome.ru) сжимал кнопку — с доменом ряд переносится, кнопка не ломается */
.hero-actions:has(.cs-domain){flex-wrap:wrap}
.hero-actions .btn-ur{white-space:nowrap}
.hero-actions .cs-domain{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.facts--4{grid-template-columns:repeat(4,1fr)}
.facts--4 .fact span{display:block;font-size:13px}
.cs-feats{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.cs-feat{display:flex;gap:12px;align-items:flex-start}
.cs-feat svg{flex:none;width:42px;height:42px;padding:10px;border-radius:12px;background:var(--accent-soft);color:var(--accent);transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
.cs-feat:hover svg{transform:translateY(-3px) rotate(-6deg)}
.cs-feat h3{font-size:15px;margin-bottom:4px}
.cs-feat p{font-size:13px;color:var(--muted);line-height:1.45}
.cs-split{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center}
.cs-split h2{font-size:clamp(26px,2.8vw,38px);margin-bottom:16px}
.cs-split p+p{margin-top:12px}
.cs-split--sol{align-items:start;grid-template-columns:1fr 1.25fr}
.cs-photo{position:relative;margin:0 0 24px}
.cs-photo img{display:block;width:100%;aspect-ratio:12/7;object-fit:cover;border-radius:var(--radius-lg);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.cs-photo:hover img{transform:scale(1.02)}
.cs-photo-card{position:absolute;right:-20px;bottom:-24px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:16px 20px;max-width:260px}
.cs-photo-card b{display:block;color:var(--ink);font:700 15px/1.3 var(--font-display)}
.cs-photo-card span{display:block;margin-top:6px;font-size:12.5px;color:var(--muted)}
.cs-steps{list-style:none;margin:0;padding:0}
.cs-steps li{display:grid;grid-template-columns:48px 180px 1fr;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.cs-steps li:last-child{border-bottom:0}
.cs-steps .n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--accent-soft);color:var(--accent);font:700 13px/1 var(--font);transition:background .3s,color .3s}
.cs-steps li:hover .n{background:var(--accent);color:var(--on-accent)}
.cs-steps b{color:var(--ink);font-size:15px}
.cs-steps p{font-size:14px;color:var(--muted);line-height:1.45}
.cs-tabs{display:flex;flex-wrap:wrap;gap:8px}
.cs-tabs .chip{height:34px;font-size:13px}
.cs-tabs .chip.is-on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.cs-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px;align-items:end;padding:28px;border-radius:var(--radius-lg);background:var(--bg-alt)}
.cs-desk{border-radius:12px;box-shadow:0 24px 60px rgba(17,19,24,.14)}
.cs-desk img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.phone{position:relative;border:9px solid #10131A;border-radius:36px;overflow:hidden;aspect-ratio:390/844;background:#10131A;box-shadow:0 24px 50px rgba(17,19,24,.22)}
.phone::before{content:"";position:absolute;z-index:1;top:6px;left:50%;width:70px;height:18px;margin-left:-35px;border-radius:12px;background:#10131A}
.phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:27px}
.cs-stage:hover .shot-scroll{object-position:50% 100%!important;transition-duration:9s!important}
.cs-stage img{transition:opacity .25s,object-position 7s cubic-bezier(.45,.05,.55,.95)}
.cs-stage.is-swap img{opacity:0}
.cs-stage-hint{position:absolute;right:28px;top:10px;font:600 11px/1 var(--font);color:var(--muted);letter-spacing:.04em;transition:opacity .3s}
.cs-stage:hover .cs-stage-hint{opacity:0}
.cs-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.cs-tile{position:relative;overflow:hidden;border-radius:var(--radius-lg);min-height:250px;padding:24px;display:flex;flex-direction:column;gap:12px}
.cs-tile>b{font:700 19px/1.25 var(--font-display);color:var(--ink);max-width:11em;position:relative;z-index:1}
.cs-tile img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.cs-tile:hover img{transform:scale(1.06)}
.cs-tile--photo{justify-content:flex-end;color:#fff}
.cs-tile--photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cs-tile--photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(10,13,18,.82))}
.cs-tile--photo div{position:relative;z-index:1}
.cs-tile--photo div b{display:block;font:700 19px/1.25 var(--font-display);color:#fff;margin-bottom:6px}
.cs-tile--photo div span{font-size:13px;color:rgba(255,255,255,.8)}
.cs-tile--dark{background:var(--band);color:var(--band-muted)}
.cs-tile--dark>b{color:var(--band-ink)}
.cs-tile--dark .checks{position:relative;z-index:1;font-size:14px;max-width:60%}
.cs-tile--dark .checks li{color:var(--band-ink)}
.cs-tile--dark img{position:absolute;right:-36px;bottom:-36px;width:42%;border-radius:var(--radius);opacity:.9;rotate:6deg}
.cs-tile--light{background:var(--bg-alt)}
.cs-tile--light>b{max-width:52%}
.cs-tile--light img{position:absolute;right:20px;top:20px;width:42%;border-radius:var(--radius)}
.cs-tile-card{margin-top:auto;position:relative;z-index:1;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;max-width:78%}
.cs-tile-card span{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}
.cs-tile-card b{color:var(--ink);font-size:14px;line-height:1.35}
.cs-tech{display:flex;flex-wrap:wrap;gap:10px}
.cs-tech .chip{cursor:default;height:44px;padding:0 18px;transition:border-color .2s,transform .2s}
.cs-tech .chip:hover{border-color:var(--accent);transform:translateY(-2px)}
@media (max-width:1199.98px){.cs-feats{grid-template-columns:repeat(3,1fr)}}
@media (max-width:991.98px){
  .facts--4{grid-template-columns:repeat(2,1fr)}
  .facts--4 .fact:nth-child(3){padding-left:0;border-left:0}
  .cs-split,.cs-split--sol{grid-template-columns:1fr;gap:28px}
  .cs-photo-card{right:12px}
  .cs-steps li{grid-template-columns:44px 1fr}
  .cs-steps li p{grid-column:2}
  .cs-stage{grid-template-columns:1fr 150px;padding:16px;gap:14px}
  .phone{border-width:6px;border-radius:24px}.phone img{border-radius:18px}.phone::before{width:44px;margin-left:-22px;height:12px}
  .cs-stage-hint{display:none}
  .cs-tiles{grid-template-columns:1fr}
}
@media (max-width:575.98px){
  .cs-feats{grid-template-columns:1fr 1fr}
  .cs-stage{grid-template-columns:1fr}
  .cs-stage .phone{width:62%;margin:0 auto}
  .facts--4{grid-template-columns:1fr}
  .facts--4 .fact+.fact{padding-left:0;border-left:0;border-top:1px solid var(--line)}
}

/* ===== Каталог услуг (/uslugi) ===== */
.hero--uslugi h1{max-width:8em}
.svc-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:28px 0 36px;transform:perspective(900px) rotateX(var(--rx,0)) rotateY(var(--ry,0));transition:transform .2s}
.svc-index a{position:relative;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);box-shadow:0 10px 30px rgba(17,19,24,.06);
  translate:calc(var(--px,0) * var(--d,1) * 1px) calc(var(--py,0) * var(--d,1) * 1px);transition:border-color .2s,box-shadow .2s}
.svc-index a:hover{border-color:var(--accent);box-shadow:var(--shadow)}
.svc-index svg{width:44px;height:44px;padding:11px;border-radius:12px;background:var(--accent-soft);color:var(--accent)}
.svc-index b{font:700 15px/1.25 var(--font-display)}
.svc-index span{font:800 26px/1 var(--font-display);color:var(--accent);opacity:.9}
.tasks{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}
.task{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;padding:18px 16px;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);color:var(--text);font:inherit;cursor:pointer;transition:border-color .2s,transform .2s,background .2s}
.task svg{width:34px;height:34px;padding:7px;border-radius:10px;background:var(--accent-soft);color:var(--accent);transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
.task b{color:var(--ink);font:700 14.5px/1.3 var(--font-display)}
.task span{font-size:12.5px;color:var(--muted);line-height:1.4}
.task:hover{border-color:var(--line-strong);transform:translateY(-2px)}
.task:hover svg{transform:rotate(-8deg) scale(1.08)}
.task.is-on{border-color:var(--accent);background:var(--accent-soft)}
.task.is-on svg{background:var(--accent);color:var(--on-accent)}
.svc-bar{position:sticky;top:76px;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;margin:0 -12px 28px;border-radius:var(--radius);background:color-mix(in srgb,var(--bg-alt) 88%,transparent);backdrop-filter:blur(10px)}
.svc-search{flex:1 1 320px;display:flex;align-items:center;gap:10px;height:46px;padding:0 16px;background:var(--surface);border:1.5px solid var(--line);border-radius:999px;transition:border-color .2s}
.svc-search:focus-within{border-color:var(--accent)}
.svc-search svg{width:18px;height:18px;color:var(--muted);flex:none}
.svc-search input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:15px;color:var(--ink);outline:0}
.svc-filter{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 6px 0 14px;border-radius:999px;background:var(--accent);color:var(--on-accent);font:600 13px/1 var(--font)}
.svc-filter button{width:26px;height:26px;border:0;border-radius:50%;background:rgba(255,255,255,.22);color:inherit;font-size:16px;line-height:1;cursor:pointer}
.svc-jump{display:flex;flex-wrap:wrap;gap:6px}
.svc-jump a{height:36px;display:inline-flex;align-items:center;padding:0 12px;border-radius:999px;font:600 13px/1 var(--font);color:var(--muted);transition:background .2s,color .2s}
.svc-jump a:hover,.svc-jump a.is-on{background:var(--surface);color:var(--ink)}
.svc-bar{transition:top .3s}
body:has(.site-header.is-hidden) .svc-bar{top:8px}
.svc-group{scroll-margin-top:150px}
.svc-group+.svc-group{margin-top:44px}
.svc-group-head{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.svc-group-ico svg{width:48px;height:48px;padding:12px;border-radius:14px;background:var(--surface);color:var(--accent);box-shadow:0 6px 18px rgba(17,19,24,.06)}
.svc-group-head h2{font-size:clamp(22px,2.2vw,28px);margin-bottom:4px}
.svc-group-head p{font-size:14px;color:var(--muted)}
.svc-count{margin-left:auto;font:800 clamp(36px,4vw,56px)/1 var(--font-display);color:var(--line-strong);transition:color .3s}
.svc-group:hover .svc-count{color:var(--accent)}
.svc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.svc-c[hidden],.svc-group[hidden]{display:none!important}
.svc-grid .card-svc h3{font-size:15.5px}
.svc-grid .card-svc h3 b{font-weight:inherit}
.svc-grid .card-svc p{font-size:13px}
.svc-c.is-hit{animation:svc-hit .6s ease}
@keyframes svc-hit{40%{box-shadow:0 0 0 4px var(--accent-soft);border-color:var(--accent)}}
.svc-extra{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.svc-extra-col{padding:20px 22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.svc-extra-col>svg{width:28px;height:28px;color:var(--accent);margin-bottom:8px}
.svc-extra-col h3{font-size:16px;margin-bottom:10px}
.svc-extra-col ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.svc-extra-col li a{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:999px;background:var(--surface-2);font-size:13.5px;color:var(--text);transition:background .2s,color .2s}
.svc-extra-col li a:hover{background:var(--accent-soft);color:var(--accent)}
.svc-empty{text-align:center;padding:40px 0;color:var(--muted)}
.svc-empty button{background:none;border:0;cursor:pointer;font:inherit}
.pick{display:grid;grid-template-columns:repeat(2,1fr);gap:0 32px}
.pick-row{display:grid;grid-template-columns:1fr auto 24px;align-items:center;gap:16px;padding:16px 4px;border-bottom:1px solid var(--line);color:var(--text)}
.pick-row span{font-size:15px}
.pick-row b{color:var(--ink);font:700 15px/1.2 var(--font-display);text-align:right}
.pick-row i{font-style:normal;color:var(--accent);transition:transform .2s}
.pick-row:hover{color:var(--ink)}
.pick-row:hover i{transform:translateX(4px)}
.paths{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.path{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);counter-reset:p}
.path h3{font-size:17px;margin-bottom:14px}
.path ol{list-style:none;margin:0;padding:0;position:relative}
.path ol::before{content:"";position:absolute;left:11px;top:12px;bottom:12px;width:2px;background:linear-gradient(var(--accent),var(--accent-soft));transform-origin:top;transform:scaleY(0);transition:transform .8s cubic-bezier(.2,.7,.2,1) .2s}
.path.is-in ol::before{transform:none}
.path li{position:relative;counter-increment:p;padding:6px 0 6px 36px}
.path li::before{content:counter(p);position:absolute;left:0;top:5px;width:24px;height:24px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);display:grid;place-items:center;font:700 11px/1 var(--font);color:var(--accent)}
.path li a{color:var(--ink);font-weight:600;font-size:14.5px}
.path li a:hover{color:var(--accent)}
@media (max-width:1199.98px){.tasks{grid-template-columns:repeat(4,1fr)}.svc-grid{grid-template-columns:repeat(3,1fr)}.paths{grid-template-columns:repeat(2,1fr)}}
@media (max-width:991.98px){.svc-index{padding:8px 0 24px}.pick{grid-template-columns:1fr}.svc-extra{grid-template-columns:1fr}.svc-bar{top:64px}.svc-jump{display:none}}
@media (max-width:575.98px){.tasks{grid-template-columns:1fr 1fr}.svc-grid{grid-template-columns:1fr 1fr}.svc-index a{grid-template-columns:32px minmax(0,1fr);gap:10px;padding:12px 10px}.svc-index b{font-size:13px;hyphens:auto}.svc-index svg{width:32px;height:32px;padding:7px}.svc-index span{display:none}.paths{grid-template-columns:1fr}.pick-row{grid-template-columns:1fr 24px}.pick-row b{grid-column:1;text-align:left;order:-1}.pick-row i{grid-row:1/3;grid-column:2}.svc-count{font-size:32px}}

/* ===== Обновление PHP (/obnovlenie-php) ===== */
.phpv{--ok:#1F9D63;--warn:#E8A10C;--off:var(--line-strong);position:relative;margin:24px 0 32px;padding:22px 22px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 24px 60px rgba(17,19,24,.08);
  transform:perspective(1000px) rotateX(var(--rx,0)) rotateY(var(--ry,0));transition:transform .2s}
.phpv figcaption{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px;margin-bottom:14px}
.phpv figcaption b{color:var(--ink);font:700 16px/1.2 var(--font-display)}
.phpv figcaption span{font-size:12px;color:var(--muted)}
.phpv-axis{position:relative;height:16px;margin-left:44px;border-bottom:1px dashed var(--line)}
.phpv-axis span{position:absolute;left:var(--x);transform:translateX(-50%);font:600 11px/1 var(--font);color:var(--muted)}
.phpv-rows{list-style:none;margin:6px 0 0;padding:0}
.phpv-rows li{display:grid;grid-template-columns:36px 1fr;column-gap:8px;align-items:center;padding:5px 0;border-radius:8px;transition:background .2s}
.phpv-rows li b{font:800 15px/1 var(--font-display);color:var(--ink)}
.phpv-rows li em{grid-column:2;font-style:normal;font-size:11.5px;color:var(--muted);margin-top:3px;max-height:0;opacity:0;overflow:hidden;transition:max-height .25s,opacity .25s}
.phpv-rows li:hover{background:var(--surface-2)}
.phpv-rows li:hover em,.phpv-rows li.is-soon em{max-height:20px;opacity:1}
.phpv-track{position:relative;height:12px;border-radius:6px;background:var(--surface-2)}
.phpv-track i{position:absolute;top:0;bottom:0;left:var(--s);width:calc(var(--e) - var(--s));transform-origin:left;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.phpv-track .a{background:var(--ok);border-radius:6px 0 0 6px}
.phpv-track .s{background:var(--warn);border-radius:0 6px 6px 0}
.phpv-rows li.is-eol .phpv-track i{background:var(--off)}
.phpv-rows li.is-eol b{color:var(--muted)}
.phpv-rows li.is-soon b{color:var(--warn)}
.phpv:not(.is-in) .phpv-track i{transform:scaleX(0)}
.phpv-rows li:nth-child(2) i{transition-delay:.08s}.phpv-rows li:nth-child(3) i{transition-delay:.16s}.phpv-rows li:nth-child(4) i{transition-delay:.24s}.phpv-rows li:nth-child(5) i{transition-delay:.32s}.phpv-rows li:nth-child(6) i{transition-delay:.4s}.phpv-rows li:nth-child(7) i{transition-delay:.48s}
.phpv-today{position:absolute;top:58px;bottom:44px;left:calc(22px + 44px + (100% - 44px - 44px) * var(--p, .7043));width:2px;background:var(--accent);pointer-events:none}
.phpv-today span{position:absolute;top:-20px;left:50%;transform:translateX(-50%);padding:2px 7px;border-radius:5px;background:var(--accent);color:var(--on-accent);font:700 10px/1.3 var(--font);white-space:nowrap}
.phpv-today::after{content:"";position:absolute;inset:0;background:var(--accent);animation:phpv-pulse 2s ease-in-out infinite}
@keyframes phpv-pulse{50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 25%,transparent)}}
.phpv-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;font-size:11.5px;color:var(--muted)}
.phpv-legend span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px;background:var(--off)}
.phpv-legend .a::before{background:var(--ok)}.phpv-legend .s::before{background:var(--warn)}
.php-why{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.php-why h2{font-size:clamp(24px,2.5vw,34px);margin-bottom:14px}
.php-src{margin-top:12px;font-size:13px;color:var(--muted)}
.php-src a{color:var(--accent)}
.signs{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.signs li{display:flex;gap:14px;align-items:center;padding:16px 18px;background:var(--bg-alt);border-radius:var(--radius);font-weight:600;color:var(--ink);font-size:15px;transition:transform .25s}
.signs li:hover{transform:translateX(6px)}
.signs svg{flex:none;width:38px;height:38px;padding:9px;border-radius:10px;background:var(--surface);color:var(--accent)}
.chain{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:0;counter-reset:c}
.chain li{position:relative;padding:20px 18px 18px;background:var(--surface);border:1px solid var(--line);margin-left:-1px;transition:background .35s,border-color .35s}
.chain li:first-child{border-radius:var(--radius) 0 0 var(--radius);margin-left:0}
.chain li:last-child{border-radius:0 var(--radius) var(--radius) 0}
.chain li:not(:last-child)::after{content:"→";position:absolute;right:-11px;top:50%;z-index:1;transform:translateY(-50%);width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--surface);border:1px solid var(--line);font-size:11px;color:var(--muted)}
.chain b{display:block;color:var(--ink);font:700 17px/1.2 var(--font-display);margin-bottom:6px}
.chain span{font-size:13px;color:var(--muted);line-height:1.4}
.chain li.is-lit{background:var(--accent-soft);border-color:var(--accent)}
.chain li.is-lit b{color:var(--accent)}
.chain-note{margin-top:18px;max-width:760px}
.php-how{display:grid;grid-template-columns:1fr 1.6fr;gap:48px;align-items:start}
.php-how-head{position:sticky;top:110px}
.timeline-v{list-style:none;margin:0;padding:0;position:relative}
.timeline-v::before{content:"";position:absolute;left:21px;top:8px;bottom:8px;width:2px;background:var(--line)}
.timeline-v li{position:relative;display:grid;grid-template-columns:44px 1fr;gap:18px;padding:0 0 26px}
.timeline-v .n{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--surface);border:2px solid var(--line);font:700 13px/1 var(--font);color:var(--muted);transition:border-color .4s,color .4s,background .4s}
.timeline-v li.is-in .n{border-color:var(--accent);color:var(--accent)}
.timeline-v li:hover .n{background:var(--accent);color:var(--on-accent)}
.timeline-v h3{font-size:17px;margin:10px 0 6px}
.timeline-v p{font-size:14.5px;color:var(--muted);line-height:1.5}
.php-old{display:grid;grid-template-columns:1fr 1.5fr;gap:48px;align-items:center}
.ways{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.way{position:relative;padding:20px 20px 18px 64px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .2s,transform .2s}
.way:hover{border-color:var(--accent);transform:translateY(-2px)}
.way span{position:absolute;left:18px;top:18px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font:800 14px/1 var(--font-display)}
.way h3{font-size:16px;margin-bottom:6px}
.way p{font-size:13.5px;color:var(--muted);line-height:1.45}
.php-two{display:grid;grid-template-columns:1.3fr 1fr;gap:48px}
.php-h3{font-size:clamp(22px,2.2vw,28px);margin-bottom:16px}
.check-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.check-chips li{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px 0 10px;border:1px solid var(--line);border-radius:999px;font-size:14px;color:var(--ink);background:var(--surface);transition:border-color .2s,background .2s}
.check-chips li::before{content:"";width:16px;height:16px;border-radius:50%;background:var(--ok,#1F9D63) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.check-chips li:hover{border-color:#1F9D63;background:color-mix(in srgb,#1F9D63 8%,var(--surface))}
.pricing-svc--2{grid-template-columns:1.4fr 1fr}
.pricing-svc--2 .consult .btn-ur{margin-top:16px}
@media (max-width:991.98px){
  .php-why,.php-how,.php-old,.php-two,.pricing-svc--2{grid-template-columns:1fr;gap:28px}
  .php-how-head{position:static}
  .chain{grid-template-columns:repeat(2,1fr);gap:10px}
  .chain li,.chain li:first-child,.chain li:last-child{border-radius:var(--radius);margin:0}
  .chain li:not(:last-child)::after{display:none}
}
@media (max-width:575.98px){.ways{grid-template-columns:1fr}.phpv{padding:16px 14px 14px}.phpv-today{left:calc(14px + 44px + (100% - 28px - 44px) * var(--p,.7043))}}

/* ===== Лечение от вирусов (/lechenie-ot-virusov) ===== */
.scan{--bad:#E5484D;--ok:#1F9D63;position:relative;overflow:hidden;margin:24px 0 32px;padding:18px 20px 14px;background:#10141C;color:#C9CFDA;border-radius:var(--radius-lg);box-shadow:0 30px 60px rgba(10,13,18,.28);
  transform:perspective(1000px) rotateX(var(--rx,0)) rotateY(var(--ry,0));transition:transform .2s}
.scan-head{display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px}
.scan-head b{color:#fff;font:700 14px/1 var(--font-display)}
.scan-dot{width:9px;height:9px;border-radius:50%;background:var(--warn,#E8A10C);box-shadow:0 0 0 0 rgba(232,161,12,.5);animation:scan-blink 1.2s infinite}
.scan.is-done .scan-dot{background:var(--ok);animation:none}
@keyframes scan-blink{50%{box-shadow:0 0 0 6px rgba(232,161,12,0)}}
.scan-state{margin-left:auto;font:600 12px/1 var(--font);color:#8B93A3}
.scan.is-done .scan-state{color:var(--ok)}
.scan-files{list-style:none;margin:0;padding:0}
.scan-files li{display:flex;justify-content:space-between;gap:12px;padding:9px 4px;border-bottom:1px dashed rgba(255,255,255,.06);font-size:12.5px;opacity:.45;transition:opacity .3s,color .3s}
.scan-files code{font:500 12.5px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:#E6EAF2}
.scan-files span{text-align:right;color:#8B93A3}
.scan-files li.is-checked{opacity:1}
.scan-files li.bad.is-checked{color:var(--bad)}
.scan-files li.bad.is-checked code{color:var(--bad);text-decoration:none}
.scan-files li.bad.is-checked span{color:var(--bad)}
.scan-files li.bad.is-fixed code{color:#E6EAF2;text-decoration:line-through;text-decoration-color:var(--ok)}
.scan-files li.bad.is-fixed span{color:var(--ok)}
.scan-files li.bad.is-fixed span::before{content:"вылечено · ";font-weight:700}
.scan-beam{position:absolute;left:0;right:0;top:48px;height:46px;pointer-events:none;opacity:0;background:linear-gradient(180deg,transparent,rgba(255,74,31,.16) 70%,rgba(255,74,31,.55));border-bottom:1px solid var(--accent)}
.scan.is-run .scan-beam{animation:scan-move var(--dur,2.8s) linear forwards}
@keyframes scan-move{0%{opacity:1;transform:translateY(-40px)}95%{opacity:1}100%{opacity:0;transform:translateY(calc(var(--h,300px) - 10px))}}
.scan figcaption{margin-top:10px;font-size:11px;color:#6B7383}
.first{display:grid;grid-template-columns:1fr 1.5fr;gap:48px;align-items:start}
.first-head h2{font-size:clamp(24px,2.6vw,34px);margin-bottom:12px}
.first-list{list-style:none;margin:0;padding:0;counter-reset:f}
.first-list li{position:relative;counter-increment:f;padding:16px 18px 16px 62px;margin-bottom:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:border-color .2s}
.first-list li::before{content:counter(f);position:absolute;left:16px;top:16px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);font:800 13px/1 var(--font-display)}
.first-list li:hover{border-color:var(--accent)}
.first-list b{display:block;color:var(--ink);font-size:15.5px;margin-bottom:3px}
.first-list span{font-size:14px;color:var(--muted)}
.symptoms{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.symptom{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:transform .25s,border-color .25s}
.symptom:hover{transform:translateY(-3px);border-color:#E5484D}
.symptom svg{width:40px;height:40px;padding:9px;border-radius:12px;background:color-mix(in srgb,#E5484D 12%,var(--surface));color:#E5484D;margin-bottom:12px}
.symptom h3{font-size:16px;margin-bottom:6px}
.symptom p{font-size:14px;color:var(--muted);line-height:1.5}
.cure{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;position:relative}
.cure::before{content:"";position:absolute;left:3%;right:3%;top:22px;height:2px;background:linear-gradient(90deg,#E5484D,var(--accent),#1F9D63)}
.cure-step{position:relative}
.cure-step .n{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--surface);border:2px solid var(--line);font:700 13px/1 var(--font);color:var(--ink);margin-bottom:14px;transition:transform .3s,border-color .3s}
.cure-step:hover .n{transform:scale(1.12);border-color:var(--accent)}
.cure-step h3{font-size:15px;margin-bottom:6px}
.cure-step p{font-size:13px;color:var(--muted);line-height:1.45}
.search-fix{display:grid;grid-template-columns:1fr 1.5fr;gap:48px;align-items:start}
.engines{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.engine{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.engine h3{font-size:20px;margin-bottom:10px}
.engine p{font-size:14px;color:var(--muted);line-height:1.5}
.engine dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:16px 0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px}
.engine dt{color:var(--muted)}
.engine dd{margin:0;color:var(--ink);font-weight:600}
@media (max-width:1199.98px){.cure{grid-template-columns:repeat(4,1fr);row-gap:24px}.cure::before{display:none}}
@media (max-width:991.98px){.first,.search-fix{grid-template-columns:1fr;gap:24px}.symptoms{grid-template-columns:1fr 1fr}.engines{grid-template-columns:1fr}}
@media (max-width:575.98px){.symptoms{grid-template-columns:1fr}.cure{grid-template-columns:1fr 1fr}.scan-files span{max-width:52%}}

/* ===== Доработка сайтов (/dorabotka-sajtov) ===== */
.board{position:relative;margin:24px 0 32px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 24px 60px rgba(17,19,24,.08);--step:66px;
  transform:perspective(1000px) rotateX(var(--rx,0)) rotateY(var(--ry,0));transition:transform .2s}
.board-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;height:calc(44px + var(--step) * 3.4)}
.board-col{background:var(--surface-2);border-radius:12px;padding:10px 8px}
.board-col b{display:block;font:700 12px/1 var(--font);color:var(--muted);letter-spacing:.04em;text-transform:uppercase}
.board-col[data-col="3"] b{color:#1F9D63}
.board-cards{list-style:none;margin:0;padding:0;position:absolute;inset:14px 14px auto 14px}
.board-cards li{position:absolute;left:calc(var(--c,0) * (25% + 2px) + 6px);top:calc(34px + var(--r,0) * var(--step));width:calc(25% - 18px);padding:9px 10px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 4px 12px rgba(17,19,24,.06);
  font-size:12px;line-height:1.35;color:var(--ink);transition:left .7s cubic-bezier(.5,0,.2,1),top .7s cubic-bezier(.5,0,.2,1),border-color .3s}
.board-cards li i{display:block;width:28px;height:4px;border-radius:2px;margin-bottom:6px;background:var(--accent)}
.board-cards li i.t2{background:#3B82F6}.board-cards li i.t3{background:#8B5CF6}
.board-cards li.is-moving{border-color:var(--accent);box-shadow:0 10px 24px rgba(255,74,31,.18);z-index:2}
.board-cards li[data-at="3"]{border-color:color-mix(in srgb,#1F9D63 40%,var(--line))}
.board figcaption{margin-top:8px;text-align:right;font-size:11px;color:var(--muted)}
.dev-kinds{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.dev-kind{padding:22px;background:var(--bg-alt);border-radius:var(--radius);transition:background .25s,transform .25s}
.dev-kind:hover{background:var(--accent-soft);transform:translateY(-3px)}
.dev-kind svg{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--surface);color:var(--accent);margin-bottom:12px}
.dev-kind h3{font-size:17px;margin-bottom:10px}
.dev-kind ul{list-style:none;margin:0;padding:0}
.dev-kind li{position:relative;padding:4px 0 4px 16px;font-size:14px;color:var(--text)}
.dev-kind li::before{content:"";position:absolute;left:0;top:12px;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.redo{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;align-items:center}
.redo-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.redo-col{padding:24px;border-radius:var(--radius);background:var(--surface);border:1.5px solid var(--line)}
.redo-col h3{font-size:18px;margin-bottom:12px}
.redo-col ul{list-style:none;margin:0;padding:0}
.redo-col li{padding:7px 0 7px 26px;position:relative;font-size:14px;border-top:1px solid var(--line)}
.redo-col li::before{position:absolute;left:0;top:7px;font-weight:800}
.redo-col--keep{border-color:color-mix(in srgb,#1F9D63 45%,var(--line))}
.redo-col--keep h3{color:#1F9D63}.redo-col--keep li::before{content:"✓";color:#1F9D63}
.redo-col--new h3{color:var(--accent)}.redo-col--new li::before{content:"↻";color:var(--accent)}
.flowline{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;counter-reset:fl}
.flowline>div{position:relative;padding:22px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.flowline>div:not(:last-child)::after{content:"";position:absolute;right:-12px;top:36px;width:10px;height:10px;border-top:2px solid var(--accent);border-right:2px solid var(--accent);transform:rotate(45deg)}
.flowline .n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--accent);color:var(--on-accent);font:800 14px/1 var(--font-display);margin-bottom:12px;transition:transform .3s}
.flowline>div:hover .n{transform:rotate(-8deg) scale(1.1)}
.flowline h3{font-size:16px;margin-bottom:6px}
.flowline p{font-size:13.5px;color:var(--muted);line-height:1.45}
.once{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.once-card{padding:28px;border-radius:var(--radius-lg);background:var(--bg-alt)}
.once-card h3{font-size:22px;margin-bottom:10px}
.once-card p{color:var(--muted);margin-bottom:14px}
.once-card--accent{background:var(--band);color:var(--band-muted)}
.once-card--accent h3{color:var(--band-ink)}.once-card--accent p{color:var(--band-muted)}
@media (max-width:1199.98px){.flowline{grid-template-columns:repeat(3,1fr)}.flowline>div::after{display:none}}
@media (max-width:991.98px){.dev-kinds{grid-template-columns:1fr 1fr}.redo{grid-template-columns:1fr;gap:24px}.once{grid-template-columns:1fr}}
@media (max-width:575.98px){.dev-kinds,.redo-cols{grid-template-columns:1fr}.flowline{grid-template-columns:1fr}.board{--step:92px;padding:10px}.board-cards{inset:10px 10px auto 10px}.board-cards li{font-size:10.5px;padding:7px;width:calc(25% - 12px);left:calc(var(--c,0) * (25% + 2px) + 3px)}.board-col b{font-size:10px}}

/* ===== Сайт под 152-ФЗ (/152-fz) ===== */
.pdform{margin:24px 0 32px;transform:perspective(1000px) rotateX(var(--rx,0)) rotateY(var(--ry,0));transition:transform .2s}
.pdform-card{position:relative;max-width:420px;margin-left:auto;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 24px 60px rgba(17,19,24,.1)}
.pdform-card>b{display:block;font:700 18px/1.2 var(--font-display);color:var(--ink);margin-bottom:16px}
.pdform-card label{display:block;margin-bottom:10px}
.pdform-card label span{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}
.pdform-card label i{display:block;font-style:normal;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:14px;color:var(--ink);background:var(--surface-2)}
.pdform-consent{display:flex;gap:10px;align-items:flex-start;margin:14px 0;padding:10px;border-radius:10px;transition:background .4s}
.pdform-consent p{font-size:13px;color:var(--text);line-height:1.4;margin:0}
.pdform-consent u{text-decoration-color:var(--accent)}
.pdform-box{flex:none;width:20px;height:20px;border:2px solid var(--line-strong);border-radius:6px;position:relative;transition:background .25s,border-color .25s}
.pdform-box::after{content:"";position:absolute;left:5px;top:1px;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) scale(0);transition:transform .25s cubic-bezier(.3,1.6,.5,1)}
.pdform.is-ticked .pdform-box{background:var(--accent);border-color:var(--accent)}
.pdform.is-ticked .pdform-box::after{transform:rotate(45deg) scale(1)}
.pdform.is-ticked .pdform-consent{background:var(--accent-soft)}
.pdform-btn{height:44px;display:grid;place-items:center;border-radius:10px;background:var(--line-strong);color:#fff;font-weight:700;transition:background .3s}
.pdform.is-ticked .pdform-btn{background:var(--accent)}
.pdform-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.pdform-tags span{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:color-mix(in srgb,#1F9D63 12%,var(--surface));color:#1F9D63;font:600 11.5px/1 var(--font);opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s}
.pdform-tags span.is-on{opacity:1;transform:none}
.pdform figcaption{text-align:right;font-size:11px;color:var(--muted);margin-top:8px}
.pdcheck{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:start}
.pdcheck>*,.appb>*{min-width:0}
.pdcheck-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pdcheck-list label{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;transition:border-color .2s,background .2s}
.pdcheck-list label:hover{border-color:var(--line-strong)}
.pdcheck-list input{appearance:none;flex:none;width:24px;height:24px;margin:0;border:2px solid var(--line-strong);border-radius:7px;display:grid;place-items:center;cursor:pointer;transition:background .2s,border-color .2s}
.pdcheck-list input::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) scale(0);margin-top:-3px;transition:transform .2s cubic-bezier(.3,1.6,.5,1)}
.pdcheck-list input:checked{background:#1F9D63;border-color:#1F9D63}
.pdcheck-list input:checked::after{transform:rotate(45deg) scale(1)}
.pdcheck-list input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pdcheck-list label:has(input:checked){border-color:color-mix(in srgb,#1F9D63 50%,var(--line));background:color-mix(in srgb,#1F9D63 5%,var(--surface))}
.pdcheck-list b{display:block;color:var(--ink);font-size:15px;margin-bottom:2px}
.pdcheck-list em{font-style:normal;font-size:13.5px;color:var(--muted)}
.pdcheck-res{position:sticky;top:100px;padding:24px;border-radius:var(--radius-lg);background:var(--band);color:var(--band-muted)}
.pdcheck-res .eyebrow{color:var(--band-muted);margin-bottom:8px}
.pdcheck-count{display:block;font:800 40px/1 var(--font-display);color:#FF8A6B;margin-bottom:14px;transition:color .3s}
.pdcheck-res.is-clear .pdcheck-count{color:#4ADE80}
.pdcheck-res ul{list-style:none;margin:0 0 14px;padding:0}
.pdcheck-res li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--band-line);font-size:13.5px;color:var(--band-ink);animation:ascent .35s ease both}
.pdcheck-res li span{color:#FF8A6B;white-space:nowrap;font-weight:600}
.pdcheck-ok{color:var(--band-ink);font-size:14px}
.pdcheck-note{font-size:12px;margin:10px 0 16px}
.pd-do{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pd-do>div{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:transform .25s,box-shadow .25s}
.pd-do>div:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.pd-do svg{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--accent-soft);color:var(--accent);margin-bottom:12px}
.pd-do h3{font-size:16px;margin-bottom:6px}
.pd-do p{font-size:14px;color:var(--muted);line-height:1.5}
.fines-wrap{display:grid;grid-template-columns:1fr 1.5fr;gap:48px;align-items:start}
.fines{width:100%;border-collapse:collapse;font-size:14.5px}
.fines th{text-align:left;font:600 12px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0 12px 12px;border-bottom:2px solid var(--line)}
.fines td{padding:14px 12px;border-bottom:1px solid var(--line);color:var(--text);transition:background .2s}
.fines td:nth-child(2){color:var(--muted);white-space:nowrap}
.fines td:last-child{text-align:right;font-weight:700;color:var(--ink);white-space:nowrap}
.fines tr:hover td{background:var(--bg-alt)}
@media (max-width:991.98px){.pdcheck,.fines-wrap{grid-template-columns:1fr}.pdcheck-res{position:static}.pd-do{grid-template-columns:1fr 1fr}.pdform-card{margin:0 auto}}
@media (max-width:575.98px){.pd-do{grid-template-columns:1fr}.fines{font-size:13px}.fines td,.fines th{padding-left:6px;padding-right:6px}.fines td:last-child{white-space:normal}}

/* ===== 54-ФЗ: живой чек в первом экране ===== */
.rcpt{margin:24px 0 32px;transform:perspective(1000px) rotateX(var(--rx,0)) rotateY(var(--ry,0));transition:transform .2s}
.rcpt-tabs{display:flex;gap:4px;width:max-content;margin:0 0 14px auto;padding:4px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line)}
.rcpt-tabs button{border:0;background:none;padding:7px 14px;border-radius:999px;font:600 13px/1 var(--font);color:var(--muted);cursor:pointer;transition:background .2s,color .2s}
.rcpt-tabs button[aria-selected="true"]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}
.rcpt-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.rcpt{--g:#1F9D63;--b:#E5484D}
.rcpt-paper{position:relative;max-width:380px;margin-left:auto;padding:22px 22px 30px;background:#FFFEFB;color:#2B2F38;font:500 12.5px/1.45 ui-monospace,"SF Mono",Menlo,monospace;border-radius:6px 6px 0 0;
  -webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/14px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/14px 100%}
.rcpt-sheet{filter:drop-shadow(0 18px 30px rgba(17,19,24,.16))}
[data-theme="dark"] .rcpt-paper{background:#F1EFE9}
[data-theme="dark"] .rcpt-sheet{filter:drop-shadow(0 18px 40px rgba(0,0,0,.6))}
.rcpt-paper.is-print{animation:rcpt-print .9s cubic-bezier(.2,.8,.2,1)}
@keyframes rcpt-print{from{clip-path:inset(0 0 100% 0);transform:translateY(-14px)}to{clip-path:inset(0 0 0 0);transform:none}}
.rcpt-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:10px;border-bottom:1px dashed #C9CCD3}
.rcpt-head b{font:800 15px/1 var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:#111318}
.rcpt-org{margin:10px 0;color:#626878}
.rcpt-items{list-style:none;margin:0;padding:8px 0;border-top:1px dashed #C9CCD3;border-bottom:1px dashed #C9CCD3}
.rcpt-items li{display:grid;grid-template-columns:1fr auto;gap:0 10px;padding:5px 6px;margin:0 -6px;border-radius:6px}
.rcpt-items li span{grid-column:1/-1;color:#111318}
.rcpt-items li i{font-style:normal;color:#626878}
.rcpt-items li b{font-weight:600;color:#111318}
.rcpt-sum{margin:8px 0 0}
.rcpt-sum div{display:flex;justify-content:space-between;gap:12px;padding:3px 6px;margin:0 -6px;border-radius:6px}
.rcpt-sum dt{color:#626878}.rcpt-sum dd{margin:0;color:#111318}
.rcpt-sum div:first-child{font-weight:700;font-size:14px}
.rcpt-foot{display:flex;justify-content:space-between;align-items:end;margin-top:12px;color:#9AA1AF}
.rcpt-qr{width:44px;height:44px;background:conic-gradient(#111318 25%,transparent 0 50%,#111318 0 75%,transparent 0) 0 0/11px 11px;border:3px solid #111318;opacity:.85}
.rcpt-tip{display:block;width:max-content;max-width:380px;margin:14px 0 0 auto;padding:7px 12px;border-radius:999px;background:var(--band);color:var(--band-ink);font:600 12px/1.2 var(--font);white-space:nowrap;transition:background .2s}
.rcpt-tip.is-on{background:var(--accent)}
.rcpt-paper [data-tip]{cursor:help;transition:background .2s}
.rcpt-paper [data-tip]:hover,.rcpt-paper [data-tip].is-hot{background:color-mix(in srgb,var(--g) 13%,transparent)}
.rcpt-paper[data-mode="good"] .b,.rcpt-paper[data-mode="bad"] .g{display:none}
.rcpt-paper[data-mode="bad"] .b{background:color-mix(in srgb,var(--b) 12%,transparent);box-shadow:inset 3px 0 var(--b)}
.rcpt figcaption{text-align:right;font-size:11px;color:var(--muted);margin-top:10px}
@media (max-width:991.98px){.rcpt-paper,.rcpt-tabs,.rcpt-tip{margin-left:auto;margin-right:auto}}
@media (prefers-reduced-motion:reduce){.rcpt-paper.is-print{animation:none}}

/* ===== Веб-приложения ===== */
.app-stage{position:relative;margin:8px 0 24px;transform:perspective(1200px) rotateX(var(--rx,0)) rotateY(var(--ry,0));transition:transform .2s}
.app-stage img{width:100%;filter:drop-shadow(0 30px 40px rgba(17,19,24,.18))}
.app-chip{position:absolute;left:var(--x);top:var(--y);display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);font:600 13px/1 var(--font);color:var(--ink);white-space:nowrap;animation:app-float 6s ease-in-out infinite}
.app-chip:nth-of-type(2){animation-delay:-2s}.app-chip:nth-of-type(3){animation-delay:-4s}
.app-chip svg{width:18px;height:18px;color:var(--accent)}
@keyframes app-float{50%{margin-top:-8px}}
.app-stage figcaption{text-align:right;font-size:11px;color:var(--muted)}
.app-kinds{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
.app-kind{position:relative;padding:24px;border-radius:var(--radius-lg);background:var(--bg-alt);overflow:hidden;transition:transform .25s,background .25s}
.app-kind::after{content:"";position:absolute;inset:auto -30% -60% auto;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(var(--accent-soft),transparent 70%);opacity:0;transition:opacity .3s}
.app-kind:hover{transform:translateY(-4px)}.app-kind:hover::after{opacity:1}
.app-kind .num{display:block;font:800 13px/1 var(--font-display);color:var(--accent);margin-bottom:18px}
.app-kind svg{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--surface);color:var(--accent);margin-bottom:14px}
.app-kind h3{font-size:17px;margin-bottom:8px}.app-kind p{font-size:14px;color:var(--muted);line-height:1.5;margin:0}
.appb{display:grid;grid-template-columns:1fr 1.15fr;gap:24px;margin-top:24px;align-items:start}
.appb-opts{margin:0;padding:0;border:0;display:grid;gap:8px}
.appb-opts label{display:flex;gap:14px;align-items:flex-start;padding:13px 16px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;transition:border-color .2s,background .2s}
.appb-opts label:has(input:checked){border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 4%,var(--surface))}
.appb-opts label:has(input:disabled){cursor:default;opacity:.75}
.appb-opts input{appearance:none;flex:none;width:22px;height:22px;margin:1px 0 0;border:2px solid var(--line-strong);border-radius:7px;display:grid;place-items:center;transition:background .2s,border-color .2s}
.appb-opts input::after{content:"";width:6px;height:10px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) scale(0);margin-top:-3px;transition:transform .2s cubic-bezier(.3,1.6,.5,1)}
.appb-opts input:checked{background:var(--accent);border-color:var(--accent)}.appb-opts input:checked::after{transform:rotate(45deg) scale(1)}
.appb-opts input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.appb-opts b{display:block;color:var(--ink);font-size:15px}.appb-opts em{font-style:normal;font-size:13px;color:var(--muted)}
.appb-map{position:sticky;top:100px;min-height:480px;padding:20px;border-radius:var(--radius-lg);background:var(--band);color:var(--band-muted);overflow:hidden}
.appb-wires{position:absolute;left:20px;right:20px;top:20px;width:calc(100% - 40px);height:300px}
.appb-wires path{fill:none;stroke:var(--band-line);stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:4 5;transition:stroke .3s}
.appb-wires path.is-on{stroke:var(--accent);stroke-dasharray:6 6;animation:appb-flow 1s linear infinite}
@keyframes appb-flow{to{stroke-dashoffset:-12}}
.appb-core{position:absolute;left:50%;top:170px;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:14px;background:var(--accent);color:#fff;font:700 13px/1.1 var(--font);box-shadow:0 0 0 8px rgba(255,74,31,.15);white-space:nowrap}
.appb-core svg{width:18px;height:18px}
.appb-node{position:absolute;left:calc(20px + (100% - 40px) * var(--x));top:calc(20px + 300px * var(--y));transform:translate(-50%,-50%) scale(.92);padding:8px 12px;border-radius:10px;border:1px solid var(--band-line);background:rgba(255,255,255,.04);font:600 12.5px/1 var(--font);color:var(--band-muted);white-space:nowrap;transition:all .35s cubic-bezier(.3,1.4,.5,1)}
.appb-node.is-on{transform:translate(-50%,-50%) scale(1);background:#fff;color:#111318;border-color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.appb-ask{position:absolute;left:20px;right:20px;bottom:20px;padding-top:14px;border-top:1px solid var(--band-line)}
.appb-ask b{display:block;color:var(--band-ink);font-size:14px;margin-bottom:6px}
.appb-ask ul{margin:0;padding-left:18px;font-size:13px;line-height:1.55;max-height:120px;overflow:auto}
.appb-ask li{animation:ascent .35s ease both}
.app-vs{display:grid;grid-template-columns:1fr 1.5fr;gap:48px;align-items:start}
.app-vs-t td:last-child{text-align:left;white-space:normal;font-weight:600}
.app-vs-t td:nth-child(2){white-space:normal}
.app-vs-t td:first-child{color:var(--muted);white-space:nowrap}
@media (max-width:991.98px){.app-kinds{grid-template-columns:1fr 1fr}.appb,.app-vs{grid-template-columns:1fr}.appb-map{position:relative;top:0}}
@media (max-width:575.98px){.app-kinds{grid-template-columns:1fr}.app-chip{font-size:11.5px;padding:7px 10px}.appb-node{font-size:11px;padding:6px 8px}.appb-core{padding:12px}.appb-core .l{display:none}.appb-map{min-height:540px}}
@media (prefers-reduced-motion:reduce){.app-chip,.appb-wires path.is-on{animation:none}}

/* ===== Версия для слабовидящих: живая панель в первом экране ===== */
.bvi{margin:24px 0 32px;transform:perspective(1000px) rotateX(var(--rx,0)) rotateY(var(--ry,0));transition:transform .2s}
.bvi-win{max-width:460px;margin-left:auto;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:0 24px 60px rgba(17,19,24,.12);overflow:hidden}
.bvi-bar{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;padding:12px 14px;background:var(--band);color:var(--band-muted);font:600 11.5px/1 var(--font)}
.bvi-grp{display:flex;align-items:center;gap:4px}
.bvi-grp>span{margin-right:2px}
.bvi-bar button{min-width:30px;height:30px;padding:0 8px;border:1px solid var(--band-line);border-radius:8px;background:transparent;color:var(--band-ink);font:700 12px/1 var(--font);cursor:pointer;transition:background .2s,border-color .2s}
.bvi-bar button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent)}
.bvi-bar button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.bvi-bar .sw{width:30px;padding:0;font-size:13px}
.bvi-bar .sw[data-v="wb"]{background:#fff;color:#000}.bvi-bar .sw[data-v="bw"]{background:#000;color:#fff}.bvi-bar .sw[data-v="blue"]{background:#9DD1FF;color:#063462}
.bvi-bar .sw[aria-pressed="true"]{box-shadow:0 0 0 2px var(--accent);border-color:transparent}
.bvi-page{--fs:15px;--ls:0;--bg:var(--surface);--fg:var(--ink);--mt:var(--muted);--ac:var(--accent);padding:20px 22px 24px;background:var(--bg);color:var(--fg);font-size:var(--fs);letter-spacing:var(--ls);line-height:1.5;transition:background .3s,color .3s,font-size .3s}
.bvi-page[data-scheme="wb"]{--bg:#fff;--fg:#000;--mt:#000;--ac:#000}
.bvi-page[data-scheme="bw"]{--bg:#000;--fg:#fff;--mt:#fff;--ac:#fff}
.bvi-page[data-scheme="blue"]{--bg:#9DD1FF;--fg:#063462;--mt:#063462;--ac:#063462}
.bvi-page[data-sp="1"]{--ls:.08em}.bvi-page[data-sp="2"]{--ls:.16em}
.bvi-page[data-fs="1"]{--fs:19px}.bvi-page[data-fs="2"]{--fs:24px}
.bvi-page small{display:block;color:var(--mt);font-size:.75em;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.bvi-page h3{color:var(--fg);font-size:1.35em;line-height:1.2;margin:0 0 10px;letter-spacing:var(--ls)}
.bvi-page p{margin:0 0 14px;color:var(--fg)}
.bvi-img{height:96px;margin-bottom:14px;border-radius:12px;background:url(../img/photo/office-meeting.webp) center/cover;transition:height .3s,opacity .3s}
.bvi-page[data-img="off"] .bvi-img{height:0;opacity:0;margin:0}
.bvi-page[data-img="off"] .bvi-alt{display:block}
.bvi-alt{display:none;margin-bottom:14px;padding:8px 10px;border:1px dashed var(--mt);border-radius:8px;font-size:.85em}
.bvi-btn{display:inline-block;padding:.55em 1.1em;border-radius:10px;background:var(--ac);color:var(--bg);font-weight:700}
.bvi-page:not([data-scheme]) .bvi-btn{color:#fff}
.bvi figcaption{text-align:right;font-size:11px;color:var(--muted);margin-top:8px}
@media (max-width:991.98px){.bvi-win{margin:0 auto}}
.bvi-vs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
.bvi-vs-col{padding:26px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line)}
.bvi-vs-col h3{font-size:18px;margin-bottom:14px}
.bvi-vs-col ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.bvi-vs-col li{position:relative;padding-left:28px;font-size:15px}
.bvi-vs-col li::before{content:"–";position:absolute;left:4px;top:0;font-weight:700;color:var(--muted)}
.bvi-vs-col:first-child li:not(:first-child)::before{content:"✕";color:#E5484D;font-size:13px}
.bvi-vs-col.is-ours{background:var(--band);border-color:var(--band);color:var(--band-ink)}
.bvi-vs-col.is-ours h3{color:var(--band-ink)}
.bvi-vs-col.is-ours li::before{content:"✓";color:#4ADE80}
@media (max-width:767.98px){.bvi-vs{grid-template-columns:1fr}}
.hero--bvi h1{font-size:clamp(34px,4vw,54px);max-width:11em}
.bvi-who{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
.bvi-who-c{display:flex;flex-direction:column;padding:22px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);transition:transform .25s,box-shadow .25s}
.bvi-who-c:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.bvi-who-c.is-hot{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 0 0 4px var(--accent-soft)}
.bvi-who-c h3{font-size:16.5px;line-height:1.3;margin:12px 0 8px}
.bvi-who-c p{font-size:14px;color:var(--muted);line-height:1.55;margin:0 0 12px;flex:1}
.bvi-who-c p b{color:var(--ink)}
.bvi-who-c .php-src{margin:0;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}
.bvi-tag{align-self:flex-start;padding:5px 10px;border-radius:999px;background:color-mix(in srgb,#1F9D63 12%,var(--surface));color:#1F9D63;font:700 11.5px/1 var(--font)}
.bvi-tag--off{background:color-mix(in srgb,#E5484D 12%,var(--surface));color:#E5484D;text-decoration:line-through}
.bvi-tag--muted{background:var(--surface-2);color:var(--muted)}
.bvi-13{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.bvi-13 li{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);font-size:14.5px;line-height:1.45;color:var(--text);transition:border-color .2s}
.bvi-13 li:hover{border-color:var(--accent)}
.bvi-13 b{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--accent-soft);color:var(--accent);font:800 14px/1 var(--font-display)}
@media (max-width:1199.98px){.bvi-who{grid-template-columns:1fr 1fr}}
@media (max-width:991.98px){.bvi-13{grid-template-columns:1fr 1fr}}
@media (max-width:575.98px){.bvi-who,.bvi-13{grid-template-columns:1fr}}

/* ===== Создание сайтов: силуэт сайта, который перестраивается из типа в тип ===== */
.hero--sites .hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.hero--sites h1{max-width:12em;font-size:clamp(36px,4vw,54px)}
.morph-wrap{position:relative;padding:20px 0 10px 30px}
.morph-win{transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.morph-win{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg);overflow:hidden;max-width:560px;margin-left:auto}
.morph-win .browser-bar{height:34px;padding:0 14px}
.morph-win .browser-bar span{transition:opacity .25s}
.morph{--morph-s:var(--surface-2);--morph-p:color-mix(in srgb,var(--accent) 14%,var(--surface-2));position:relative;aspect-ratio:16/11;margin:0}
.mb{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);width:calc(var(--w)*1%);height:calc(var(--h)*1%);background:var(--c);opacity:var(--o);border-radius:6px;transition:left .7s cubic-bezier(.65,0,.35,1),top .7s cubic-bezier(.65,0,.35,1),width .7s cubic-bezier(.65,0,.35,1),height .7s cubic-bezier(.65,0,.35,1),background .5s,opacity .4s}
.mb:nth-child(2){transition-delay:.03s}.mb:nth-child(3){transition-delay:.06s}.mb:nth-child(4){transition-delay:.09s}.mb:nth-child(5){transition-delay:.12s}
.mb:nth-child(6){transition-delay:.15s}.mb:nth-child(7){transition-delay:.18s}.mb:nth-child(8){transition-delay:.21s}.mb:nth-child(9){transition-delay:.24s}.mb:nth-child(10){transition-delay:.27s}
[data-theme="dark"] .morph{--morph-p:color-mix(in srgb,var(--accent) 22%,var(--surface-2))}
.morph-cap{margin:0;padding:12px 16px;border-top:1px solid var(--line);font-size:14px;color:var(--muted);min-height:46px}
.morph-tabs{display:flex;gap:4px;width:max-content;max-width:100%;margin:16px 0 0 auto;padding:4px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line)}
.morph-tabs button{border:0;background:none;height:34px;padding:0 14px;border-radius:999px;font:600 13px/1 var(--font);color:var(--muted);cursor:pointer;transition:background .2s,color .2s}
.morph-tabs button:hover{color:var(--ink)}
.morph-tabs button.is-on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}
.morph[data-type="vizitka"] .mb:nth-child(1){--x:4;--y:5;--w:92;--h:7;--c:var(--morph-s);--o:1}
.morph[data-type="vizitka"] .mb:nth-child(2){--x:4;--y:18;--w:48;--h:9;--c:var(--morph-s);--o:1}
.morph[data-type="vizitka"] .mb:nth-child(3){--x:4;--y:30;--w:38;--h:4;--c:var(--morph-s);--o:1}
.morph[data-type="vizitka"] .mb:nth-child(4){--x:4;--y:38;--w:18;--h:7;--c:var(--accent);--o:1}
.morph[data-type="vizitka"] .mb:nth-child(5){--x:58;--y:16;--w:38;--h:30;--c:var(--morph-p);--o:1}
.morph[data-type="vizitka"] .mb:nth-child(6){--x:4;--y:54;--w:29;--h:24;--c:var(--morph-s);--o:1}
.morph[data-type="vizitka"] .mb:nth-child(7){--x:35.5;--y:54;--w:29;--h:24;--c:var(--morph-s);--o:1}
.morph[data-type="vizitka"] .mb:nth-child(8){--x:67;--y:54;--w:29;--h:24;--c:var(--morph-s);--o:1}
.morph[data-type="vizitka"] .mb:nth-child(9){--x:4;--y:84;--w:92;--h:9;--c:var(--morph-s);--o:1}
.morph[data-type="vizitka"] .mb:nth-child(10){--x:46;--y:90;--w:8;--h:3;--c:var(--morph-s);--o:0}
.morph[data-type="landing"] .mb:nth-child(1){--x:4;--y:5;--w:92;--h:6;--c:var(--morph-s);--o:1}
.morph[data-type="landing"] .mb:nth-child(2){--x:14;--y:17;--w:72;--h:11;--c:var(--morph-s);--o:1}
.morph[data-type="landing"] .mb:nth-child(3){--x:24;--y:31;--w:52;--h:4;--c:var(--morph-s);--o:1}
.morph[data-type="landing"] .mb:nth-child(4){--x:38;--y:39;--w:24;--h:8;--c:var(--accent);--o:1}
.morph[data-type="landing"] .mb:nth-child(5){--x:46;--y:90;--w:8;--h:3;--c:var(--morph-s);--o:0}
.morph[data-type="landing"] .mb:nth-child(6){--x:10;--y:54;--w:24;--h:16;--c:var(--morph-p);--o:1}
.morph[data-type="landing"] .mb:nth-child(7){--x:38;--y:54;--w:24;--h:16;--c:var(--morph-p);--o:1}
.morph[data-type="landing"] .mb:nth-child(8){--x:66;--y:54;--w:24;--h:16;--c:var(--morph-p);--o:1}
.morph[data-type="landing"] .mb:nth-child(9){--x:20;--y:76;--w:60;--h:14;--c:var(--morph-s);--o:1}
.morph[data-type="landing"] .mb:nth-child(10){--x:43;--y:82;--w:14;--h:5;--c:var(--accent);--o:1}
.morph[data-type="catalog"] .mb:nth-child(1){--x:4;--y:5;--w:92;--h:7;--c:var(--morph-s);--o:1}
.morph[data-type="catalog"] .mb:nth-child(2){--x:4;--y:17;--w:26;--h:5;--c:var(--morph-s);--o:1}
.morph[data-type="catalog"] .mb:nth-child(3){--x:34;--y:17;--w:62;--h:5;--c:var(--morph-s);--o:1}
.morph[data-type="catalog"] .mb:nth-child(4){--x:4;--y:27;--w:22;--h:66;--c:var(--morph-s);--o:1}
.morph[data-type="catalog"] .mb:nth-child(5){--x:30;--y:27;--w:20;--h:31;--c:var(--morph-p);--o:1}
.morph[data-type="catalog"] .mb:nth-child(6){--x:53;--y:27;--w:20;--h:31;--c:var(--morph-p);--o:1}
.morph[data-type="catalog"] .mb:nth-child(7){--x:76;--y:27;--w:20;--h:31;--c:var(--morph-p);--o:1}
.morph[data-type="catalog"] .mb:nth-child(8){--x:30;--y:62;--w:20;--h:31;--c:var(--morph-p);--o:1}
.morph[data-type="catalog"] .mb:nth-child(9){--x:53;--y:62;--w:20;--h:31;--c:var(--morph-p);--o:1}
.morph[data-type="catalog"] .mb:nth-child(10){--x:76;--y:62;--w:20;--h:31;--c:var(--morph-p);--o:1}
.morph[data-type="shop"] .mb:nth-child(1){--x:4;--y:5;--w:92;--h:7;--c:var(--morph-s);--o:1}
.morph[data-type="shop"] .mb:nth-child(2){--x:84;--y:6.5;--w:9;--h:4;--c:var(--accent);--o:1}
.morph[data-type="shop"] .mb:nth-child(3){--x:4;--y:17;--w:40;--h:5;--c:var(--morph-s);--o:1}
.morph[data-type="shop"] .mb:nth-child(4){--x:4;--y:27;--w:44;--h:58;--c:var(--morph-p);--o:1}
.morph[data-type="shop"] .mb:nth-child(5){--x:52;--y:27;--w:44;--h:7;--c:var(--morph-s);--o:1}
.morph[data-type="shop"] .mb:nth-child(6){--x:52;--y:38;--w:20;--h:7;--c:var(--accent);--o:1}
.morph[data-type="shop"] .mb:nth-child(7){--x:52;--y:49;--w:44;--h:12;--c:var(--morph-s);--o:1}
.morph[data-type="shop"] .mb:nth-child(8){--x:52;--y:65;--w:30;--h:8;--c:var(--accent);--o:1}
.morph[data-type="shop"] .mb:nth-child(9){--x:52;--y:77;--w:44;--h:8;--c:var(--morph-s);--o:1}
.morph[data-type="shop"] .mb:nth-child(10){--x:4;--y:89;--w:44;--h:4;--c:var(--morph-s);--o:1}

.toc{display:flex;flex-wrap:wrap;gap:6px;margin-top:34px;padding-top:20px;border-top:1px solid var(--line)}
.toc a{height:34px;display:inline-flex;align-items:center;padding:0 14px;border-radius:999px;border:1px solid var(--line);font:600 13px/1 var(--font);color:var(--muted);transition:border-color .2s,color .2s}
.toc a:hover{border-color:var(--accent);color:var(--accent)}

.types-lead{max-width:720px;margin:-10px 0 26px}
.types-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.types-t{width:100%;min-width:760px;border-collapse:collapse;font-size:14.5px}
.types-t th{text-align:left;font:600 12px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0 12px 12px;border-bottom:2px solid var(--line)}
.types-t td{padding:15px 12px;border-bottom:1px solid var(--line);vertical-align:top;transition:background .2s}
.types-t td:first-child a{font:700 16px/1.3 var(--font-display);color:var(--ink);white-space:nowrap;background:linear-gradient(var(--accent),var(--accent)) 0 100%/0 2px no-repeat;transition:background-size .3s,color .2s}
.types-t tr:hover td{background:var(--bg-alt)}
.types-t tr:hover td:first-child a{background-size:100% 2px;color:var(--accent)}
.types-t td:last-child{font-weight:700;color:var(--ink);white-space:nowrap;text-align:right}
.types-t th:last-child{text-align:right}
.types-t .t-yes,.types-t .t-no,.types-t .t-opt{white-space:nowrap}
.types-t .t-yes::before,.types-t .t-no::before,.types-t .t-opt::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;vertical-align:1px}
.types-t .t-yes::before{background:#1FA971}
.types-t .t-no::before{background:var(--line-strong)}
.types-t .t-opt::before{background:transparent;border:2px solid #1FA971;width:6px;height:6px}
.types-t .t-no{color:var(--muted)}
.types-t .t-lbl{display:none}

.inside{display:grid;grid-template-columns:1fr;gap:28px}
.inside-head{grid-column:1/-1;max-width:760px}
.inside-head .h2-sm{margin-bottom:12px}
.inside-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.inside-list li{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line)}
.inside-list svg{flex:none;width:38px;height:38px;padding:9px;border-radius:11px;background:var(--surface);color:var(--accent)}
.inside-list b{display:block;color:var(--ink);font-size:15.5px;margin-bottom:2px}
.inside-list span{font-size:14px;color:var(--muted);line-height:1.5}
.inside-shop{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:8px 40px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px}
.inside-shop ul{display:grid;grid-template-columns:1fr 1fr;column-gap:32px}
.inside-shop .inside-no{grid-column:2}
.inside-shop h3{margin-bottom:14px}
.inside-shop ul{margin:0 0 16px;padding:0;list-style:none}
.inside-shop li{position:relative;padding:9px 0 9px 26px;border-bottom:1px dashed var(--line);font-size:14.5px}
.inside-shop li::before{content:"";position:absolute;left:2px;top:15px;width:12px;height:7px;border:solid #1FA971;border-width:0 0 2px 2px;transform:rotate(-45deg)}
.inside-shop a{color:var(--accent)}
.inside-no{font-size:13.5px;color:var(--muted);padding:12px 14px;border-radius:var(--radius-sm);background:var(--bg-alt)}

.market{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 56px;align-items:center}
.market-src{margin-top:14px;font-size:13px;color:var(--muted)}
.mkt{display:grid;gap:22px;padding:28px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}
.mkt-row b{display:block;font:700 15px/1.2 var(--font-display);color:var(--ink);margin-bottom:10px}
.mkt-bar{position:relative;height:12px;border-radius:999px;background:var(--surface-2)}
.mkt-range{position:absolute;top:0;bottom:0;left:calc(var(--lo)*1%);width:calc((var(--hi) - var(--lo))*1%);border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 25%,transparent),var(--accent));transform-origin:left;transform:scaleX(0);transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
.mkt-med{position:absolute;top:-5px;width:4px;height:22px;border-radius:2px;left:calc(var(--md)*1%);background:var(--ink);opacity:0;transition:opacity .4s .9s}
.mkt.is-in .mkt-range{transform:none}.mkt.is-in .mkt-med{opacity:1}
.mkt-row:nth-child(2) .mkt-range{transition-delay:.15s}.mkt-row:nth-child(3) .mkt-range{transition-delay:.3s}
.mkt-num{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font-size:13px;color:var(--muted)}
.mkt-num span:nth-child(2){color:var(--ink);font-weight:600}
.mkt-axis{display:flex;justify-content:space-between;padding-top:12px;border-top:1px dashed var(--line);font-size:12px;color:var(--muted)}
.why-gap{grid-column:1/-1}
.why-gap h3{margin:10px 0 16px}
.why-gap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.why-gap-grid>div{padding:20px;border-radius:var(--radius);background:var(--bg-alt)}
.section--alt .why-gap-grid>div{background:var(--surface)}
.why-gap-grid b{display:block;color:var(--ink);margin-bottom:6px}
.why-gap-grid p{font-size:14px;color:var(--muted);line-height:1.5}

.duo-steps{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}
.duo-head,.duo{display:grid;grid-template-columns:56px minmax(0,1fr) minmax(0,1fr)}
.duo-head{background:var(--bg-alt);font:600 12px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.duo-head span{padding:14px 20px}.duo-head span:first-child{grid-column:2}
.duo{border-top:1px solid var(--line);transition:background .2s}
.duo:hover{background:var(--bg-alt)}
.duo .n{padding:18px 0 0 20px;font:800 14px/1 var(--font-display);color:var(--accent)}
.duo>div{padding:16px 20px}
.duo b{display:block;color:var(--ink);margin-bottom:4px}
.duo p{font-size:14px;color:var(--muted);line-height:1.5}
.duo-you{position:relative;border-left:1px dashed var(--line-strong)}
.duo-you p{color:var(--text)}
.duo-you a{color:var(--accent)}

@media (max-width:991.98px){
  .hero--sites .hero-grid,.inside,.market{grid-template-columns:1fr}
  .morph-wrap{padding:8px 0 0}
  .morph-win{margin:0 auto}.morph-tabs{margin:14px auto 0}
  .inside-shop,.inside-shop ul,.inside-list{grid-template-columns:1fr}.inside-shop .inside-no{grid-column:auto}
  .why-gap-grid{grid-template-columns:1fr}
}
@media (max-width:575.98px){
  .duo-head{display:none}
  .duo{grid-template-columns:40px minmax(0,1fr)}
  .duo .n{padding-left:16px}
  .duo>div{padding:14px 16px 6px 0}
  .duo-you{grid-column:2;border-left:0;padding-top:0!important;padding-bottom:16px!important}
  .duo-you::before{content:"От вас: ";font-weight:700;color:var(--ink);font-size:14px}
  .duo-you p{display:inline}
  .morph-tabs button{padding:0 10px}
  .mkt{padding:20px}
}
@media (max-width:767.98px){
  .types-t{min-width:0;font-size:14px}
  .types-t thead{display:none}
  .types-t,.types-t tbody{display:block}
  .types-t tr{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:14px 0;border-bottom:1px solid var(--line)}
  .types-t td{padding:0;border:0;background:none!important}
  .types-t td:nth-child(1){grid-column:1;grid-row:1}
  .types-t td:nth-child(5){grid-column:2;grid-row:1;align-self:center}
  .types-t td:nth-child(2){grid-column:1/-1;color:var(--muted);font-size:13.5px}
  .types-t td:nth-child(3),.types-t td:nth-child(4){font-size:13px;display:inline-block}
  .types-t td:nth-child(3){grid-column:1}.types-t td:nth-child(4){grid-column:2;text-align:right}
  .types-t .t-lbl{display:inline}
  .types-t td:first-child a{white-space:normal}
}
@media (prefers-reduced-motion:reduce){.mkt-range{transform:none}.mkt-med{opacity:1}}

/* ===== Квиз: «Можно дешевле» — скидки с причиной мелким шрифтом (на телефоне поповер не увидят) ===== */
.quiz-disc{margin-top:22px;padding-top:18px;border-top:1px dashed var(--line-strong)}
.quiz-disc-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:12px}
.quiz-disc-head b{font:700 16px/1.2 var(--font-display);color:var(--ink)}
.quiz-disc-head small{font-size:13px;color:var(--muted)}
.qdisc{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;margin-bottom:8px;border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s,background .2s}
.qdisc:hover{border-color:var(--line-strong)}
.qdisc:has(input:checked){border-color:#1FA971;background:color-mix(in srgb,#1FA971 7%,transparent)}
.qdisc input{flex:none;margin:3px 0 0;accent-color:#1FA971;width:16px;height:16px}
.qdisc span{flex:1;min-width:0}
.qdisc b{display:block;font-size:14.5px;color:var(--ink);margin-bottom:2px}
.qdisc small{display:block;font-size:12.5px;line-height:1.45;color:var(--muted)}
.qdisc em{flex:none;font-style:normal;font-weight:700;color:#1FA971;white-space:nowrap}
.quiz-list .is-disc span:last-child{color:#4ADE80}
.quiz-list .is-disc-sum{font-weight:700}

/* ===== Контакты ===== */
.ct-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:40px;align-items:start}
.ct-ways{display:grid;gap:10px;max-width:520px}
.ct-way{position:relative;display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);transition:border-color .2s,box-shadow .2s,transform .2s}
a.ct-way:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px);color:var(--text)}
.ct-way svg{flex:none;width:42px;height:42px;padding:10px;border-radius:12px;background:var(--accent-soft);color:var(--accent)}
.ct-way span{flex:1;min-width:0}
.ct-way small{display:block;font-size:12.5px;color:var(--muted)}
.ct-way b{display:block;font:700 clamp(17px,1.6vw,20px)/1.25 var(--font-display);color:var(--ink)}
.ct-way i{font-style:normal;color:var(--muted);font-size:13px;transition:color .2s}
a.ct-way:hover i{color:var(--accent)}
.ct-way.is-copied .ct-copy{color:#1FA971}
.ct-form-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:28px}
.ct-form-title{font-size:22px;margin-bottom:18px}
.ct-form{display:grid;gap:14px}
.ct-need{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.ct-need legend{font-size:13px;color:var(--muted);margin-bottom:8px;padding:0}
.ct-need label{cursor:pointer}
.ct-need input{position:absolute;opacity:0;pointer-events:none}
.ct-need span{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line-strong);font:600 13px/1 var(--font);color:var(--text);transition:background .2s,border-color .2s,color .2s}
.ct-need input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.ct-need input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.ct-text{height:auto;padding:14px 16px;resize:vertical;min-height:110px;line-height:1.5}
.ct-form .btn-ur{justify-self:start}
.ct-first{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 56px;align-items:start}
.ct-first .link-more{margin-top:18px}
.ct-check{list-style:none;margin:0;padding:0;counter-reset:ct}
.ct-check li{counter-increment:ct;position:relative;padding:14px 0 14px 52px;border-bottom:1px solid var(--line)}
.ct-check li::before{content:counter(ct);position:absolute;left:0;top:14px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--line-strong);font:800 14px/1 var(--font-display);color:var(--accent);transition:background .3s,color .3s,border-color .3s}
.ct-check li.is-in::before{background:var(--accent);border-color:var(--accent);color:var(--on-accent);transition-delay:.25s}
.ct-check b{display:block;color:var(--ink)}
.ct-check span{font-size:14px;color:var(--muted)}
.ct-after{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative}
.ct-after>div{padding:24px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.ct-after .n{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--accent-soft);color:var(--accent);font:800 14px/1 var(--font-display);margin-bottom:14px}
.ct-after h3{margin-bottom:6px}
.ct-after p{font-size:14px;color:var(--muted)}
.ct-regions{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:24px 56px;align-items:center}

/* ===== О студии ===== */
.ab-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:48px;align-items:center}
.ab-line{list-style:none;margin:0;padding:0 0 0 26px;position:relative}
.ab-line::before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--accent),var(--accent)) 0 0/100% 0 no-repeat,var(--line);transition:background-size 1.4s cubic-bezier(.2,.8,.2,1) .2s}
.ab-line.is-in::before{background-size:100% 100%,auto}
.ab-line li{position:relative;padding:12px 0}
.ab-line li::before{content:"";position:absolute;left:-26px;top:18px;width:14px;height:14px;border-radius:50%;background:var(--surface);border:2px solid var(--line-strong);transition:border-color .3s,background .3s}
.ab-line.is-in li::before{border-color:var(--accent)}
.ab-line li:nth-child(1)::before{transition-delay:.3s}.ab-line li:nth-child(2)::before{transition-delay:.6s}.ab-line li:nth-child(3)::before{transition-delay:.9s}.ab-line li:nth-child(4)::before{transition-delay:1.2s}
.ab-line li.is-now::before{background:var(--accent);box-shadow:0 0 0 6px var(--accent-soft)}
.ab-line b{display:block;font:800 22px/1.1 var(--font-display);color:var(--ink)}
.ab-line span{font-size:14px;color:var(--muted)}
.ab-cms{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 56px;align-items:start}
.ab-cms-text p{color:var(--text);margin-bottom:14px}
.ab-mods{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ab-mods li{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:14.5px;font-weight:600;color:var(--ink);background:var(--surface);transition:border-color .2s,transform .2s}
.ab-mods li:hover{border-color:var(--accent);transform:translateY(-2px)}
.ab-mods svg{flex:none;width:34px;height:34px;padding:8px;border-radius:10px;background:var(--accent-soft);color:var(--accent)}
.ab-nots{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ab-nots>div{position:relative;padding:24px 22px 22px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.ab-nots>div::before{content:"✕";display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:800;font-size:13px;margin-bottom:14px}
.ab-nots b{display:block;color:var(--ink);font:700 16px/1.25 var(--font-display);margin-bottom:8px}
.ab-nots p{font-size:14px;color:var(--muted);line-height:1.5}
.ab-links{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

/* ===== Кейсы ===== */
.cs-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 40px;flex-wrap:wrap}
.cs-head .hero-lead{margin-bottom:0}
.cs-filter{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line)}
.cs-filter button,.cs-empty button{border:0;background:none;cursor:pointer}
.cs-filter button{height:36px;padding:0 16px;border-radius:999px;font:600 13px/1 var(--font);color:var(--muted);transition:background .2s,color .2s}
.cs-filter button:hover{color:var(--ink)}
.cs-filter button.is-on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}
.cs-list .case{transition:opacity .35s,transform .35s,box-shadow .2s}
.cs-list .case.is-out{opacity:0;transform:scale(.96)}
.case-go{margin-top:auto;align-self:flex-start;font-weight:600;color:var(--accent);font-size:14.5px}
.case-go:hover{text-decoration:underline}
/* Карточка кейса открывается по названию и по картинке; ссылка на картинке без своего бокса — раскладка рамки та же */
.case-media-link{display:contents}
.case h3 a{color:inherit;transition:color .15s}
.case h3 a:hover,.case:has(.case-media-link:hover) h3 a{color:var(--accent)}
.case-links{margin-top:auto;display:flex;flex-wrap:wrap;gap:6px 20px}
.case-links .case-go{margin-top:0}
.cs-empty{margin-top:20px;color:var(--muted)}
.cs-empty button{font:inherit;padding:0}
.cs-why{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:24px 56px;align-items:start}
.cs-anatomy{padding:26px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line)}
.cs-anatomy h3{margin-bottom:12px}
.cs-anatomy ol{margin:0;padding:0 0 0 20px}
.cs-anatomy li{padding:7px 0;font-size:14.5px;color:var(--muted)}
.cs-anatomy li b{color:var(--ink)}
.cs-deal{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px 48px;align-items:center}
.cs-deal .mock-note{grid-column:1/-1}
.cs-deal-badge{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;font:800 44px/1 var(--font-display);color:var(--on-accent);background:var(--accent);position:relative}
.cs-deal-badge::after{content:"";position:absolute;inset:-12px;border-radius:50%;border:2px dashed color-mix(in srgb,var(--accent) 45%,transparent);animation:cs-spin 18s linear infinite}
@keyframes cs-spin{to{transform:rotate(360deg)}}

@media (max-width:1199.98px){.ab-nots,.ab-links{grid-template-columns:1fr 1fr}}
@media (max-width:991.98px){
  .ct-grid,.ct-first,.ct-regions,.ab-grid,.ab-cms,.cs-why{grid-template-columns:1fr}
  .ct-after{grid-template-columns:1fr}
}
@media (max-width:575.98px){
  .ab-mods,.ab-nots,.ab-links{grid-template-columns:1fr}
  .ct-form-card{padding:20px}
  .cs-deal{grid-template-columns:1fr;justify-items:start}.cs-deal-badge{width:120px;height:120px;font-size:32px}
  .cs-filter{border-radius:16px}
}
@media (prefers-reduced-motion:reduce){.ab-line::before{background-size:100% 100%,auto}.cs-deal-badge::after{animation:none}}

.quiz-done[hidden],.ct-form[hidden],.mock-consent[hidden]{display:none}

/* ===== CRM: доска сделок в первом экране ===== */
.kb-wrap{position:relative;padding:20px 0 20px 20px}
.kb{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.kb-col{min-width:0;border-radius:12px;background:var(--bg-alt);padding:10px 8px;min-height:250px}
.kb-col h4{display:flex;justify-content:space-between;align-items:center;gap:6px;font:700 11.5px/1.2 var(--font);letter-spacing:.02em;color:var(--muted);margin:0 2px 10px}
.kb-col h4 i{font-style:normal;min-width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:var(--surface);color:var(--ink);font-size:11px}
.kb-col--win h4{color:#1FA971}
.kb-list{display:grid;gap:8px}
.kb-card{padding:10px;border-radius:10px;background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 2px rgba(17,19,24,.05);animation:kb-in .5s cubic-bezier(.2,.8,.2,1)}
.kb-card b{display:block;font-size:12.5px;line-height:1.3;color:var(--ink);margin:6px 0 3px}
.kb-card small{font-size:11px;color:var(--muted)}
.kb-card.is-moving{animation:kb-out .35s ease forwards}
.kb-col--win .kb-card{border-color:color-mix(in srgb,#1FA971 45%,var(--line))}
.kb-src{display:inline-block;padding:3px 7px;border-radius:6px;font:700 10px/1 var(--font);letter-spacing:.02em}
.kb-src--site{background:var(--accent-soft);color:var(--accent)}
.kb-src--tg{background:color-mix(in srgb,#2AABEE 15%,transparent);color:#1B8FD0}
.kb-src--mail{background:color-mix(in srgb,#8B5CF6 14%,transparent);color:#7C4DEB}
.kb-src--vk{background:color-mix(in srgb,#0077FF 13%,transparent);color:#0A6BE0}
.kb-chip{position:absolute;left:-6px;bottom:4px;transform:translate(calc(var(--px,0)*1px),calc(var(--py,0)*1px))}
@keyframes kb-in{from{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:none}}
@keyframes kb-out{to{opacity:0;transform:translateX(24px) scale(.96)}}

.crm-ch{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:24px 56px;align-items:start}
.crm-ch-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.crm-ch-list li{padding:18px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);transition:border-color .2s,transform .2s}
.crm-ch-list li:hover{border-color:var(--accent);transform:translateY(-2px)}
.crm-ch-list svg{width:36px;height:36px;padding:8px;border-radius:10px;background:var(--accent-soft);color:var(--accent);margin-bottom:12px}
.crm-ch-list b{display:block;color:var(--ink);margin-bottom:3px}
.crm-ch-list span{font-size:13.5px;color:var(--muted);line-height:1.45}
.crm-box{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:32px;align-items:start}
.crm-t td:first-child{font-weight:700;color:var(--ink);width:32%}
.crm-t td:nth-child(2){white-space:normal;color:var(--text)}
.crm-t td:last-child{text-align:left;font-weight:400}
.crm-custom{padding:24px;border-radius:var(--radius-lg);border:1px dashed var(--line-strong);background:var(--surface)}
.crm-custom h3{margin-bottom:12px}
.crm-custom ul{margin:0 0 14px;padding-left:18px}
.crm-custom li{padding:5px 0;font-size:14.5px}
.crm-custom p{font-size:13.5px;color:var(--muted)}
.crm-custom a{color:var(--accent)}
.crm-vs td:first-child{font-weight:700;color:var(--ink)}
.crm-vs td,.crm-vs th{text-align:left!important;white-space:normal!important}
.crm-vs td:last-child{font-weight:600}
.crm-vs-note{margin-top:18px;padding:16px 18px;border-left:3px solid var(--accent);background:var(--bg-alt);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:14.5px;max-width:820px}
.crm-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}
.crm-tier{display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line)}
.crm-tier--main{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.crm-tier-tag{align-self:flex-start;padding:4px 10px;border-radius:999px;background:var(--bg-alt);font:600 12px/1 var(--font);color:var(--muted)}
.crm-tier--main .crm-tier-tag{background:var(--accent);color:var(--on-accent)}
.crm-tier .sum{font:800 30px/1.1 var(--font-display);color:var(--ink)}
.crm-tier .sum small{font-size:15px;font-weight:600;color:var(--muted)}
.crm-tier p{font-size:14px;color:var(--muted);flex:1}

/* ===== ТЗ для CRM ===== */
.tzdoc-wrap{position:relative;padding:20px 0 20px 30px}
.tzdoc{max-width:440px;margin-left:auto;padding:24px 26px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.tzdoc-head{display:flex;gap:12px;align-items:center;padding-bottom:16px;margin-bottom:12px;border-bottom:1px solid var(--line)}
.tzdoc-head svg{width:40px;height:40px;padding:9px;border-radius:11px;background:var(--accent-soft);color:var(--accent)}
.tzdoc-head b{display:block;color:var(--ink)}.tzdoc-head small{font-size:12.5px;color:var(--muted)}
.tzdoc-toc{margin:0;padding:0;list-style:none;counter-reset:tz}
.tzdoc-toc li{counter-increment:tz;display:flex;align-items:center;gap:10px;padding:7px 0;font-size:14px;color:var(--muted);transition:color .3s}
.tzdoc-toc li::before{content:counter(tz);flex:none;width:22px;height:22px;display:grid;place-items:center;border-radius:6px;border:1.5px solid var(--line-strong);font:700 11px/1 var(--font);transition:background .3s,border-color .3s,color .3s}
.tzdoc-toc li.is-done{color:var(--ink)}
.tzdoc-toc li.is-done::before{content:"✓";background:#1FA971;border-color:#1FA971;color:#fff}
.tzdoc-bar{margin-top:14px;height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}
.tzdoc-bar span{display:block;height:100%;width:0;background:#1FA971;transition:width .5s}
.tz-when{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,8fr);gap:24px 48px;align-items:start}
.tz-when-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.tz-when-grid>div{padding:20px;border-radius:var(--radius);background:var(--bg-alt)}
.tz-when-grid b{display:block;color:var(--ink);margin-bottom:6px}
.tz-when-grid p{font-size:14px;color:var(--muted);line-height:1.5}
.tz-t td:first-child{font-weight:700;color:var(--ink)}
.tz-t td:nth-child(2){white-space:normal;color:var(--text)}
.tz-t td:last-child{font-weight:500;color:var(--muted);white-space:normal;text-align:left}
.tz-t th:last-child{text-align:left}
.tz-sample{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:24px 56px;align-items:center}
.tz-card{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);overflow:hidden;font-size:14.5px}
.tz-card-head{display:flex;justify-content:space-between;gap:10px;padding:14px 20px;background:var(--band);color:var(--band-ink);font:600 13px/1.2 var(--font)}
.tz-card-tag{color:var(--band-muted)}
.tz-card dl{margin:0;padding:6px 20px 14px;display:grid;grid-template-columns:150px 1fr}
.tz-card dt,.tz-card dd{margin:0;padding:11px 0;border-bottom:1px dashed var(--line)}
.tz-card dt{font-weight:700;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.tz-card dd{color:var(--ink)}
.tz-card dl>:nth-last-child(-n+2){border-bottom:0}
.tz-how{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:tzh}
.tz-how>div{position:relative;padding:22px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.tz-how .n{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--bg);font:800 13px/1 var(--font-display);margin-bottom:12px}
.tz-how h3{margin-bottom:6px}.tz-how p{font-size:14px;color:var(--muted)}

@media (max-width:1199.98px){.crm-ch-list{grid-template-columns:1fr 1fr}.tz-how{grid-template-columns:1fr 1fr}}
@media (max-width:991.98px){
  .crm-ch,.crm-box,.tz-when,.tz-sample{grid-template-columns:1fr}
  .crm-tiers{grid-template-columns:1fr}
  .kb-wrap,.tzdoc-wrap{padding:8px 0 0}.tzdoc{margin:0 auto}
}
@media (max-width:575.98px){
  .kb{grid-template-columns:repeat(2,minmax(0,1fr))}.kb-col{min-height:0}
  .kb-chip{display:none}
  .crm-ch-list,.tz-when-grid,.tz-how{grid-template-columns:1fr}
  .tz-card dl{grid-template-columns:1fr}.tz-card dt{border-bottom:0;padding-bottom:0}
  .crm-t td:first-child{width:auto}
}
@media (prefers-reduced-motion:reduce){.kb-card{animation:none}}

@media (max-width:767.98px){
  .crm-vs tr{grid-template-columns:1fr}
  .crm-vs td:nth-child(2),.crm-vs td:nth-child(3){grid-column:1;grid-row:auto;font-size:14px;color:var(--text)}
  .crm-vs td:nth-child(2)::before{content:"Подписка: ";font-weight:700;color:var(--muted)}
  .crm-vs td:nth-child(3)::before{content:"UR5: ";font-weight:700;color:var(--accent)}
}

/* ===== Поддержка: журнал задач и калькулятор формата ===== */
.log-wrap{position:relative;padding:20px 0 20px 30px}
.log{max-width:470px;margin-left:auto;padding:22px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.log-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}
.log-head b{color:var(--ink);font:700 16px/1.2 var(--font-display)}
.log-head span{font-size:13px;color:var(--muted)}
.log-head i{font-style:normal;font-weight:800;color:var(--ink)}
.log-list{list-style:none;margin:0;padding:0}
.log-list li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px dashed var(--line);opacity:.35;transform:translateX(8px);transition:opacity .4s,transform .4s}
.log-list li.is-on{opacity:1;transform:none}
.log-list b{flex:1;font-size:13.5px;font-weight:600;color:var(--ink)}
.log-list em{font-style:normal;font-size:12.5px;color:var(--muted);white-space:nowrap}
.log-st{flex:none;width:18px;height:18px;border-radius:50%;border:2px solid var(--line-strong)}
.log-st--done{background:#1FA971;border-color:#1FA971;box-shadow:inset 0 0 0 3px var(--surface)}
.log-st--work{border-color:var(--accent);border-top-color:transparent;animation:cs-spin 1.2s linear infinite}
.log-bar{margin-top:14px;height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden}
.log-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),#FF8A5B);transition:width .5s}
.sup-kinds{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sup-kinds>div{padding:24px;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface)}
.sup-kind-ico svg{width:42px;height:42px;padding:10px;border-radius:12px;background:var(--accent-soft);color:var(--accent);margin-bottom:14px}
.sup-kinds h3{margin-bottom:10px}
.sup-kinds ul{margin:0;padding:0;list-style:none}
.sup-kinds li{padding:7px 0 7px 18px;position:relative;font-size:14.5px;border-top:1px solid var(--line)}
.sup-kinds li::before{content:"";position:absolute;left:2px;top:15px;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.sup-big{margin-top:18px;font-size:14.5px;color:var(--muted);max-width:820px}
.sup-big a{color:var(--accent)}
.supcalc{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:20px;align-items:stretch}
.supcalc-in{padding:28px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line)}
.supcalc-in label{display:block;font-weight:600;color:var(--ink);margin-bottom:6px}
.supcalc-val{font:800 44px/1.1 var(--font-display);color:var(--ink);margin-bottom:10px}
.supcalc-in input[type=range]{width:100%;accent-color:var(--accent);height:28px}
.supcalc-scale{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
.supcalc-hint{margin-top:16px;font-size:13.5px;color:var(--muted)}
.supcalc-out{display:grid;gap:12px;align-content:start}
.supfmt{padding:20px 22px;border-radius:var(--radius);border:1.5px solid var(--line);background:var(--surface);transition:border-color .25s,box-shadow .25s,transform .25s}
.supfmt.is-best{border-color:#1FA971;box-shadow:0 0 0 3px color-mix(in srgb,#1FA971 15%,transparent);transform:translateX(-4px)}
.supfmt-name{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}
.supfmt b{display:block;font:800 26px/1.15 var(--font-display);color:var(--ink)}
.supfmt small{display:block;margin-top:4px;font-size:13px;color:var(--muted)}
.supcalc-verdict{font-weight:700;color:#1FA971;padding:4px 2px}
.sup-foreign{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:24px 56px;align-items:start}
.sup-audit{margin:0;padding:0;list-style:none;counter-reset:sa}
.sup-audit li{counter-increment:sa;position:relative;padding:13px 0 13px 46px;border-bottom:1px solid var(--line)}
.sup-audit li::before{content:counter(sa,decimal-leading-zero);position:absolute;left:0;top:13px;font:800 14px/1.4 var(--font-display);color:var(--accent)}
.sup-audit b{display:block;color:var(--ink)}
.sup-audit span{font-size:14px;color:var(--muted)}
.sup-audit a{color:var(--accent)}
.sup-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}
.sup-flow>div{padding:24px;border-left:1px solid var(--line);position:relative}
.sup-flow>div:first-child{border-left:0}
.sup-flow .n{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid var(--accent);color:var(--accent);font:800 13px/1 var(--font-display);margin-bottom:12px}
.sup-flow h3{margin-bottom:6px}.sup-flow p{font-size:14px;color:var(--muted)}

/* ===== Восстановление: «что случилось» ===== */
.rp-top .hero-lead{max-width:640px;margin-bottom:24px}
.rp{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);overflow:hidden}
.rp-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:14px;background:var(--bg-alt);border-bottom:1px solid var(--line)}
.rp-tabs button{border:1px solid var(--line-strong);background:var(--surface);height:38px;padding:0 14px;border-radius:999px;font:600 13.5px/1 var(--font);color:var(--text);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.rp-tabs button:hover{border-color:var(--accent)}
.rp-tabs button.is-on{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.rp-panel{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:0}
.rp-panel[hidden]{display:none}
.rp-panel.is-on{animation:ascent .35s}
.rp-panel>div{padding:26px 28px}
.rp-panel h3{margin-bottom:12px}
.rp-panel ol{margin:0;padding-left:20px}
.rp-panel li{padding:6px 0;font-size:15px}
.rp-we{background:color-mix(in srgb,var(--accent) 5%,var(--surface));border-left:1px solid var(--line)}
.rp-we p{font-size:15px;color:var(--text)}
.rp-we a{color:var(--accent)}
.rp-backup{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:24px 56px;align-items:start}
.rp-t td:first-child{font-weight:700;color:var(--ink)}
.rp-t td:nth-child(2){white-space:normal;color:var(--text)}
.rp-t td:last-child{white-space:normal;font-weight:600}

@media (max-width:1199.98px){.sup-flow{grid-template-columns:1fr 1fr}.sup-flow>div:nth-child(3){border-left:0}.sup-flow>div:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:991.98px){
  .supcalc,.sup-foreign,.rp-backup,.rp-panel{grid-template-columns:1fr}
  .sup-kinds{grid-template-columns:1fr}
  .log-wrap{padding:8px 0 0}.log{margin:0 auto}
  .rp-we{border-left:0;border-top:1px solid var(--line)}
}
@media (max-width:575.98px){
  .sup-flow{grid-template-columns:1fr}.sup-flow>div{border-left:0;border-top:1px solid var(--line)}.sup-flow>div:first-child{border-top:0}
  .rp-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.rp-tabs button{flex:none}
  .rp-panel>div{padding:20px}
}
@media (prefers-reduced-motion:reduce){.log-list li{opacity:1;transform:none}.log-st--work{animation:none}}

/* ===== Сайт-визитка: карта страниц в первом экране ===== */
.hero--vz .hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.vz-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin:-6px 0 26px;animation:ascent .8s cubic-bezier(.2,.8,.2,1) .42s both}
.vz-price b{font:800 28px/1 var(--font-display);color:var(--ink)}
.vz-price span{font-size:14px;color:var(--muted)}
.vz-wrap{position:relative;padding:20px 0 10px 30px;animation:soft-landing 1.1s ease .2s both}
.vz-win{max-width:560px;margin-left:auto;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg);overflow:hidden;transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.vz-win .browser-bar{height:34px;padding:0 14px}
.vz-tree{position:relative;padding:22px 18px 18px;display:flex;flex-direction:column;align-items:center;gap:26px;background:radial-gradient(var(--line) 1px,transparent 1.5px) 0 0/16px 16px}
.vz-row{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;align-items:start}
.vz-row::before{content:"";position:absolute;left:12.5%;right:12.5%;top:-13px;border-top:1.5px solid var(--line-strong);transform-origin:50% 0;animation:vz-line .6s ease .5s both}
.vz-node--root::after,.vz-row>.vz-node::before,.vz-branch>.vz-node::before{content:"";position:absolute;left:50%;width:0;border-left:1.5px solid var(--line-strong)}
.vz-node--root::after{top:100%;height:13px}
.vz-row>.vz-node::before,.vz-branch>.vz-node::before{bottom:100%;height:13px}
.vz-branch{display:flex;flex-direction:column;gap:6px;min-width:0}
.vz-branch>.vz-node{position:relative}
.vz-sub{display:flex;flex-direction:column;gap:5px;padding-left:12px;border-left:1.5px dashed var(--line-strong);margin-left:12px}
.vz-node{position:relative;min-width:0;height:40px;padding:0 8px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font:700 12.5px/1.15 var(--font);color:var(--ink);cursor:pointer;box-shadow:0 1px 2px rgba(17,19,24,.05);transition:border-color .2s,background .2s,color .2s,transform .25s cubic-bezier(.3,1.6,.5,1),box-shadow .2s;animation:vz-pop .5s cubic-bezier(.3,1.5,.5,1) both}
.vz-node--root{width:150px;height:44px;font-size:14px;animation-delay:.25s}
.vz-row>.vz-node:nth-child(1),.vz-branch>.vz-node{animation-delay:.7s}
.vz-row>.vz-node:nth-child(3){animation-delay:.8s}
.vz-row>.vz-node:nth-child(4){animation-delay:.9s}
.vz-node--sm{height:30px;font-size:11.5px;font-weight:600;color:var(--muted);animation-delay:1.1s}
.vz-sub .vz-node--sm:nth-child(2){animation-delay:1.2s}.vz-sub .vz-node--sm:nth-child(3){animation-delay:1.3s}
.vz-node:hover{border-color:var(--accent);transform:translateY(-2px)}
.vz-node.is-on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 35%,transparent)}
@keyframes vz-pop{from{opacity:0;transform:translateY(8px) scale(.9)}}
@keyframes vz-line{from{transform:scaleX(0)}}
.vz-prev{display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;align-items:center;padding:14px 16px;border-top:1px solid var(--line)}
.vz-wire{position:relative;height:88px;border-radius:8px;background:var(--surface-2);overflow:hidden}
.vz-wire i{position:absolute;border-radius:3px;background:var(--line-strong);transition:all .45s cubic-bezier(.65,0,.35,1)}
.vz-wire i:nth-child(1){left:6%;top:7%;width:88%;height:8%}
.vz-wire[data-sm-wire="home"] i:nth-child(2){left:6%;top:24%;width:50%;height:12%}
.vz-wire[data-sm-wire="home"] i:nth-child(3){left:6%;top:42%;width:24%;height:9%;background:var(--accent)}
.vz-wire[data-sm-wire="home"] i:nth-child(4){left:62%;top:24%;width:32%;height:30%}
.vz-wire[data-sm-wire="home"] i:nth-child(5){left:6%;top:62%;width:41%;height:28%}
.vz-wire[data-sm-wire="home"] i:nth-child(6){left:53%;top:62%;width:41%;height:28%}
.vz-wire[data-sm-wire="about"] i:nth-child(2){left:6%;top:24%;width:56%;height:10%}
.vz-wire[data-sm-wire="about"] i:nth-child(3){left:6%;top:40%;width:88%;height:5%}
.vz-wire[data-sm-wire="about"] i:nth-child(4){left:6%;top:50%;width:70%;height:5%}
.vz-wire[data-sm-wire="about"] i:nth-child(5){left:6%;top:64%;width:26%;height:26%}
.vz-wire[data-sm-wire="about"] i:nth-child(6){left:37%;top:64%;width:26%;height:26%}
.vz-wire[data-sm-wire="list"] i:nth-child(2){left:6%;top:24%;width:40%;height:10%}
.vz-wire[data-sm-wire="list"] i:nth-child(3){left:6%;top:42%;width:88%;height:12%}
.vz-wire[data-sm-wire="list"] i:nth-child(4){left:6%;top:59%;width:88%;height:12%}
.vz-wire[data-sm-wire="list"] i:nth-child(5){left:6%;top:76%;width:88%;height:12%}
.vz-wire[data-sm-wire="list"] i:nth-child(6){left:80%;top:44%;width:10%;height:8%;background:var(--accent)}
.vz-wire[data-sm-wire="svc"] i:nth-child(2){left:6%;top:24%;width:60%;height:12%}
.vz-wire[data-sm-wire="svc"] i:nth-child(3){left:6%;top:42%;width:42%;height:6%}
.vz-wire[data-sm-wire="svc"] i:nth-child(4){left:6%;top:56%;width:52%;height:34%}
.vz-wire[data-sm-wire="svc"] i:nth-child(5){left:64%;top:24%;width:30%;height:44%}
.vz-wire[data-sm-wire="svc"] i:nth-child(6){left:64%;top:74%;width:30%;height:12%;background:var(--accent)}
.vz-wire[data-sm-wire="price"] i:nth-child(2){left:6%;top:24%;width:36%;height:10%}
.vz-wire[data-sm-wire="price"] i:nth-child(3){left:6%;top:42%;width:88%;height:9%}
.vz-wire[data-sm-wire="price"] i:nth-child(4){left:6%;top:55%;width:88%;height:9%}
.vz-wire[data-sm-wire="price"] i:nth-child(5){left:6%;top:68%;width:88%;height:9%}
.vz-wire[data-sm-wire="price"] i:nth-child(6){left:72%;top:81%;width:22%;height:9%;background:var(--accent)}
.vz-wire[data-sm-wire="contacts"] i:nth-child(2){left:6%;top:24%;width:40%;height:10%}
.vz-wire[data-sm-wire="contacts"] i:nth-child(3){left:6%;top:42%;width:38%;height:6%}
.vz-wire[data-sm-wire="contacts"] i:nth-child(4){left:6%;top:54%;width:38%;height:6%}
.vz-wire[data-sm-wire="contacts"] i:nth-child(5){left:52%;top:24%;width:42%;height:66%;background:color-mix(in srgb,var(--accent) 14%,var(--surface-2))}
.vz-wire[data-sm-wire="contacts"] i:nth-child(6){left:6%;top:70%;width:24%;height:10%;background:var(--accent)}
.vz-cap{margin:0;font-size:13.5px;line-height:1.5;color:var(--text);min-height:60px}
.vz-chip{right:-12px;top:-2px}
.vz-lead{max-width:760px;margin:-10px 0 24px}
.vz-t td:first-child{font-weight:700;color:var(--ink);white-space:nowrap}
.vz-t td:nth-child(2){color:var(--text);white-space:normal}
.vz-t td:last-child{text-align:left;font-weight:400;color:var(--muted);white-space:normal}

.vz-vs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}
.vz-col{position:relative;display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);transition:transform .25s,border-color .2s}
.vz-col:hover{transform:translateY(-3px);border-color:var(--line-strong)}
.vz-col--main{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.vz-col-tag{align-self:flex-start;padding:5px 10px;border-radius:999px;background:var(--bg-alt);font:700 12.5px/1 var(--font);color:var(--ink)}
.vz-col--main .vz-col-tag{background:var(--accent);color:var(--on-accent)}
.vz-col h3{font-size:20px;margin:0}
.vz-col h3 a{color:var(--ink);transition:color .2s}.vz-col h3 a:hover{color:var(--accent)}
.vz-col p{color:var(--muted);font-size:14.5px;margin:0}
.vz-col ul{list-style:none;margin:6px 0 0;padding:14px 0 0;border-top:1px solid var(--line);display:grid;gap:10px}
.vz-col li{font-size:14px;line-height:1.5}
.vz-col li b{color:var(--ink)}
.vz-vs-note{margin-top:18px;padding:16px 18px;border-left:3px solid var(--accent);background:var(--surface);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:14.5px;max-width:820px}

.vz-price-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:24px;align-items:start}
.vz-incl,.vz-extra{padding:26px;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface)}
.vz-incl h3,.vz-extra h3{font-size:17px;margin-bottom:14px}
.vz-incl ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.vz-incl li{position:relative;padding-left:28px;font-size:14.5px;line-height:1.45}
.vz-incl li::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:var(--accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23FF4A1F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.vz-extra .fines td:first-child{white-space:normal}
.vz-extra .fines td:nth-child(2){padding:0;width:0}
.vz-extra .fines td:last-child{white-space:nowrap!important}
.vz-mkt{margin-top:18px;padding:18px 20px;border-radius:var(--radius);background:var(--bg-alt);font-size:14.5px;max-width:900px}
.vz-mkt b{color:var(--ink)}

.vz-grow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:vz}
.vz-step{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px 20px 56px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);transition:border-color .2s,transform .25s}
.vz-step:hover{border-color:var(--accent);transform:translateY(-3px)}
.vz-step-if{font-size:13.5px;color:var(--muted);line-height:1.45}
.vz-step-if::before{content:"Если: ";font-weight:700;color:var(--muted)}
.vz-step-then{font:700 16px/1.3 var(--font);color:var(--ink)}
.vz-step svg{position:absolute;left:20px;bottom:18px;width:24px;height:24px;color:var(--accent);transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
.vz-step:hover svg{transform:translateX(6px)}
.vz-step::after{content:"→";position:absolute;right:20px;bottom:18px;color:var(--accent);font-weight:700;transition:transform .2s}
.vz-step:hover::after{transform:translateX(4px)}

.vz-start{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:24px 56px;align-items:start}
.vz-meter{display:flex;align-items:center;gap:14px;margin-top:22px}
.vz-meter span{position:relative;flex:1;height:8px;border-radius:99px;background:var(--bg-alt);overflow:hidden}
.vz-meter span::after{content:"";position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(var(--k));background:var(--accent);border-radius:inherit;transition:transform .4s cubic-bezier(.3,1.2,.5,1)}
.vz-meter b{font:800 15px/1 var(--font-display);color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.vz-meter.is-full b{color:#1FA971}
.vz-meter.is-full span::after{background:#1FA971}
.vz-check{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.vz-check label{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);cursor:pointer;font-size:14.5px;transition:border-color .2s,background .2s}
.vz-check label:hover{border-color:var(--line-strong)}
.vz-check input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:var(--accent)}
.vz-check b{color:var(--ink)}
.vz-check label:has(input:checked){border-color:color-mix(in srgb,#1FA971 50%,var(--line));background:color-mix(in srgb,#1FA971 6%,var(--surface))}
@media (max-width:1199px){.vz-grow{grid-template-columns:repeat(2,1fr)}}
@media (max-width:991px){.hero--vz .hero-grid,.vz-price-grid,.vz-start{grid-template-columns:1fr}.vz-vs{grid-template-columns:1fr}.vz-wrap{padding:10px 0}}
@media (max-width:767px){
  .vz-grow{grid-template-columns:1fr}
  .vz-tree{padding:18px 10px 14px}
  .vz-row{gap:6px}
  .vz-node{font-size:11px;padding:0 4px;height:36px}
  .vz-node--sm{font-size:10px;height:28px}
  .vz-sub{margin-left:4px;padding-left:6px}
  .vz-prev{grid-template-columns:92px minmax(0,1fr)}
  .vz-wire{height:70px}
  .vz-chip{display:none}
}

/* ===== Таблица-сравнение на телефоне: строка → карточка. Подпись колонки берётся из data-l ячейки ===== */
@media (max-width:767.98px){
  .t-stack{min-width:0!important}
  .t-stack thead{display:none}
  .t-stack tr{display:block;padding:14px 0;border-bottom:1px solid var(--line)}
  .t-stack td{display:block;border:0!important;padding:3px 0!important;text-align:left!important;white-space:normal!important}
  .t-stack td:first-child{font-size:15.5px;margin-bottom:4px}
  .t-stack td[data-l]::before{content:attr(data-l) ": ";font-weight:600;color:var(--muted)}
  .t-stack tr:hover td{background:none}
}

/* ===== Одностраничный сайт: телефон с лентой и якорями ===== */
.hero--op .hero-grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
.op-facts{display:flex;flex-wrap:wrap;gap:10px;margin:-4px 0 26px;animation:ascent .8s cubic-bezier(.2,.8,.2,1) .42s both}
.op-facts div{padding:12px 16px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line)}
.op-facts b{display:block;font:800 18px/1.1 var(--font-display);color:var(--ink)}
.op-facts span{font-size:12.5px;color:var(--muted)}
.op-stage{position:relative;display:flex;justify-content:center;align-items:center;gap:22px;padding:10px 0;animation:soft-landing 1.1s ease .2s both}
.op-phone{position:relative;width:280px;height:540px;border-radius:40px;padding:12px;background:var(--ink);box-shadow:var(--shadow-lg);transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
[data-theme="dark"] .op-phone{background:#2A303B}
.op-notch{position:absolute;left:50%;top:18px;width:84px;height:20px;margin-left:-42px;border-radius:12px;background:var(--ink);z-index:3}
[data-theme="dark"] .op-notch{background:#2A303B}
.op-bar{position:absolute;left:12px;right:12px;top:12px;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;height:66px;padding:0 18px 12px;border-radius:30px 30px 0 0;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);font-size:12px;color:var(--ink)}
.op-burger{display:grid;gap:4px}.op-burger i{display:block;width:16px;height:2px;border-radius:2px;background:var(--ink)}
.op-view{height:100%;border-radius:30px;background:var(--bg);overflow:hidden}
.op-page{padding:78px 14px 14px;transition:transform .8s cubic-bezier(.65,0,.35,1)}
.op-blk{padding:16px 14px;margin-bottom:10px;border-radius:14px;background:var(--surface);border:1px solid var(--line);transition:border-color .3s,box-shadow .3s}
.op-blk.is-on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.op-blk h5{font:700 14px/1 var(--font-display);color:var(--ink);margin:0 0 10px}
.op-blk--hero{display:flex;flex-direction:column;gap:8px;min-height:190px;justify-content:flex-end;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 20%,var(--surface)),var(--surface) 70%)}
.op-blk--hero b{font:800 19px/1.15 var(--font-display);color:var(--ink)}
.op-blk--hero span{font-size:12px;color:var(--muted)}
.op-btn{align-self:flex-start;display:inline-block;margin-top:6px;padding:8px 12px;border-radius:9px;background:var(--accent);color:var(--on-accent);font:700 11.5px/1 var(--font);font-style:normal}
.op-li,.op-row,.op-doc{margin:0;padding:7px 0;border-top:1px solid var(--line);font-size:12px;color:var(--text)}
.op-row{display:flex;justify-content:space-between}.op-row span:last-child{font-weight:700;color:var(--ink)}
.op-doc{padding-left:20px;position:relative}
.op-doc::before{content:"";position:absolute;left:0;top:8px;width:12px;height:14px;border-radius:2px;background:var(--accent-soft);border:1px solid var(--accent)}
.op-map{position:relative;height:110px;border-radius:10px;background:repeating-linear-gradient(35deg,var(--surface-2) 0 14px,var(--bg-alt) 14px 28px);margin-bottom:6px}
.op-map i{position:absolute;left:55%;top:38%;width:16px;height:16px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--accent)}
.op-dots{display:flex;flex-direction:column;gap:6px}
.op-dots button{display:flex;align-items:center;gap:10px;border:0;background:none;padding:6px 0;font:600 13px/1 var(--font);color:var(--muted);cursor:pointer;text-align:left;transition:color .2s}
.op-dots button::before{content:"";width:10px;height:10px;border-radius:50%;border:2px solid var(--line-strong);transition:all .25s}
.op-dots button:hover{color:var(--ink)}
.op-dots button.is-on{color:var(--ink)}
.op-dots button.is-on::before{background:var(--accent);border-color:var(--accent);transform:scale(1.25)}

.op-fit{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:24px 56px;align-items:start}
.op-fit-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:16px;align-items:start}
.op-fit-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.op-fit-list label{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);cursor:pointer;font-size:14.5px;transition:border-color .2s}
.op-fit-list label:hover{border-color:var(--line-strong)}
.op-fit-list input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:var(--accent)}
.op-verdict{position:sticky;top:96px;padding:24px;border-radius:var(--radius-lg);background:color-mix(in srgb,#1FA971 9%,var(--surface));border:1px solid color-mix(in srgb,#1FA971 40%,var(--line));transition:background .3s,border-color .3s}
.op-verdict b{display:block;font:800 20px/1.2 var(--font-display);color:var(--ink);margin-bottom:8px}
.op-verdict p{font-size:14.5px;margin:0 0 14px}
.op-verdict.is-more{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.op-verdict.is-pulse{animation:op-pulse .45s ease}
@keyframes op-pulse{50%{transform:scale(1.02)}}

.op-lead{max-width:760px;margin:-10px 0 26px}
.op-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;counter-reset:none}
.op-flow li{position:relative;padding:20px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.op-flow li:not(:last-child)::after{content:"";position:absolute;right:-12px;top:34px;width:10px;height:10px;border-top:2px solid var(--accent);border-right:2px solid var(--accent);transform:rotate(45deg);z-index:1}
.op-flow .n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font:800 14px/1 var(--font-display);margin-bottom:12px}
.op-flow b{display:block;color:var(--ink);margin-bottom:6px}
.op-flow p{font-size:13.5px;color:var(--muted);line-height:1.5;margin:0}

.op-vs td:first-child{font-weight:700;color:var(--ink);width:22%}
.op-vs td,.op-vs th{white-space:normal!important;text-align:left!important}
.op-vs td:nth-child(2){background:color-mix(in srgb,var(--accent) 5%,transparent)}
.op-vs td:last-child{font-weight:400;color:var(--text)}
.op-vs a{color:var(--accent);font-weight:700}

.op-cost{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:24px 56px;align-items:start}
.op-cost-more{font-size:14.5px}.op-cost-more a{color:var(--accent);font-weight:600}
.op-bars{padding:24px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);display:grid;gap:16px}
.op-bar-row span{display:block;font-size:14px;color:var(--ink);font-weight:600;margin-bottom:7px}
.op-bar-row i{display:block;height:10px;border-radius:99px;background:var(--bg-alt);position:relative;overflow:hidden}
.op-bar-row i::after{content:"";position:absolute;inset:0;width:calc(var(--k)*250%);max-width:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#FF8A3D);transform-origin:0 50%;transform:scaleX(0);transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.op-bars.is-in .op-bar-row i::after{transform:scaleX(1)}
.op-bars.is-in .op-bar-row:nth-child(2) i::after{transition-delay:.12s}
.op-bars.is-in .op-bar-row:nth-child(3) i::after{transition-delay:.24s}
.op-bars.is-in .op-bar-row:nth-child(4) i::after{transition-delay:.36s}
.op-bars-note{font-size:12.5px;color:var(--muted);margin:0}

.op-lim{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.op-lim>div{padding:24px;border-radius:var(--radius);border:1px dashed var(--line-strong);background:var(--surface)}
.op-lim svg{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--bg-alt);color:var(--muted);margin-bottom:14px}
.op-lim b{display:block;color:var(--ink);font-size:16px;margin-bottom:8px}
.op-lim p{font-size:14px;color:var(--muted);margin:0}
.op-lim a{color:var(--accent)}
@media (max-width:1199px){.op-flow{grid-template-columns:repeat(3,1fr)}.op-flow li:nth-child(3)::after{display:none}}
@media (max-width:991px){.hero--op .hero-grid,.op-fit,.op-cost{grid-template-columns:1fr}.op-lim{grid-template-columns:1fr}}
@media (max-width:767px){
  .op-fit-box{grid-template-columns:1fr}.op-verdict{position:static}
  .op-flow{grid-template-columns:1fr}.op-flow li::after{display:none}
  .op-phone{width:230px;height:440px}
  .op-stage{gap:12px}
  .op-dots button{font-size:12px}
}

/* ===== Landing page: объявление → страница → заявка с меткой ===== */
.hero--lp .hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.lp-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin:-6px 0 26px;animation:ascent .8s cubic-bezier(.2,.8,.2,1) .42s both}
.lp-price b{font:800 28px/1 var(--font-display);color:var(--ink)}
.lp-price span{font-size:14px;color:var(--muted)}
.lp-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 34px auto auto;gap:0 18px;padding:10px 0 0 20px;animation:soft-landing 1.1s ease .2s both}
.lp-ad{grid-column:1;padding:14px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);transform:perspective(1100px) rotateY(var(--ry,0))}
.lp-ad small{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}
.lp-ad b{display:block;font-size:14.5px;line-height:1.3;color:#2A62D9;margin-bottom:3px;transition:opacity .25s}
[data-theme="dark"] .lp-ad b{color:#7AA2FF}
.lp-ad span{font-size:12.5px;color:var(--muted)}
.lp-path{grid-column:1/3;width:100%;height:34px;overflow:visible}
.lp-path path{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-dasharray:3 3;vector-effect:non-scaling-stroke;animation:lp-dash 1.2s linear infinite}
@keyframes lp-dash{to{stroke-dashoffset:-12}}
.lp-page{grid-column:1/3;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);overflow:hidden;transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.lp-page .browser-bar{height:32px;padding:0 12px}
.lp-page .browser-bar span{max-width:330px}
.lp-page-body{display:grid;gap:10px;padding:22px 22px 24px;background:linear-gradient(170deg,color-mix(in srgb,var(--accent) 10%,var(--surface)),var(--surface) 60%)}
.lp-page-body>b{font:800 24px/1.15 var(--font-display);color:var(--ink);max-width:14em;transition:opacity .25s}
.lp-ln{height:8px;border-radius:4px;background:var(--line);width:72%}.lp-ln--s{width:48%}
.lp-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}
.lp-row i{height:52px;border-radius:10px;background:var(--surface-2)}
.lp-form{display:flex;gap:8px;margin-top:6px}
.lp-in{flex:1;height:38px;border-radius:9px;border:1px solid var(--line-strong);background:var(--surface)}
.lp-go{display:inline-flex;align-items:center;padding:0 16px;border-radius:9px;background:var(--accent);color:var(--on-accent);font:700 13px/1 var(--font);animation:lp-press 4s ease-in-out infinite}
@keyframes lp-press{0%,70%,100%{transform:none}75%{transform:scale(.94)}80%{transform:scale(1.03)}}
.lp-req{position:absolute;right:-14px;bottom:56px;display:grid;gap:3px;width:230px;padding:14px 16px;border-radius:14px;background:var(--surface);border:1px solid color-mix(in srgb,#1FA971 45%,var(--line));box-shadow:var(--shadow-lg);animation:lp-req 4s ease-in-out infinite}
.lp-req-tag{justify-self:start;padding:3px 8px;border-radius:6px;background:color-mix(in srgb,#1FA971 14%,transparent);color:#178A5C;font:700 10.5px/1 var(--font);margin-bottom:4px}
.lp-req b{font-size:13px;color:var(--ink)}
.lp-req small{font-size:11.5px;color:var(--muted)}
.lp-req em{font-style:normal;font-weight:700;color:var(--accent)}
@keyframes lp-req{0%,72%{opacity:0;transform:translateY(10px) scale(.96)}82%,96%{opacity:1;transform:none}100%{opacity:0}}
.lp-tabs{grid-column:1/3;display:flex;gap:4px;width:max-content;max-width:100%;margin:16px 0 0 auto;padding:4px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line)}
.lp-tabs button{border:0;background:none;height:34px;padding:0 14px;border-radius:999px;font:600 13px/1 var(--font);color:var(--muted);cursor:pointer;transition:background .2s,color .2s}
.lp-tabs button:hover{color:var(--ink)}
.lp-tabs button.is-on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}
.lp-stage.is-swap .lp-ad b,.lp-stage.is-swap .lp-page-body>b{opacity:0}
.lp-lead{max-width:780px;margin:-10px 0 24px}
.lp-t td:first-child{font-weight:700;color:var(--ink);white-space:nowrap}
.lp-t td:nth-child(2){white-space:normal;color:var(--muted)}
.lp-t td:last-child{white-space:normal;text-align:left;font-weight:600}

.lp-anat{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:24px 56px;align-items:start}
.lp-doubt{margin-top:22px;padding:22px 24px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);min-height:150px}
.lp-doubt span{font:600 12px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.lp-doubt b{display:block;font:800 22px/1.2 var(--font-display);color:var(--ink);margin:10px 0 8px}
.lp-doubt p{margin:0;font-size:14.5px}
.lp-doubt.is-flip b,.lp-doubt.is-flip p{animation:lp-flip .35s ease}
@keyframes lp-flip{from{opacity:0;transform:translateY(6px)}}
.lp-blocks{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.lp-blocks li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 18px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);cursor:pointer;transition:border-color .2s,transform .25s,box-shadow .2s}
.lp-blocks li:hover{transform:translateX(-4px)}
.lp-blocks li.is-on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.lp-blocks .n{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--bg-alt);font:800 13px/1 var(--font-display);color:var(--muted);transition:background .2s,color .2s}
.lp-blocks li.is-on .n{background:var(--accent);color:var(--on-accent)}
.lp-blocks b{color:var(--ink)}
.lp-blocks small{font-size:12.5px;color:var(--muted)}

.lp-many{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:24px 56px;align-items:start}
.lp-many-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lp-many-c{padding:24px;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface)}
.lp-many-c--one{background:var(--bg-alt)}
.lp-many-c b{display:block;font:800 18px/1.2 var(--font-display);color:var(--ink);margin-bottom:12px}
.lp-many-c ul{margin:0;padding-left:18px;display:grid;gap:8px;font-size:14.5px}

.lp-meas{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:24px 56px;align-items:start}
.lp-meas-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.lp-meas-list li{display:flex;gap:16px;padding:20px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.lp-meas-list svg{flex:none;width:40px;height:40px;padding:9px;border-radius:12px;background:var(--accent-soft);color:var(--accent)}
.lp-meas-list b{display:block;color:var(--ink);margin-bottom:4px}
.lp-meas-list p{margin:0;font-size:14px;color:var(--muted)}
.lp-meas-list a{color:var(--accent)}
.lp-meas-no{grid-column:1/-1;margin:0;padding:16px 18px;border-radius:var(--radius-sm);border:1px dashed var(--line-strong);font-size:14.5px;max-width:900px}
.lp-meas-no b{color:var(--ink)}

.lp-sum{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:16px;align-items:stretch}
.lp-sum-main{padding:28px;border-radius:var(--radius-lg);background:var(--band);color:var(--band-muted)}
.lp-sum-main span{font:600 12px/1 var(--font);letter-spacing:.06em;text-transform:uppercase}
.lp-sum-main b{display:block;font:800 44px/1.1 var(--font-display);color:var(--band-ink);margin:10px 0}
.lp-sum-main p{margin:0;font-size:14.5px}
.lp-sum-plus{padding:22px;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);display:grid;align-content:start;gap:4px}
.lp-sum-h{font:600 12px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.lp-sum-plus a{display:flex;justify-content:space-between;gap:12px;padding:14px 4px;border-top:1px solid var(--line);font-weight:600;color:var(--ink);transition:color .2s,padding .2s}
.lp-sum-plus a:hover{color:var(--accent);padding-left:10px}
.lp-sum-plus em{font-style:normal;font-weight:700;white-space:nowrap}
.lp-sum-note{margin-top:14px;font-size:14px;color:var(--muted)}
@media (max-width:991px){.hero--lp .hero-grid,.lp-anat,.lp-many,.lp-meas,.lp-sum{grid-template-columns:1fr}}
@media (max-width:767px){
  .lp-stage{padding-left:0;grid-template-columns:1fr}
  .lp-ad{grid-column:1}
  .lp-req{position:relative;right:auto;bottom:auto;grid-column:1/3;width:auto;margin-top:12px;animation:none}
  .lp-many-grid{grid-template-columns:1fr}
  .lp-blocks li{grid-template-columns:32px minmax(0,1fr)}
  .lp-blocks small{grid-column:2}
  .lp-page-body>b{font-size:20px}
}

/* ===== Бизнес-сайт: лента событий по разделам ===== */
.hero--bz .hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.bz-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin:-6px 0 26px;animation:ascent .8s cubic-bezier(.2,.8,.2,1) .42s both}
.bz-price b{font:800 28px/1 var(--font-display);color:var(--ink)}
.bz-price span{font-size:14px;color:var(--muted)}
.bz-wrap{position:relative;padding:20px 0 10px 30px;animation:soft-landing 1.1s ease .2s both}
.bz-win{max-width:580px;margin-left:auto;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);overflow:hidden;transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.bz-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}
.bz-head b{font-size:14px;color:var(--ink)}
.bz-head small{margin-left:auto;font-size:12px;color:var(--muted)}
.bz-dot{width:9px;height:9px;border-radius:50%;background:#1FA971;box-shadow:0 0 0 0 rgba(31,169,113,.5);animation:bz-live 2s infinite}
@keyframes bz-live{70%{box-shadow:0 0 0 8px rgba(31,169,113,0)}100%{box-shadow:0 0 0 0 rgba(31,169,113,0)}}
.bz-body{display:grid;grid-template-columns:150px minmax(0,1fr);min-height:330px}
.bz-tree{list-style:none;margin:0;padding:14px 10px;border-right:1px solid var(--line);background:var(--bg-alt);display:grid;align-content:start;gap:4px}
.bz-tree li{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;border-radius:8px;font:600 13px/1 var(--font);color:var(--muted);transition:background .3s,color .3s}
.bz-tree li i{font-style:normal;font-size:11px;padding:3px 6px;border-radius:5px;background:var(--surface)}
.bz-tree li.is-hot{background:var(--surface);color:var(--ink);box-shadow:inset 3px 0 0 var(--accent)}
.bz-feed{list-style:none;margin:0;padding:12px;display:grid;align-content:start;gap:8px;overflow:hidden}
.bz-feed li{display:grid;gap:3px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);animation:bz-in .55s cubic-bezier(.2,.8,.2,1)}
.bz-feed li:first-child{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}
.bz-feed li:nth-child(n+4){opacity:.45}
.bz-feed b{font-size:13.5px;color:var(--ink);line-height:1.3}
.bz-feed small{font-size:12px;color:var(--muted)}
@keyframes bz-in{from{opacity:0;transform:translateY(-12px)}}
.bz-who{justify-self:start;display:inline-block;padding:3px 8px;border-radius:6px;font:700 10.5px/1 var(--font);letter-spacing:.02em}
.bz-who--m{background:var(--accent-soft);color:var(--accent)}
.bz-who--s{background:color-mix(in srgb,#1FA971 14%,transparent);color:#178A5C}
.bz-who--h{background:color-mix(in srgb,#8B5CF6 14%,transparent);color:#7C4DEB}
.bz-who--l{background:color-mix(in srgb,#0077FF 13%,transparent);color:#0A6BE0}
.bz-who--d{background:var(--bg-alt);color:var(--ink)}
.bz-chip{left:-6px;bottom:0}
.bz-lead{max-width:800px;margin:-10px 0 24px}
.bz-roles{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.bz-role{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);transition:transform .25s,border-color .2s}
.bz-role:hover{transform:translateY(-3px);border-color:var(--line-strong)}
.bz-role b{color:var(--ink);line-height:1.3}
.bz-role p{margin:0;font-size:13.5px;color:var(--muted)}
.bz-role a{color:var(--accent)}

.bz-dir{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:24px 56px;align-items:center}
.bz-dir-note{padding:14px 16px;border-left:3px solid var(--accent);background:var(--surface);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:14.5px}
.bz-dir-map{display:grid;justify-items:center;gap:26px;padding:28px 20px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line)}
.bz-dir-root{position:relative;padding:12px 22px;border-radius:10px;background:var(--ink);color:var(--bg);font:700 14px/1 var(--font)}
.bz-dir-root::after{content:"";position:absolute;left:50%;top:100%;height:13px;border-left:1.5px solid var(--line-strong)}
.bz-dir-cols{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}
.bz-dir-cols::before{content:"";position:absolute;left:16.6%;right:16.6%;top:-13px;border-top:1.5px solid var(--line-strong)}
.bz-dir-cols>div{position:relative;display:grid;gap:6px;padding:14px;border-radius:12px;border:1px solid var(--line);background:var(--bg-alt);transition:border-color .2s,transform .25s}
.bz-dir-cols>div::before{content:"";position:absolute;left:50%;bottom:100%;height:13px;border-left:1.5px solid var(--line-strong)}
.bz-dir-cols>div:hover{border-color:var(--accent);transform:translateY(-3px)}
.bz-dir-cols b{font-size:14px;color:var(--ink)}
.bz-dir-cols span{font-size:11.5px;color:var(--accent);font-family:ui-monospace,monospace}
.bz-dir-cols i{font-style:normal;font-size:12px;padding:6px 8px;border-radius:6px;background:var(--surface);color:var(--muted)}

.bz-news{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.bz-news-c{padding:22px;border-radius:var(--radius);background:var(--bg-alt)}
.bz-news-c svg{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--surface);color:var(--accent);margin-bottom:14px}
.bz-news-c b{display:block;color:var(--ink);margin-bottom:6px}
.bz-news-c p{margin:0;font-size:14px;color:var(--muted)}
.bz-vs td,.bz-vs th{white-space:normal!important;text-align:left!important}
.bz-vs td:first-child{font-weight:700;color:var(--ink);width:22%}
.bz-vs td:nth-child(3){color:var(--ink);background:color-mix(in srgb,var(--accent) 5%,transparent)}
.bz-vs td:last-child{font-weight:400}
.bz-vs-note{margin-top:16px;font-size:14px;color:var(--muted);max-width:820px}
.bz-agree{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:24px 56px;align-items:start}
.bz-agree-list{list-style:none;margin:0;padding:0;counter-reset:bz;display:grid;gap:10px}
.bz-agree-list li{counter-increment:bz;position:relative;padding:18px 20px 18px 66px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}
.bz-agree-list li::before{content:counter(bz);position:absolute;left:20px;top:18px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--on-accent);font:800 13px/1 var(--font-display)}
.bz-agree-list b{display:block;color:var(--ink);margin-bottom:4px}
.bz-agree-list p{margin:0;font-size:14px;color:var(--muted)}
.bz-agree-list a{color:var(--accent)}
@media (max-width:1199px){.bz-roles{grid-template-columns:repeat(3,1fr)}.bz-news{grid-template-columns:repeat(2,1fr)}}
@media (max-width:991px){.hero--bz .hero-grid,.bz-dir,.bz-agree{grid-template-columns:1fr}.bz-wrap{padding:10px 0}}
@media (max-width:767px){
  .bz-roles,.bz-news{grid-template-columns:1fr}
  .bz-body{grid-template-columns:1fr;min-height:0}
  .bz-tree{display:flex;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line);padding:10px}
  .bz-tree li{padding:7px 9px;font-size:12px}
  .bz-feed{height:290px}
  .bz-dir-cols{grid-template-columns:1fr}.bz-dir-cols::before,.bz-dir-cols>div::before{display:none}
  .bz-chip{display:none}
}

/* ===== Интернет-витрина: мини-каталог с фильтрами и запросом по товару ===== */
.hero--vt .hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.vt-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin:-6px 0 26px;animation:ascent .8s cubic-bezier(.2,.8,.2,1) .42s both}
.vt-price b{font:800 28px/1 var(--font-display);color:var(--ink)}
.vt-price span{font-size:14px;color:var(--muted)}
.vt-wrap{position:relative;padding:20px 0 10px 30px;animation:soft-landing 1.1s ease .2s both}
.vt-win{position:relative;max-width:580px;margin-left:auto;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);overflow:hidden;transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.vt-win .browser-bar{height:34px;padding:0 14px}
.vt-body{display:grid;grid-template-columns:118px minmax(0,1fr);gap:14px;padding:14px}
.vt-filters{display:flex;flex-direction:column;gap:6px}
.vt-f-h{font:700 10.5px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:6px 0 2px}
.vt-f{display:flex;align-items:center;gap:8px;border:0;background:none;padding:4px 0;font:600 12.5px/1.2 var(--font);color:var(--text);cursor:pointer;text-align:left}
.vt-f::before{content:"";flex:none;width:14px;height:14px;border-radius:4px;border:1.5px solid var(--line-strong);background:var(--surface) center/10px no-repeat;transition:all .2s}
.vt-f.is-on::before{background-color:var(--accent);border-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3L12.5 5' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.vt-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start;min-height:328px}
.vt-card{display:grid;gap:3px;padding:8px 8px 10px;border-radius:12px;border:1px solid var(--line);background:var(--surface);transition:opacity .35s,transform .35s,border-color .2s}
.vt-card i{display:block;height:64px;border-radius:8px;margin-bottom:5px;background:linear-gradient(135deg,hsl(var(--h) 14% 82%),hsl(var(--h) 10% 66%))}
[data-theme="dark"] .vt-card i{background:linear-gradient(135deg,hsl(var(--h) 10% 34%),hsl(var(--h) 8% 24%))}
.vt-card b{font-size:12px;line-height:1.25;color:var(--ink)}
.vt-card small{font-size:11px;color:var(--muted)}
.vt-p{font:800 13px/1.2 var(--font-display);color:var(--ink);margin-top:2px}
.vt-ask{justify-self:start;margin-top:4px;border:1px solid var(--accent);background:none;color:var(--accent);border-radius:7px;padding:5px 9px;font:700 11px/1 var(--font);cursor:pointer;transition:background .2s,color .2s}
.vt-ask:hover,.vt-ask.is-hit{background:var(--accent);color:var(--on-accent)}
.vt-card.is-out{opacity:.18;transform:scale(.96)}
.vt-card:hover{border-color:var(--line-strong)}
.vt-toast{position:absolute;left:14px;right:14px;bottom:14px;display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:12px;background:var(--ink);color:var(--bg);font-size:12.5px;line-height:1.35;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(16px);transition:opacity .3s,transform .3s;pointer-events:none}
.vt-toast svg{flex:none;width:18px;height:18px;color:var(--accent)}
.vt-toast.is-on{opacity:1;transform:none}
.vt-lead{max-width:780px;margin:-10px 0 24px}
.vt-t td:first-child{font-weight:600;color:var(--ink);white-space:normal}
.vt-t td:nth-child(2){font-weight:700;color:var(--ink)}
.vt-t td:nth-child(2) a{color:var(--accent)}
.vt-t td.vt-yes{color:#178A5C}
.vt-t td:last-child{white-space:normal;text-align:left;font-weight:400;color:var(--muted)}
.vt-buy{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vt-buy-c{padding:22px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);transition:transform .25s,border-color .2s}
.vt-buy-c:hover{transform:translateY(-3px);border-color:var(--line-strong)}
.vt-buy-c svg{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--accent-soft);color:var(--accent);margin-bottom:14px}
.vt-buy-c b{display:block;color:var(--ink);margin-bottom:6px}
.vt-buy-c p{margin:0;font-size:14px;color:var(--muted)}
.vt-imp{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:24px 56px;align-items:start}
.vt-pipe{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.vt-pipe-s{position:relative;padding:20px 16px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}
.vt-pipe-s:not(:last-child)::after{content:"";position:absolute;right:-11px;top:30px;width:10px;height:2px;background:var(--accent)}
.vt-pipe-s .n{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font:800 13px/1 var(--font-display);margin-bottom:12px}
.vt-pipe-s b{display:block;color:var(--ink);font-size:14.5px;line-height:1.3;margin-bottom:6px}
.vt-pipe-s p{margin:0;font-size:13px;color:var(--muted)}
.vt-no{grid-column:2;padding:18px 20px;border-radius:var(--radius);border:1px dashed var(--line-strong);font-size:14.5px}
.vt-no b{color:var(--ink)}
.vt-no ul{margin:8px 0;padding-left:18px}
.vt-no p{margin:0;color:var(--muted);font-size:14px}
.vt-flt{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:24px 56px;align-items:center}
.vt-urls{display:grid;gap:8px;padding:24px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line)}
.vt-urls>div:not(.vt-urls-arrow){padding:14px 16px;border-radius:var(--radius-sm);background:var(--bg-alt)}
.vt-urls span{display:block;font:600 11px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.vt-urls b{color:var(--ink);font-size:15px}
.vt-urls code{font-size:13px;color:var(--ink);word-break:break-all}
.vt-urls em{font-style:normal;color:var(--accent);font-weight:700}
.vt-urls-arrow{text-align:center;color:var(--accent);font-weight:800}
.vt-feeds{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vt-feed{padding:22px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}
.vt-feed b{display:block;font:800 18px/1.2 var(--font-display);color:var(--ink);margin-bottom:8px}
.vt-feed p{margin:0;font-size:14px;color:var(--muted)}
.vt-feeds-note{margin-top:16px;font-size:14px;color:var(--muted);max-width:820px}
@media (max-width:1199px){.vt-pipe{grid-template-columns:repeat(2,1fr)}.vt-pipe-s:nth-child(2)::after{display:none}}
@media (max-width:991px){.hero--vt .hero-grid,.vt-imp,.vt-flt{grid-template-columns:1fr}.vt-no{grid-column:auto}.vt-wrap{padding:10px 0}}
@media (max-width:767px){
  .vt-buy,.vt-feeds,.vt-pipe{grid-template-columns:1fr}.vt-pipe-s::after{display:none}
  .vt-body{grid-template-columns:1fr}
  .vt-filters{flex-direction:row;flex-wrap:wrap;gap:6px 12px}
  .vt-f-h{width:100%;margin:2px 0 0}
  .vt-grid{min-height:0}
}

/* ===== Интернет-магазин: заказ по статусам с уведомлениями ===== */
.hero--im .hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.im-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin:-6px 0 26px;animation:ascent .8s cubic-bezier(.2,.8,.2,1) .42s both}
.im-price b{font:800 28px/1 var(--font-display);color:var(--ink)}
.im-price span{font-size:14px;color:var(--muted)}
.im-wrap{position:relative;padding:20px 0 70px 30px;animation:soft-landing 1.1s ease .2s both}
.im-order{max-width:520px;margin-left:auto;padding:22px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.im-o-head{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:14px;border-bottom:1px solid var(--line)}
.im-o-head small{display:block;font-size:12px;color:var(--muted)}
.im-o-head b{font:800 22px/1.1 var(--font-display);color:var(--ink)}
.im-o-sum{font:800 22px/1 var(--font-display);color:var(--ink)}
.im-o-items{list-style:none;margin:0;padding:12px 0;display:grid;gap:10px;border-bottom:1px solid var(--line)}
.im-o-items li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;font-size:13.5px}
.im-o-items i{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,hsl(var(--h) 30% 82%),hsl(var(--h) 20% 64%))}
[data-theme="dark"] .im-o-items i{background:linear-gradient(135deg,hsl(var(--h) 20% 36%),hsl(var(--h) 14% 24%))}
.im-o-items b{color:var(--ink)}
.im-steps{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);position:relative}
.im-steps::before{content:"";position:absolute;left:10%;right:10%;top:13px;height:3px;border-radius:3px;background:var(--line)}
.im-steps::after{content:"";position:absolute;left:10%;top:13px;height:3px;border-radius:3px;background:var(--accent);width:calc(80% * var(--p,0));transition:width .6s cubic-bezier(.65,0,.35,1)}
.im-steps li{position:relative;z-index:1;text-align:center}
.im-steps button{display:grid;justify-items:center;gap:8px;width:100%;border:0;background:none;padding:0;font:600 11.5px/1.2 var(--font);color:var(--muted);cursor:pointer}
.im-steps button::before{content:"";width:22px;height:22px;margin-top:2px;border-radius:50%;background:var(--surface);border:3px solid var(--line-strong);transition:all .3s}
.im-steps li.is-done button::before{background:var(--accent);border-color:var(--accent)}
.im-steps li.is-now button{color:var(--ink)}
.im-steps li.is-now button::before{box-shadow:0 0 0 6px var(--accent-soft);transform:scale(1.1)}
.im-note{position:absolute;left:0;right:30px;bottom:6px;margin-left:auto;max-width:430px;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:var(--ink);color:var(--bg);font-size:13.5px;box-shadow:var(--shadow-lg)}
.im-note.is-new{animation:im-note .45s cubic-bezier(.2,.8,.2,1)}
@keyframes im-note{from{opacity:0;transform:translateY(10px)}}
.im-note-i{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--accent);color:#fff;font-size:15px}

.im-prep{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:24px 56px;align-items:start}
.im-prep-list{list-style:none;margin:0;padding:0;counter-reset:im;display:grid;gap:10px}
.im-prep-list li{counter-increment:im;position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:18px 20px 18px 64px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}
.im-prep-list li::before{content:counter(im,decimal-leading-zero);position:absolute;left:20px;top:19px;font:800 15px/1 var(--font-display);color:var(--accent)}
.im-prep-list b{color:var(--ink)}
.im-prep-list p{grid-column:1;margin:0;font-size:14px;color:var(--muted)}
.im-who{grid-column:2;grid-row:1/3;align-self:start;padding:5px 10px;border-radius:999px;background:var(--bg-alt);font:600 12px/1 var(--font);color:var(--ink);white-space:nowrap}
.im-pay{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.im-pay-c{display:grid;gap:6px;padding:20px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);transition:transform .25s,border-color .2s}
.im-pay-c:hover{transform:translateY(-3px);border-color:var(--accent)}
.im-pay-c b{font:800 17px/1.2 var(--font-display);color:var(--ink)}
.im-pay-c span{font-size:13.5px;color:var(--muted)}
.im-pay-c--b2b{grid-column:span 2;background:var(--bg-alt)}
.im-kkt{margin-top:16px;padding:16px 18px;border-left:3px solid var(--accent);background:var(--surface);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:14.5px;max-width:900px}
.im-kkt b{color:var(--ink)}.im-kkt a{color:var(--accent)}
.im-ship{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:24px 56px;align-items:start}
.im-rules{display:grid;gap:8px;padding:20px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line)}
.im-rule{display:grid;grid-template-columns:110px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:var(--radius-sm);background:var(--bg-alt);font-size:14px}
.im-rule span{color:var(--muted);font-size:13px}
.im-rule b{color:var(--ink)}
.im-rule em{font-style:normal;font-weight:700;color:var(--ink);text-align:right}
.im-rules-note{margin:4px 0 0;font-size:12.5px;color:var(--muted)}
.im-ship-no{grid-column:1/-1;margin:0;padding:16px 18px;border-radius:var(--radius-sm);border:1px dashed var(--line-strong);font-size:14.5px;max-width:900px}
.im-ship-no b{color:var(--ink)}
.im-ret{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.im-ret-c{padding:22px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.im-ret-c svg{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--accent-soft);color:var(--accent);margin-bottom:14px}
.im-ret-c b{display:block;color:var(--ink);margin-bottom:6px}
.im-ret-c p{margin:0;font-size:14px;color:var(--muted)}
.im-ret-no{margin-top:14px;font-size:14px;color:var(--muted)}
.im-mkt{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:24px 56px;align-items:center}
.im-mkt-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.im-mkt-list li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface)}
.im-mkt-list b{color:var(--ink)}
.im-mkt-list span{font-size:14px;text-align:right}
.im-mkt-list .t-yes{color:#178A5C;font-weight:600}
.im-mkt-list .t-no{color:var(--muted)}
.im-cost{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px;align-items:stretch}
.im-cost-main{padding:28px;border-radius:var(--radius-lg);background:var(--band);color:var(--band-muted)}
.im-cost-main span{font:600 12px/1 var(--font);letter-spacing:.06em;text-transform:uppercase}
.im-cost-main b{display:block;font:800 40px/1.1 var(--font-display);color:var(--band-ink);margin:10px 0}
.im-cost-main p{font-size:14.5px;margin:0 0 16px}
.im-cost-mkt{padding:28px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line)}
.im-cost-mkt p{margin:18px 0 0;font-size:14.5px;color:var(--muted)}
.im-cost-mkt.is-in .mkt-range{transform:none}.im-cost-mkt.is-in .mkt-med{opacity:1}
@media (max-width:1199px){.im-pay,.im-ret{grid-template-columns:repeat(2,1fr)}}
@media (max-width:991px){.hero--im .hero-grid,.im-prep,.im-ship,.im-mkt,.im-cost{grid-template-columns:1fr}.im-wrap{padding:10px 0 80px}}
@media (max-width:767px){
  .im-pay,.im-ret{grid-template-columns:1fr}.im-pay-c--b2b{grid-column:auto}
  .im-steps button{font-size:10px}
  .im-note{right:0}
  .im-rule{grid-template-columns:1fr auto}.im-rule span{grid-column:1/-1}
  .im-prep-list li{grid-template-columns:1fr;padding-left:56px}.im-who{grid-column:1;grid-row:auto;justify-self:start;margin-top:6px}
}

/* ===== Мультиязычный сайт: переключатель языка меняет страницу, адрес и hreflang ===== */
.hero--ml .hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.ml-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin:-6px 0 26px;animation:ascent .8s cubic-bezier(.2,.8,.2,1) .42s both}
.ml-price b{font:800 28px/1 var(--font-display);color:var(--ink)}
.ml-price span{font-size:14px;color:var(--muted)}
.ml-wrap{position:relative;padding:20px 0 10px 30px;animation:soft-landing 1.1s ease .2s both}
.ml-win{max-width:560px;margin-left:auto;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);overflow:hidden;transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.ml-win .browser-bar{height:34px;padding:0 14px}
.ml-win .browser-bar>span{max-width:none}
.ml-win .browser-bar span span{margin:0;padding:0;background:none;border-radius:0;max-width:none;font:inherit}
.ml-dom{color:var(--muted)}
.ml-win .browser-bar b{color:var(--accent);font-weight:700}
.ml-page{padding:20px 22px 24px;background:linear-gradient(165deg,color-mix(in srgb,#2A62D9 9%,var(--surface)),var(--surface) 65%)}
.ml-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}
.ml-logo{font:800 15px/1 var(--font-display);color:var(--ink)}
.ml-sw{display:flex;gap:2px;padding:3px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line)}
.ml-sw button{border:0;background:none;height:28px;min-width:38px;padding:0 10px;border-radius:999px;font:700 12px/1 var(--font);color:var(--muted);cursor:pointer;transition:background .2s,color .2s}
.ml-sw button:hover{color:var(--ink)}
.ml-sw button.is-on{background:var(--accent);color:var(--on-accent)}
.ml-h{font:800 26px/1.15 var(--font-display);color:var(--ink);margin:0 0 10px;min-height:2.3em}
.ml-p{font-size:14.5px;color:var(--muted);margin:0 0 18px;min-height:3em}
.ml-btn{display:inline-block;padding:11px 18px;border-radius:10px;background:var(--ink);color:var(--bg);font:700 13px/1 var(--font)}
.ml-win.is-swap .ml-h,.ml-win.is-swap .ml-p,.ml-win.is-swap .ml-btn,.ml-win.is-swap [data-ml-slug]{opacity:0;transform:translateY(6px)}
.ml-h,.ml-p,.ml-btn,[data-ml-slug]{transition:opacity .22s,transform .22s;display:inline-block}
.ml-h,.ml-p{display:block}
.ml-code{display:grid;gap:4px;padding:14px 18px;border-top:1px solid var(--line);background:var(--band)}
.ml-code code{font:500 11.5px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--band-muted);transition:color .25s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ml-code code b{color:var(--band-ink)}
.ml-code code.is-on{color:var(--band-ink)}
.ml-code code.is-on b{color:#FF8A3D}
.ml-lead{max-width:780px;margin:-10px 0 24px}
.ml-t td,.ml-t th{white-space:normal!important;text-align:left!important}
.ml-t td:first-child{font-weight:700;color:var(--ink);width:22%}
.ml-t td:last-child{font-weight:400;color:var(--muted)}
.ml-t td:last-child b{color:var(--ink)}
.ml-seo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:24px 56px;align-items:start}
.ml-seo-list{list-style:none;margin:0;padding:0;counter-reset:ml;display:grid;gap:10px}
.ml-seo-list li{counter-increment:ml;position:relative;padding:18px 20px 18px 62px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.ml-seo-list li::before{content:counter(ml);position:absolute;left:20px;top:18px;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--accent-soft);color:var(--accent);font:800 13px/1 var(--font-display)}
.ml-seo-list b{display:block;color:var(--ink);margin-bottom:4px}
.ml-seo-list p{margin:0;font-size:14px;color:var(--muted)}
.ml-seo-list code{font-size:12.5px;color:var(--ink);background:var(--bg-alt);padding:1px 5px;border-radius:4px}
.ml-tr{display:grid;gap:24px}
.ml-tr>div:first-child{max-width:820px}
.ml-tr-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ml-tr-c{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface)}
.ml-tr-c--main{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.ml-tr-tag{align-self:flex-start;padding:4px 10px;border-radius:999px;background:var(--bg-alt);font:600 12px/1 var(--font);color:var(--muted)}
.ml-tr-c--main .ml-tr-tag{background:var(--accent);color:var(--on-accent)}
.ml-tr-c b{font:800 18px/1.2 var(--font-display);color:var(--ink)}
.ml-tr-c p{margin:0;font-size:14px;color:var(--muted)}
.ml-dec{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ml-dec-c{padding:22px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--accent)}
.ml-dec-c b{display:block;color:var(--ink);margin-bottom:8px}
.ml-dec-c p{margin:0;font-size:14px;color:var(--muted)}
.ml-cant{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:24px 56px;align-items:start}
.ml-cant-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ml-cant-list li{display:grid;gap:3px;padding:16px 18px 16px 48px;position:relative;border-radius:var(--radius-sm);border:1px dashed var(--line-strong);background:var(--surface)}
.ml-cant-list li::before{content:"×";position:absolute;left:18px;top:14px;font:800 18px/1 var(--font);color:var(--muted)}
.ml-cant-list b{color:var(--ink)}
.ml-cant-list span{font-size:14px;color:var(--muted)}
@media (max-width:1199px){.ml-dec{grid-template-columns:repeat(2,1fr)}}
@media (max-width:991px){.hero--ml .hero-grid,.ml-seo,.ml-cant{grid-template-columns:1fr}.ml-tr-opts{grid-template-columns:1fr}.ml-wrap{padding:10px 0}}
@media (max-width:767px){.ml-dec{grid-template-columns:1fr}.ml-h{font-size:21px}.ml-top{flex-wrap:wrap;gap:10px}}

/* ===== Эксклюзивный проект: чертёж, под курсором проявляется готовый интерфейс ===== */
.hero--ex .hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.ex-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin:-6px 0 26px;animation:ascent .8s cubic-bezier(.2,.8,.2,1) .42s both}
.ex-price b{font:800 28px/1 var(--font-display);color:var(--ink)}
.ex-price span{font-size:14px;color:var(--muted)}
.ex-wrap{position:relative;padding:20px 0 0 30px;animation:soft-landing 1.1s ease .2s both}
.ex-stage{--lx:50%;--ly:50%;--lr:110px;position:relative;max-width:580px;margin-left:auto;aspect-ratio:16/11;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-lg);cursor:none;transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0));touch-action:pan-y}
.ex-layer{position:absolute;inset:0}
.ex-layer--plan{background:#173A6B;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:60px 60px,60px 60px,12px 12px,12px 12px}
.ex-b{position:absolute;border:1.5px dashed rgba(255,255,255,.55);border-radius:6px}
.ex-b--nav{left:5%;right:5%;top:6%;height:9%}
.ex-b--title{left:5%;top:22%;width:44%;height:18%}
.ex-b--opts{left:5%;top:46%;width:44%;height:30%}
.ex-b--view{left:54%;top:22%;width:41%;height:54%}
.ex-b--sum{left:5%;right:5%;top:82%;height:12%}
.ex-dim{position:absolute;font:600 10px/1 ui-monospace,monospace;color:rgba(255,255,255,.6)}
.ex-dim--w{left:50%;top:2%;transform:translateX(-50%)}
.ex-dim--h{right:1.5%;top:50%;writing-mode:vertical-rl}
.ex-tag{position:absolute;font:italic 600 12px/1 var(--font);color:#9FD0FF;font-style:italic}
.ex-tag--1{left:7%;top:72%}.ex-tag--2{left:56%;top:72%}.ex-tag--3{left:7%;top:90%}
.ex-layer--ui{background:var(--surface);-webkit-mask-image:radial-gradient(circle var(--lr) at var(--lx) var(--ly),#000 98%,transparent 100%);mask-image:radial-gradient(circle var(--lr) at var(--lx) var(--ly),#000 98%,transparent 100%)}
.ex-ui-nav{position:absolute;left:5%;right:5%;top:6%;height:9%;display:flex;justify-content:space-between;align-items:center;padding:0 3%;border-radius:8px;background:var(--bg-alt);font-size:12px}
.ex-ui-nav b{font:800 13px/1 var(--font-display);color:var(--ink)}
.ex-ui-nav span{color:var(--accent);font-weight:700}
.ex-ui-title{position:absolute;left:5%;top:22%;width:44%;font:800 clamp(16px,2vw,24px)/1.15 var(--font-display);color:var(--ink)}
.ex-ui-opts{position:absolute;left:5%;top:46%;width:44%;display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start}
.ex-ui-opts span{padding:7px 10px;border-radius:8px;border:1px solid var(--line);font:600 11.5px/1 var(--font);color:var(--text)}
.ex-ui-opts span.is-on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.ex-ui-opts small{width:100%;font-size:11px;color:var(--muted);margin-top:6px}
.ex-ui-opts .ex-sw{width:26px;height:26px;padding:0;border-radius:50%;background:var(--c)}
.ex-ui-opts .ex-sw.is-on{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent)}
.ex-ui-view{position:absolute;left:54%;top:22%;width:41%;height:54%;border-radius:12px;background:linear-gradient(180deg,#EDE7DD,#D9D1C3)}
[data-theme="dark"] .ex-ui-view{background:linear-gradient(180deg,#3A3F48,#2A2E36)}
.ex-ui-view i{position:absolute;bottom:14%;height:40%;background:#4A5A52;border-radius:4px}
.ex-ui-view i:nth-child(1){left:8%;width:40%}
.ex-ui-view i:nth-child(2){left:50%;width:42%;height:30%}
.ex-ui-view i:nth-child(3){left:8%;width:84%;bottom:54%;height:12%;background:#5E6E66}
.ex-ui-sum{position:absolute;left:5%;right:5%;top:82%;height:12%;display:flex;align-items:center;gap:12px;padding:0 3%;border-radius:8px;background:var(--ink);color:var(--bg)}
.ex-ui-sum small{font-size:11px;opacity:.7}
.ex-ui-sum b{font:800 16px/1 var(--font-display)}
.ex-ui-sum span{margin-left:auto;padding:7px 12px;border-radius:7px;background:var(--accent);color:#fff;font:700 11.5px/1 var(--font)}
.ex-lens{position:absolute;left:var(--lx);top:var(--ly);width:calc(var(--lr)*2);height:calc(var(--lr)*2);margin:calc(var(--lr)*-1) 0 0 calc(var(--lr)*-1);border-radius:50%;border:2px solid var(--accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 18%,transparent);pointer-events:none}
.ex-hint{margin:12px 0 0;text-align:right;font-size:13px;color:var(--muted)}
.ex-signs{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:24px 56px;align-items:start}
.ex-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ex-col{padding:24px;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface)}
.ex-col--yes{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.ex-col b{display:block;font:800 17px/1.2 var(--font-display);color:var(--ink);margin-bottom:12px}
.ex-col ul{margin:0;padding-left:18px;display:grid;gap:8px;font-size:14.5px}
.ex-col a{color:var(--accent);font-weight:600}
.ex-ex{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ex-ex-c{padding:22px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);transition:transform .25s,border-color .2s}
.ex-ex-c:hover{transform:translateY(-3px);border-color:var(--line-strong)}
.ex-ex-c svg{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--accent-soft);color:var(--accent);margin-bottom:14px}
.ex-ex-c b{display:block;color:var(--ink);margin-bottom:6px}
.ex-ex-c p{margin:0;font-size:14px;color:var(--muted)}
.ex-est{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:24px 56px;align-items:start}
.ex-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ex-steps li{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px 20px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);overflow:hidden}
.ex-steps li::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:var(--w);background:linear-gradient(90deg,var(--accent),#FF8A3D);transform-origin:0 50%;transform:scaleX(0);transition:transform 1s cubic-bezier(.2,.8,.2,1) .2s}
.ex-steps li.is-in::after{transform:none}
.ex-st-n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--bg-alt);font:800 15px/1 var(--font-display);color:var(--ink)}
.ex-steps b{display:block;color:var(--ink);margin-bottom:4px}
.ex-steps p{margin:0;font-size:14px;color:var(--muted)}
.ex-acc{font:800 15px/1 var(--font-display);color:var(--accent);white-space:nowrap}
.ex-t td:first-child{font-weight:700;color:var(--ink);white-space:nowrap}
.ex-t td:nth-child(2){white-space:normal;color:var(--muted)}
.ex-t td:last-child{white-space:normal;text-align:left;font-weight:600}
.ex-hand{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:24px 56px;align-items:start}
.ex-hand-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ex-hand-list li{display:flex;gap:14px;padding:18px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}
.ex-hand-list svg{flex:none;width:38px;height:38px;padding:8px;border-radius:10px;background:var(--bg-alt);color:var(--accent)}
.ex-hand-list b{display:block;color:var(--ink);margin-bottom:3px}
.ex-hand-list span{font-size:13.5px;color:var(--muted)}
.ex-hand-list a{color:var(--accent)}
@media (max-width:1199px){.ex-ex{grid-template-columns:repeat(2,1fr)}}
@media (max-width:991px){.hero--ex .hero-grid,.ex-signs,.ex-est,.ex-hand{grid-template-columns:1fr}.ex-wrap{padding:10px 0 0}}
@media (max-width:767px){
  .ex-stage{--lr:80px;cursor:auto}
  .ex-cols,.ex-ex,.ex-hand-list{grid-template-columns:1fr}
  .ex-steps li{grid-template-columns:34px minmax(0,1fr)}.ex-acc{grid-column:2}
  .ex-ui-opts span{padding:5px 7px;font-size:10px}.ex-ui-opts .ex-sw{width:18px;height:18px}
  .ex-tag{font-size:10px}
  .ex-hint{text-align:left}
}
@media (prefers-reduced-motion:reduce){.ex-layer--ui{-webkit-mask-image:none;mask-image:none}.ex-lens{display:none}}

/* ===== Сроки: колонка «Срок» в таблице типов, условие под этапами, мелочи визитки ===== */
.types-t .t-term{white-space:nowrap;color:var(--muted)}
.duo-note{margin-top:16px;font-size:14px;color:var(--muted);max-width:820px}
.vz-row>.vz-node:nth-child(2){animation-delay:.75s}
.vz-t-extra td{color:var(--muted)!important;font-weight:400!important}
@media (max-width:767.98px){
  .types-t--term td:nth-child(5){grid-column:1/-1;grid-row:auto;font-size:13px}
  .types-t--term td:nth-child(6){grid-column:2;grid-row:1;align-self:center}
}

/* Пасхалка логотипа (main.js): прогрев ракеты под курсором, подмена экипажа, всплывашка со скидкой */
.lg-egg{opacity:0;pointer-events:none}
.is-warm .lg-rocket{animation:engine-warmup .09s linear infinite alternate}
.is-warm .lg-flame{animation:afterburner .12s linear infinite alternate}
.is-egg .lg-rocket{opacity:0;transition:opacity .2s 1s}
.is-egg .lg-egg{opacity:1;transition:opacity .35s 1s;animation:crew-arrives .7s cubic-bezier(.3,1.5,.5,1) 1s backwards}
.is-egg.is-flyaway .lg-rocket{transition:none;animation:rocket-flyaway 1.1s cubic-bezier(.5,0,.3,1) forwards}
.is-flyaway .lg-flame{animation:afterburner .12s linear 8 alternate}
.is-flyaway .lg-plate{animation:launchpad-shudder 1.1s ease}
@keyframes rocket-flyaway{
  0%{transform:none;opacity:1}
  10%{transform:translate(-1px,1px)} 18%{transform:translate(1px,0)} 26%{transform:translate(-1px,0)} 34%{transform:translate(-3px,3px)}
  62%{transform:translate(48px,-48px);opacity:1}
  62.1%,100%{transform:translate(48px,-48px);opacity:0}}
@keyframes engine-warmup{from{translate:-.6px .4px}to{translate:.6px -.4px}}
@keyframes crew-arrives{from{transform:translateY(70px) rotate(-12deg)}}
.lg-egg{transform-box:fill-box;transform-origin:center}
.egg-pop{position:fixed;z-index:1100;left:16px;top:84px;max-width:440px;display:flex;gap:16px;align-items:flex-start;padding:18px;border-radius:var(--radius,16px);background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-lg);animation:ascent .45s cubic-bezier(.2,.8,.2,1)}
.egg-pop img{flex:none;width:112px;height:112px;border-radius:24px;background:#FF4A1F;padding:8px}
.egg-pop b{font-size:16px}
.egg-pop p{margin:6px 0 0;font-size:14px;line-height:1.5;color:var(--muted)}
.egg-pop .egg-gift{margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--accent-soft);color:var(--ink)}
.egg-pop .egg-gift b{font-size:inherit;color:var(--accent)}
.egg-pop code{font:700 13px/1 ui-monospace,Menlo,monospace;color:var(--ink);white-space:nowrap}
.egg-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
@media (max-width:575.98px){.egg-pop{left:12px;right:12px;top:72px;max-width:none;flex-direction:column}.egg-pop img{width:88px;height:88px}}
@media (prefers-reduced-motion:reduce){.is-warm .lg-rocket,.is-warm .lg-flame,.is-egg .lg-egg,.egg-pop{animation:none}.is-egg .lg-rocket,.is-egg .lg-egg{transition:none}}
.qdisc[hidden]{display:none}
.egg-pop p a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.egg-pop .egg-next{margin-top:8px;font-size:13px}

/* ===== /prodvizhenie-sajtov-seo-: запросы раскладываются по страницам ===== */
.qs-wrap{position:relative;padding:20px 0 20px 30px}
.qs{max-width:500px;margin-left:auto;padding:20px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.qs-pool{display:flex;flex-wrap:wrap;gap:6px;min-height:84px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px dashed var(--line)}
.qs-q{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--ink);white-space:nowrap}
.qs-q em{font-style:normal;font-size:11px;font-weight:700;color:var(--muted)}
.qs-pages{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.qs-page{padding:10px;border-radius:12px;border:1px solid var(--line);min-height:92px;transition:border-color .3s,background .3s}
.qs-page b{display:block;font:700 14px/1.2 var(--font-display);color:var(--ink)}
.qs-page small{display:block;font-size:11.5px;color:var(--muted);margin-bottom:6px}
.qs-page .qs-q{font-size:11.5px;padding:3px 8px;margin:3px 3px 0 0;background:var(--accent-soft);border-color:transparent}
.qs-page.is-hit{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,transparent)}
.qs-foot{margin:12px 0 0;font-size:13px;color:var(--muted)}
.qs-foot span{font-weight:800;color:var(--ink)}
.qs-chip{left:-6px;bottom:0;transform:translate(calc(var(--px,0)*1px),calc(var(--py,0)*1px))}
.seo-intro{max-width:760px;margin-bottom:22px}
.seo-plan td:first-child{white-space:nowrap}
.seo-rep{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:36px;align-items:start}
.seo-no{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:22px}
.seo-no>div{position:relative;padding:20px 18px 18px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}
.seo-no h3{font-size:16px;margin:0 0 8px;padding-left:26px;position:relative}
.seo-no h3::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;border:2px solid var(--accent);background:linear-gradient(45deg,transparent 44%,var(--accent) 44% 56%,transparent 56%)}
.seo-no p{margin:0;font-size:14px;color:var(--muted);line-height:1.55}
.seo-own{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.seo-own>div{padding:16px 18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.seo-own b{display:block;color:var(--ink);margin-bottom:4px}
.seo-own span{font-size:14px;color:var(--muted);line-height:1.5}
.seo-note{max-width:820px;margin:18px 0 0;color:var(--muted)}
@media (max-width:991.98px){.seo-rep{grid-template-columns:1fr;gap:18px}.seo-no{grid-template-columns:1fr 1fr}.seo-own{grid-template-columns:1fr 1fr}}
@media (max-width:575.98px){.qs-wrap{padding:10px 0}.qs{padding:14px}.qs-q{white-space:normal}.seo-no,.seo-own{grid-template-columns:1fr}}

/* ===== /seo-audit-sajtov: проверка идёт по строкам, счётчики растут ===== */
.au-wrap{position:relative;padding:20px 0 20px 30px}
.au{max-width:480px;margin-left:auto;padding:20px 22px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.au-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.au-head b{font:700 16px/1.2 var(--font-display);color:var(--ink)}
.au-url{font:600 12.5px/1 ui-monospace,Menlo,monospace;color:var(--muted)}
.au-count{display:flex;gap:8px;margin:12px 0 6px}
.au-c{font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--surface-2);color:var(--text)}
.au-c i{font-style:normal;font-weight:800}
.au-c--err i{color:#E5484D}.au-c--warn i{color:#C98A00}
.au-list{list-style:none;margin:0;padding:0;position:relative}
.au-list li{display:flex;align-items:center;gap:10px;padding:9px 0 9px 26px;border-bottom:1px dashed var(--line);position:relative;opacity:.3;transition:opacity .35s}
.au-list li::before{content:"";position:absolute;left:0;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;border:2px solid var(--line-strong)}
.au-list li.is-on{opacity:1}
.au-list li.is-on[data-lv="ok"]::before{border-color:#1FA971;background:#1FA971;box-shadow:inset 0 0 0 3px var(--surface)}
.au-list li.is-on[data-lv="warn"]::before{border-color:#E8A10C;background:#E8A10C;box-shadow:inset 0 0 0 3px var(--surface)}
.au-list li.is-on[data-lv="err"]::before{border-color:#E5484D;background:#E5484D;box-shadow:inset 0 0 0 3px var(--surface)}
.au-list li.is-cur::before{border-color:var(--accent);border-top-color:transparent;animation:cs-spin .8s linear infinite}
.au-list b{flex:1;font-size:13.5px;font-weight:600;color:var(--ink)}
.au-list em{font-style:normal;font-size:11.5px;color:var(--muted);white-space:nowrap}
.au-chip{left:-6px;bottom:0;transform:translate(calc(var(--px,0)*1px),calc(var(--py,0)*1px))}
.au-sample{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center}
.au-card{padding:22px 24px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.au-card header{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;margin-bottom:10px}
.au-pri{font-weight:700;color:#E5484D}
.au-id{color:var(--muted)}
.au-card h3{font-size:19px;margin:0 0 14px}
.au-card dl{display:grid;grid-template-columns:130px 1fr;gap:10px 16px;margin:0}
.au-card dt{font-size:13px;font-weight:700;color:var(--muted)}
.au-card dd{margin:0;font-size:14.5px;color:var(--text);line-height:1.5}
.au-cmp td:first-child{width:28%}
.au-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
.au-paths>div{padding:20px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.au-paths .n{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-weight:800;margin-bottom:12px}
.au-paths h3{font-size:17px;margin:0 0 6px}
.au-paths p{margin:0;font-size:14px;color:var(--muted);line-height:1.55}
@media (max-width:991.98px){.au-sample{grid-template-columns:1fr;gap:18px}.au-paths{grid-template-columns:1fr}}
@media (max-width:575.98px){.au-wrap{padding:10px 0}.au{padding:16px}.au-list em{display:none}.au-card dl{grid-template-columns:1fr;gap:2px}.au-card dd{margin-bottom:8px}}
/* Текстовая таблица на базе .fines: без «денежной» последней колонки (SEO, реклама, тексты) */
.fines--text td:nth-child(2),.fines--text td:last-child{white-space:normal;text-align:left;font-weight:400;color:var(--text)}
.fines--text td:first-child{color:var(--ink)}
.fines--text td{vertical-align:top}
.qs-pages{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.qs-page .qs-q{white-space:normal}
.qs-pool.is-empty::after{content:"Все запросы разложены по страницам";align-self:center;font-size:13px;color:var(--muted)}
.qs-q em{white-space:nowrap}
.qs-chip{bottom:-16px}
.au-chip{bottom:-16px}

/* ===== Общее для страниц рекламы ===== */
.crm-tiers--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px}
.hero-card{max-width:480px;margin-left:auto;padding:20px 22px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.ch-wrap,.yd-wrap,.sm-wrap,.rv-wrap,.cp-wrap{position:relative;padding:20px 0 20px 30px}
.ch-chip,.yd-chip,.sm-chip,.rv-chip,.cp-chip{left:-6px;bottom:-16px;transform:translate(calc(var(--px,0)*1px),calc(var(--py,0)*1px))}
.ads-google{max-width:820px;margin-top:22px;padding:16px 20px;border-radius:var(--radius);background:var(--surface-2);border-left:3px solid var(--accent)}
.ads-google b{color:var(--ink)}
.ads-google p{margin:6px 0 0;font-size:14.5px;color:var(--text)}

/* /reklama: подбор каналов */
.ch-q{margin:0 0 10px;font:700 15px/1.2 var(--font-display);color:var(--ink)}
.ch-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.ch-tabs button{border:1px solid var(--line);background:var(--surface);color:var(--text);font:600 12.5px/1 var(--font);padding:8px 11px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.ch-tabs button.is-on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.ch-list{list-style:none;margin:0;padding:0}
.ch-list li{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 72px;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line)}
.ch-list b{font-size:13.5px;font-weight:600;color:var(--ink)}
.ch-bar{height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden}
.ch-bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#FF8A5B);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.ch-list li[data-lv="1"] .ch-bar i{background:var(--line-strong)}
.ch-list em{font-style:normal;font-size:12px;font-weight:700;color:var(--muted);text-align:right}
.ch-list li[data-lv="3"] em{color:var(--accent)}
.ch-hint{margin:12px 0 0;font-size:13px;color:var(--muted);min-height:2.6em}
.ads-money{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center}
.ads-split{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:stretch}
.ads-part{padding:20px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line)}
.ads-part span{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ads-part b{display:block;margin:6px 0;font:700 18px/1.2 var(--font-display);color:var(--ink)}
.ads-part p{margin:0;font-size:14px;color:var(--muted);line-height:1.5}
.ads-part--work{border-color:var(--accent)}
.ads-plus{align-self:center;font:800 26px/1 var(--font-display);color:var(--accent)}
.ads-label,.yd-setup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
.ads-label>div,.yd-setup>div{padding:20px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.ads-label .n,.yd-setup .n{display:inline-block;font:800 13px/1 var(--font-display);color:var(--accent);margin-bottom:10px}
.ads-label h3,.yd-setup h3{font-size:16.5px;margin:0 0 6px}
.ads-label p,.yd-setup p{margin:0;font-size:14px;color:var(--muted);line-height:1.55}

/* /nastrojka-yandeks-direkt: объявление собирается */
.yd{max-width:480px;margin-left:auto;padding:18px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.yd-search{display:flex;align-items:center;gap:8px;height:42px;padding:0 14px;border-radius:12px;border:2px solid #FFCC00;font-size:14px;color:var(--ink)}
.yd-search svg{width:16px;height:16px;flex:none;stroke:var(--muted);fill:none}
.yd-caret{width:1px;height:18px;background:var(--ink);animation:caret-blink 1s steps(1) infinite}
@keyframes caret-blink{50%{opacity:0}}
.yd-ad{margin-top:14px;padding:14px;border-radius:12px;background:var(--surface-2)}
.yd-label{display:inline-block;font-size:11px;font-weight:700;color:var(--muted);margin-bottom:6px}
.yd-part{opacity:.12;filter:blur(1.5px);transition:opacity .4s,filter .4s}
.yd-part.is-on{opacity:1;filter:none}
.yd-title{font:700 16px/1.3 var(--font);color:#2E5BD6}
[data-theme="dark"] .yd-title{color:#8FB0FF}
.yd-url{margin:3px 0 6px;font-size:12.5px;color:#1F8A4C}
.yd-text{font-size:13.5px;color:var(--text);line-height:1.45}
.yd-links{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px}
.yd-links span{font-size:12.5px;color:#2E5BD6;text-decoration:underline}
[data-theme="dark"] .yd-links span{color:#8FB0FF}
.yd-steps{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0}
.yd-steps li{font-size:11.5px;font-weight:600;padding:4px 9px;border-radius:999px;background:var(--surface-2);color:var(--muted);transition:background .3s,color .3s}
.yd-steps li.is-on{background:var(--accent-soft);color:var(--accent)}
.ydc{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;margin-top:22px;padding:26px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line)}
.ydc-in label{display:block;margin-bottom:18px;font-size:14px;font-weight:600;color:var(--ink)}
.ydc-in output{float:right;font:800 15px/1.2 var(--font-display);color:var(--accent)}
.ydc-in input[type=range]{display:block;width:100%;margin-top:10px;accent-color:var(--accent)}
.ydc-hint{margin:0;font-size:13px;color:var(--muted);line-height:1.5}
.ydc-out{display:grid;gap:10px;align-content:start}
.ydc-out>div{display:flex;justify-content:space-between;align-items:baseline;padding:14px 16px;border-radius:12px;background:var(--surface-2)}
.ydc-out span{font-size:14px;color:var(--muted)}
.ydc-out b{font:800 20px/1 var(--font-display);color:var(--ink)}
.ydc-out .ydc-main{background:var(--accent-soft)}
.ydc-out .ydc-main b{color:var(--accent);font-size:24px}
.ydc-verdict{margin:4px 0 0;font-size:13.5px;color:var(--text);line-height:1.5}

/* /nastrojka-reklamy-v-soc-setyah: пост получает маркировку */
.sm{max-width:420px;margin-left:auto;padding:16px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.sm-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.sm-ava{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#2B6BD8;color:#fff;font-weight:800}
.sm-head b{display:block;font-size:14px;color:var(--ink)}
.sm-head small{display:block;font-size:12px;color:var(--muted)}
.sm-pic{display:grid;place-items:end start;height:150px;padding:14px;border-radius:12px;background:linear-gradient(135deg,#3A4A63,#1F2A3B 60%,#FF4A1F 160%)}
.sm-pic span{font:800 20px/1.1 var(--font-display);color:#fff}
.sm-text{margin:10px 0;font-size:13.5px;color:var(--text);line-height:1.45}
.sm-btn{display:block;text-align:center;padding:9px;border-radius:10px;background:#2B6BD8;color:#fff;font-size:13.5px;font-weight:700}
.sm-legal{display:grid;gap:2px;margin-top:10px;font-size:11.5px;color:var(--muted)}
[data-sm-m]{opacity:0;transform:translateY(4px);transition:opacity .4s,transform .4s}
[data-sm-m].is-on{opacity:1;transform:none}
.sm-head small[data-sm-m].is-on{color:var(--accent);font-weight:700}
.sm-steps{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0}
.sm-steps li{font-size:11.5px;font-weight:600;padding:4px 9px;border-radius:999px;background:var(--surface-2);color:var(--muted);transition:background .3s,color .3s}
.sm-steps li.is-on{background:var(--accent-soft);color:var(--accent)}
.sm-build{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:22px}
.sm-build>div{padding:20px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.sm-build svg{width:24px;height:24px;stroke:var(--accent);fill:none;margin-bottom:10px}
.sm-build h3{font-size:16.5px;margin:0 0 6px}
.sm-build p{margin:0;font-size:14px;color:var(--muted);line-height:1.55}
.sm-markwrap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px;align-items:start}

/* /upravlenie-reputaciej: ответ на отзыв */
.rv{max-width:470px;margin-left:auto;padding:18px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.rv-card{padding:14px;border-radius:12px;background:var(--surface-2)}
.rv-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.rv-ava{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#8C6BD8;color:#fff;font-weight:800;flex:none}
.rv-top b{display:block;font-size:13.5px;color:var(--ink)}
.rv-top small{display:block;font-size:11.5px;color:var(--muted)}
.rv-stars{margin-left:auto;display:flex;gap:2px}
.rv-stars i{width:12px;height:12px;background:#F5A623;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.rv-stars i.off{background:var(--line-strong)}
.rv-card p{margin:0;font-size:13.5px;color:var(--text);line-height:1.45}
.rv-reply{margin:10px 0 0 18px;padding:12px 14px;border-left:3px solid var(--accent);border-radius:0 12px 12px 0;background:color-mix(in srgb,var(--accent) 6%,transparent)}
.rv-reply small{font-size:11.5px;font-weight:700;color:var(--accent)}
.rv-reply p{margin:4px 0 0;font-size:13px;color:var(--text);line-height:1.45;min-height:5.8em}
.rv-check{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}
.rv-check li{position:relative;padding-left:20px;font-size:12px;color:var(--muted);transition:color .3s}
.rv-check li::before{content:"";position:absolute;left:0;top:1px;width:13px;height:13px;border-radius:4px;border:1.5px solid var(--line-strong);transition:background .3s,border-color .3s}
.rv-check li.is-on{color:var(--ink)}
.rv-check li.is-on::before{background:#1FA971;border-color:#1FA971;box-shadow:inset 0 0 0 2.5px var(--surface)}
.rv-flow{list-style:none;counter-reset:rv;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0 0;padding:0}
.rv-flow li{counter-increment:rv;padding:20px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.rv-flow li::before{content:counter(rv);display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-weight:800;margin-bottom:10px}
.rv-flow b{display:block;color:var(--ink);margin-bottom:6px}
.rv-flow span{font-size:14px;color:var(--muted);line-height:1.55}
.rv-real{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;align-items:start}
.rv-ways{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rv-ways>div{padding:16px 18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.rv-ways b{display:block;color:var(--ink);margin-bottom:4px}
.rv-ways span{font-size:14px;color:var(--muted);line-height:1.5}
.rv-ways .rv-no{border-color:var(--accent);background:var(--accent-soft)}

/* /napisanie-tekstov: до и после редактуры */
.cp{max-width:480px;margin-left:auto;padding:20px 22px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.cp-tabs{display:inline-flex;padding:3px;border-radius:999px;background:var(--surface-2);margin-bottom:14px}
.cp-tabs button{border:0;background:none;font:600 12.5px/1 var(--font);color:var(--muted);padding:8px 12px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}
.cp-tabs button.is-on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}
.cp-text{margin:0;font-size:15px;line-height:1.6;color:var(--ink)}
.cp-pair{position:relative}
.cp-pair s,.cp-pair ins{text-decoration:none;transition:opacity .35s,background .35s}
.cp-pair s{background:color-mix(in srgb,#E5484D 14%,transparent);border-radius:4px}
.cp-pair ins{display:none;background:color-mix(in srgb,#1FA971 16%,transparent);border-radius:4px}
.cp.is-after .cp-pair s{display:none}
.cp.is-after .cp-pair ins{display:inline;animation:ascent .45s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0) * 120ms)}
.cp-foot{margin:14px 0 0;font-size:13px;color:var(--muted)}
.cp-foot span:first-child{font-weight:800;color:#E5484D}
.cp.is-after .cp-foot span:first-child{color:#1FA971}
.cp-t td:last-child{white-space:nowrap}
.cp-t td:nth-child(2){white-space:normal}
.cp-facts,.cp-ai{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;align-items:start}
.cp-src{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cp-src li{padding:16px 18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.cp-src b{display:block;color:var(--ink);margin-bottom:4px}
.cp-src span{font-size:14px;color:var(--muted);line-height:1.5}
.cp-src .cp-never{border-color:var(--accent);background:var(--accent-soft)}
.cp-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cp-split>div{padding:18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.cp-split>div:last-child{border-color:var(--accent)}
.cp-split b{display:block;font:700 16px/1.2 var(--font-display);color:var(--ink);margin-bottom:8px}
.cp-split ul{margin:0;padding-left:18px;font-size:14px;color:var(--text);line-height:1.7}

@media (max-width:991.98px){
  .ads-money,.sm-markwrap,.rv-real,.cp-facts,.cp-ai,.ydc{grid-template-columns:1fr;gap:18px}
  .ads-label,.yd-setup{grid-template-columns:1fr 1fr}.sm-build,.rv-flow{grid-template-columns:1fr 1fr}
  .crm-tiers--2{grid-template-columns:1fr}
}
@media (max-width:575.98px){
  .ch-wrap,.yd-wrap,.sm-wrap,.rv-wrap,.cp-wrap{padding:10px 0}
  .ads-split{grid-template-columns:1fr}.ads-plus{justify-self:center}
  .ads-label,.yd-setup,.sm-build,.rv-flow,.rv-ways,.cp-src,.cp-split,.rv-check{grid-template-columns:1fr}
  .ch-list li{grid-template-columns:minmax(0,1fr) 60px;}.ch-list .ch-bar{grid-column:1/-1;grid-row:2}
  .ydc{padding:18px}
}
@media (prefers-reduced-motion:reduce){.yd-caret{animation:none}.cp.is-after .cp-pair ins{animation:none}}
.ch{max-width:480px;margin-left:auto;padding:20px 22px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}

/* ===== /process-razrabotki: ход проекта по этапам, цена правки, приёмка ===== */
.pw{max-width:470px;margin-left:auto;padding:20px 22px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.pw-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px}
.pw-head b{font:700 15px/1.3 var(--font-display);color:var(--ink)}
.pw-head span{font:600 12px/1 var(--font);color:var(--muted);white-space:nowrap}
.pw-line{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between}
.pw-line button{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--line-strong);background:var(--surface);font:700 13px/1 var(--font);color:var(--muted);cursor:pointer;transition:background .3s,border-color .3s,color .3s,transform .3s cubic-bezier(.3,1.6,.5,1)}
.pw-line button.is-done{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
.pw-line button.is-on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);transform:scale(1.12)}
.pw-bar{height:4px;margin:-19px 17px 26px;border-radius:2px;background:var(--line);position:relative;z-index:-1}
.pw-bar i{display:block;height:100%;width:0;border-radius:inherit;background:var(--accent);transition:width .6s cubic-bezier(.2,.8,.2,1)}
.pw-now small{display:block;font:600 11px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.pw-now b{display:block;font:800 22px/1.2 var(--font-display);color:var(--ink);margin-bottom:14px}
.pw-file{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:var(--surface-2)}
.pw-file svg{flex:none;width:36px;height:36px;padding:8px;border-radius:10px;background:var(--accent-soft);color:var(--accent)}
.pw-file b{display:block;font-size:14px;color:var(--ink)}
.pw-file small{display:block;font-size:12.5px;color:var(--muted)}
.pw-file.is-new{animation:ascent .45s cubic-bezier(.2,.8,.2,1)}
.pw-ok{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:13.5px;color:var(--muted);opacity:.35;transition:opacity .35s,color .35s}
.pw-ok.is-on{opacity:1;color:var(--ink)}
.pw-tick{flex:none;width:20px;height:20px;border-radius:6px;border:1.5px solid var(--line-strong);transition:background .3s,border-color .3s}
.pw-ok.is-on .pw-tick{background:#1FA971;border-color:#1FA971;box-shadow:inset 0 0 0 3px var(--surface)}
.pw-chip{right:-2%;bottom:0}
.pw-wrap{position:relative;padding:12px 0 52px}
.pw-split{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:24px 56px;align-items:start}
.pw-split .muted a{color:var(--accent)}
.pw-t td:first-child{font-weight:700;white-space:nowrap}
.pw-edits{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:24px 56px;align-items:start}
.pw-edits .mock-note{grid-column:1/-1}
.pw-cost{padding:22px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line)}
.pw-cost-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
.pw-cost-tabs button{border:1px solid var(--line-strong);background:var(--surface);height:36px;padding:0 14px;border-radius:999px;font:600 13px/1 var(--font);color:var(--text);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.pw-cost-tabs button:hover{border-color:var(--accent)}
.pw-cost-tabs button.is-on{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.pw-cost-rows{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.pw-cost-rows li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:4px 14px;align-items:center}
.pw-cost-st{font-weight:700;font-size:14px;color:var(--ink)}
.pw-cost-bar{height:10px;border-radius:5px;background:var(--surface-2);overflow:hidden}
.pw-cost-bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#1FA971,#F5A623 55%,var(--accent));background-size:var(--full,400px) 100%;transition:width .6s cubic-bezier(.2,.8,.2,1)}
.pw-cost-tx{grid-column:2;font-size:13px;color:var(--muted);line-height:1.45;min-height:1.45em}
.pw-cost-note{margin:16px 0 0;font-size:12.5px;color:var(--muted)}
.pw-acc-count{margin-top:18px;font-size:15px;color:var(--muted)}
.pw-acc-count b{font:800 28px/1 var(--font-display);color:var(--accent)}
.pw-acc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pw-acc label{display:flex;gap:12px;height:100%;padding:14px 16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);cursor:pointer;transition:border-color .2s,background .2s}
.pw-acc label:hover{border-color:var(--accent)}
.pw-acc input{flex:none;width:18px;height:18px;margin-top:2px;accent-color:#1FA971}
.pw-acc span{font-size:13.5px;color:var(--muted);line-height:1.45}
.pw-acc b{display:block;font-size:14.5px;color:var(--ink);margin-bottom:2px}
.pw-acc label:has(input:checked){border-color:#1FA971;background:color-mix(in srgb,#1FA971 7%,var(--surface))}
.pw-delay{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pw-delay>div{padding:22px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.pw-delay h3{margin-bottom:8px}
.pw-delay p{margin:0;font-size:14.5px;color:var(--text);line-height:1.6}
@media (max-width:991.98px){
  .pw-split,.pw-edits{grid-template-columns:1fr;gap:18px}
  .pw-delay{grid-template-columns:1fr}
}
@media (max-width:575.98px){
  .pw-wrap{padding:8px 0 48px}.pw-chip{right:auto;left:50%;transform:translateX(-50%);animation:none}.pw{padding:18px}.pw-line button{width:30px;height:30px}.pw-bar{margin:-17px 15px 22px}
  .pw-acc{grid-template-columns:1fr}
  .pw-cost-rows li{grid-template-columns:96px minmax(0,1fr)}
  .pw-cost-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.pw-cost-tabs button{flex:none}
}
@media (prefers-reduced-motion:reduce){.pw-file.is-new{animation:none}}

/* ===== /udalennaya-rabota: часы «у вас / у нас», каналы, документы ===== */
.rw-wrap{position:relative;padding:12px 0 52px}
.rw{max-width:470px;margin-left:auto;padding:20px 22px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.rw-pick{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px}
.rw-pick span{font:600 11px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.rw-pick select{height:38px;max-width:62%;padding:0 34px 0 12px;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E") no-repeat right 12px center;font:700 14px/1 var(--font);color:var(--ink);appearance:none;cursor:pointer}
.rw-clocks{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-bottom:18px}
.rw-clocks>div:last-child{text-align:right}
.rw-clocks small{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}
.rw-clocks b{font:800 34px/1 var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums}
.rw-clocks>div:last-child b{color:var(--muted)}
.rw-diff{padding:6px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font:800 13px/1 var(--font);white-space:nowrap}
.rw-diff.is-new{animation:counter-jolt .5s}
.rw-day{display:grid;gap:8px}
.rw-day-row{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px}
.rw-day-row span{font-size:12px;font-weight:600;color:var(--muted)}
.rw-track{position:relative;display:block;height:12px;border-radius:6px;background:var(--surface-2);overflow:hidden;font-style:normal}
.rw-track em{position:absolute;top:0;bottom:0;border-radius:6px;background:var(--line-strong);transition:left .6s cubic-bezier(.2,.8,.2,1),width .6s cubic-bezier(.2,.8,.2,1)}
.rw-day-row:first-child .rw-track em{background:color-mix(in srgb,var(--accent) 45%,var(--surface-2))}
.rw-day-row--both span{color:var(--ink)}
.rw-day-row--both .rw-track em{background:#1FA971}
.rw-track::after{content:"";position:absolute;top:-2px;bottom:-2px;left:var(--now,50%);width:2px;background:var(--ink);opacity:.5}
.rw-hint{margin:14px 0 0;font-size:13.5px;color:var(--text);line-height:1.5;min-height:3em}
.rw-chip{right:-2%;bottom:0}
.rw-how,.rw-docs{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:24px 56px;align-items:start}
.rw-docs .mock-note{grid-column:1/-1}
.rw-ch{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rw-ch li{display:flex;gap:14px;padding:18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);transition:border-color .2s,transform .3s cubic-bezier(.3,1.6,.5,1)}
.rw-ch li:hover{border-color:var(--accent);transform:translateY(-2px)}
.rw-ch svg{flex:none;width:40px;height:40px;padding:9px;border-radius:12px;background:var(--accent-soft);color:var(--accent)}
.rw-ch b{display:block;color:var(--ink);margin-bottom:4px}
.rw-ch span{font-size:14px;color:var(--muted);line-height:1.5}
.rw-paper{list-style:none;counter-reset:rwp;margin:0;padding:0;display:grid;gap:12px}
.rw-paper li{counter-increment:rwp;display:grid;grid-template-columns:44px minmax(0,1fr);gap:2px 16px;padding:18px 20px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.rw-paper li::before{content:counter(rwp);grid-row:span 2;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--accent);color:var(--on-accent);font:800 16px/1 var(--font-display)}
.rw-paper b{font:700 17px/1.3 var(--font-display);color:var(--ink)}
.rw-paper span{font-size:14.5px;color:var(--muted);line-height:1.55}
.rw-hard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.rw-hard>div{padding:22px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.rw-hard h3{margin-bottom:8px}
.rw-hard p{margin:0;font-size:14.5px;color:var(--text);line-height:1.6}
@media (max-width:1199.98px){.rw-hard{grid-template-columns:1fr 1fr}}
@media (max-width:991.98px){.rw-how,.rw-docs{grid-template-columns:1fr;gap:18px}}
@media (max-width:575.98px){
  .rw-wrap{padding:8px 0 48px}.rw-chip{right:auto;left:50%;transform:translateX(-50%);animation:none}.rw{padding:18px}
  .rw-clocks b{font-size:28px}.rw-ch,.rw-hard{grid-template-columns:1fr}
}

/* ===== /tehnologii-i-standarty: прогон проверок, угрозы, картинки под экран ===== */
.tk-wrap{position:relative;padding:12px 0 52px}
.tk{max-width:490px;margin-left:auto;border-radius:16px;background:#121722;border:1px solid #232A38;box-shadow:var(--shadow-lg);overflow:hidden;transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.tk-bar{display:flex;align-items:center;gap:6px;padding:12px 14px;border-bottom:1px solid #232A38}
.tk-bar i{width:10px;height:10px;border-radius:50%;background:#3A4252}
.tk-bar i:first-child{background:#FF5F57}.tk-bar i:nth-child(2){background:#FEBC2E}.tk-bar i:nth-child(3){background:#28C840}
.tk-bar span{margin-left:8px;font:500 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#7D8699}
.tk-log{list-style:none;margin:0;padding:14px 16px 16px;display:grid;gap:7px;font:500 12.5px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;color:#C9D1E0;min-height:262px}
.tk-log li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}
.tk-log li::before{content:"›";color:#5B6478}
.tk-log li.is-in{opacity:1;transform:none}
.tk-log em{font-style:normal;white-space:nowrap;color:#3DDC97;opacity:0;transition:opacity .25s}
.tk-log li.is-done em{opacity:1}
.tk-log li.is-done em::before{content:"✓ "}
.tk-chip{right:-2%;bottom:0}
.tk-split{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:24px 56px;align-items:start}
.tk-split>.mock-note{grid-column:1/-1}
.tk-t td:first-child{font-weight:700;white-space:nowrap}
.tk-t tr:last-child td{color:var(--muted)}
.tk-lead{max-width:760px;margin-bottom:22px}
.tk-sec{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);overflow:hidden}
.tk-sec-list{display:grid;align-content:start;padding:10px;border-right:1px solid var(--line);background:var(--bg-alt)}
.tk-sec-list button{position:relative;text-align:left;border:0;background:none;padding:12px 14px 12px 36px;border-radius:10px;font:600 14px/1.35 var(--font);color:var(--text);cursor:pointer;transition:background .2s,color .2s}
.tk-sec-list button::before{content:"";position:absolute;left:14px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;border:2px solid var(--line-strong);transition:background .2s,border-color .2s}
.tk-sec-list button:hover{color:var(--ink)}
.tk-sec-list button.is-on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}
.tk-sec-list button.is-on::before{background:#1FA971;border-color:#1FA971}
.tk-sec-out{padding:30px 32px}
.tk-sec-out small{display:block;font:600 11px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;color:#1FA971;margin-bottom:10px}
.tk-sec-out b{display:block;font:800 24px/1.25 var(--font-display);color:var(--ink);margin-bottom:12px}
.tk-sec-out p{margin:0;font-size:15.5px;line-height:1.65;color:var(--text)}
.tk-sec-out.is-new b,.tk-sec-out.is-new p{animation:ascent .4s cubic-bezier(.2,.8,.2,1) both}
.tk-sec-out.is-new p{animation-delay:.06s}
.tk-also{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}
.tk-also li{position:relative;padding-left:22px;font-size:14.5px;color:var(--text)}
.tk-also li::before{content:"";position:absolute;left:0;top:6px;width:12px;height:12px;border-radius:4px;background:#1FA971;box-shadow:inset 0 0 0 3px var(--bg)}
.tk-img{padding:24px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line)}
.tk-img-w{display:grid;grid-template-columns:1fr auto;gap:10px;margin:0 0 20px}
.tk-img-w span{font-weight:700;color:var(--ink)}
.tk-img-w b{font:800 18px/1 var(--font-display);color:var(--accent);font-variant-numeric:tabular-nums}
.tk-img-w input{grid-column:1/-1;width:100%;accent-color:var(--accent)}
.tk-img-cols{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:16px;align-items:center}
.tk-img-src{padding:16px;border-radius:12px;background:var(--surface-2);border:1px dashed var(--line-strong)}
.tk-img-src small{display:block;font-size:12px;color:var(--muted)}
.tk-img-src b{display:block;margin:4px 0;color:var(--ink)}
.tk-img-src span{font-size:13px;color:#E5484D;font-weight:700}
.tk-img-out{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tk-img-out li{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);font-size:14px;color:var(--muted);transition:border-color .25s,background .25s,color .25s,transform .3s cubic-bezier(.3,1.6,.5,1)}
.tk-img-out li b{color:var(--ink)}
.tk-img-out li.is-on{border-color:#1FA971;background:color-mix(in srgb,#1FA971 8%,var(--surface));color:var(--ink);transform:translateX(-4px)}
.tk-img-say{margin:16px 0 0;font-size:14px;color:var(--text);min-height:3em}
.tk-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:6px}
.tk-nums>div{padding:24px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.tk-nums b{display:block;font:800 clamp(36px,4vw,52px)/1 var(--font-display);color:var(--accent);font-variant-numeric:tabular-nums;margin-bottom:10px}
.tk-nums span{font-size:14.5px;color:var(--text);line-height:1.55}
.tk-after{max-width:820px;margin:22px 0 0}
.tk-std{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tk-std>div{padding:22px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.tk-std svg{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--accent-soft);color:var(--accent);margin-bottom:12px}
.tk-std h3{margin-bottom:8px}
.tk-std p{margin:0;font-size:14.5px;color:var(--text);line-height:1.6}
.tk-std a{color:var(--accent)}
.tk-no{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tk-no li{padding:18px 20px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.tk-no b{display:block;color:var(--ink);margin-bottom:4px}
.tk-no b::before{content:"Нет: ";color:var(--accent)}
.tk-no span{font-size:14px;color:var(--muted);line-height:1.55}
@media (max-width:991.98px){
  .tk-split{grid-template-columns:1fr;gap:18px}
  .tk-sec{grid-template-columns:1fr}.tk-sec-list{border-right:0;border-bottom:1px solid var(--line)}
  .tk-std{grid-template-columns:1fr 1fr}
}
@media (max-width:575.98px){
  .tk-wrap{padding:8px 0 48px}.tk-chip{right:auto;left:50%;transform:translateX(-50%);animation:none}
  .tk-log{font-size:11.5px;min-height:0}.tk-log li{grid-template-columns:auto minmax(0,1fr)}.tk-log em{grid-column:2}
  .tk-sec-list{display:flex;overflow-x:auto;gap:6px;-webkit-overflow-scrolling:touch}
  .tk-sec-list button{flex:none;max-width:240px;white-space:normal}
  .tk-sec-out{padding:22px 20px}.tk-sec-out b{font-size:20px}
  .tk-img{padding:18px}.tk-img-cols,.tk-nums,.tk-std,.tk-no{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.tk-log li{opacity:1;transform:none}.tk-log em{opacity:1}.tk-sec-out.is-new b,.tk-sec-out.is-new p{animation:none}}

/* ===== /sotrudnichestvo: кто вы → кто что делает, форматы ===== */
.sp-wrap{position:relative;padding:12px 0 52px}
.sp{max-width:480px;margin-left:auto;padding:20px 22px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.sp-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.sp-tabs button{border:1px solid var(--line-strong);background:var(--surface);height:34px;padding:0 13px;border-radius:999px;font:600 13px/1 var(--font);color:var(--text);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.sp-tabs button:hover{border-color:var(--accent)}
.sp-tabs button.is-on{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.sp-flow{display:flex;align-items:center;margin-bottom:20px}
.sp-node{flex:none;display:grid;place-items:center;min-width:76px;height:40px;padding:0 12px;border-radius:12px;font:700 13px/1 var(--font);background:var(--surface-2);color:var(--ink)}
.sp-node--you{background:var(--accent-soft);color:var(--accent);transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.sp-node--you.is-new{transform:scale(1.08)}
.sp-node--we{background:var(--accent);color:var(--on-accent)}
.sp-link{position:relative;flex:1;height:2px;margin:0 6px;background:var(--line-strong);overflow:hidden}
.sp-link::after{content:"";position:absolute;top:0;left:-30%;width:30%;height:100%;background:var(--accent);animation:sp-handoff 1.8s linear infinite}
.sp-link+.sp-node+.sp-link::after{animation-delay:.9s}
@keyframes sp-handoff{to{left:100%}}
.sp-out{display:grid;gap:12px;margin:0}
.sp-out>div{padding:12px 14px;border-radius:12px;background:var(--surface-2)}
.sp-out dt{font:600 11px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.sp-out dd{margin:0;font-size:14px;line-height:1.45;color:var(--ink);min-height:2.9em}
.sp-out.is-new dd{animation:ascent .4s cubic-bezier(.2,.8,.2,1) both}
.sp-chip{right:-2%;bottom:0}
.sp-formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sp-formats>div{position:relative;padding:26px 24px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);transition:border-color .2s,transform .3s cubic-bezier(.3,1.6,.5,1)}
.sp-formats>div:hover{border-color:var(--accent);transform:translateY(-3px)}
.sp-f-n{font:800 14px/1 var(--font-display);color:var(--accent)}
.sp-formats h3{margin:12px 0 10px;font-size:22px}
.sp-formats p{font-size:14.5px;color:var(--text);line-height:1.6}
.sp-formats ul{list-style:none;margin:14px 0 0;padding:14px 0 0;border-top:1px solid var(--line);display:grid;gap:6px}
.sp-formats li{position:relative;padding-left:20px;font-size:14px;color:var(--ink)}
.sp-formats li::before{content:"";position:absolute;left:0;top:6px;width:10px;height:10px;border-radius:50%;background:var(--accent-soft);box-shadow:inset 0 0 0 3px var(--accent)}
.sp-why{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:24px 56px;align-items:start}
.sp-why .mock-note{grid-column:1/-1}
.sp-gets{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sp-gets li{display:flex;gap:14px;padding:18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.sp-gets svg{flex:none;width:40px;height:40px;padding:9px;border-radius:12px;background:var(--accent-soft);color:var(--accent)}
.sp-gets b{display:block;color:var(--ink);margin-bottom:4px}
.sp-gets span{font-size:14px;color:var(--muted);line-height:1.5}
.sp-gets a,.sp-mail a{color:var(--accent)}
.sp-steps{grid-template-columns:repeat(4,1fr)}
.sp-mail{margin:26px 0 0;font-size:16px;color:var(--text)}
.sp-mail a{font-weight:700}
@media (max-width:991.98px){.sp-formats{grid-template-columns:1fr}.sp-why{grid-template-columns:1fr;gap:18px}.sp-steps{grid-template-columns:1fr 1fr}}
@media (max-width:575.98px){
  .sp-wrap{padding:8px 0 48px}.sp-chip{right:auto;left:50%;transform:translateX(-50%);animation:none;white-space:normal;height:auto;min-height:36px;padding:8px 12px;width:max-content;max-width:92%}
  .sp{padding:18px}.sp-node{min-width:0;padding:0 10px}.sp-gets,.sp-steps{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.sp-link::after{animation:none;left:35%}.sp-out.is-new dd{animation:none}}

/* ===== /mobil-nye-prilozheniya: способ разработки, «нужно ли приложение», серверная основа ===== */
.mp-wrap{position:relative;padding:12px 0 52px}
.mp{max-width:540px;margin-left:auto;padding:20px 22px 22px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.mp-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:12px;background:var(--surface-2);margin-bottom:18px}
.mp-seg button{border:0;background:none;height:36px;border-radius:9px;font:600 13px/1 var(--font);color:var(--muted);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.mp-seg button:hover{color:var(--ink)}
.mp-seg button.is-on{background:var(--surface);color:var(--ink);box-shadow:0 2px 8px rgba(17,19,24,.1)}
.mp-body{display:grid;grid-template-columns:172px minmax(0,1fr);gap:20px;align-items:center}
.mp-phone{position:relative;height:340px;padding:8px;border-radius:30px;background:var(--ink);transition:border-radius .5s}
[data-theme="dark"] .mp-phone{background:#2A303B}
.mp-notch{position:absolute;left:50%;top:13px;width:52px;height:14px;margin-left:-26px;border-radius:8px;background:inherit;z-index:2}
.mp-screen{position:relative;height:100%;border-radius:23px;background:var(--bg);overflow:hidden;display:flex;flex-direction:column}
.mp-status{display:flex;justify-content:space-between;align-items:center;padding:30px 12px 0 14px;font:700 9px/1 var(--font);color:var(--muted)}
.mp-status [data-mp-where]{padding:3px 6px;border-radius:6px;background:var(--surface-2);transition:background .3s,color .3s}
.mp[data-k="pwa"] .mp-status [data-mp-where]{background:var(--accent-soft);color:var(--accent)}
.mp-app{flex:1;padding:12px 10px 8px;display:flex;flex-direction:column;gap:8px}
.mp-app-t{font:800 14px/1 var(--font-display);color:var(--ink);margin-bottom:2px}
.mp-card{display:flex;gap:8px;align-items:center;padding:9px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}
.mp-card i{flex:none;width:26px;height:26px;border-radius:8px;background:var(--accent-soft)}
.mp-card b{display:block;font-size:11px;color:var(--ink)}
.mp-card small{font-size:9.5px;color:var(--muted)}
.mp-push{display:flex;gap:7px;align-items:center;padding:8px 9px;border-radius:12px;background:var(--surface);box-shadow:0 8px 20px rgba(17,19,24,.16);margin-top:auto;transform:translateY(-6px);opacity:0;transition:transform .45s cubic-bezier(.3,1.6,.5,1),opacity .3s}
.mp-push.is-on{transform:none;opacity:1}
.mp-push svg{flex:none;width:22px;height:22px;padding:4px;border-radius:7px;background:var(--accent);color:var(--on-accent)}
.mp-push b{display:block;font-size:10px;color:var(--ink);line-height:1.25}
.mp-push small{font-size:9px;color:var(--muted)}
.mp-tab{display:flex;justify-content:space-around;padding:9px 12px 12px;border-top:1px solid var(--line);transition:opacity .3s}
.mp-tab i{width:16px;height:4px;border-radius:2px;background:var(--line-strong)}
.mp-tab i:first-child{background:var(--accent)}
.mp[data-k="pwa"] .mp-tab{opacity:.35}
.mp[data-k="native"] .mp-phone{border-radius:34px}
.mp-spec{display:grid;gap:8px;margin:0}
.mp-spec>div{padding:9px 12px;border-radius:10px;background:var(--surface-2)}
.mp-spec dt{font:600 10.5px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.mp-spec dd{margin:0;font-size:13.5px;line-height:1.4;color:var(--ink)}
.mp-spec .mp-spec-sum{background:var(--accent-soft)}
.mp-spec .mp-spec-sum dd{font:800 18px/1.1 var(--font-display);color:var(--accent)}
.mp-spec.is-new dd{animation:ascent .4s cubic-bezier(.2,.8,.2,1) both}
.mp-spec.is-new>div:nth-child(2) dd{animation-delay:.04s}.mp-spec.is-new>div:nth-child(3) dd{animation-delay:.08s}
.mp-spec.is-new>div:nth-child(4) dd{animation-delay:.12s}.mp-spec.is-new>div:nth-child(5) dd{animation-delay:.16s}
.mp-chip{right:-2%;bottom:0}
.mp-need{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:24px 56px;align-items:start}
.mp-quiz ol{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:q}
.mp-quiz li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);counter-increment:q;transition:border-color .2s}
.mp-quiz li>span:first-child{font-size:15px;color:var(--ink);line-height:1.45}
.mp-quiz li>span:first-child::before{content:counter(q,decimal-leading-zero);font:800 13px/1 var(--font-display);color:var(--accent);margin-right:10px}
.mp-quiz li.is-done{border-color:var(--line-strong)}
.mp-yn{flex:none;display:flex;gap:4px}
.mp-yn button{height:34px;min-width:52px;padding:0 12px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);font:600 13px/1 var(--font);color:var(--text);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.mp-yn button:hover{border-color:var(--accent)}
.mp-yn button.is-on{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.mp-verdict{margin-top:14px;padding:20px 22px;border-radius:var(--radius-lg);background:var(--accent-soft);border:1px solid transparent}
.mp-verdict b{display:block;font:800 20px/1.25 var(--font-display);color:var(--ink);margin-bottom:6px}
.mp-verdict p{margin:0;font-size:15px;color:var(--text);line-height:1.55}
.mp-verdict a{color:var(--accent);font-weight:600}
.mp-verdict.is-new b,.mp-verdict.is-new p{animation:ascent .4s cubic-bezier(.2,.8,.2,1) both}
.mp-t td:first-child{font-weight:600;color:var(--ink);white-space:nowrap}
.mp-t td{width:27%}.mp-t td:first-child{width:19%}
.mp-t td b{color:var(--ink)}
.mp-t-note{margin:18px 0 0;font-size:15px}
.mp-t-note a,.mp-base a{color:var(--accent)}
.mp-base{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:24px 56px;align-items:start}
.mp-base .mock-note{grid-column:1/-1}
.mp-base-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mp-base-col{padding:22px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line)}
.mp-base-col--todo{background:var(--surface-2);border-style:dashed;border-color:var(--line-strong)}
.mp-base-col h3{display:flex;align-items:center;gap:10px;font-size:18px;margin-bottom:14px}
.mp-base-col h3 svg{width:36px;height:36px;padding:8px;border-radius:10px;background:var(--accent-soft);color:var(--accent)}
.mp-base-col ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mp-base-col li{position:relative;padding-left:20px;font-size:14px;line-height:1.5;color:var(--muted)}
.mp-base-col li b{color:var(--ink);font-weight:600}
.mp-base-col li::before{content:"";position:absolute;left:0;top:7px;width:9px;height:9px;border-radius:50%;background:var(--accent)}
.mp-base-col--todo li::before{background:none;box-shadow:inset 0 0 0 2px var(--accent)}
.mp-terms{margin:18px 0 0;font-size:14px}
@media (max-width:991.98px){.mp-need,.mp-base{grid-template-columns:1fr;gap:18px}}
@media (max-width:575.98px){
  .mp-wrap{padding:8px 0 48px}.mp-chip{right:auto;left:50%;transform:translateX(-50%);animation:none;white-space:normal;height:auto;min-height:36px;padding:8px 12px;width:max-content;max-width:92%}
  .mp{padding:16px}.mp-seg button{font-size:11.5px;padding:0 2px}
  .mp-body{grid-template-columns:120px minmax(0,1fr);gap:12px}.mp-phone{height:250px;padding:6px;border-radius:24px}.mp-screen{border-radius:19px}
  .mp-app{padding:12px 7px 6px;gap:6px}.mp-card{padding:6px}.mp-card i{width:18px;height:18px}.mp-app .mp-card:nth-of-type(2),.mp-tab{display:none}.mp-status [data-mp-where]{white-space:nowrap}
  .mp-spec>div{padding:7px 10px}.mp-spec dd{font-size:12.5px}.mp-spec .mp-spec-sum dd{font-size:16px}
  .mp-quiz li{flex-direction:column;align-items:flex-start;gap:10px}
  .mp-base-cols{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.mp-spec.is-new dd,.mp-verdict.is-new b,.mp-verdict.is-new p{animation:none}.mp-push{transition:none}}

/* ===== /prilozheniya-dlya-biznesa: телефон мастера ↔ доска офиса, роли, расчёт ручной работы ===== */
.bzp-wrap{position:relative;padding:12px 0 52px}
.bzp{display:grid;grid-template-columns:170px 44px minmax(0,1fr);align-items:center;max-width:560px;margin-left:auto;transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.bzp-cap{display:block;font:600 10px/1.2 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.bzp-phone{position:relative;height:330px;padding:8px;border-radius:30px;background:var(--ink);box-shadow:var(--shadow-lg)}
[data-theme="dark"] .bzp-phone{background:#2A303B}
.bzp-notch{position:absolute;left:50%;top:13px;width:50px;height:13px;margin-left:-25px;border-radius:8px;background:inherit;z-index:2}
.bzp-screen{height:100%;border-radius:23px;background:var(--bg);padding:34px 10px 12px;display:flex;flex-direction:column}
.bzp-task{padding:11px;border-radius:12px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:5px}
.bzp-task b{font-size:12.5px;color:var(--ink)}
.bzp-task>span{font-size:10px;color:var(--muted)}
.bzp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:4px}
.bzp-steps i{height:4px;border-radius:2px;background:var(--line);transition:background .4s}
.bzp-steps i.is-on{background:var(--accent)}
.bzp-task em{font:700 11px/1 var(--font);font-style:normal;color:var(--accent)}
.bzp-photo{display:flex;align-items:center;gap:5px;font-size:9.5px!important;color:var(--ink)!important;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}
.bzp-photo svg{width:12px;height:12px;color:var(--accent)}
.bzp-photo.is-on{opacity:1;transform:none}
.bzp-btn{margin-top:auto;display:grid;place-items:center;height:34px;border-radius:10px;background:var(--accent);color:var(--on-accent);font:700 12px/1 var(--font);transition:transform .2s}
.bzp-btn.is-tap{transform:scale(.94)}
.bzp-sync{display:flex;justify-content:center;gap:5px}
.bzp-sync i{width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.25;animation:bzp-relay 1.2s ease-in-out infinite}
.bzp-sync i:nth-child(2){animation-delay:.2s}.bzp-sync i:nth-child(3){animation-delay:.4s}
@keyframes bzp-relay{50%{opacity:1;transform:scale(1.3)}}
.bzp-office{position:relative;padding:16px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg)}
.bzp-cols{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;height:190px}
.bzp-cols>div{border-radius:10px;background:var(--surface-2);padding:8px 6px}
.bzp-cols b{display:block;font:600 10.5px/1 var(--font);color:var(--muted)}
.bzp-card{--c:0;position:absolute;left:calc(var(--c) * (100% + 6px) / 3 + 6px);top:30px;width:calc((100% - 12px) / 3 - 12px);padding:8px;border-radius:9px;background:var(--surface);border:1px solid var(--accent);box-shadow:0 0 0 3px var(--accent-soft);transition:left .7s cubic-bezier(.65,0,.35,1)}
.bzp-card b{display:block;font-size:11px;color:var(--ink)}
.bzp-card span{font-size:9.5px;color:var(--muted)}
.bzp-toast{position:absolute;left:16px;right:16px;bottom:14px;display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:11px;background:var(--ink);color:var(--bg);font:600 11.5px/1.3 var(--font);opacity:0;transform:translateY(8px);transition:opacity .3s,transform .4s cubic-bezier(.3,1.6,.5,1)}
.bzp-toast svg{flex:none;width:16px;height:16px;color:var(--accent)}
.bzp-toast.is-on{opacity:1;transform:none}
.bzp-chip{right:-2%;bottom:0}
.bzp-rtabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.bzp-rtabs button{border:1px solid var(--line-strong);background:var(--surface);height:40px;padding:0 16px;border-radius:999px;font:600 14px/1 var(--font);color:var(--text);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.bzp-rtabs button:hover{border-color:var(--accent)}
.bzp-rtabs button.is-on{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.bzp-rout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.bzp-rcol{padding:22px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line)}
.bzp-rcol h3{font-size:16px;margin-bottom:12px}
.bzp-rcol ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bzp-rcol li{position:relative;padding-left:18px;font-size:14.5px;line-height:1.5;color:var(--text)}
.bzp-rcol li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:2px;background:var(--accent)}
.bzp-rcol--gain{background:var(--accent-soft);border-color:transparent}
.bzp-rcol--gain p{margin:0;font-size:15.5px;line-height:1.6;color:var(--ink)}
.bzp-rout.is-new li,.bzp-rout.is-new p{animation:ascent .4s cubic-bezier(.2,.8,.2,1) both}
.bzp-link{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:24px 56px;align-items:start}
.bzp-link .mock-note{grid-column:1/-1}
.bzp-chain{list-style:none;margin:0;padding:0;display:grid;gap:12px;position:relative}
.bzp-chain::before{content:"";position:absolute;left:23px;top:24px;bottom:24px;border-left:2px dashed var(--line-strong)}
.bzp-chain li{position:relative;display:flex;gap:16px;padding:16px 18px 16px 0}
.bzp-chain-ico{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--surface);border:1px solid var(--line);color:var(--accent);z-index:1}
.bzp-chain-ico svg{width:22px;height:22px}
.bzp-chain b{display:block;color:var(--ink);font-size:16px;margin-bottom:4px}
.bzp-chain p{margin:0;font-size:14.5px;color:var(--muted);line-height:1.55}
.bzp-calc-wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:24px 56px;align-items:start}
.bzp-calc{display:grid;gap:18px;padding:26px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg)}
.bzp-calc label{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center}
.bzp-calc label span{font-size:14.5px;color:var(--text)}
.bzp-calc output{font:800 18px/1 var(--font-display);color:var(--ink);min-width:3ch;text-align:right}
.bzp-calc input{grid-column:1/-1;width:100%;accent-color:var(--accent)}
.bzp-calc-out{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:18px;border-top:1px solid var(--line)}
.bzp-calc-out>div{padding:14px 16px;border-radius:12px;background:var(--surface-2)}
.bzp-calc-out>div:nth-child(2){background:var(--accent-soft)}
.bzp-calc-out small{display:block;font-size:12.5px;color:var(--muted);margin-bottom:6px}
.bzp-calc-out b{font:800 26px/1 var(--font-display);color:var(--ink)}
.bzp-calc-out>div:nth-child(2) b{color:var(--accent)}
.bzp-calc-out p{grid-column:1/-1;margin:0;font-size:13.5px;color:var(--muted);line-height:1.5}
.bzp-off{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bzp-off>div{padding:24px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line)}
.bzp-off-n{font:800 14px/1 var(--font-display);color:var(--accent)}
.bzp-off h3{margin:12px 0 8px;font-size:19px}
.bzp-off p{margin:0;font-size:14.5px;color:var(--text);line-height:1.6}
.bzp-off-note{margin:20px 0 0;font-size:15px;max-width:760px}
.bzp-calc-out a,.bzp-rcol a,.bzp-faq a{color:var(--accent)}
@media (max-width:991.98px){.bzp-rout,.bzp-off{grid-template-columns:1fr}.bzp-link,.bzp-calc-wrap{grid-template-columns:1fr;gap:18px}}
@media (max-width:575.98px){
  .bzp-wrap{padding:8px 0 48px}.bzp-chip{right:auto;left:50%;transform:translateX(-50%);animation:none;white-space:normal;height:auto;min-height:36px;padding:8px 12px;width:max-content;max-width:92%}
  .bzp{grid-template-columns:128px 22px minmax(0,1fr)}.bzp-sync{flex-direction:column;align-items:center}.bzp-sync i{width:5px;height:5px}
  .bzp-phone{height:260px;padding:6px;border-radius:24px}.bzp-screen{border-radius:19px;padding:28px 7px 9px}.bzp-task{padding:8px}.bzp-task b{font-size:11px}
  .bzp-office{padding:10px}.bzp-cols{height:170px;gap:4px}.bzp-cols>div{padding:6px 4px}.bzp-cols b{font-size:9px}
  .bzp-card{left:calc(var(--c) * (100% + 4px) / 3 + 3px);top:26px;width:calc((100% - 8px) / 3 - 6px);padding:6px 5px}.bzp-card b{font-size:9.5px}.bzp-card span{font-size:8.5px}
  .bzp-toast{left:10px;right:10px;bottom:10px;font-size:10px;padding:7px}
  .bzp-rtabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-right:-16px;padding-right:16px}.bzp-rtabs button{flex:none}
  .bzp-calc{padding:18px}.bzp-calc-out b{font-size:21px}
}
@media (prefers-reduced-motion:reduce){.bzp-sync i{animation:none;opacity:.6}.bzp-card{transition:none}.bzp-rout.is-new li,.bzp-rout.is-new p{animation:none}}

/* ===== /razrabotka-tz-dlya-prilozhenij: карта экранов, нарезка первой версии, состав, требование ===== */
.tzm-wrap{position:relative;padding:12px 0 52px}
.tzm{position:relative;max-width:540px;margin-left:auto;aspect-ratio:500/340;padding:0;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:18px 18px;transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.tzm-arrows{position:absolute;inset:28px 24px 44px;width:calc(100% - 48px);height:calc(100% - 72px);overflow:visible}
.tzm-arrows path{fill:none;stroke:var(--accent);stroke-width:2;stroke-dasharray:6 5;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .4s}
.tzm-arrows path.is-on{opacity:1;animation:tzm-wire 1s linear infinite}
@keyframes tzm-wire{to{stroke-dashoffset:-22}}
.tzm-node{position:absolute;left:calc(24px + var(--x) * (100% - 48px));top:calc(28px + var(--y) * (100% - 72px));transform:translate(-50%,-50%) scale(.6);display:flex;flex-direction:column;align-items:center;gap:5px;width:84px;padding:8px 6px 7px;border-radius:12px;background:var(--surface);border:1px solid var(--line-strong);font:700 11.5px/1 var(--font);color:var(--ink);opacity:0;transition:opacity .35s,transform .45s cubic-bezier(.3,1.6,.5,1),border-color .3s}
.tzm-node i{display:block;width:22px;height:34px;border-radius:5px;border:2px solid var(--line-strong);background:linear-gradient(var(--accent-soft) 0 30%,transparent 30%)}
.tzm-node.is-on{opacity:1;transform:translate(-50%,-50%)}
.tzm-node.is-new{border-color:var(--accent)}
.tzm-node.is-new i{border-color:var(--accent)}
.tzm-count{position:absolute;left:16px;bottom:12px;font:600 12px/1 var(--font);color:var(--muted);padding:6px 10px;border-radius:999px;background:var(--surface-2)}
.tzm-chip{right:-2%;bottom:0}
.tzm-lead{max-width:720px;margin:-8px 0 24px}
.tzm-mvp{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:20px;align-items:start}
.tzm-feats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tzm-feats li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);transition:border-color .2s,background .2s}
.tzm-feats li.is-now{border-color:var(--accent);background:var(--accent-soft)}
.tzm-feats b{display:block;font-size:14.5px;color:var(--ink);line-height:1.3}
.tzm-feats small{font-size:12.5px;color:var(--muted)}
.tzm-feats button{flex:none;height:30px;min-width:76px;padding:0 10px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);font:600 12.5px/1 var(--font);color:var(--muted);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.tzm-feats button:hover:not(:disabled){border-color:var(--accent);color:var(--ink)}
.tzm-feats button.is-now{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.tzm-feats button:disabled{cursor:default;opacity:.85}
.tzm-sum{position:sticky;top:96px;display:grid;gap:10px;padding:20px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg)}
.tzm-sum>div{padding:14px 16px;border-radius:12px;background:var(--surface-2)}
.tzm-sum .tzm-sum-now{background:var(--accent-soft)}
.tzm-sum small{display:block;font:600 11px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.tzm-sum b{display:block;font:800 26px/1.05 var(--font-display);color:var(--ink)}
.tzm-sum-now b{color:var(--accent)}
.tzm-sum span{font-size:13.5px;color:var(--muted)}
.tzm-sum p{margin:4px 0 0;font-size:13.5px;line-height:1.5;color:var(--text)}
.tzm-sum b.is-bump{animation:counter-jolt .35s}
.tzm-note{margin:14px 0 0;font-size:13.5px}
.tzm-parts{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:24px 56px;align-items:start}
.tzm-parts .mock-note{grid-column:1/-1}
.tzm-acc{display:grid;gap:8px}
.tzm-acc details{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);transition:border-color .2s}
.tzm-acc details[open]{border-color:var(--accent)}
.tzm-acc summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:16px 18px;font-weight:700;font-size:16px;color:var(--ink)}
.tzm-acc summary::-webkit-details-marker{display:none}
.tzm-acc summary span{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--accent-soft);color:var(--accent);font:800 12px/1 var(--font-display)}
.tzm-acc summary::after{content:"";margin-left:auto;width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .2s}
.tzm-acc details[open] summary::after{transform:rotate(-135deg)}
.tzm-acc p{margin:0;padding:0 18px 18px 66px;font-size:15px;line-height:1.6;color:var(--text)}
.tzm-req-wrap{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:24px 56px;align-items:start}
.tzm-req{padding:24px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg)}
.tzm-req-sw{display:inline-grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:var(--surface-2);margin-bottom:18px}
.tzm-req-sw button{border:0;background:none;height:36px;padding:0 16px;border-radius:9px;font:600 13.5px/1 var(--font);color:var(--muted);cursor:pointer}
.tzm-req-sw button.is-on{background:var(--surface);color:var(--ink);box-shadow:0 2px 8px rgba(17,19,24,.1)}
.tzm-req-txt p{margin:0;font-size:17px;line-height:1.75;color:var(--ink)}
.tzm-req-txt[data-tzmr-bad] p{color:var(--muted);font-style:italic}
.tzm-req-txt mark{background:var(--accent-soft);color:var(--ink);padding:1px 4px;border-radius:5px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.tzm-req-txt.is-new mark{animation:tzm-hl .8s ease-out both}
.tzm-req-txt.is-new mark:nth-of-type(2){animation-delay:.1s}.tzm-req-txt.is-new mark:nth-of-type(3){animation-delay:.2s}
.tzm-req-txt.is-new mark:nth-of-type(4){animation-delay:.3s}.tzm-req-txt.is-new mark:nth-of-type(5){animation-delay:.4s}.tzm-req-txt.is-new mark:nth-of-type(6){animation-delay:.5s}
@keyframes tzm-hl{from{background:transparent}}
.tzm-req-tags{list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px;min-height:46px}
.tzm-req-tags li{padding:6px 10px;border-radius:999px;font:600 12.5px/1 var(--font);background:var(--surface-2);color:var(--muted)}
.tzm-req-tags li.is-ok{background:var(--accent-soft);color:var(--accent)}
.tzm-steps{grid-template-columns:repeat(5,1fr)}
@media (max-width:991.98px){.tzm-mvp,.tzm-parts,.tzm-req-wrap{grid-template-columns:1fr;gap:18px}.tzm-sum{position:static}.tzm-steps{grid-template-columns:1fr 1fr}}
@media (max-width:575.98px){
  .tzm-wrap{padding:8px 0 48px}.tzm-chip{right:auto;left:50%;transform:translateX(-50%);animation:none;white-space:normal;height:auto;min-height:36px;padding:8px 12px;width:max-content;max-width:92%}
  .tzm{aspect-ratio:500/420}.tzm-node{width:60px;padding:5px 3px;font-size:9.5px;gap:3px}.tzm-node i{width:15px;height:22px;border-width:1.5px}
  .tzm-arrows{inset:22px 12px 36px;width:calc(100% - 24px);height:calc(100% - 58px)}
  .tzm-node{left:calc(12px + var(--x) * (100% - 24px));top:calc(22px + var(--y) * (100% - 58px))}
  .tzm-count{left:10px;bottom:8px;font-size:10.5px}
  .tzm-feats{grid-template-columns:1fr}.tzm-acc p{padding-left:18px}.tzm-req{padding:18px}.tzm-req-txt p{font-size:15.5px}.tzm-steps{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.tzm-arrows path.is-on{animation:none}.tzm-node{transition:none}.tzm-req-txt.is-new mark,.tzm-sum b.is-bump{animation:none}}

/* ===== /sozdanie-prilozhenij-dlya-ios: проверка App Store в телефоне, правила, оплата, технологии ===== */
.ios-wrap{position:relative;display:flex;justify-content:center;padding:10px 0 40px}
.ios-phone{position:relative;width:300px;padding:14px;border-radius:46px;background:#111318;box-shadow:var(--shadow-lg),inset 0 0 0 2px rgba(255,255,255,.14);transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.ios-notch{position:absolute;left:50%;top:24px;width:92px;height:26px;margin-left:-46px;border-radius:999px;background:#111318;z-index:2}
.ios-screen{position:relative;min-height:540px;padding:58px 16px 18px;border-radius:34px;background:var(--surface);overflow:hidden}
.ios-head small{display:block;font:600 11px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.ios-head b{display:block;font:800 22px/1.15 var(--font-display);color:var(--ink);margin-bottom:16px}
.ios-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ios-list li{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border-radius:14px;background:var(--surface-2);font-size:13px;line-height:1.35;color:var(--text);transition:background .3s}
.ios-list li b{color:var(--ink);margin-right:4px}
.ios-list i{position:relative;width:22px;height:22px;border-radius:50%;border:2px solid var(--line-strong);transition:border-color .3s,background .3s}
.ios-list i::after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid var(--on-accent);border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
.ios-list li.is-ok i{border-color:#1FA971;background:#1FA971}
.ios-list li.is-ok i::after{transform:rotate(45deg) scale(1)}
.ios-list li.is-bad{background:color-mix(in srgb,#E5484D 12%,var(--surface-2))}
.ios-list li.is-bad i{border-color:#E5484D;background:#E5484D}
.ios-list li.is-bad i::after{left:9px;top:3px;width:0;height:12px;border-width:0 2px 0 0;transform:rotate(0) scale(1)}
.ios-list em{grid-column:2;display:block;max-height:0;overflow:hidden;font-style:normal;font-size:12px;font-weight:600;color:#E5484D;transition:max-height .35s,color .3s}
.ios-list li.is-bad em,.ios-list li.is-fixed em{max-height:40px}
.ios-list li.is-fixed em{color:#1FA971}
.ios-status{margin-top:14px;display:flex;justify-content:center}
.ios-status span{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;background:var(--surface-2);font:700 12.5px/1 var(--font);color:var(--muted);transition:background .3s,color .3s}
.ios-status span::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;animation:beacon-ping 1.4s ease-in-out infinite}
.ios-status.is-ready span{background:color-mix(in srgb,#1FA971 16%,transparent);color:#178A5C}
.ios-status.is-ready span::before{animation:none}
.ios-chip{right:2%;bottom:10%}
.ios-intro{max-width:760px;margin:-12px 0 26px}
.ios-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ios-rules article{display:flex;flex-direction:column;padding:24px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);transition:border-color .2s,transform .3s cubic-bezier(.3,1.6,.5,1)}
.ios-rules article:hover{border-color:var(--accent);transform:translateY(-3px)}
.ios-rn{align-self:flex-start;padding:5px 10px;border-radius:8px;background:var(--accent-soft);font:800 13px/1 var(--font-display);color:var(--accent)}
.ios-rules h3{margin:14px 0 8px;font-size:18px}
.ios-rules p{font-size:14.5px;line-height:1.55;color:var(--text);margin:0 0 12px}
.ios-rules .ios-we{margin:auto 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:14px;color:var(--ink)}
.ios-pay{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 56px;align-items:start}
.ios-paybox{padding:22px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.ios-paytabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
.ios-paytabs button{border:1px solid var(--line-strong);background:var(--surface);height:36px;padding:0 14px;border-radius:999px;font:600 13px/1 var(--font);color:var(--text);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.ios-paytabs button:hover{border-color:var(--accent)}
.ios-paytabs button.is-on{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.ios-payout{padding:20px;border-radius:var(--radius);background:var(--surface-2);min-height:190px}
.ios-paytag{display:inline-block;padding:5px 10px;border-radius:999px;font:700 12px/1 var(--font);background:color-mix(in srgb,#1FA971 16%,transparent);color:#178A5C;margin-bottom:12px}
.ios-paytag.is-iap{background:var(--accent-soft);color:var(--accent)}
.ios-payout b{display:block;font:800 20px/1.25 var(--font-display);color:var(--ink);margin-bottom:8px}
.ios-payout p{font-size:15px;line-height:1.55;color:var(--text);margin:0 0 10px}
.ios-payout small{font-size:13px;color:var(--muted)}
.ios-payout.is-new b,.ios-payout.is-new p{animation:ascent .4s cubic-bezier(.2,.8,.2,1) both}
.ios-t td{white-space:normal!important;text-align:left!important;font-weight:400!important;color:var(--text)!important;vertical-align:top}
.ios-t td:first-child{font-weight:700!important;color:var(--ink)!important}
.ios-path{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;counter-reset:none}
.ios-path li{position:relative;padding:20px 18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.ios-path li::after{content:"";position:absolute;top:32px;right:-14px;width:14px;height:2px;background:var(--line-strong)}
.ios-path li:last-child::after{display:none}
.ios-path span{font:800 14px/1 var(--font-display);color:var(--accent)}
.ios-path h3{margin:10px 0 8px;font-size:16px}
.ios-path p{font-size:13.5px;line-height:1.5;color:var(--muted);margin:0}
.ios-path a{color:var(--accent)}
.ios-srv{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:24px 56px;align-items:start}
.ios-srv .mock-note{grid-column:1/-1}
.ios-srvlist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ios-srvlist li{padding:18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.ios-srvlist b{display:block;color:var(--ink);margin-bottom:4px}
.ios-srvlist span{font-size:14px;color:var(--muted);line-height:1.5}
.ios-srvlist .ios-srv-todo{border-style:dashed;background:transparent}
.ios-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ios-tier{display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line)}
.ios-tier--main{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.ios-tier-tag{align-self:flex-start;padding:4px 10px;border-radius:999px;background:var(--bg-alt);font:600 12px/1 var(--font);color:var(--muted)}
.ios-tier h3{font-size:20px;margin:0}
.ios-tier .sum{font:800 30px/1 var(--font-display);color:var(--ink)}
.ios-tier .sum small{font-size:16px;font-weight:600;color:var(--muted)}
.ios-tier p{font-size:14.5px;line-height:1.55;color:var(--text);margin:0}
@media (max-width:1199.98px){.ios-path{grid-template-columns:repeat(3,minmax(0,1fr))}.ios-path li:nth-child(3)::after{display:none}}
@media (max-width:991.98px){.ios-rules{grid-template-columns:1fr 1fr}.ios-pay,.ios-srv{grid-template-columns:1fr;gap:18px}.ios-tiers{grid-template-columns:1fr}}
@media (max-width:575.98px){
  .ios-path{grid-template-columns:1fr 1fr}
  .ios-wrap{padding:4px 0 44px}.ios-phone{width:276px}.ios-screen{min-height:0}
  .ios-chip{right:auto;left:50%;bottom:0;transform:translateX(-50%);animation:none}
  .ios-rules,.ios-srvlist{grid-template-columns:1fr}
  .ios-path li::after{display:none}
  .ios-paybox{padding:16px}.ios-paytabs button{font-size:12.5px;padding:0 11px}
}
@media (prefers-reduced-motion:reduce){.ios-status span::before{animation:none}.ios-payout.is-new b,.ios-payout.is-new p{animation:none}}

/* ===== /sozdanie-prilozhenij-dlya-android: магазины в телефоне, классы ширины экрана, проверка ===== */
.adr-wrap{position:relative;display:flex;justify-content:center;padding:10px 0 40px}
.adr-phone{position:relative;width:300px;padding:12px;border-radius:38px;background:#1B212C;box-shadow:var(--shadow-lg),inset 0 0 0 2px rgba(255,255,255,.12);transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.adr-cam{position:absolute;left:50%;top:24px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#111318;box-shadow:inset 0 0 0 2px #2b3442;z-index:2}
.adr-screen{min-height:520px;padding:46px 16px 18px;border-radius:28px;background:var(--surface);overflow:hidden}
.adr-tabs{display:flex;padding:3px;border-radius:999px;background:var(--surface-2);margin-bottom:18px}
.adr-tabs button{flex:1;border:0;background:none;height:34px;border-radius:999px;font:700 13px/1 var(--font);color:var(--muted);cursor:pointer;transition:background .2s,color .2s}
.adr-tabs button.is-on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}
.adr-card{display:flex;gap:12px;align-items:center;margin-bottom:16px}
.adr-logo{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;font:800 16px/1 var(--font-display);color:#fff;background:linear-gradient(135deg,#1FA971,#1a73e8);transition:background .4s,transform .4s cubic-bezier(.3,1.6,.5,1)}
.adr-logo.is-rs{background:linear-gradient(135deg,#0077ff,#2fa6ff)}
.adr-logo.is-new{transform:rotate(-8deg) scale(1.08)}
.adr-card b{display:block;font:800 18px/1.2 var(--font-display);color:var(--ink)}
.adr-card small{font-size:12.5px;color:var(--muted)}
.adr-req{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px;counter-reset:r}
.adr-req li{counter-increment:r;display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border-radius:12px;background:var(--surface-2);font-size:13px;line-height:1.4;color:var(--text);animation:ascent .45s cubic-bezier(.2,.8,.2,1) both}
.adr-req li::before{content:counter(r);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font:800 12px/1 var(--font)}
.adr-req li b{color:var(--ink)}
.adr-bar{height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}
.adr-bar i{display:block;height:100%;width:0;border-radius:inherit;background:var(--accent);transition:width 2.4s cubic-bezier(.4,0,.2,1)}
.adr-foot{margin:10px 0 0;font-size:12.5px;color:var(--muted);min-height:2.8em}
.adr-chip{left:0;bottom:12%}
.adr-intro{max-width:760px;margin:-12px 0 26px}
.adr-t td{white-space:normal!important;text-align:left!important;font-weight:400!important;color:var(--text)!important;vertical-align:top}
.adr-t td:first-child{font-weight:700!important;color:var(--ink)!important}
@media (min-width:768px){.adr-t td:first-child{width:22%}}
.adr-t tr:last-child td{color:var(--ink)!important}
.adr-sz{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 48px;align-items:center}
.adr-range{display:block;margin-top:22px}
.adr-range span{display:block;font-size:15px;color:var(--text);margin-bottom:10px}
.adr-range b{color:var(--ink)}
.adr-range em{font-style:normal;color:var(--accent);font-weight:700}
.adr-range input{width:100%;accent-color:var(--accent)}
.adr-dev{display:flex;justify-content:center;align-items:center;min-height:440px}
.adr-dev-in{--w:360;width:calc(var(--w) * 0.62px);max-width:100%;height:420px;display:flex;flex-direction:column;border-radius:22px;background:var(--surface);border:8px solid #1B212C;box-shadow:var(--shadow-lg),0 0 0 1px rgba(255,255,255,.1);overflow:hidden;transition:width .25s}
.adr-ui-top{display:flex;align-items:center;gap:10px;padding:14px 14px 10px;border-bottom:1px solid var(--line)}
.adr-ui-top i{width:18px;height:2px;background:var(--ink);box-shadow:0 -5px 0 var(--ink),0 5px 0 var(--ink)}
.adr-ui-top b{font:800 15px/1 var(--font-display);color:var(--ink)}
.adr-ui{flex:1;display:grid;grid-template-columns:1fr;min-height:0}
.adr-ui-list{list-style:none;margin:0;padding:8px;display:grid;align-content:start;gap:6px}
.adr-ui-list li{padding:9px 10px;border-radius:10px;background:var(--surface-2);font-size:12px;line-height:1.3}
.adr-ui-list li.is-on{background:var(--accent-soft)}
.adr-ui-list b{display:block;color:var(--ink);font-size:12.5px}
.adr-ui-list span{color:var(--muted)}
.adr-ui-detail{display:none;padding:14px;border-left:1px solid var(--line);font-size:12.5px}
.adr-ui-detail b{display:block;font:800 15px/1.2 var(--font-display);color:var(--ink);margin-bottom:6px}
.adr-ui-detail span{display:block;color:var(--muted);margin-bottom:12px}
.adr-ui-detail i{display:block;height:8px;border-radius:4px;background:var(--surface-2);margin-bottom:8px}
.adr-ui-detail i.s{width:60%}
.adr-ui-detail em{display:inline-block;margin-top:8px;padding:8px 12px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-style:normal;font-weight:700;font-size:12px}
.adr-ui-nav{display:flex;justify-content:space-around;padding:12px 0;border-top:1px solid var(--line)}
.adr-ui-nav i{width:22px;height:22px;border-radius:7px;background:var(--surface-2)}
.adr-ui-nav i:first-child{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}
.adr-dev-in.is-md .adr-ui,.adr-dev-in.is-lg .adr-ui{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
.adr-dev-in.is-md .adr-ui-detail,.adr-dev-in.is-lg .adr-ui-detail{display:block}
.adr-dev-in.is-lg{flex-direction:row;flex-wrap:wrap}
.adr-dev-in.is-lg .adr-ui-top{flex-basis:100%;order:0}
.adr-dev-in.is-lg .adr-ui-nav{order:1;flex-direction:column;justify-content:flex-start;gap:14px;padding:14px 12px;border-top:0;border-right:1px solid var(--line)}
.adr-dev-in.is-lg .adr-ui{order:2;flex:1;height:calc(100% - 46px)}
.adr-matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.adr-matrix>div{padding:22px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);transition:transform .25s,box-shadow .25s}
.adr-matrix>div:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.adr-matrix svg{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--accent-soft);color:var(--accent);margin-bottom:12px}
.adr-matrix h3{font-size:16px;margin-bottom:6px}
.adr-matrix p{font-size:14px;color:var(--muted);line-height:1.5;margin:0}
.adr-kt{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 56px;align-items:start}
.adr-kt .mock-note{grid-column:1/-1}
.adr-kt-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.adr-kt-cols>div{padding:22px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line)}
.adr-kt-cols b{display:block;font:800 20px/1 var(--font-display);color:var(--ink);margin-bottom:12px}
.adr-kt-cols ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.adr-kt-cols li{position:relative;padding-left:20px;font-size:14px;line-height:1.5;color:var(--text)}
.adr-kt-cols li::before{content:"";position:absolute;left:0;top:6px;width:10px;height:10px;border-radius:50%;background:var(--accent-soft);box-shadow:inset 0 0 0 3px var(--accent)}
.adr-srv{grid-column:2;padding:20px 22px;border-radius:var(--radius);border:1px dashed var(--line-strong)}
.adr-srv b{display:block;color:var(--ink);margin-bottom:6px}
.adr-srv p{margin:0;font-size:14.5px;line-height:1.55;color:var(--text)}
.adr-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}
.adr-tier{padding:26px 26px 24px;border-right:1px solid var(--line)}
.adr-tier:last-child{border-right:0}
.adr-tier--main{background:var(--accent-soft)}
.adr-tier b{display:block;font:800 28px/1 var(--font-display);color:var(--ink);margin-bottom:8px}
.adr-tier span{display:block;font-weight:700;color:var(--accent);margin-bottom:10px}
.adr-tier p{margin:0;font-size:14.5px;line-height:1.55;color:var(--text)}
.adr-tier a{color:var(--accent)}
@media (max-width:991.98px){.adr-sz,.adr-kt{grid-template-columns:1fr;gap:18px}.adr-srv{grid-column:auto}.adr-matrix{grid-template-columns:1fr 1fr}.adr-tiers{grid-template-columns:1fr}.adr-tier{border-right:0;border-bottom:1px solid var(--line)}.adr-tier:last-child{border-bottom:0}}
@media (max-width:575.98px){
  .adr-wrap{padding:4px 0 44px}.adr-phone{width:276px}.adr-screen{min-height:0}
  .adr-chip{left:50%;bottom:0;transform:translateX(-50%);animation:none}
  .adr-matrix,.adr-kt-cols{grid-template-columns:1fr}
  .adr-dev{min-height:0}.adr-dev-in{height:360px}
}
@media (prefers-reduced-motion:reduce){.adr-req li{animation:none}.adr-bar i,.adr-dev-in{transition:none}}

/* ===== /dizajn-prilozhenij: каркас ↔ дизайн под курсором, состояния экрана, iPhone/Android ===== */
.uxd-wrap{position:relative;display:flex;justify-content:center;padding:10px 0 36px}
.uxd-stage{--cut:50%;display:flex;flex-direction:column;align-items:center;gap:16px;transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.uxd-phone{position:relative;width:290px;height:560px;padding:12px;border-radius:44px;background:#111318;box-shadow:var(--shadow-lg),inset 0 0 0 2px rgba(255,255,255,.14);cursor:ew-resize;touch-action:pan-y}
.uxd-layer{position:absolute;inset:12px;border-radius:32px;overflow:hidden}
.uxd-final{clip-path:inset(0 0 0 var(--cut))}
.uxd-cut{position:absolute;top:12px;bottom:12px;left:calc(12px + (100% - 24px) * var(--k,.5));width:2px;margin-left:-1px;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent);pointer-events:none}
.uxd-cut::after{content:"‹ ›";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--on-accent);font:800 13px/1 var(--font);letter-spacing:-.05em}
.uxd-scr{height:100%;display:flex;flex-direction:column;gap:14px;padding:44px 16px 0}
.uxd-h{display:flex;align-items:center;justify-content:space-between;height:36px}
.uxd-card{height:96px;padding:14px;border-radius:18px;display:flex;flex-direction:column;justify-content:center;gap:6px}
.uxd-lbl{height:14px;font-size:12px}
.uxd-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.uxd-grid>*{height:64px;border-radius:14px}
.uxd-btn{height:48px;border-radius:14px;display:grid;place-items:center}
.uxd-tab{margin:auto -16px 0;height:62px;display:flex;justify-content:space-around;align-items:center;padding-bottom:8px}
.uxd-tab i{width:24px;height:24px;border-radius:8px}
/* каркас */
.uxd-wire{background:#F3F4F6;font-family:ui-monospace,Menlo,monospace;color:#8A93A3}
.uxd-wire i{display:block;height:10px;border-radius:4px;background:#D6DAE1}
.uxd-wire .w60{width:60%;height:16px}.uxd-wire .w80{width:80%}.uxd-wire .w50{width:50%}
.uxd-wire .av{width:36px;height:36px;border-radius:50%}
.uxd-wire .uxd-card,.uxd-wire .uxd-grid i,.uxd-wire .uxd-btn{background:transparent;border:1.5px dashed #B8BFCB}
.uxd-wire .uxd-card small{font-size:10.5px}
.uxd-wire .uxd-grid i{height:64px;background:none}
.uxd-wire .uxd-btn{font-size:11px}
.uxd-wire .uxd-lbl{font-size:10.5px}
.uxd-wire .uxd-tab{border-top:1.5px dashed #B8BFCB}
.uxd-wire .uxd-tab i{background:#D6DAE1}
/* дизайн */
.uxd-final{background:var(--surface)}
.uxd-final .uxd-h b{font:800 21px/1 var(--font-display);color:var(--ink)}
.uxd-final .av{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font:800 15px/1 var(--font);font-style:normal}
.uxd-final .uxd-card{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#7a2cff));color:#fff;box-shadow:0 12px 24px -12px var(--accent)}
.uxd-final .uxd-card small{font-size:11px;opacity:.85;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.uxd-final .uxd-card b{font:800 17px/1.2 var(--font-display)}
.uxd-final .uxd-card span{font-size:12px;opacity:.9}
.uxd-final .uxd-lbl{font-weight:700;color:var(--ink);font-size:13px}
.uxd-final .uxd-grid span{display:flex;align-items:flex-end;padding:10px 12px;background:var(--surface-2);font:700 13px/1 var(--font);color:var(--ink)}
.uxd-final .uxd-grid span:first-child{background:var(--accent-soft);color:var(--accent)}
.uxd-final .uxd-btn{background:var(--ink);color:var(--bg);font:700 15px/1 var(--font)}
.uxd-final .uxd-tab{background:var(--surface);border-top:1px solid var(--line)}
.uxd-final .uxd-tab i{background:var(--surface-2)}
.uxd-final .uxd-tab i.on{background:var(--accent)}
.uxd-range{display:flex;align-items:center;gap:10px;font:600 12px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.uxd-range input{width:150px;accent-color:var(--accent)}
.uxd-chip{right:0;top:12%}
/* состояния */
.uxd-st{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px 56px;align-items:center}
.uxd-sttabs{display:flex;flex-wrap:wrap;gap:6px;margin:22px 0 16px}
.uxd-sttabs button,.uxd-pf-tabs button{border:1px solid var(--line-strong);background:var(--surface);height:36px;padding:0 14px;border-radius:999px;font:600 13px/1 var(--font);color:var(--text);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.uxd-sttabs button:hover,.uxd-pf-tabs button:hover{border-color:var(--accent)}
.uxd-sttabs button.is-on,.uxd-pf-tabs button.is-on{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.uxd-stnote{min-height:4.8em;padding:16px 18px;border-left:3px solid var(--accent);background:var(--surface-2);border-radius:0 var(--radius) var(--radius) 0;font-size:15px;line-height:1.55;color:var(--ink);margin:0}
.uxd-mini{justify-self:center;width:280px;height:420px;border-radius:36px;border:10px solid #111318;background:var(--surface);box-shadow:var(--shadow-lg),0 0 0 1px rgba(255,255,255,.1);overflow:hidden;display:flex;flex-direction:column}
.uxd-mini-top{padding:30px 18px 12px;border-bottom:1px solid var(--line)}
.uxd-mini-top b{font:800 18px/1 var(--font-display);color:var(--ink)}
.uxd-mini-body{flex:1;padding:14px;display:flex;flex-direction:column;gap:10px}
.uxd-mini-body.is-new>*{animation:ascent .35s cubic-bezier(.2,.8,.2,1) both}
.uxd-row{display:flex;gap:10px;align-items:center;padding:12px;border-radius:14px;background:var(--surface-2)}
.uxd-row i{flex:none;width:36px;height:36px;border-radius:10px;background:var(--accent-soft)}
.uxd-row b{display:block;font-size:13.5px;color:var(--ink)}
.uxd-row span{font-size:12px;color:var(--muted)}
.uxd-sk{height:60px;border-radius:14px;background:linear-gradient(90deg,var(--surface-2) 0,var(--line) 50%,var(--surface-2) 100%);background-size:200% 100%;animation:uxd-shimmer 1.3s linear infinite}
@keyframes uxd-shimmer{to{background-position:-200% 0}}
.uxd-msg{margin:auto 0;text-align:center;padding:0 8px}
.uxd-msg .ic{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 14px;border-radius:20px;background:var(--surface-2);font-size:28px}
.uxd-msg b{display:block;font:800 17px/1.25 var(--font-display);color:var(--ink);margin-bottom:6px}
.uxd-msg p{font-size:13px;color:var(--muted);line-height:1.5;margin:0 0 14px}
.uxd-msg em{display:inline-block;padding:10px 16px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-style:normal;font-weight:700;font-size:13px}
.uxd-banner{padding:10px 12px;border-radius:12px;background:color-mix(in srgb,#E5A400 18%,var(--surface));font-size:12.5px;color:var(--ink)}
.uxd-row.is-old{opacity:.6}
/* платформы */
.uxd-pf-tabs{display:inline-flex;gap:6px;margin-bottom:24px}
.uxd-pf-grid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px 56px;align-items:center}
.uxd-pf-phone{position:relative;width:250px;height:440px;border-radius:34px;border:10px solid #111318;background:var(--surface);box-shadow:var(--shadow-lg),0 0 0 1px rgba(255,255,255,.1);overflow:hidden}
.uxd-pf-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:30px 14px 12px;border-bottom:1px solid var(--line);font-size:13px}
.uxd-pf-bar b{font:800 15px/1 var(--font-display);color:var(--ink);text-align:center;transition:transform .35s}
.uxd-pf-back{color:var(--accent);font-weight:700;transition:opacity .3s}
.uxd-pf-menu{justify-self:end;width:4px;height:4px;border-radius:50%;background:var(--ink);box-shadow:0 -6px 0 var(--ink),0 6px 0 var(--ink);opacity:0;transition:opacity .3s}
.uxd-pf-body{padding:16px 14px;display:grid;gap:10px}
.uxd-pf-body i{display:block;height:46px;border-radius:12px;background:var(--surface-2)}
.uxd-pf-body i.s{height:90px}
.uxd-pf-fab{position:absolute;right:16px;bottom:78px;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--accent);color:var(--on-accent);font:700 26px/1 var(--font);opacity:0;transform:scale(.6);transition:opacity .3s,transform .35s cubic-bezier(.3,1.6,.5,1)}
.uxd-pf-nav{position:absolute;left:0;right:0;bottom:0;height:62px;display:flex;justify-content:space-around;align-items:center;border-top:1px solid var(--line);background:var(--surface)}
.uxd-pf-nav i{width:22px;height:22px;border-radius:7px;background:var(--surface-2);transition:border-radius .3s,width .3s}
.uxd-pf-nav i:first-child{background:var(--accent)}
.uxd-pf-swipe{position:absolute;left:0;top:45%;width:4px;height:60px;border-radius:0 4px 4px 0;background:var(--accent);animation:uxd-swipe 2.4s ease-in-out infinite}
@keyframes uxd-swipe{0%,30%{transform:translateX(0);opacity:0}45%{opacity:1}75%{transform:translateX(90px);opacity:0}100%{opacity:0}}
.uxd-pf-phone.is-android .uxd-pf-bar{grid-template-columns:auto 1fr auto;gap:14px}
.uxd-pf-phone.is-android .uxd-pf-bar b{text-align:left}
.uxd-pf-phone.is-android .uxd-pf-back{font-size:0}
.uxd-pf-phone.is-android .uxd-pf-back::before{content:"←";font-size:18px;color:var(--ink)}
.uxd-pf-phone.is-android .uxd-pf-menu{opacity:1}
.uxd-pf-phone.is-android .uxd-pf-fab{opacity:1;transform:none}
.uxd-pf-phone.is-android .uxd-pf-nav i:first-child{width:52px;border-radius:999px;background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}
.uxd-pf-phone.is-android .uxd-pf-swipe{left:auto;right:0;border-radius:4px 0 0 4px;animation-name:uxd-swipe-r}
@keyframes uxd-swipe-r{0%,30%{transform:translateX(0);opacity:0}45%{opacity:1}75%{transform:translateX(-90px);opacity:0}100%{opacity:0}}
.uxd-pf-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.uxd-pf-list li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.5;color:var(--text);animation:ascent .35s cubic-bezier(.2,.8,.2,1) both}
.uxd-pf-list b{color:var(--ink)}
.uxd-pf-foot{max-width:820px;margin:26px 0 0}
/* результат, этапы, цена */
.uxd-get{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.uxd-get>div{padding:24px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);transition:border-color .2s,transform .3s cubic-bezier(.3,1.6,.5,1)}
.uxd-get>div:hover{border-color:var(--accent);transform:translateY(-3px)}
.uxd-get svg{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--accent-soft);color:var(--accent);margin-bottom:12px}
.uxd-get h3{font-size:17px;margin-bottom:6px}
.uxd-get p{font-size:14.5px;color:var(--muted);line-height:1.55;margin:0}
.uxd-get a{color:var(--accent)}
.uxd-pr{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:24px 56px;align-items:start}
.uxd-steps{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.uxd-steps li{counter-increment:s;position:relative;padding:18px 18px 18px 64px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.uxd-steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:18px;top:18px;font:800 18px/1 var(--font-display);color:var(--accent)}
.uxd-steps b{display:block;color:var(--ink);margin-bottom:4px}
.uxd-steps span{font-size:14px;color:var(--muted);line-height:1.5}
.uxd-price{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:24px 40px;align-items:center}
.uxd-price .mock-note{grid-column:1/-1}
.uxd-price-card{padding:32px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.uxd-price-card .h2-sm{margin-bottom:14px}
.uxd-sum{font:800 40px/1 var(--font-display);color:var(--ink);margin-bottom:14px}
.uxd-sum small{font-size:18px;font-weight:600;color:var(--muted)}
.uxd-price-card p{font-size:15px;line-height:1.6;color:var(--text);margin:0 0 20px}
.uxd-price-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.uxd-price-list li{padding:18px 20px;border-radius:var(--radius);background:var(--surface-2)}
.uxd-price-list b{display:block;color:var(--ink);margin-bottom:4px}
.uxd-price-list span{font-size:14.5px;color:var(--text);line-height:1.5}
.uxd-price-list a{color:var(--accent)}
@media (max-width:991.98px){.uxd-st,.uxd-pr,.uxd-price{grid-template-columns:1fr;gap:18px}.uxd-pf-grid{grid-template-columns:1fr}.uxd-pf-phone{justify-self:center}.uxd-get{grid-template-columns:1fr 1fr}}
@media (max-width:575.98px){
  .uxd-wrap{padding:4px 0 44px}.uxd-phone{width:270px;height:530px}
  .uxd-chip{right:auto;left:50%;top:auto;bottom:0;transform:translateX(-50%);animation:none}
  .uxd-get,.uxd-steps{grid-template-columns:1fr}
  .uxd-pf-list li{grid-template-columns:1fr;gap:4px}
  .uxd-price-card{padding:24px}
}
@media (prefers-reduced-motion:reduce){.uxd-sk,.uxd-pf-swipe{animation:none}.uxd-mini-body.is-new>*,.uxd-pf-list li{animation:none}}

/* ===== /dizajn: один бренд на носителях, примерка стиля, «сначала экран» ===== */
.dzh-brand{--b:#1F6FEB;--b2:#0B2A55;--bs:#E8F0FE;--bf:var(--font-display)}
.dzh-brand[data-b="myata"]{--b:#0E9F7A;--b2:#073B2E;--bs:#E3F6F0;--bf:var(--font)}
.dzh-brand[data-b="tundra"]{--b:#C2410C;--b2:#3B1A0A;--bs:#FDEDE3;--bf:var(--font-display)}
.dzh-brand[data-b="list"]{--b:#7C3AED;--b2:#24104F;--bs:#F1EAFE;--bf:Georgia,"Times New Roman",serif}
[data-theme="dark"] .dzh-brand{--bs:rgba(31,111,235,.16)}
[data-theme="dark"] .dzh-brand[data-b="myata"]{--bs:rgba(14,159,122,.16)}
[data-theme="dark"] .dzh-brand[data-b="tundra"]{--bs:rgba(194,65,12,.18)}
[data-theme="dark"] .dzh-brand[data-b="list"]{--bs:rgba(124,58,237,.2)}
.dzh-c{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);transition:background .4s,border-color .4s,transform .45s cubic-bezier(.3,1.4,.5,1),box-shadow .45s,opacity .45s}
.dzh-mark{display:inline-grid;place-items:center;flex:none;width:26px;height:26px;border-radius:8px;background:var(--b);color:#fff;font:800 14px/1 var(--bf);transition:background .4s}
.dzh-mark--lg{width:100%;height:100%;border-radius:inherit;font-size:44px}
.dzh-name{font:800 14px/1 var(--bf);color:var(--b2);letter-spacing:-.01em;transition:color .4s}
[data-theme="dark"] .dzh-name{color:var(--ink)}
.dzh-btn{display:inline-grid;place-items:center;height:24px;padding:0 10px;border-radius:999px;background:var(--b);color:#fff;font:700 10px/1 var(--font);white-space:nowrap;transition:background .4s}
.dzh-nav{width:26px;height:6px;border-radius:3px;background:var(--line-strong)}
.dzh-lines{display:grid;gap:6px;flex:1}
.dzh-lines i{display:block;height:6px;border-radius:3px;background:var(--line-strong)}
.dzh-lines i:nth-child(2){width:72%}.dzh-lines i:nth-child(3){width:54%}.dzh-lines i:nth-child(4){width:80%}
.dzh-stripe{position:absolute;left:0;right:0;bottom:0;height:7px;border-radius:0 0 13px 13px;background:var(--b);transition:background .4s}
.dzh-sep{width:2px;align-self:stretch;background:var(--b);transition:background .4s}
.dzh-orb{position:absolute;right:-18%;top:-40%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 65%)}

/* hero: носители веером, активный выходит вперёд */
.dzh-wrap{position:relative;padding:10px 0 54px}
.dzh-stage{position:relative;max-width:500px;aspect-ratio:5/4;margin-left:auto;transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.dzh-stage .dzh-c{position:absolute;display:flex;align-items:center;gap:10px;transform:translate(calc(var(--px,0)*var(--d,1)*1px),calc(var(--py,0)*var(--d,1)*1px)) scale(var(--s,1));opacity:.78}
.dzh-stage .dzh-c.is-on{--s:1.08;opacity:1;z-index:3;box-shadow:var(--shadow-lg),0 0 0 2px var(--b)}
.dzh-stage .dzh-c--site{left:0;top:0;width:78%;height:16%;padding:0 14px}
.dzh-stage .dzh-c--site .dzh-btn{margin-left:auto}
.dzh-stage .dzh-c--icon{right:2%;top:6%;width:21%;aspect-ratio:1;border-radius:24%;padding:0;overflow:hidden;border:0}
.dzh-stage .dzh-c--card{left:4%;top:28%;width:42%;aspect-ratio:9/5;padding:14px;align-items:flex-start}
.dzh-stage .dzh-c--banner{right:0;top:34%;width:50%;aspect-ratio:16/8;padding:16px;flex-direction:column;align-items:flex-start;justify-content:flex-end;background:linear-gradient(135deg,var(--b),var(--b2));border:0;overflow:hidden}
.dzh-stage .dzh-c--banner .dzh-lines i{background:rgba(255,255,255,.75)}
.dzh-stage .dzh-c--banner .dzh-lines{width:80%;flex:none}
.dzh-stage .dzh-c--banner .dzh-btn{background:#fff;color:var(--b2)}
.dzh-stage .dzh-c--mail{left:10%;bottom:12%;width:56%;height:19%;padding:12px 14px}
.dzh-cap{position:absolute;left:0;right:0;bottom:-4px;margin:0;display:flex;gap:10px;align-items:baseline;justify-content:flex-end;font-size:13.5px;color:var(--muted)}
.dzh-cap b{font:700 14px/1.2 var(--font-display);color:var(--ink)}
.dzh-cap.is-new b,.dzh-cap.is-new span{animation:ascent .4s cubic-bezier(.2,.8,.2,1) both}
.dzh-chip{left:-4%;top:-26px;bottom:auto}
.dzh-cards .card-svc p{min-height:0}

/* примерка стиля */
.dzh-swap-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px 56px;align-items:end;margin-bottom:28px}
.dzh-swap-head .h2-sm{margin-bottom:0}
.dzh-swap-head p{margin:0}
.dzh-presets{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.dzh-presets button{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 16px 0 10px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);font:700 14px/1 var(--font);color:var(--ink);cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .3s cubic-bezier(.3,1.6,.5,1)}
.dzh-presets button i{width:26px;height:26px;border-radius:50%;background:var(--sw)}
.dzh-presets button em{font-style:normal;font-weight:500;color:var(--muted);font-size:13px}
.dzh-presets button:hover{border-color:var(--ink);transform:translateY(-2px)}
.dzh-presets button.is-on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.dzh-set{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.dzh-s{margin:0;display:flex;flex-direction:column;gap:10px}
.dzh-s figcaption{font-size:13px;color:var(--muted)}
.dzh-s--site{grid-column:span 2;grid-row:span 2}
.dzh-s--wide,.dzh-s--half{grid-column:span 2}
.dzh-set .dzh-c{flex:1;display:flex;align-items:center;gap:10px;padding:14px;min-height:118px}
.dzh-set .dzh-c.is-swap{animation:dzh-restyle .5s cubic-bezier(.3,1.4,.5,1)}
@keyframes dzh-restyle{40%{transform:scale(.96)}}
.dzh-s--site .dzh-c--site{flex:none;min-height:0;height:58px;border-radius:14px 14px 0 0}
.dzh-s--site .dzh-c--site .dzh-btn{margin-left:auto}
.dzh-s-hero{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;margin-top:-10px;padding:28px;border-radius:0 0 14px 14px;background:linear-gradient(160deg,var(--bs),var(--surface));border:1px solid var(--line);border-top:0;transition:background .4s}
.dzh-s-hero b{font:800 clamp(22px,2.4vw,32px)/1.1 var(--bf);color:var(--b2);max-width:12em;transition:color .4s}
[data-theme="dark"] .dzh-s-hero b{color:var(--ink)}
.dzh-s-hero .dzh-btn{height:34px;padding:0 18px;font-size:12px}
.dzh-set .dzh-c--icon{flex:none;width:118px;height:118px;min-height:0;padding:0;border:0;border-radius:28px;overflow:hidden;align-self:center}
.dzh-set .dzh-c--card{align-items:flex-start;overflow:hidden}
.dzh-card-t{display:grid;gap:4px;font-size:11.5px;color:var(--muted);line-height:1.3}
.dzh-card-t b{font:800 15px/1 var(--bf);color:var(--b2);transition:color .4s}
[data-theme="dark"] .dzh-card-t b{color:var(--ink)}
.dzh-set .dzh-c--banner{flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:12px;padding:20px;background:linear-gradient(135deg,var(--b),var(--b2));border:0;overflow:hidden}
.dzh-set .dzh-c--banner b{font:800 20px/1.15 var(--bf);color:#fff;max-width:13em}
.dzh-set .dzh-c--banner .dzh-btn{background:#fff;color:var(--b2)}
.dzh-mail-t{font-size:11.5px;line-height:1.4;color:var(--muted)}
.dzh-mail-b{display:grid;gap:6px;justify-items:start}
.dzh-mail-b b{font:800 13px/1 var(--bf);color:var(--b2)}
[data-theme="dark"] .dzh-mail-b b{color:var(--ink)}
.dzh-set .dzh-c--kp{flex-direction:column;align-items:stretch;gap:10px}
.dzh-kp-top{display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:2px solid var(--b);font-size:11px;color:var(--ink);transition:border-color .4s}
.dzh-kp-top .dzh-mark{width:20px;height:20px;font-size:11px;border-radius:6px}
.dzh-kp-sum{align-self:flex-end;padding:4px 10px;border-radius:6px;background:var(--bs);color:var(--b);font:700 11px/1.2 var(--font);transition:background .4s,color .4s}
[data-theme="dark"] .dzh-kp-sum{color:var(--ink)}

/* сначала экран */
.dzh-screen{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 56px;align-items:start}
.dzh-order{list-style:none;margin:0;padding:0;counter-reset:dzh;display:grid;gap:10px}
.dzh-order li{counter-increment:dzh;position:relative;display:grid;grid-template-columns:44px 1fr;column-gap:16px;padding:16px 18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);transition:border-color .2s,transform .3s cubic-bezier(.3,1.6,.5,1)}
.dzh-order li:hover{border-color:var(--accent);transform:translateX(4px)}
.dzh-order li::before{content:counter(dzh);grid-row:span 2;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font:800 16px/1 var(--font-display)}
.dzh-order b{color:var(--ink);margin-bottom:2px}
.dzh-order span{font-size:14.5px;color:var(--muted);line-height:1.55}
.dzh-steps{grid-template-columns:repeat(5,1fr)}
.dzh-price td:first-child a{color:var(--ink);font-weight:700}
.dzh-price td:first-child a:hover{color:var(--accent)}
.dzh-price td:last-child{font-weight:700!important;color:var(--ink)!important;white-space:nowrap!important}

@media (max-width:1199px){.dzh-set{grid-template-columns:repeat(3,minmax(0,1fr))}.dzh-s--site{grid-column:span 3;grid-row:auto}.dzh-s-hero{min-height:200px}}
@media (max-width:991.98px){.dzh-swap-head,.dzh-screen{grid-template-columns:1fr}.dzh-steps{grid-template-columns:1fr 1fr}.dzh-steps>div::after{display:none}.dzh-stage{margin:0 auto}}
@media (max-width:575.98px){
  .dzh-wrap{padding:8px 0 46px}.dzh-chip{left:50%;transform:translateX(-50%);animation:none}
  .dzh-cap{justify-content:flex-start;flex-direction:column;gap:2px;bottom:-10px}
  .dzh-stage .dzh-c--site{padding:0 10px;gap:6px}.dzh-stage .dzh-nav{display:none}
  .dzh-stage .dzh-c--card,.dzh-stage .dzh-c--banner{padding:10px}
  .dzh-set{grid-template-columns:1fr 1fr;gap:12px}.dzh-s--site,.dzh-s--wide{grid-column:span 2}
  .dzh-set .dzh-c--icon{width:96px;height:96px}
  .dzh-presets button{height:40px;padding:0 12px 0 8px;font-size:13px}.dzh-presets button em{display:none}
  .dzh-steps{grid-template-columns:1fr}.dzh-s-hero{padding:20px}
}
@media (prefers-reduced-motion:reduce){.dzh-cap.is-new b,.dzh-cap.is-new span,.dzh-set .dzh-c.is-swap{animation:none}}
.dzh-mail-l{max-width:180px;margin-left:12px}
@media (max-width:575.98px){
  .dzh-wrap{padding-bottom:0}
  .dzh-stage{margin-bottom:58px}
  .dzh-cap{bottom:-48px}
  .dzh-chip{position:relative;left:auto;bottom:auto;transform:none;display:flex;width:max-content;max-width:100%;margin:0 auto;height:38px;font-size:11px}
}

/* ===== /sozdanie-logotipov: построение знака, проверка размеров, кейс UR5 ===== */
.lgo-wrap{position:relative;padding:8px 0 40px}
.lgo-build{position:relative;max-width:440px;margin:0 0 0 auto;padding:22px;border-radius:24px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.lgo-build svg{display:block;width:100%;height:auto;overflow:visible}
.lgo-grid path{fill:none;stroke:var(--line-strong);stroke-width:.35;stroke-dasharray:110;stroke-dashoffset:110;transition:stroke-dashoffset 1.1s ease}
.lgo-guide circle,.lgo-guide path{fill:none;stroke:var(--accent);stroke-width:.45;stroke-dasharray:240;stroke-dashoffset:240;opacity:.8;transition:stroke-dashoffset 1.2s ease,opacity .5s}
.lgo-guide path{stroke-dasharray:3 2;stroke-dashoffset:0;opacity:0;transition:opacity .6s}
.lgo-plate{fill:transparent;stroke:var(--ink);stroke-width:.7;stroke-dasharray:270;stroke-dashoffset:270;transition:stroke-dashoffset 1.2s ease,fill .6s,stroke .6s}
.lgo-rocket path{fill:transparent;stroke:var(--ink);stroke-width:.9;opacity:0;transition:opacity .5s,fill .6s,stroke .6s}
.lgo-build[data-s="1"] .lgo-grid path,.lgo-build[data-s="2"] .lgo-grid path,.lgo-build[data-s="3"] .lgo-grid path,.lgo-build[data-s="4"] .lgo-grid path{stroke-dashoffset:0}
.lgo-build[data-s="2"] .lgo-guide circle,.lgo-build[data-s="3"] .lgo-guide circle{stroke-dashoffset:0}
.lgo-build[data-s="2"] .lgo-guide path,.lgo-build[data-s="3"] .lgo-guide path{opacity:.9}
.lgo-build[data-s="3"] .lgo-plate,.lgo-build[data-s="4"] .lgo-plate{stroke-dashoffset:0}
.lgo-build[data-s="3"] .lgo-rocket path{opacity:1}
.lgo-build[data-s="4"] .lgo-plate{fill:#FF4A1F;stroke:#FF4A1F}
.lgo-build[data-s="4"] .lgo-rocket path{opacity:1;fill:#fff;stroke:transparent}
.lgo-build[data-s="4"] .lgo-flame{animation:lgo-flicker .5s ease-in-out infinite alternate;transform-origin:32px 48px}
.lgo-build[data-s="4"] .lgo-grid path{opacity:.4}
@keyframes lgo-flicker{to{transform:scaleY(.82)}}
.lgo-step{position:absolute;left:22px;bottom:18px;display:flex;align-items:baseline;gap:10px;font-size:14px;color:var(--muted)}
.lgo-step b{font:800 13px/1 var(--font-display);color:var(--accent)}
.lgo-step.is-new span{animation:ascent .4s cubic-bezier(.2,.8,.2,1) both}
.lgo-chip--a{right:-4%;top:10%}
.lgo-chip--b{right:-3%;bottom:6px;animation-delay:-3s}

.lgo-size-head,.lgo-case-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px 56px;align-items:end;margin-bottom:28px}
.lgo-size-head .h2-sm,.lgo-case-head .h2-sm{margin-bottom:0}
.lgo-size-head p,.lgo-case-head p{margin:0}
.lgo-lab{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px;align-items:stretch}
.lgo-ctrl{display:flex;flex-direction:column;gap:22px;padding:24px;border-radius:var(--radius-lg);background:var(--surface-2);border:1px solid var(--line)}
.lgo-range{display:grid;gap:12px;font-size:14px;color:var(--muted)}
.lgo-range b{font:800 18px/1 var(--font-display);color:var(--ink)}
.lgo-range input{width:100%;accent-color:var(--accent)}
.lgo-modes{display:flex;flex-wrap:wrap;gap:6px}
.lgo-modes button{height:36px;padding:0 14px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);font:600 13px/1 var(--font);color:var(--text);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.lgo-modes button:hover{border-color:var(--accent)}
.lgo-modes button.is-on{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.lgo-verdict{margin:auto 0 0;padding:14px 16px;border-radius:12px;background:var(--surface);border-left:3px solid var(--accent);display:grid;gap:4px}
.lgo-verdict b{color:var(--ink);font-size:15px}
.lgo-verdict span{font-size:14px;color:var(--muted);line-height:1.5}
.lgo-verdict.is-new{animation:ascent .35s cubic-bezier(.2,.8,.2,1) both}
.lgo-view{display:flex;flex-direction:column;border-radius:var(--radius-lg);border:1px solid var(--line);overflow:hidden;background:#fff;transition:background .4s}
.lgo-tab{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;background:#E9EBEF;font-size:12px;color:#2B2F38}
.lgo-tab-ico{display:grid;place-items:center;width:16px;height:16px}
.lgo-tab-ico img{display:block;width:16px;height:16px}
.lgo-tab i{margin-left:auto;width:60px;height:8px;border-radius:4px;background:#D3D6DD}
.lgo-pane{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:center;min-height:340px;background-size:cover;background-position:center}
.lgo-cell{position:relative;display:grid;place-items:center;align-content:center;gap:12px;height:100%;padding:24px;overflow:hidden}
.lgo-cell+.lgo-cell{border-left:1px dashed rgba(17,19,24,.12)}
.lgo-cell small{font-size:12px;color:#626878}
.lgo-mark{width:var(--lgo-s,64px);height:var(--lgo-s,64px);max-width:100%;object-fit:contain;transition:filter .3s}
.lgo-full{height:var(--lgo-s,64px);width:auto;max-width:100%;object-fit:contain;transition:filter .3s}
.lgo-full--d{display:none}
.lgo-view[data-mode="mono"] .lgo-mark,.lgo-view[data-mode="mono"] .lgo-full{filter:grayscale(1) contrast(1.6) brightness(.7)}
.lgo-view[data-mode="dark"],.lgo-view[data-mode="photo"]{background:#111318}
.lgo-view[data-mode="dark"] .lgo-full--l,.lgo-view[data-mode="photo"] .lgo-full--l{display:none}
.lgo-view[data-mode="dark"] .lgo-full--d,.lgo-view[data-mode="photo"] .lgo-full--d{display:block}
.lgo-view[data-mode="dark"] .lgo-cell small,.lgo-view[data-mode="photo"] .lgo-cell small{color:#A9B0BE}
.lgo-view[data-mode="dark"] .lgo-cell+.lgo-cell,.lgo-view[data-mode="photo"] .lgo-cell+.lgo-cell{border-color:rgba(255,255,255,.14)}
.lgo-pane{position:relative}
.lgo-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s;filter:brightness(.6)}
.lgo-cell{z-index:1}
.lgo-view[data-mode="photo"] .lgo-photo{opacity:1}

.lgo-case{padding:8px 0 0}
.lgo-case-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.lgo-case-tabs button{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 18px 0 8px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);font:700 14px/1 var(--font);color:var(--ink);cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.lgo-case-tabs button span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font:800 13px/1 var(--font-display)}
.lgo-case-tabs button.is-on{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.lgo-case-tabs button.is-on span{background:var(--accent);color:#fff}
.lgo-case-p.is-on{animation:ascent .45s cubic-bezier(.2,.8,.2,1) both}
.lgo-tiles{display:grid;gap:14px}
.lgo-tiles--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.lgo-tiles--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.lgo-tiles figure,.lgo-set figure{position:relative;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:170px;padding:28px 20px 18px;border-radius:var(--radius);background:#fff;border:1px solid var(--line)}
.lgo-tiles img{max-width:100%;height:42px;width:auto}
.lgo-tiles figcaption,.lgo-set figcaption{font-size:13px;color:#626878;text-align:center}
.lgo-tiles figure.is-pick{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.lgo-tiles figure.is-pick figcaption{color:#E83A10;font-weight:700}
.lgo-fav{position:absolute;top:12px;right:12px;width:20px!important;height:20px!important;padding:6px;box-sizing:content-box;border-radius:8px;background:#E9EBEF}
.lgo-case-why{margin:16px 0 0;max-width:760px;font-size:15px;color:var(--text)}
.lgo-set{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) minmax(0,1fr);gap:14px}
.lgo-set-og img{width:100%;height:auto;border-radius:10px;display:block}
.lgo-set-ico img{width:96px;height:96px;border-radius:22px;box-shadow:var(--shadow);display:block}
.lgo-set-pair{display:grid;gap:10px;width:100%}
.lgo-set-pair img{width:100%;max-width:200px;height:auto;margin:0 auto;padding:12px;border-radius:10px;box-sizing:border-box}
.lgo-set-pair .on-dark{background:#111318}

.lgo-files-wrap{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px 56px;align-items:start}
.lgo-files{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lgo-files>div{padding:22px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);transition:border-color .2s,transform .3s cubic-bezier(.3,1.6,.5,1)}
.lgo-files>div:hover{border-color:var(--accent);transform:translateY(-3px)}
.lgo-files svg{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--accent-soft);color:var(--accent)}
.lgo-files h3{margin:14px 0 10px;font-size:18px}
.lgo-files ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.lgo-files li{position:relative;padding-left:18px;font-size:14px;color:var(--text);line-height:1.5}
.lgo-files li::before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:2px;background:var(--accent)}
.lgo-steps{max-width:820px}
.lgo-steps .n{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);color:var(--accent);font:800 14px/1 var(--font-display);position:relative;z-index:1}
.lgo-steps h3{font-size:18px;margin:8px 0 6px}
.lgo-steps p{font-size:15px;color:var(--muted);margin:0}
.lgo-price{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px 56px;align-items:center}
.lgo-price .mock-note{grid-column:1/-1}
.lgo-price-card{padding:28px;border-radius:var(--radius-lg);background:var(--band);color:var(--band-ink)}
.lgo-price-sum{display:block;font:800 clamp(30px,3.4vw,42px)/1 var(--font-display);margin-bottom:18px}
.lgo-price-card ul{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:8px}
.lgo-price-card li{position:relative;padding-left:22px;color:var(--band-muted);font-size:15px}
.lgo-price-card li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:800}

@media (max-width:991.98px){
  .lgo-size-head,.lgo-case-head,.lgo-lab,.lgo-files-wrap,.lgo-price{grid-template-columns:1fr}
  .lgo-tiles--4{grid-template-columns:1fr 1fr}.lgo-set{grid-template-columns:1fr 1fr}.lgo-set-og{grid-column:1/-1}
  .lgo-build{margin:0 auto}
}
@media (max-width:575.98px){
  .lgo-wrap{padding:8px 0 30px}.lgo-chip--a{left:0;top:auto;bottom:-6px;animation:none}.lgo-chip--b{display:none}
  .lgo-build{padding:14px}.lgo-step{left:14px;bottom:10px}
  .lgo-pane{grid-template-columns:1fr;min-height:0}.lgo-cell{min-height:180px}.lgo-cell+.lgo-cell{border-left:0;border-top:1px dashed rgba(17,19,24,.12)}
  .lgo-tiles--4,.lgo-tiles--2,.lgo-set,.lgo-files{grid-template-columns:1fr}
  .lgo-tab span:not(.lgo-tab-ico){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media (prefers-reduced-motion:reduce){.lgo-build[data-s="4"] .lgo-flame,.lgo-step.is-new span,.lgo-verdict.is-new,.lgo-case-p.is-on{animation:none}}

/* ===== /razrabotka-korporativnogo-stilya: «без стиля / со стилем», состав, шаблоны, гайд ===== */
.kst-wrap{position:relative;padding:8px 0 48px}
.kst-desk{--k:#0F766E;--k2:#0B3B37;--ks:#E2F3F1;position:relative;max-width:520px;aspect-ratio:13/11;margin-left:auto;border-radius:24px;background:var(--surface-2);border:1px solid var(--line);transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
[data-theme="dark"] .kst-desk{--ks:rgba(15,118,110,.2)}
.kst-switch{position:absolute;left:50%;top:-18px;z-index:5;transform:translateX(-50%);display:inline-flex;align-items:center;gap:0;height:36px;padding:3px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);box-shadow:var(--shadow);font:700 12px/1 var(--font);color:var(--muted);cursor:pointer}
.kst-switch span{white-space:nowrap;position:relative;z-index:1;display:grid;place-items:center;height:28px;padding:0 14px;border-radius:999px;transition:color .3s}
.kst-switch i{position:absolute;top:3px;left:3px;height:28px;width:calc(50% - 3px);border-radius:999px;background:var(--ink);transition:transform .45s cubic-bezier(.3,1.4,.5,1)}
.kst-desk[data-st="off"] .kst-sw-off,.kst-desk[data-st="on"] .kst-sw-on{color:var(--bg)}
.kst-desk[data-st="on"] .kst-switch i{transform:translateX(100%)}
.kst-i{position:absolute;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:6px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);font-family:Georgia,"Times New Roman",serif;transform:translate(calc(var(--px,0)*var(--d,1)*1px),calc(var(--py,0)*var(--d,1)*1px)) rotate(var(--rot,0deg));transition:transform .6s cubic-bezier(.3,1.3,.5,1),border-radius .5s,box-shadow .5s,background .5s}
.kst-i em{position:absolute;left:0;bottom:-20px;font:500 11px/1 var(--font);font-style:normal;color:var(--muted);white-space:nowrap}
.kst-head{display:flex;align-items:center;gap:6px;min-width:0}
.kst-mk{display:inline-grid;place-items:center;flex:none;width:18px;height:18px;border-radius:2px;background:var(--line-strong);color:var(--muted);font:700 11px/1 Georgia,serif;transition:background .5s,color .5s,border-radius .5s}
.kst-nm,.kst-ttl{font:700 11px/1.1 Georgia,serif;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .5s}
.kst-ln,.kst-tbl{display:grid;gap:5px}
.kst-ln i,.kst-tbl i,.kst-dots i{display:block;height:5px;border-radius:2px;background:var(--line-strong)}
.kst-ln i:nth-child(odd){width:86%}.kst-ln i:last-child{width:50%}
.kst-tbl i{height:12px;background:transparent;border:1px solid var(--line-strong);transition:background .5s,border-color .5s}
.kst-foot{margin-top:auto;height:4px;background:var(--line);transition:background .5s}
.kst-sum{align-self:flex-end;font:700 11px/1 Georgia,serif;color:var(--text);transition:color .5s}
.kst-i--letter{left:6%;top:9%;width:36%;height:52%;--rot:-3deg}
.kst-i--kp{left:46%;top:12%;width:30%;height:34%;--rot:4deg}
.kst-i--sign{right:3%;top:55%;width:50%;--rot:-2deg;flex-direction:row;align-items:center;gap:10px}
.kst-sign-t{display:grid;gap:2px;font:700 11px/1.2 Georgia,serif;color:var(--text);padding-right:10px;border-right:1px solid var(--line-strong);transition:border-color .5s}
.kst-sign-t small{font-weight:400;font-size:10px;color:var(--muted)}
.kst-i--site{left:4%;top:80%;width:58%;--rot:2deg;flex-direction:row;align-items:center}
.kst-dots{display:flex;gap:5px;margin-left:auto}.kst-dots i{width:16px}
.kst-btn{padding:5px 8px;border:1px solid var(--line-strong);border-radius:2px;font:600 9px/1 Georgia,serif;color:var(--text);white-space:nowrap;transition:background .5s,color .5s,border-color .5s,border-radius .5s}
.kst-i--pass{right:6%;top:12%;width:17%;aspect-ratio:3/4;--rot:7deg;align-items:center;justify-content:flex-start;padding:0 0 10px;overflow:visible}
.kst-band{width:100%;height:14px;border-radius:6px 6px 0 0;background:var(--line);transition:background .5s}
.kst-ph{width:42%;aspect-ratio:1;border-radius:50%;background:var(--line-strong);margin-top:6px}
.kst-pass-t{font:700 8.5px/1.1 Georgia,serif;color:var(--text);text-align:center}
.kst-i--pass .kst-mk{width:14px;height:14px;font-size:8px}
/* со стилем */
.kst-desk[data-st="on"] .kst-i{--rot:0deg;border-radius:12px;font-family:var(--font)}
.kst-desk[data-st="on"] .kst-mk{background:var(--k);color:#fff;border-radius:5px;font-family:var(--font-display)}
.kst-desk[data-st="on"] .kst-nm,.kst-desk[data-st="on"] .kst-ttl{font-family:var(--font-display);font-weight:800;color:var(--k2)}
[data-theme="dark"] .kst-desk[data-st="on"] .kst-nm,[data-theme="dark"] .kst-desk[data-st="on"] .kst-ttl{color:var(--ink)}
.kst-desk[data-st="on"] .kst-foot,.kst-desk[data-st="on"] .kst-band{background:var(--k)}
.kst-desk[data-st="on"] .kst-tbl i:first-child{background:var(--k);border-color:var(--k)}
.kst-desk[data-st="on"] .kst-tbl i{border-color:var(--ks);background:var(--ks)}
.kst-desk[data-st="on"] .kst-sum{font-family:var(--font-display);color:var(--k)}
.kst-desk[data-st="on"] .kst-sign-t{font-family:var(--font);border-color:var(--k)}
.kst-desk[data-st="on"] .kst-pass-t{font-family:var(--font)}
.kst-desk[data-st="on"] .kst-btn{background:var(--k);border-color:var(--k);color:#fff;border-radius:999px;font-family:var(--font)}
.kst-desk[data-st="on"] .kst-i--letter{transition-delay:.05s}.kst-desk[data-st="on"] .kst-i--kp{transition-delay:.12s}
.kst-desk[data-st="on"] .kst-i--sign{transition-delay:.19s}.kst-desk[data-st="on"] .kst-i--site{transition-delay:.26s}.kst-desk[data-st="on"] .kst-i--pass{transition-delay:.33s}
.kst-chip{right:0;bottom:0}

.kst-set-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 32px;margin-bottom:26px}
.kst-set-head .h2-sm{margin-bottom:0}
.kst-mode{display:flex;align-items:center;gap:6px}
.kst-mode button{height:40px;padding:0 18px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);font:700 14px/1 var(--font);color:var(--text);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.kst-mode button:hover{border-color:var(--accent)}
.kst-mode button.is-on{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.kst-count{margin-left:10px;font-size:14px;color:var(--muted)}
.kst-count b{font:800 22px/1 var(--font-display);color:var(--accent)}
.kst-count.is-new b{display:inline-block;animation:counter-jolt .4s cubic-bezier(.3,1.6,.5,1)}
.kst-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.kst-g{padding:20px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.kst-g h3{font-size:16px;margin-bottom:14px}
.kst-g ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.kst-g li{position:relative;padding-left:26px;font-size:13.5px;line-height:1.45;color:var(--muted);transition:opacity .35s,filter .35s,transform .35s}
.kst-g li b{display:block;font-size:14.5px;color:var(--ink)}
.kst-g li::before{content:"";position:absolute;left:0;top:2px;width:16px;height:16px;border-radius:5px;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat;transition:background-color .35s}
.kst-grid[data-v="min"] li[data-in="full"]{opacity:.38;filter:grayscale(1)}
.kst-grid[data-v="min"] li[data-in="full"]::before{background:var(--line-strong)}
.kst-grid[data-v="full"] li[data-in="full"]{animation:ascent .4s cubic-bezier(.2,.8,.2,1) both}

.kst-daily{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.kst-daily>div{padding:24px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);transition:border-color .2s,transform .3s cubic-bezier(.3,1.6,.5,1)}
.kst-daily>div:hover{border-color:var(--accent);transform:translateY(-3px)}
.kst-daily svg{width:42px;height:42px;padding:10px;border-radius:12px;background:var(--accent-soft);color:var(--accent)}
.kst-daily h3{margin:14px 0 8px;font-size:18px}
.kst-daily p{margin:0;font-size:14.5px;color:var(--text);line-height:1.6}
.kst-guide{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:24px 56px;align-items:start}
.kst-gt td:first-child{font-weight:700;color:var(--ink);white-space:nowrap}
.kst-when{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.kst-when-c{padding:26px;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface)}
.kst-when-c h3{display:flex;align-items:center;gap:10px;font-size:20px;margin-bottom:14px}
.kst-when-c h3::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--line-strong)}
.kst-when-c--yes{border-color:var(--accent)}
.kst-when-c--yes h3::before{background:var(--accent);box-shadow:0 0 0 5px var(--accent-soft)}
.kst-when-c ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.kst-when-c li{position:relative;padding-left:20px;font-size:15px;color:var(--text);line-height:1.5}
.kst-when-c li::before{content:"—";position:absolute;left:0;color:var(--muted)}
.kst-price{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px 56px;align-items:center}
.kst-price .mock-note{grid-column:1/-1}
.kst-price-card{padding:28px;border-radius:var(--radius-lg);background:var(--band);color:var(--band-ink)}
.kst-price-sum{display:block;font:800 clamp(30px,3.4vw,42px)/1 var(--font-display);margin-bottom:18px}
.kst-price-card ul{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:8px}
.kst-price-card li{position:relative;padding-left:22px;color:var(--band-muted);font-size:15px}
.kst-price-card li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:800}

@media (max-width:1199px){.kst-grid{grid-template-columns:1fr 1fr}}
@media (max-width:991.98px){.kst-daily{grid-template-columns:1fr 1fr}.kst-guide,.kst-price{grid-template-columns:1fr}.kst-desk{margin:0 auto}}
@media (max-width:575.98px){
  .kst-wrap{padding:26px 0 0}.kst-chip{position:relative;left:auto;bottom:auto;display:flex;width:max-content;max-width:100%;margin:34px auto 0;height:38px;font-size:11px;animation:none}
  .kst-desk{aspect-ratio:1/1.05}
  .kst-i{padding:8px;gap:5px}.kst-i em{font-size:10px;bottom:-16px}
  .kst-i--sign{flex-direction:column;align-items:flex-start;gap:6px;top:58%}.kst-sign-t{border-right:0;padding-right:0}
  .kst-i--site{top:85%}.kst-dots{display:none}.kst-nm,.kst-ttl{font-size:9.5px}.kst-i--sign{top:54%}
  .kst-grid,.kst-daily,.kst-when{grid-template-columns:1fr}
  .kst-mode{flex-wrap:wrap}.kst-count{margin-left:4px}
}
@media (prefers-reduced-motion:reduce){.kst-grid[data-v="full"] li[data-in="full"],.kst-count.is-new b{animation:none}}
.kst-i--sign .kst-nm{white-space:normal;line-height:1.15}

/* ===== /dizajn-vizitok: визитка в 3D, слои подготовки к печати, QR ===== */
.vzt-scene,.vzt-sheet{--v:#0B3B37;--v2:#0F766E;--vs:#E2F3F1}
.vzt-wrap{position:relative;padding:20px 0 30px;display:grid;justify-items:end}
.vzt-scene{width:min(100%,460px);aspect-ratio:9/5;perspective:1300px}
.vzt-card{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer;transform-style:preserve-3d;transform:rotateX(var(--vx,0deg)) rotateY(calc(var(--vy,0deg) + var(--flip,0deg)));transition:transform .9s cubic-bezier(.3,1.25,.4,1)}
.vzt-card.is-tilting{transition:transform .25s ease-out}
.vzt-card.is-flipped{--flip:180deg}
.vzt-face{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:8% 8%;border-radius:14px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;text-align:left;box-shadow:0 30px 60px rgba(17,19,24,.22),0 2px 4px rgba(17,19,24,.08)}
.vzt-face--front{background:var(--v);color:#fff}
.vzt-face--back{background:#fff;color:#111318;transform:rotateY(180deg);flex-direction:row;align-items:center;gap:6%}
.vzt-logo{position:relative;z-index:1;display:flex;align-items:center;gap:10px;font:800 clamp(14px,1.5vw,18px)/1 var(--font-display);letter-spacing:-.01em}
.vzt-logo b{display:grid;place-items:center;width:1.8em;height:1.8em;border-radius:.45em;background:#fff;color:var(--v);font-size:1em}
.vzt-person{position:relative;z-index:1;display:grid;gap:4px}
.vzt-person b{font:800 clamp(18px,2vw,24px)/1.1 var(--font-display)}
.vzt-person span{font-size:clamp(12px,1.1vw,14px);opacity:.75}
.vzt-wave{position:absolute;right:-20%;bottom:-55%;width:80%;aspect-ratio:1;border-radius:50%;border:clamp(10px,1.4vw,18px) solid var(--v2);box-shadow:0 0 0 clamp(12px,1.8vw,22px) rgba(255,255,255,.06)}
.vzt-contacts{flex:1;display:grid;gap:8px;font:600 clamp(12px,1.15vw,15px)/1.2 var(--font);border-left:3px solid var(--v2);padding-left:14px}
.vzt-qr{width:32%;flex:none;aspect-ratio:1}
.vzt-qr rect{fill:#111318}
.vzt-qr-cap{position:absolute;right:8%;bottom:6%;font-size:10px;color:#626878}
.vzt-chip{right:-2%;top:6px;animation-delay:-2s}
.vzt-note{margin:26px 0 0;font-size:12.5px;color:var(--muted)}

.vzt-what{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.vzt-what-c{padding:26px;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface)}
.vzt-what-c h3{font-size:20px;margin-bottom:16px;display:flex;align-items:center;gap:10px}
.vzt-what-c h3::before{content:"";display:grid;width:26px;height:26px;border-radius:8px;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/70% no-repeat}
.vzt-what-c--no h3::before{background:var(--line-strong) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 5l6 6M11 5l-6 6' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/70% no-repeat}
.vzt-what-c ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.vzt-what-c li{font-size:15px;color:var(--muted);line-height:1.5}
.vzt-what-c li b{color:var(--ink);margin-right:4px}
.vzt-what-c--yes{border-color:var(--accent)}

.vzt-bl-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px 56px;align-items:end;margin-bottom:28px}
.vzt-bl-head .h2-sm{margin-bottom:0}.vzt-bl-head p{margin:0}
.vzt-bl{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px;align-items:stretch}
.vzt-bl-ctrl{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line)}
.vzt-bl-ctrl label{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:12px;cursor:pointer;transition:background .2s}
.vzt-bl-ctrl label:hover{background:var(--surface-2)}
.vzt-bl-ctrl input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:var(--accent)}
.vzt-bl-ctrl b{display:block;color:var(--ink);font-size:15px}
.vzt-bl-ctrl em{font-style:normal;font-size:13.5px;color:var(--muted);line-height:1.45}
.vzt-shift{margin-top:6px;align-self:flex-start}
.vzt-shift.is-on{border-color:var(--accent);color:var(--accent)}
.vzt-bl-out{margin:auto 0 0;padding:12px 14px;border-radius:12px;background:var(--surface-2);border-left:3px solid var(--accent);font-size:14px;color:var(--ink);line-height:1.5}
.vzt-bl-out.is-bad{border-left-color:#D92D20;background:rgba(217,45,32,.08)}
.vzt-bl-out.is-new{animation:ascent .35s cubic-bezier(.2,.8,.2,1) both}
.vzt-bl-stage{display:grid;place-items:center;padding:48px 40px;border-radius:var(--radius-lg);background:repeating-linear-gradient(45deg,var(--surface-2) 0 10px,var(--bg-alt) 10px 20px);border:1px solid var(--line)}
.vzt-sheet{position:relative;width:min(100%,560px);aspect-ratio:94/54;background:#fff;box-shadow:var(--shadow-lg)}
.vzt-flat{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:11.11% 6.38%;background:var(--v);color:#fff;overflow:hidden;transition:inset .45s cubic-bezier(.3,1.2,.5,1)}
.vzt-sheet:not([data-on-bleed]) .vzt-flat{inset:3.704% 2.128%}
.vzt-cut{position:absolute;left:2.128%;right:2.128%;top:3.704%;bottom:3.704%;outline:1.5px solid #FF4A1F;box-shadow:0 0 0 9999px rgba(245,246,248,0);transition:left .45s,right .45s,top .45s,bottom .45s,box-shadow .45s,opacity .3s;pointer-events:none}
.vzt-safe{position:absolute;left:6.383%;right:6.383%;top:11.11%;bottom:11.11%;border:1.5px dashed #34D399;transition:opacity .3s;pointer-events:none}
.vzt-sheet:not([data-on-cut]) .vzt-cut{opacity:0}
.vzt-sheet:not([data-on-safe]) .vzt-safe{opacity:0}
.vzt-sheet.is-shift .vzt-cut{left:3.19%;right:1.064%;top:5.556%;bottom:1.852%;box-shadow:0 0 0 9999px rgba(17,19,24,.62);opacity:1}
[data-theme="dark"] .vzt-sheet.is-shift .vzt-cut{box-shadow:0 0 0 9999px rgba(0,0,0,.7)}
.vzt-bl-stage{overflow:hidden}
.vzt-dim{position:absolute;font:600 11px/1 var(--font);color:var(--muted);white-space:nowrap}
.vzt-dim--w{left:50%;top:-22px;transform:translateX(-50%)}
.vzt-dim--h{right:-34px;top:50%;transform:translateY(-50%) rotate(90deg)}
.vzt-specs{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.vzt-specs li{padding:18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.vzt-specs b{display:block;font:800 18px/1 var(--font-display);color:var(--accent);margin-bottom:8px}
.vzt-specs span{font-size:14px;color:var(--muted);line-height:1.5}

.vzt-qr-sec{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px 56px;align-items:start}
.vzt-qr-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.vzt-qr-opts>div{padding:22px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);transition:border-color .2s,transform .3s cubic-bezier(.3,1.6,.5,1)}
.vzt-qr-opts>div:hover{border-color:var(--accent);transform:translateY(-3px)}
.vzt-qr-k{display:inline-block;padding:5px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font:700 11px/1 var(--font);letter-spacing:.06em;text-transform:uppercase}
.vzt-qr-opts h3{margin:14px 0 8px;font-size:17px}
.vzt-qr-opts p{margin:0;font-size:14.5px;color:var(--text);line-height:1.55}
.vzt-files{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.vzt-files>div{padding:24px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line)}
.vzt-files svg{width:42px;height:42px;padding:10px;border-radius:12px;background:var(--accent-soft);color:var(--accent)}
.vzt-files h3{margin:14px 0 8px;font-size:18px}
.vzt-files p{margin:0;font-size:14.5px;color:var(--text);line-height:1.6}
.vzt-price{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px 56px;align-items:center}
.vzt-price .mock-note{grid-column:1/-1}
.vzt-price-card{padding:28px;border-radius:var(--radius-lg);background:var(--band);color:var(--band-ink)}
.vzt-price-sum{display:block;font:800 clamp(30px,3.4vw,42px)/1 var(--font-display);margin-bottom:18px}
.vzt-price-card ul{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:8px}
.vzt-price-card li{position:relative;padding-left:22px;color:var(--band-muted);font-size:15px}
.vzt-price-card li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:800}

@media (max-width:991.98px){.vzt-wrap{justify-items:center}.vzt-bl-head,.vzt-bl,.vzt-qr-sec,.vzt-price{grid-template-columns:1fr}.vzt-specs{grid-template-columns:1fr 1fr}.vzt-qr-opts,.vzt-files{grid-template-columns:1fr}}
@media (max-width:575.98px){
  .vzt-wrap{padding:8px 0 10px}.vzt-chip{position:relative;right:auto;top:auto;margin-top:22px;animation:none;height:38px;font-size:11px}
  .vzt-note{margin-top:12px;text-align:center}
  .vzt-face{padding:7%}.vzt-what,.vzt-specs{grid-template-columns:1fr}
  .vzt-bl-stage{padding:34px 26px}.vzt-dim--h{right:-30px}
  .vzt-flat .vzt-person b{font-size:15px}.vzt-flat .vzt-logo{font-size:12px}
}
@media (prefers-reduced-motion:reduce){.vzt-card{transition:none}.vzt-bl-out.is-new{animation:none}}

/* ===== /sozdanie-bannerov-dlya-sajta: слайдер с безопасной зоной, вес баннера ===== */
.hero--bnr .hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.bnr-wrap{position:relative;padding:12px 0 52px}
.bnr{max-width:540px;margin-left:auto;padding:16px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.bnr-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:14px}
.bnr-seg{display:inline-flex;padding:3px;border-radius:999px;background:var(--surface-2)}
.bnr-seg button{border:0;background:none;height:30px;padding:0 12px;border-radius:999px;font:600 12.5px/1 var(--font);color:var(--muted);cursor:pointer;transition:background .2s,color .2s}
.bnr-seg button:hover{color:var(--ink)}
.bnr-seg button.is-on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.bnr-view{display:grid;place-items:center;aspect-ratio:16/8.3}
.bnr-screen{position:relative;width:100%;aspect-ratio:16/8;border-radius:10px;overflow:hidden;background:var(--surface-2);transition:width .5s cubic-bezier(.2,.8,.2,1),aspect-ratio .5s cubic-bezier(.2,.8,.2,1),border-radius .4s,box-shadow .4s;container-type:inline-size}
.bnr-screen[data-dev="phone"]{width:29%;aspect-ratio:9/16;border-radius:20px;box-shadow:0 0 0 6px var(--ink)}
.bnr-track,.bnr-slide{position:absolute;inset:0}
.bnr-slide{opacity:0;transition:opacity .6s}
.bnr-slide.is-on{opacity:1}
.bnr-art,.bnr-baked{position:absolute;top:0;bottom:0;left:50%;width:100%;transform:translateX(-50%);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.bnr-screen[data-dev="phone"] .bnr-art,.bnr-screen[data-dev="phone"] .bnr-baked{width:300%}
.bnr-art{background:linear-gradient(160deg,hsl(var(--h1) 70% 88%),hsl(var(--h2) 60% 72%));overflow:hidden}
[data-theme="dark"] .bnr-art{background:linear-gradient(160deg,hsl(var(--h1) 35% 26%),hsl(var(--h2) 40% 18%))}
.bnr-art i{position:absolute;display:block}
.bnr-sun{right:16%;top:14%;width:9%;aspect-ratio:1;border-radius:50%;background:hsl(var(--h1) 90% 62%);box-shadow:0 0 0 10px hsl(var(--h1) 90% 62% / .2)}
.bnr-hill{bottom:-30%;border-radius:50% 50% 0 0}
.bnr-hill--1{left:-10%;width:70%;height:62%;background:hsl(var(--h2) 45% 52%)}
.bnr-hill--2{right:-12%;width:80%;height:52%;background:hsl(var(--h2) 50% 40%)}
.bnr-obj{left:50%;top:50%;width:13%;aspect-ratio:1;transform:translate(-50%,-50%);background:var(--accent);box-shadow:0 14px 30px rgba(0,0,0,.25)}
.bnr-obj--box{border-radius:14%}
.bnr-obj--disc{border-radius:50%}
.bnr-obj--tri{clip-path:polygon(50% 0,100% 100%,0 100%);box-shadow:none}
.bnr-slide.is-on .bnr-obj{animation:bnr-bob 3.2s ease-in-out infinite}
@keyframes bnr-bob{50%{transform:translate(-50%,-58%)}}
.bnr-copy,.bnr-baked{display:flex;flex-direction:column;align-items:flex-start;gap:.35em;color:#111318}
.bnr-copy{position:absolute;left:6%;top:50%;transform:translateY(-50%);max-width:34%;font-size:13px}
.bnr-copy b,.bnr-baked b{font:800 1.45em/1.05 var(--font-display);letter-spacing:-.02em}
.bnr-copy span,.bnr-baked span{font-size:.85em;opacity:.8}
.bnr-copy em,.bnr-baked em{font-style:normal;margin-top:.4em;padding:.45em .9em;border-radius:999px;background:#111318;color:#fff;font:700 .78em/1 var(--font)}
[data-theme="dark"] .bnr-copy,[data-theme="dark"] .bnr-baked{color:#F3F4F6}
[data-theme="dark"] .bnr-copy em,[data-theme="dark"] .bnr-baked em{background:#fff;color:#111318}
.bnr-baked{justify-content:center;padding-left:12%;font-size:2.6cqw;opacity:0}
.bnr-screen[data-dev="phone"] .bnr-baked{font-size:7.8cqw}
.bnr-screen[data-dev="phone"] .bnr-copy{left:8%;right:8%;top:auto;bottom:9%;transform:none;max-width:none;font-size:12px}
.bnr-screen[data-txt="baked"] .bnr-copy{opacity:0}
.bnr-screen[data-txt="baked"] .bnr-baked{opacity:1}
.bnr-safe{position:absolute;top:6%;bottom:6%;left:50%;width:33.3%;transform:translateX(-50%);border:1.5px dashed rgba(17,19,24,.55);border-radius:8px;opacity:.55;transition:width .5s cubic-bezier(.2,.8,.2,1),opacity .3s;pointer-events:none}
[data-theme="dark"] .bnr-safe{border-color:rgba(255,255,255,.6)}
.bnr-safe span{position:absolute;left:50%;top:6px;transform:translateX(-50%);padding:2px 6px;border-radius:5px;background:rgba(17,19,24,.7);color:#fff;font:600 9.5px/1.2 var(--font);white-space:nowrap}
.bnr-screen[data-dev="phone"] .bnr-safe{width:88%;opacity:.8}
.bnr-dots{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);display:flex;gap:5px}
.bnr-dots i{width:6px;height:6px;border-radius:50%;background:rgba(17,19,24,.3);transition:width .3s,background .3s}
.bnr-dots i.is-on{width:16px;border-radius:3px;background:#111318}
.bnr-screen[data-dev="phone"] .bnr-dots{bottom:2.5%}
.bnr-say{margin:12px 2px 0;min-height:2.9em;font-size:13.5px;line-height:1.45;color:var(--muted)}
.bnr-say b{color:var(--accent)}
.bnr-chip{right:-2%;bottom:0}
.bnr-live{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:24px 56px;align-items:start}
.bnr-live .mock-note{grid-column:1/-1}
.bnr-facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bnr-facts li{display:flex;gap:14px;padding:18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.bnr-facts svg{flex:none;width:40px;height:40px;padding:9px;border-radius:12px;background:var(--accent-soft);color:var(--accent)}
.bnr-facts b{display:block;color:var(--ink);margin-bottom:4px}
.bnr-facts span{font-size:14px;color:var(--muted);line-height:1.5}
.bnr-lead{max-width:720px}
.bnr-calc{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:20px;margin-top:22px}
.bnr-calc-in{display:grid;gap:14px;padding:22px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line)}
.bnr-calc fieldset{margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.bnr-calc legend{float:left;width:118px;margin:0;padding:0;font:600 12px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.bnr-calc label{position:relative;cursor:pointer}
.bnr-calc input{position:absolute;opacity:0;pointer-events:none}
.bnr-calc label span{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line-strong);font:600 13.5px/1 var(--font);color:var(--text);transition:background .2s,border-color .2s,color .2s}
.bnr-calc label:hover span{border-color:var(--accent)}
.bnr-calc input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.bnr-calc input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.bnr-calc-out{display:grid;gap:14px;align-content:start;padding:22px;border-radius:var(--radius-lg);background:var(--ink);color:var(--bg)}
.bnr-kb{display:flex;align-items:baseline;gap:10px}
.bnr-kb b{font:800 46px/1 var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.bnr-kb span{font-size:13px;opacity:.7}
.bnr-net{display:grid;grid-template-columns:110px minmax(0,1fr) 64px;align-items:center;gap:10px;font-size:13px}
.bnr-net span{opacity:.75}
.bnr-net i{display:block;height:8px;border-radius:4px;background:rgba(255,255,255,.14);overflow:hidden}
[data-theme="dark"] .bnr-net i{background:rgba(0,0,0,.14)}
.bnr-net s{display:block;height:100%;width:0;border-radius:4px;background:var(--accent);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.bnr-net b{text-align:right;font-variant-numeric:tabular-nums}
.bnr-calc-out p{margin:0;font-size:14px;line-height:1.5;opacity:.9;min-height:3em}
.bnr-note{margin:14px 0 0;font-size:13px;color:var(--muted)}
.bnr-ads{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:24px 56px;align-items:center}
.bnr-ad{position:relative;max-width:420px;margin-left:auto;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);--h1:30;--h2:20;transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
.bnr-ad:hover{transform:translateY(-3px)}
.bnr-ad-img{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(160deg,hsl(var(--h1) 70% 88%),hsl(var(--h2) 60% 72%))}
[data-theme="dark"] .bnr-ad-img{background:linear-gradient(160deg,hsl(var(--h1) 35% 26%),hsl(var(--h2) 40% 18%))}
.bnr-ad-img i{position:absolute;display:block}
.bnr-ad-txt{padding:16px 18px 10px}
.bnr-ad-txt b{display:block;font:800 18px/1.2 var(--font-display);color:var(--ink)}
.bnr-ad-txt span{font-size:14px;color:var(--muted)}
.bnr-ad-mark{display:block;margin:0 18px 16px;padding-top:10px;border-top:1px solid var(--line);font:600 11.5px/1.3 var(--font);color:var(--muted)}
.bnr-ad-mark::first-line{color:var(--ink)}
.bnr-steps{grid-template-columns:repeat(4,1fr)}
@media (max-width:991.98px){.hero--bnr .hero-grid{grid-template-columns:1fr}.bnr{margin:0 auto}.bnr-live,.bnr-ads,.bnr-calc{grid-template-columns:1fr}.bnr-ad{margin:0}.bnr-steps{grid-template-columns:1fr 1fr}.bnr-steps>div:nth-child(2)::after{display:none}}
@media (max-width:575.98px){
  .bnr-wrap{padding:8px 0 48px}.bnr{padding:12px}.bnr-chip{right:auto;left:50%;transform:translateX(-50%);animation:none}
  .bnr-seg button{padding:0 9px;font-size:12px}
  .bnr-view{aspect-ratio:16/11}.bnr-screen[data-dev="phone"]{width:38%}
  .bnr-chip{white-space:normal;height:auto;min-height:36px;padding:8px 12px;width:max-content;max-width:92%}
  .bnr-copy{font-size:10.5px}.bnr-screen[data-dev="phone"] .bnr-copy{font-size:10px}
  .bnr-facts,.bnr-steps{grid-template-columns:1fr}
  .bnr-calc legend{float:none;width:100%;margin-bottom:2px}
  .bnr-net{grid-template-columns:92px minmax(0,1fr) 54px}
}
@media (prefers-reduced-motion:reduce){.bnr-slide.is-on .bnr-obj{animation:none}.bnr-screen,.bnr-art,.bnr-baked,.bnr-safe{transition:none}}

/* ===== /razrabotka-infografiki: таблица → инфографика, сборка карточки товара ===== */
.hero--ifg .hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.ifg-wrap{position:relative;padding:12px 0 52px}
.ifg{max-width:520px;margin-left:auto;padding:18px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.ifg-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;font:700 14px/1.3 var(--font);color:var(--ink)}
.ifg-flip{flex:none;border:1px solid var(--line-strong);background:var(--surface);height:34px;padding:0 13px;border-radius:999px;font:600 12.5px/1 var(--font);color:var(--text);cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.ifg-flip:hover{border-color:var(--accent)}
.ifg-flip-b,[data-mode="art"] .ifg-flip-a{display:none}
[data-mode="art"] .ifg-flip-b{display:inline}
[data-mode="art"] .ifg-flip{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.ifg-stage{position:relative;height:320px;border-radius:12px;background:var(--surface-2);overflow:hidden}
.ifg-table{position:absolute;inset:14px;width:calc(100% - 28px);border-collapse:collapse;font-size:13px;transition:opacity .45s,transform .6s cubic-bezier(.2,.8,.2,1),filter .45s}
.ifg-table td{padding:9px 6px;border-bottom:1px solid var(--line);color:var(--text);vertical-align:top}
.ifg-table td:first-child{color:var(--muted);width:46%}
[data-mode="art"] .ifg-table{opacity:0;transform:scale(.92) translateY(10px);filter:blur(3px);pointer-events:none}
.ifg-art{position:absolute;inset:0;opacity:0;transition:opacity .4s}
[data-mode="art"] .ifg-art{opacity:1}
.ifg-cup{position:absolute;left:9%;bottom:12%;width:24%;height:68%}
.ifg-lid,.ifg-body{position:absolute;display:block;left:0;right:0}
.ifg-lid{top:8%;height:12%;border-radius:10px 10px 4px 4px;background:var(--ink)}
.ifg-body{top:22%;bottom:0;border-radius:6px 6px 18px 18px;background:linear-gradient(90deg,var(--accent) 0 64%,var(--accent-hover) 64%)}
.ifg-steam{position:absolute;top:-6%;width:8%;height:18%;border-radius:50%;border-left:3px solid var(--line-strong);opacity:0}
.ifg-steam:nth-child(1){left:32%}
.ifg-steam:nth-child(2){left:58%}
[data-mode="art"] .ifg-steam{animation:ifg-steam 2.4s ease-in-out infinite}
[data-mode="art"] .ifg-steam:nth-child(2){animation-delay:1.2s}
@keyframes ifg-steam{0%{opacity:0;transform:translateY(8px)}40%{opacity:.9}100%{opacity:0;transform:translateY(-14px)}}
[data-mode="art"] .ifg-cup{animation:ascent .6s cubic-bezier(.2,.8,.2,1) both}
.ifg-big{position:absolute;display:grid;gap:3px;padding:12px 14px;border-radius:12px;background:var(--surface);box-shadow:var(--shadow);opacity:0;transform:translateY(12px);transition:opacity .4s,transform .5s cubic-bezier(.3,1.5,.5,1)}
[data-mode="art"] .ifg-big{opacity:1;transform:none}
.ifg-big b{font:800 26px/1 var(--font-display);letter-spacing:-.02em;color:var(--ink)}
.ifg-big span{font-size:12.5px;color:var(--muted)}
.ifg-big b span{font:inherit;color:inherit}
.ifg-big svg{width:22px;height:22px;color:var(--accent)}
.ifg-big--t{left:40%;top:8%;right:6%;transition-delay:.1s}
.ifg-big--t b{font-size:42px;color:var(--accent)}
.ifg-hours{display:block;height:6px;margin-top:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}
.ifg-hours s{display:block;height:100%;width:0;background:var(--accent);border-radius:3px;transition:width 1.4s cubic-bezier(.2,.8,.2,1) .4s}
[data-mode="art"] .ifg-hours s{width:66%}
.ifg-big--v{left:40%;top:52%;width:27%;transition-delay:.22s}
.ifg-big--l{right:6%;top:52%;width:25%;transition-delay:.34s}
.ifg-big--l b{font-size:16px}
.ifg-chip{right:-2%;bottom:0}
.ifg-kinds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ifg-kinds>div{padding:24px 22px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);transition:border-color .2s,transform .3s cubic-bezier(.3,1.6,.5,1)}
.ifg-kinds>div:hover{border-color:var(--accent);transform:translateY(-3px)}
.ifg-k-ico{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--accent-soft);color:var(--accent)}
.ifg-k-ico svg{width:22px;height:22px}
.ifg-kinds h3{margin:16px 0 8px;font-size:19px}
.ifg-kinds p{font-size:14.5px;line-height:1.6;color:var(--text);margin:0}
.ifg-lead{max-width:720px}
.ifg-build{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:24px;margin-top:22px;align-items:start}
.ifg-opts{margin:0;padding:22px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ifg-opts label{position:relative;cursor:pointer}
.ifg-opts input{position:absolute;opacity:0;pointer-events:none}
.ifg-opts span{display:flex;align-items:center;gap:10px;min-height:52px;height:100%;padding:10px 14px;border-radius:12px;border:1px solid var(--line-strong);font-size:14px;line-height:1.35;color:var(--text);transition:border-color .2s,background .2s,opacity .2s}
.ifg-opts span::before{content:"";flex:none;width:18px;height:18px;border-radius:5px;border:1.5px solid var(--line-strong);background:var(--surface);transition:background .2s,border-color .2s}
.ifg-opts b{font-weight:600;color:var(--ink)}
.ifg-opts label:hover span{border-color:var(--accent)}
.ifg-opts input:checked+span{border-color:var(--accent);background:var(--accent-soft)}
.ifg-opts input:checked+span::before{background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;border-color:var(--accent)}
.ifg-opts input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.ifg-opts input:disabled+span{opacity:.45;cursor:not-allowed}
.ifg-opts .is-trap span{border-style:dashed}
.ifg-opts .is-trap input:checked+span{border-color:#D92D20;background:rgba(217,45,32,.08)}
.ifg-opts .is-trap input:checked+span::before{background-color:#D92D20;border-color:#D92D20}
.ifg-preview{display:grid;gap:14px;justify-items:center}
.ifg-pcard{position:relative;width:min(100%,300px);aspect-ratio:3/4;border-radius:16px;background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--line);box-shadow:var(--shadow-lg);overflow:hidden;transition:box-shadow .3s}
.ifg-pcard.is-bad{box-shadow:0 0 0 3px #D92D20,var(--shadow-lg)}
.ifg-pcup{position:absolute;left:10%;bottom:10%;width:30%;height:62%}
.ifg-badges{list-style:none;margin:0;padding:0;position:absolute;right:7%;top:8%;width:52%;display:grid;gap:10px}
.ifg-badges li{padding:10px 12px;border-radius:12px;background:var(--surface);box-shadow:var(--shadow);font:800 14px/1.2 var(--font-display);color:var(--ink);animation:ifg-pop .4s cubic-bezier(.3,1.6,.5,1) both}
.ifg-badges li.is-bad{background:#D92D20;color:#fff}
.ifg-badges li small{display:block;margin-top:3px;font:500 11.5px/1.3 var(--font);color:var(--muted)}
.ifg-badges li.is-bad small{color:rgba(255,255,255,.85)}
@keyframes ifg-pop{from{opacity:0;transform:scale(.85) translateX(10px)}}
.ifg-verdict{margin:0;max-width:360px;min-height:4.4em;font-size:14px;line-height:1.5;text-align:center;color:var(--muted)}
.ifg-verdict b{color:var(--ink)}
.ifg-verdict.is-bad b{color:#D92D20}
.ifg-rules{max-width:820px;margin:22px 0 0;font-size:14.5px;line-height:1.6;color:var(--text)}
.ifg-facts{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:24px 56px;align-items:start}
.ifg-checks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ifg-checks li{position:relative;padding:18px 18px 18px 52px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.ifg-checks li::before{content:"";position:absolute;left:18px;top:20px;width:20px;height:20px;border-radius:50%;background:var(--accent-soft);box-shadow:inset 0 0 0 5px var(--accent)}
.ifg-checks b{display:block;margin-bottom:4px;color:var(--ink)}
.ifg-checks span{font-size:14px;line-height:1.5;color:var(--muted)}
.ifg-steps{grid-template-columns:repeat(4,1fr)}
[data-theme="dark"] .ifg-opts .is-trap input:checked+span{background:rgba(217,45,32,.18)}
@media (max-width:991.98px){.hero--ifg .hero-grid{grid-template-columns:1fr}.ifg{margin:0 auto}.ifg-kinds{grid-template-columns:1fr 1fr}.ifg-build,.ifg-facts{grid-template-columns:1fr}.ifg-steps{grid-template-columns:1fr 1fr}.ifg-steps>div:nth-child(2)::after{display:none}}
@media (max-width:575.98px){
  .ifg-wrap{padding:8px 0 48px}.ifg{padding:14px}.ifg-chip{right:auto;left:50%;transform:translateX(-50%);animation:none}
  .ifg-head{flex-wrap:wrap}.ifg-stage{height:300px}.ifg-table{font-size:12px}
  .ifg-big{padding:9px 10px}.ifg-big b{font-size:20px}.ifg-big--t b{font-size:32px}.ifg-big--t{left:38%}.ifg-big--v{left:38%;width:30%}.ifg-big--l{width:28%;right:4%}.ifg-big--l b{font-size:13px}.ifg-big span{font-size:11px}.ifg-big b span{font-size:inherit}
  .ifg-kinds,.ifg-opts,.ifg-checks,.ifg-steps{grid-template-columns:1fr}
  .ifg-opts{padding:14px}
}
@media (prefers-reduced-motion:reduce){.ifg-table,.ifg-big,.ifg-hours s{transition:none}[data-mode="art"] .ifg-steam,[data-mode="art"] .ifg-cup,.ifg-badges li{animation:none}}

/* ===== /dizajn-poligraficheskoj-produkcii: евробуклет складывается, форматы, вылеты, QR с меткой ===== */
.hero--prt .hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.prt-wrap{position:relative;padding:12px 0 52px}
.prt{max-width:500px;margin-left:auto;padding:22px 22px 16px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);transform:perspective(1100px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.prt-sheet{position:relative;display:flex;justify-content:center;perspective:1400px;transform-style:preserve-3d;padding:10px 0 18px}
.prt-p{position:relative;width:30%;aspect-ratio:99/210;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.6,.05,.3,1)}
.prt-p--l{transform-origin:right center}
.prt-p--r{transform-origin:left center;width:29%}
.prt-face{position:absolute;inset:0;display:flex;flex-direction:column;gap:7%;padding:12% 11%;background:#FBFAF7;box-shadow:inset 0 0 0 1px rgba(17,19,24,.08);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.prt-p--l .prt-face--in{box-shadow:inset -10px 0 14px -12px rgba(0,0,0,.35),inset 0 0 0 1px rgba(17,19,24,.08)}
.prt-p--r .prt-face--in{box-shadow:inset 10px 0 14px -12px rgba(0,0,0,.35),inset 0 0 0 1px rgba(17,19,24,.08)}
.prt-face--out{transform:rotateY(180deg)}
.prt-face--cover{background:var(--accent);justify-content:flex-end}
[data-theme="dark"] .prt-face{background:#E9E6DF}
[data-theme="dark"] .prt-face--cover{background:var(--accent)}
.prt-face i{display:block;flex:none;border-radius:3px;background:rgba(17,19,24,.14)}
.prt-h{height:6%;width:70%;background:rgba(17,19,24,.75)!important}
.prt-l{height:3%;width:100%}
.prt-l--s{width:60%}
.prt-img{height:26%;width:100%;border-radius:6px!important;background:linear-gradient(135deg,var(--accent-soft),rgba(255,74,31,.35))!important}
.prt-img--tall{height:42%}
.prt-qr{width:46%;aspect-ratio:1;margin-top:auto;border-radius:4px!important;background:#111318 conic-gradient(from 90deg at 30% 30%,#111318 25%,#fff 0 50%,#111318 0 75%,#fff 0) 0 0/33.3% 33.3%!important;box-shadow:0 0 0 4px #fff,0 0 0 5px rgba(17,19,24,.15)}
.prt-logo{width:32%;aspect-ratio:1;margin-bottom:auto;border-radius:22%!important;background:#fff!important}
.prt-title{height:13%;width:90%;background:rgba(255,255,255,.95)!important}
.prt-face--cover .prt-l{background:rgba(255,255,255,.6)}
.prt[data-state="half"] .prt-p--r,.prt[data-state="closed"] .prt-p--r{transform:translateZ(1px) rotateY(-179.6deg)}
.prt[data-state="closed"] .prt-p--l{transform:translateZ(6px) rotateY(179deg)}
.prt-bar{display:flex;align-items:center;gap:12px;padding-top:12px;border-top:1px solid var(--line)}
.prt-btn{flex:none;border:1px solid var(--line-strong);background:var(--surface);height:34px;padding:0 14px;border-radius:999px;font:600 13px/1 var(--font);color:var(--text);cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.prt-btn:hover{border-color:var(--accent)}
.prt-btn-b,.prt[data-state="closed"] .prt-btn-a{display:none}
.prt[data-state="closed"] .prt-btn-b{display:inline}
.prt-cap{font-size:13.5px;line-height:1.4;color:var(--muted)}
.prt-chip{right:-2%;bottom:0}
.prt-fmt{margin-top:22px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);padding:22px}
.prt-fmt-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}
.prt-fmt-tabs button{border:1px solid var(--line-strong);background:var(--surface);height:38px;padding:0 15px;border-radius:999px;font:600 13.5px/1 var(--font);color:var(--text);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.prt-fmt-tabs button:hover{border-color:var(--accent)}
.prt-fmt-tabs button.is-on{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.prt-fmt-body{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;align-items:center}
.prt-scheme{display:grid;place-items:center;min-height:300px;border-radius:var(--radius);background:var(--surface-2);padding:24px}
.prt-sch{position:relative;display:flex;background:#FBFAF7;box-shadow:var(--shadow);animation:ascent .45s cubic-bezier(.2,.8,.2,1) both}
[data-theme="dark"] .prt-sch{background:#E9E6DF}
.prt-sch>i{position:relative;flex:1;border-right:1.5px dashed rgba(17,19,24,.35)}
.prt-sch>i:last-child{border-right:0}
.prt-sch>i.is-narrow{flex:.96}
.prt-sch>i::after{content:attr(data-n);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:700 12px/1 var(--font);color:rgba(17,19,24,.45)}
.prt-sch--stack{box-shadow:6px 6px 0 -1px #F0EEE8,6px 6px 0 0 rgba(17,19,24,.12),12px 12px 0 -1px #E6E3DC,12px 12px 0 0 rgba(17,19,24,.12),var(--shadow)}
.prt-sch-note{position:absolute;left:0;right:0;bottom:-30px;text-align:center;font:600 11.5px/1.3 var(--font);color:var(--muted)}
.prt-fmt-txt h3{font-size:24px;margin-bottom:6px}
.prt-size{font:600 13px/1.4 var(--font);letter-spacing:.04em;color:var(--accent);margin:0 0 12px}
.prt-fmt-txt p{font-size:15px;line-height:1.6;color:var(--text)}
.prt-sub{display:block;margin:16px 0 8px;font:600 12px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.prt-fmt-txt ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.prt-fmt-txt li{position:relative;padding-left:20px;font-size:14.5px;color:var(--ink)}
.prt-fmt-txt li::before{content:"";position:absolute;left:0;top:7px;width:10px;height:10px;border-radius:50%;background:var(--accent-soft);box-shadow:inset 0 0 0 3px var(--accent)}
.prt-fmt-price{margin:16px 0 0!important;padding-top:14px;border-top:1px solid var(--line);font-weight:700;color:var(--ink)!important}
.prt-fmt-body.is-new .prt-fmt-txt{animation:ascent .4s cubic-bezier(.2,.8,.2,1) both}
.prt-pre{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:24px 56px;align-items:start}
.prt-cut{margin-top:22px;padding:18px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line)}
.prt-cut-tabs{display:inline-flex;padding:3px;border-radius:999px;background:var(--surface-2);margin-bottom:16px}
.prt-cut-tabs button{border:0;background:none;height:30px;padding:0 13px;border-radius:999px;font:600 12.5px/1 var(--font);color:var(--muted);cursor:pointer}
.prt-cut-tabs button.is-on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.prt-cut-stage{position:relative;height:170px;display:grid;place-items:center;background:var(--surface-2);border-radius:12px;overflow:hidden}
.prt-cut-paper{position:relative;width:240px;height:130px;background:#fff;box-shadow:var(--shadow);overflow:hidden;transition:transform .7s cubic-bezier(.6,.05,.3,1)}
.prt-cut-art{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:0 22px;background:linear-gradient(135deg,var(--accent),#FF8A5B);color:#fff;transition:inset .4s}
.prt-cut-art b{font:800 19px/1.1 var(--font-display)}
.prt-cut-art span{font-size:13px;opacity:.9}
.prt-cut[data-bleed="no"] .prt-cut-art{inset:6px}
.prt-cut-line{position:absolute;left:50%;top:50%;width:228px;height:118px;transform:translate(-50%,-50%);border:1.5px dashed rgba(17,19,24,.55);pointer-events:none}
[data-theme="dark"] .prt-cut-line{border-color:rgba(255,255,255,.6)}
.prt-cut.is-cut .prt-cut-paper{transform:translate(6px,5px)}
.prt-cut.is-cut .prt-cut-line{border-color:transparent;box-shadow:0 0 0 999px var(--surface-2)}
.prt-cut-say{margin:12px 0 0;min-height:3em;font-size:14px;line-height:1.5;color:var(--muted)}
.prt-cut-say b{color:var(--ink)}
.prt-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:prt}
.prt-list li{position:relative;padding:16px 18px 16px 58px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);counter-increment:prt}
.prt-list li::before{content:counter(prt,decimal-leading-zero);position:absolute;left:18px;top:16px;font:800 15px/1.4 var(--font-display);color:var(--accent)}
.prt-list b{display:block;margin-bottom:3px;color:var(--ink)}
.prt-list span{font-size:14px;line-height:1.5;color:var(--muted)}
.prt-qr-sec{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:24px 56px;align-items:center}
.prt-utm{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px 20px;padding:22px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.prt-utm-qr{display:grid;place-items:center;background:#fff;border-radius:12px;padding:12px}
.prt-qr--big{display:block;width:100%;aspect-ratio:1;border-radius:4px;background:#111318 conic-gradient(from 90deg at 30% 30%,#111318 25%,#fff 0 50%,#111318 0 75%,#fff 0) 0 0/25% 25%}
.prt-utm-url{align-self:center;font:500 13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text);word-break:break-all}
.prt-utm-url mark{padding:1px 3px;border-radius:4px;background:var(--accent-soft);color:var(--ink);transition:background .2s,color .2s}
.prt-utm-url mark.is-hl{background:var(--accent);color:var(--on-accent)}
.prt-utm-keys{grid-column:1/-1;margin:0;display:grid;gap:6px}
.prt-utm-keys>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;padding:8px 10px;border-radius:8px;cursor:default;transition:background .2s}
.prt-utm-keys>div:hover,.prt-utm-keys>div.is-hl{background:var(--surface-2)}
.prt-utm-keys dt{font:600 12.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent)}
.prt-utm-keys dd{margin:0;font-size:14px;color:var(--text)}
.prt-steps{grid-template-columns:repeat(4,1fr)}
@media (max-width:991.98px){.hero--prt .hero-grid{grid-template-columns:1fr}.prt{margin:0 auto}.prt-fmt-body,.prt-pre,.prt-qr-sec{grid-template-columns:minmax(0,1fr)}.prt-steps{grid-template-columns:1fr 1fr}.prt-steps>div:nth-child(2)::after{display:none}}
@media (max-width:575.98px){
  .prt-wrap{padding:8px 0 48px}.prt{padding:16px 14px 12px}.prt-chip{right:auto;left:50%;transform:translateX(-50%);animation:none}
  .prt-bar{flex-wrap:wrap}.prt-fmt{padding:14px}.prt-fmt-tabs button{height:34px;padding:0 12px;font-size:13px}
  .prt-scheme{min-height:250px}.prt-cut-paper{width:210px;height:116px}.prt-cut-line{width:198px;height:104px}
  .prt-utm{grid-template-columns:1fr}.prt-utm-qr{width:120px}.prt-steps{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.prt-p,.prt-cut-paper,.prt-cut-art{transition:none}.prt-sch,.prt-fmt-body.is-new .prt-fmt-txt{animation:none}}
.prt-qr-sec .link-more{white-space:normal}

/* CTA: условия договора под абзацем — общий фрагмент cta_lead */
.cta-terms{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,max-content);gap:8px 22px;font-size:14px;font-weight:600}
@media (max-width:767.98px){.cta-terms{grid-template-columns:1fr}.cta:has(.cta-terms)::after{inset:62% 0 0 0}}
.cta-terms li{display:flex;align-items:flex-start;gap:8px}
.cta-terms li::before{content:"";width:6px;height:6px;margin-top:.55em;border-radius:50%;background:var(--accent);flex:none}
/* Юридические страницы: политика, согласие */
.legal .container{max-width:820px}
.legal h1{font-size:clamp(28px,3.4vw,40px);margin-bottom:24px}
.legal h2{font-size:22px;margin:36px 0 12px}
.legal p,.legal li{line-height:1.65}
.legal ul{padding-left:22px;margin:0 0 16px}
.legal li+li{margin-top:6px}
/* Цена внутри секции услуги: отступ от сетки и между списком и абзацем */
.bvi-price{margin-top:40px}
.pricing-svc .checks+.muted{margin-top:14px}

/* Общий блок страниц типов сайтов: что входит в цену, как идёт работа (партиал site-basics) */
.basics{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px;margin-top:24px}
.basics-col{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px}
.basics-col h3{margin:0 0 14px}
.basics-in{margin:0 0 16px;padding:0;list-style:none}
.basics-in li{position:relative;padding:9px 0 9px 26px;border-bottom:1px dashed var(--line);font-size:14.5px}
.basics-in li::before{content:"";position:absolute;left:2px;top:15px;width:12px;height:7px;border:solid #1FA971;border-width:0 0 2px 2px;transform:rotate(-45deg)}
.basics-in b{color:var(--ink)}
.basics a{color:var(--accent)}
.basics-steps{margin:0 0 18px;padding:0;list-style:none;counter-reset:bs}
.basics-steps li{counter-increment:bs;position:relative;padding:7px 0 7px 38px;font-size:14.5px}
.basics-steps li::before{content:counter(bs,decimal-leading-zero);position:absolute;left:0;top:7px;font:700 13px/1.6 var(--font-display);color:var(--accent)}
.basics-steps li+li::after{content:"";position:absolute;left:9px;top:-6px;height:12px;border-left:1px solid var(--line-strong)}
.basics-you,.basics-extra{margin:0 0 10px;font-size:14px;color:var(--muted)}
.basics-you b,.basics-extra b{color:var(--ink)}
@media (max-width:900px){.basics{grid-template-columns:1fr}.basics-col{padding:22px}}

/* /eksklyuzivnye-proekty: список «Что уже делали» (пункты — оформлением .basics-in) */
.ex-done-h{margin:32px 0 10px}
.ex-done{max-width:860px}
/* ТЗ к кейсу: документ на базе .legal */
.tz-doc h3{font-size:17px;margin:22px 0 8px}
.tz-lead{font-size:17px;color:var(--muted)}
.tz-toc{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 8px}
.tz-toc a{font-size:13px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none}
.tz-toc a:hover{border-color:var(--accent);color:var(--accent)}
.tz-table{width:100%;border-collapse:collapse;margin:8px 0 18px;font-size:15px}
.tz-table th,.tz-table td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line);line-height:1.5}
.tz-table th{font-weight:600;color:var(--ink);background:var(--surface)}
.tz-table tr>th:first-child:not(:only-child){width:28%}
.tz-ol{padding-left:22px}
.tz-ol li+li{margin-top:6px}
@media (max-width:600px){.tz-table{font-size:14px}.tz-table th,.tz-table td{padding:8px}}
.cs-tz{margin-top:18px;color:var(--muted)}
@media (max-width:600px){.tz-table--stack,.tz-table--stack tbody,.tz-table--stack tr,.tz-table--stack td{display:block;width:100%}.tz-table--stack tr:first-child{display:none}.tz-table--stack tr{border-bottom:1px solid var(--line);padding:8px 0}.tz-table--stack td{border:0;padding:3px 0}.tz-table--stack td::before{content:attr(data-l);display:block;font-size:12px;color:var(--muted)}.tz-table--stack td:first-child{font-weight:600}.tz-table--stack td:first-child::before{display:none}}
/* Региональный хаб: свои блоки города (hub-template.html) */
.hub-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:-28px;position:relative;z-index:2}
.hub-stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;box-shadow:0 10px 30px -18px rgba(20,26,36,.25)}
.hub-stat b{display:block;font-family:var(--font-display);font-size:clamp(24px,2.4vw,32px);line-height:1.1;color:var(--ink)}
.hub-stat span{display:block;margin-top:6px;font-size:13.5px;color:var(--muted);line-height:1.4}
.hub-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:start}
.hub-split h2{margin-top:8px}
.hub-prose p{margin:0 0 14px;line-height:1.65}
.hub-prose p:last-child{margin-bottom:0}
.hub-prose a,.hub-ind a,.hub-adv p a{color:inherit;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 55%,transparent);text-underline-offset:2px}
.hub-prose ul{margin:0 0 14px;padding-left:20px;line-height:1.6}
.hub-ind-more{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 28px;margin-top:28px}
.hub-ind h3{font-size:16px;margin-bottom:6px}
.hub-ind p{margin:0;color:var(--muted);line-height:1.6;font-size:15px}
.hub-ws{width:100%;margin-top:18px;border-collapse:collapse;font-size:14px}
.hub-ws th,.hub-ws td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:right}
.hub-ws th:first-child,.hub-ws td:first-child{text-align:left}
.hub-ws th{font-weight:600;color:var(--muted);font-size:12.5px}
.hub-ws-src{margin-top:10px;font-size:12px;color:var(--muted);line-height:1.5}
.hero--hub .hero-grid>div:first-child{padding-bottom:56px}
.hub-terms{display:flex;flex-wrap:wrap;gap:6px 18px;margin:-18px 0 30px;padding:0;list-style:none;font-size:14px;color:var(--muted);animation:ascent .8s cubic-bezier(.2,.8,.2,1) .42s both}
.hub-terms li{display:flex;align-items:center;gap:7px}
.hub-terms li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
.hub-terms b{color:var(--text);font-weight:600}
.hub-prose .hub-ws{margin:4px 0 16px}
.hub-advice{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.hub-adv{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:10px}
.hub-adv h3{font-size:17px}
.hub-adv p{margin:0;color:var(--muted);line-height:1.6;font-size:15px;flex:1}
.hub-adv>a{font-weight:600;color:var(--accent);font-size:14.5px}
.hub-team{margin-top:20px;color:var(--muted);font-size:14px}
@media (max-width:991px){.hub-split{grid-template-columns:1fr;gap:16px}.hub-advice{grid-template-columns:1fr}.hub-stats{grid-template-columns:1fr;margin-top:16px}}
@media (max-width:767px){.hub-ind-more{grid-template-columns:1fr}}
.faq-keys{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-self:center}
@media (max-width:991px){.faq-keys{margin-top:8px}}
/* «О студии»: таймлайн истории — линия прорисовывается по мере появления вех (.reveal → .is-in) */
.hist{list-style:none;margin:32px auto 0;padding:0;max-width:980px;position:relative}
.hist::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--line)}
.hist-item{position:relative;width:50%;padding:0 48px 36px 0;text-align:right}
.hist-item:nth-child(even){margin-left:50%;padding:0 0 36px 48px;text-align:left}
.hist-item::after{content:"";position:absolute;top:0;bottom:0;right:-1px;width:2px;background:var(--accent);transform:scaleY(0);transform-origin:top;transition:transform .9s cubic-bezier(.2,.8,.2,1) .15s}
.hist-item:nth-child(even)::after{right:auto;left:-1px}
.hist-item.is-in::after{transform:scaleY(1)}
.hist-item::before{content:"";position:absolute;top:6px;right:-9px;width:18px;height:18px;border-radius:50%;background:var(--surface);border:2px solid var(--line-strong);z-index:1;transition:border-color .3s .3s,background .3s .3s,box-shadow .3s .3s}
.hist-item:nth-child(even)::before{right:auto;left:-9px}
.hist-item.is-in::before{border-color:var(--accent)}
.hist-item.is-now::before{background:var(--accent);box-shadow:0 0 0 7px var(--accent-soft)}
.hist-item:last-child{padding-bottom:0}
.hist-year{display:block;font:800 clamp(24px,2.6vw,34px)/1 var(--font-display);color:var(--accent);letter-spacing:-.02em}
.hist-item h3{font-size:18px;margin:8px 0 6px}
.hist-item p{margin:0;color:var(--muted);line-height:1.6;font-size:15px}
@media (max-width:767px){.hist::before{left:9px}.hist-item,.hist-item:nth-child(even){width:auto;margin-left:0;padding:0 0 28px 40px;text-align:left}.hist-item::before,.hist-item:nth-child(even)::before{left:0;right:auto}.hist-item::after,.hist-item:nth-child(even)::after{left:8px;right:auto}}
@media (prefers-reduced-motion:reduce){.hist-item::after{transform:none;transition:none}}

/* ── Блог: лента /news и статья (референс — ChatGPT 2026-10-02, чат «Блоговый мокап сайта») ── */
.hero--blog h1{max-width:12em}
.hero--post h1{font-size:clamp(34px,4vw,56px);max-width:13em;margin-top:14px}
.bl-hero-art{margin:0;position:relative;border-radius:var(--radius-lg);overflow:hidden}
.bl-hero-art img{width:100%;height:auto;display:block}
.bl-hero-art.is-ph,.bl-cover.is-ph{display:grid;place-items:center;aspect-ratio:3/2;background:
  radial-gradient(60% 70% at 70% 30%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),
  linear-gradient(135deg,var(--surface-2),var(--bg-alt));color:color-mix(in srgb,var(--accent) 70%,var(--muted))}
.bl-hero-art.is-ph svg{width:72px;height:72px}
.bl-cover.is-ph svg{width:44px;height:44px}
.bl-chip{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font:600 13px/1 var(--font);white-space:nowrap}
a.bl-chip:hover{color:var(--accent-hover)}
.bl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;font-size:14px;color:var(--muted);margin:0}
.bl-meta span+span::before{content:"·";margin:0 10px}
.bl-meta .btn-ur::before,.bl-meta .bl-go::before{content:none}
.bl-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.bl-tags a{display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font:600 15px/1 var(--font);color:var(--ink);transition:border-color .15s,background .15s,color .15s}
.bl-tags a:hover{border-color:var(--ink)}
.bl-tags a.is-on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.bl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.bl-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;color:var(--text);padding:12px;transition:box-shadow .2s,transform .2s,border-color .2s}
.bl-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);border-color:var(--line-strong);color:var(--text)}
.bl-cover{margin:0;border-radius:var(--radius);overflow:hidden}
.bl-cover img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;transition:transform .5s}
.bl-card:hover .bl-cover img{transform:scale(1.03)}
.bl-card-text{display:flex;flex-direction:column;gap:12px;padding:18px 8px 6px;flex:1;align-items:flex-start}
.bl-card h2,.bl-card h3{font-size:22px;line-height:1.2}
.bl-card p{color:var(--muted);font-size:15px;margin:0}
.bl-card .bl-meta{margin-top:auto;width:100%;font-size:13px}
.bl-go{margin-left:auto;display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--accent);color:var(--accent);transition:background .15s,color .15s}
.bl-card:hover .bl-go{background:var(--accent);color:var(--on-accent)}
.bl-card--wide{display:grid;grid-template-columns:1fr 1fr;gap:12px 36px;margin-bottom:20px;align-items:center}
.bl-card--wide .bl-card-text{padding:12px 24px 12px 0;gap:16px}
.bl-card--wide h2{font-size:clamp(28px,3vw,40px)}
.bl-card--wide p{font-size:16px}
.bl-card--wide .bl-meta{margin-top:0}
.bl-card--wide .btn-ur{margin-top:8px}
.bl-how{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px 40px;align-items:center;padding:36px 40px;border-radius:var(--radius-lg);background:var(--bg-alt);border:1px solid var(--line)}
.bl-how h2{margin:0}
.bl-how ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.bl-how li{display:grid;grid-template-columns:44px 1fr;gap:4px 14px;align-content:start}
.bl-how li svg{grid-row:span 2;width:44px;height:44px;padding:11px;border-radius:50%;background:var(--surface);color:var(--accent);box-shadow:var(--shadow)}
.bl-how li b{color:var(--ink);font-size:15px}
.bl-how li span{color:var(--muted);font-size:14px}

/* статья: «Коротко» во всю ширину, оглавление слева, текст справа */
.bl-layout{display:grid;grid-template-columns:240px minmax(0,760px);gap:0 56px;justify-content:start}
.bl-body{display:contents}
.bl-body>.article-section{grid-column:2}
.bl-body>.article-section--lead{grid-column:1/-1}
.bl-body>.article-section>:first-child{margin-top:0}
.bl-body>.article-section+.article-section{margin-top:44px}
.bl-toc{grid-column:1;grid-row:2/span 99;align-self:start;position:sticky;top:96px;padding:20px 0 20px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line)}
.bl-toc b{display:block;padding:0 20px 10px;color:var(--ink);font-size:16px}
.bl-toc ol{list-style:none;margin:0;padding:0;counter-reset:toc}
.bl-toc li{counter-increment:toc}
.bl-toc a{display:grid;grid-template-columns:28px 1fr;padding:8px 20px 8px 17px;border-left:3px solid transparent;font-size:14px;line-height:1.35;color:var(--text)}
.bl-toc a::before{content:counter(toc,decimal-leading-zero);color:var(--muted);font-size:13px}
.bl-toc a:hover{color:var(--accent)}
.bl-toc a.is-on{border-left-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.bl-toc a.is-on::before{color:var(--accent)}
/* счётчик на .bl-layout: у .bl-body display:contents, свой counter-reset он не держит */
.bl-layout{counter-reset:h2}
.bl-body>.article-section:not(.article-section--lead){counter-increment:h2}
.bl-body h2{font-size:clamp(24px,2.4vw,30px);margin:0 0 14px;scroll-margin-top:96px}
.bl-body h2::before{content:counter(h2) ". "}
.bl-body p,.bl-body li{font-size:17px;line-height:1.65;color:var(--text)}
.bl-body p{margin:0 0 14px}
.bl-body ul{list-style:none;padding:0;margin:0 0 18px}
.bl-body ul li{position:relative;padding-left:22px;margin:6px 0}
.bl-body ul li::before{content:"";position:absolute;left:4px;top:.68em;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.bl-short{position:relative;margin:4px 0 36px;padding:22px 28px;border-radius:var(--radius);background:var(--accent-soft);border-left:4px solid var(--accent)}
.bl-short b{display:block;font:700 13px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}
.bl-short p{font-size:19px;line-height:1.55;color:var(--ink);margin:0;max-width:62em}
.bl-table{margin:8px 0 20px;border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}
.bl-table table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
.bl-table th{background:var(--surface-2);text-align:left;font-weight:600;color:var(--ink);padding:14px 18px}
.bl-table td{padding:14px 18px;border-top:1px solid var(--line);color:var(--text)}
.bl-table tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--surface-2) 55%,transparent)}
.bl-factors{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:10px 0 22px}
.bl-factors>div{padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.bl-factors svg{width:28px;height:28px;color:var(--accent);margin-bottom:10px}
.bl-factors h3{font-size:17px;margin-bottom:10px}
.bl-factors p{font-size:14px;line-height:1.5;margin:0 0 8px;color:var(--muted)}
.bl-factors b{color:var(--ink)}
.bl-warn{display:grid;grid-template-columns:40px 1fr;gap:4px 14px;margin:8px 0 24px;padding:20px 22px;border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}
.bl-warn svg{grid-row:span 2;width:40px;height:40px;padding:9px;border-radius:10px;background:var(--surface);color:var(--accent)}
.bl-warn b{color:var(--accent)}
.bl-warn p{margin:0;font-size:15px}
.bl-next{display:flex;align-items:center;gap:18px;margin:18px 0 8px;padding:20px 22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2)}
.bl-next>svg{flex:none;width:44px;height:44px;padding:10px;border-radius:10px;background:var(--surface);color:var(--accent)}
.bl-next b{color:var(--ink);font-size:17px}
.bl-next p{margin:4px 0 0;font-size:14px;color:var(--muted)}
.bl-next .btn-ur{margin-left:auto}
.bl-sources{list-style:none;counter-reset:src;padding:0;margin:0 0 10px}
.bl-sources li{counter-increment:src;position:relative;padding-left:36px;margin:8px 0;font-size:15px;color:var(--muted)}
.bl-sources li::before{content:counter(src);position:absolute;left:0;top:1px;width:24px;height:24px;border-radius:6px;background:var(--surface-2);display:grid;place-items:center;font-size:13px;color:var(--muted)}
.faq--one{grid-template-columns:1fr}
@media (max-width:991px){
  .bl-grid{grid-template-columns:1fr 1fr}
  .bl-card--wide{grid-template-columns:1fr}
  .bl-card--wide .bl-card-text{padding:6px 8px 8px}
  .bl-how{grid-template-columns:1fr}
  .bl-layout{grid-template-columns:minmax(0,1fr)}
  .bl-body>.article-section,.bl-body>.article-section--lead{grid-column:1}
  .bl-toc{grid-column:1;grid-row:auto;position:static;margin-bottom:8px}
  .bl-body>.article-section--lead{order:-1}
}
@media (max-width:767px){
  .bl-grid,.bl-how ul,.bl-factors{grid-template-columns:1fr}
  .bl-how{padding:24px 20px}
  .bl-tags{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(-1 * var(--gutter)) 22px;padding:0 var(--gutter);scrollbar-width:none}
  .bl-tags a{height:40px;padding:0 16px;font-size:14px;flex:none}
  .bl-short{padding:18px 18px}
  .bl-short p{font-size:17px}
  .bl-body p,.bl-body li{font-size:16px}
  .bl-next{flex-wrap:wrap}
  .bl-next .btn-ur{margin-left:0}
}

/* ── Cookie-баннер ядра (default/components/cookie-banner.html) ──
   Разметка и кнопки — ядра (.btn .btn-primary / .btn-outline-secondary),
   CSS Bootstrap тема не грузит, поэтому кнопки оформлены здесь под .btn-ur.
   Скрытие: .is-hidden ставит шлюз rcConsent по клику, [data-cookie-consent]
   на <html> — он же до первой отрисовки, если выбор уже сделан. */
.cookie-banner{position:fixed;left:24px;bottom:24px;z-index:1080;max-width:380px;display:flex;flex-direction:column;gap:14px;padding:20px 22px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);font:500 14px/1.5 var(--font)}
.cookie-banner p{margin:0}
.cookie-banner p a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.cookie-banner__actions{display:flex;gap:10px}
.cookie-banner .btn{flex:1;height:44px;padding:0 16px;border-radius:12px;font:700 15px/1 var(--font);border:1.5px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.cookie-banner .btn-primary{background:var(--accent);color:var(--on-accent)}
.cookie-banner .btn-primary:hover{background:var(--accent-hover)}
.cookie-banner .btn-outline-secondary{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}
.cookie-banner .btn-outline-secondary:hover{border-color:var(--ink)}
.cookie-banner.is-hidden,[data-cookie-consent] .cookie-banner{display:none}
@media (max-width:575.98px){.cookie-banner{left:12px;right:12px;bottom:12px;max-width:none}}