/* Карта рынка. Правила и числа: /root/projects/DESIGN-PRINCIPLES.md
   Размеры шрифта только из шкалы --t1…--t7, отступы только из шкалы 4, 8, 12, 16, 24, 32, 48, 64, 96, 128, 160.
   Шкала меняется только на двух переломах: 1100 и 720. */
@font-face{font-family:Inter;src:url(/fonts/in-cyrillic.woff2?v=eba9487840) format("woff2");font-weight:100 900;font-display:block;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;src:url(/fonts/in-lat.woff2?v=d96b930ac0) format("woff2");font-weight:100 900;font-display:block;unicode-range:U+0020-007E,U+00A0,U+00AB,U+00B7,U+00BB,U+00D7,U+2013,U+2014,U+2019,U+2026,U+2039,U+203A,U+2190,U+2192,U+2212}
@font-face{font-family:Inter;src:url(/fonts/in-rub.woff2?v=8d8d5a4c9e) format("woff2");font-weight:100 900;font-display:block;unicode-range:U+20BD}

:root{
  --page:#3a3a4d;--paper:#f5f5fb;--ink:#14132b;--soft:#565571;--line:rgba(20,19,43,.12);
  --violet:#5a50e6;--violet-d:#4238c8;--violet2:#7a6ff0;--lilac:#c9c5f7;--mist:#eeedfa;
  --night:#111029;--night2:#1d1b45;--on:#f4f3ff;--on2:#b9b7d8;
  --r:24px;
  --t1:14px;--t2:16px;--t3:18px;--t4:22px;--t5:32px;--t6:40px;--t7:56px;--lead:22px;
  --gap:160px;--near:96px;--in:96px;--gh:56px;
  --pad:max(56px,calc((min(90vw,2000px) - 1360px)/2));
  color-scheme:light
}

*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;padding:24px 16px;background:var(--page);color:var(--ink);font:400 var(--t3)/1.6 Inter,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-synthesis:none;font-kerning:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
button{font:inherit;color:inherit}
p{margin:0;text-wrap:pretty}
ul,ol{margin:0;padding:0;list-style:none}
b{font-weight:600}
h1,h2,h3{margin:0;font-weight:600;color:inherit;text-wrap:balance}
h1{font-size:var(--t7);line-height:1.08;letter-spacing:-.03em}
h2{font-size:var(--t6);line-height:1.15;letter-spacing:-.025em}
h3{font-size:var(--t4);line-height:1.3;letter-spacing:-.012em}
:focus-visible{outline:3px solid var(--violet2);outline-offset:2px;border-radius:8px}
small{display:block;margin-top:24px;color:var(--soft);font-size:var(--t1);line-height:1.5}

/* каркас */
.shell{position:relative;width:min(100%,max(90vw,1240px));max-width:2000px;margin:0 auto;padding:0 var(--pad);border-radius:36px;overflow:hidden;background:radial-gradient(900px 640px at 88% 0,#dad7fa 0,rgba(218,215,250,0) 70%),var(--paper)}
.top{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px}
.top>nav{display:flex;gap:32px;font-size:var(--t2)}
.top nav a{text-decoration:none;color:var(--soft)}
.top nav a:hover{color:var(--ink)}
.tr{display:flex;align-items:center;gap:12px}
.logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.logo b{font-size:var(--t3);letter-spacing:-.012em;white-space:nowrap}
.mk{display:inline-flex;align-items:flex-end;gap:3px;height:18px}
.mk i{display:block;width:6px;height:12px;border-radius:2px;background:var(--violet)}
.mk i:nth-child(2){height:18px;background:var(--night)}
.mk i:nth-child(3){height:8px;background:var(--violet2)}
.skip{position:absolute;left:12px;top:-64px;z-index:60;padding:12px 16px;border-radius:12px;background:#fff;color:var(--ink)}
.skip:focus{top:12px}
.menu{display:none;position:relative}
.menu summary{display:flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:var(--t2);cursor:pointer;list-style:none}
.menu summary::-webkit-details-marker{display:none}
.menu nav{position:absolute;right:0;top:52px;z-index:20;display:grid;gap:4px;min-width:240px;padding:8px;border-radius:16px;background:#fff;box-shadow:0 16px 40px -16px rgba(20,19,43,.45)}
.menu nav a{padding:12px;border-radius:8px;color:var(--ink);font-size:var(--t2);line-height:1.25}
.menu nav a:hover{background:var(--mist)}

/* кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border:0;border-radius:999px;background:var(--violet);color:#fff;text-decoration:none;font-weight:500;font-size:var(--t2);line-height:1;white-space:nowrap;cursor:pointer;transition:background .15s}
.btn:hover{background:var(--violet-d)}
.btn.ghost{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.btn.ghost:hover{background:var(--mist)}
.btn.sm{min-height:44px;padding:0 20px}
.btn[disabled]{opacity:.42;cursor:not-allowed}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}

/* первый экран */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;min-height:680px;padding:32px 0 96px}
.eyebrow{font-size:var(--t1);line-height:1.4;font-weight:500;color:var(--violet-d)}
.hero h1{margin-top:16px}
.lead{margin-top:24px;max-width:27em;font-size:var(--lead);line-height:1.45;color:var(--soft)}
.art{width:100%}

/* цифры */
.band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding:48px 56px;border-radius:var(--r);background:linear-gradient(110deg,var(--night) 46%,var(--night2));color:var(--on)}
.band b{display:block;font-size:var(--t6);line-height:1.1;letter-spacing:-.025em;white-space:nowrap}
.band span{display:block;margin-top:12px;font-size:var(--t2);line-height:1.4;color:var(--on2)}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.kpis.k3{grid-template-columns:repeat(3,minmax(0,1fr))}
.kpi{min-width:0}
.kpis .kpi{padding-top:16px;border-top:1px solid var(--line)}
.kpis span{display:block;font-size:var(--t1);line-height:1.4;color:var(--soft)}
.kpis b{display:block;margin-top:8px;font-size:var(--t5);line-height:1.15;letter-spacing:-.022em;white-space:nowrap}
.kpis em{display:block;margin-top:8px;font-style:normal;font-size:var(--t1);line-height:1.4;color:var(--soft)}

/* блоки */
.sec{padding-top:var(--gap);scroll-margin-top:-112px;content-visibility:auto;contain-intrinsic-size:auto 700px}
.sec.near{padding-top:var(--near);scroll-margin-top:-48px}
.hd{margin-bottom:var(--gh)}
.sub{max-width:34em;margin-top:24px;color:var(--soft)}
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
.big{font-size:var(--t4);line-height:1.45;letter-spacing:-.008em}
.cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:var(--gh)}
.cols li{padding-top:24px;border-top:1px solid var(--line);min-width:0}
.cols p{margin-top:8px;font-size:var(--t2);line-height:1.5;color:var(--soft)}
.objs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.objs article{min-width:0;padding:24px 24px 32px;border-radius:var(--r);background:#fff}
.objs img{width:100%;height:176px;margin-bottom:24px;object-fit:contain}
.objs p{margin-top:8px;font-size:var(--t2);line-height:1.5;color:var(--soft)}
.steps{counter-reset:s}
.steps li{position:relative;counter-increment:s;padding:24px 0 24px 64px;border-top:1px solid var(--line)}
.steps li:last-child{padding-bottom:0}
.steps li::before{content:counter(s);position:absolute;left:0;top:24px;font-size:var(--t4);line-height:1.3;font-weight:600;color:var(--violet-d)}
.steps b{display:block;font-size:var(--t4);line-height:1.3;letter-spacing:-.012em}
.steps p{margin-top:8px;font-size:var(--t2);line-height:1.5;color:var(--soft)}
.dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:0 32px}
.dgrid a{display:block;min-width:0;padding:16px 0;border-top:1px solid var(--line);text-decoration:none}
.dgrid b{display:block;font-size:var(--t3);font-weight:500;line-height:1.35}
.dgrid span{display:block;margin-top:4px;font-size:var(--t1);line-height:1.4;color:var(--soft)}
.dgrid a:hover b{color:var(--violet-d)}

/* пример данных */
.more-l{margin-top:24px;font-size:var(--t2)}
.more-l a{color:var(--violet-d);font-weight:500}
.grow li{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr) 72px;align-items:center;gap:8px 24px;padding:16px 0;border-top:1px solid var(--line)}
.grow li:first-child{border-top-color:var(--ink)}
.gn{font-size:var(--t3);font-weight:500;line-height:1.35}
.gn a{color:var(--violet-d);text-decoration:none}
.gn a:hover{text-decoration:underline}
.gn small{margin-top:2px;font-weight:400}
.gb{display:block;width:100%;height:12px;border-radius:999px;background:var(--mist)}
.gb rect{fill:var(--violet)}
.grow b{font-size:var(--t4);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}

/* таблица сравнения */
.tw{padding:16px 40px 32px;border-radius:var(--r);background:#fff}
.cmp{width:100%;border-collapse:collapse;font-size:var(--t2);line-height:1.4}
.cmp thead th{padding:16px 16px 16px 0;border-bottom:1px solid var(--ink);text-align:left;font-size:var(--t1);font-weight:500;color:var(--soft)}
.cmp td{padding:16px 16px 16px 0;border-bottom:1px solid var(--line);vertical-align:middle}
.cmp td+td,.cmp thead th+th{width:184px;white-space:nowrap}
.cmp .g th{padding:32px 0 12px;border-bottom:1px solid var(--line);text-align:left;font-size:var(--t1);font-weight:500;color:var(--soft)}
.cmp .only th{color:var(--violet-d)}
.bd{font-weight:500}
.bd.y{color:var(--violet-d)}
.bd.p{font-weight:400;color:var(--ink)}
.bd.n{font-weight:400;color:var(--soft)}

/* образцы */
.dark{content-visibility:auto;contain-intrinsic-size:auto 760px;margin:var(--gap) calc(-1*var(--pad)) 0;padding:96px var(--pad);background:linear-gradient(150deg,var(--night) 50%,var(--night2));color:var(--on)}
.sh{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px}
.sh p{margin-top:16px;color:var(--on2)}
.sh p b{font-weight:500;color:#fff}
.tabs{display:inline-flex;gap:4px;max-width:100%;padding:4px;border-radius:999px;background:rgba(223,221,255,.12)}
.tabs button{min-height:44px;padding:0 20px;border:0;border-radius:999px;background:none;color:var(--on2);font-size:var(--t2);line-height:1.2;cursor:pointer}
.tabs button[aria-selected=true]{background:#fff;color:var(--ink)}
.gallery{display:grid;grid-auto-flow:column;grid-auto-columns:240px;gap:24px;margin-right:calc(-1*var(--pad));padding:2px var(--pad) 16px 2px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}
.thumb{padding:0;border:0;background:none;color:var(--on2);text-align:left;scroll-snap-align:start;cursor:zoom-in}
.thumb img{border-radius:8px}
.thumb span{display:block;margin-top:12px;font-size:var(--t1);line-height:1.4}
.after{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px}
.after span{font-size:var(--t2);line-height:1.4;color:var(--on2)}

/* цены */
.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.plan,.xtra{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:32px;border-radius:var(--r)}
.plan{background:#fff}
.tag{font-size:var(--t1);line-height:1.4;font-weight:500;color:var(--violet-d)}
.plan h3,.xtra h3{margin-top:8px}
.sum{margin-top:16px;font-size:var(--t6);line-height:1.1;font-weight:600;letter-spacing:-.025em;white-space:nowrap}
.ok{flex:1;margin:24px 0 32px}
.ok li{position:relative;padding:6px 0 6px 28px;font-size:var(--t2);line-height:1.45}
.ok li::before{content:"";position:absolute;left:2px;top:13px;width:12px;height:6px;border-left:2px solid var(--violet);border-bottom:2px solid var(--violet);transform:rotate(-45deg)}
.plan .btn{width:100%}
.xtra{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--night) 45%,var(--night2));color:var(--on)}
.xtra .tag{color:var(--lilac)}
.xtra p:not(.tag){margin-top:8px;font-size:var(--t2);line-height:1.5;color:var(--on2)}
.xtra img{width:calc(100% + 32px);max-width:none;margin:auto -16px -24px;padding-top:24px}

/* заказ разбора */
.st4{margin-top:32px;counter-reset:s}
.st4 li{position:relative;counter-increment:s;padding:16px 0 16px 40px;border-top:1px solid var(--line);font-size:var(--t2);line-height:1.5}
.st4 li::before{content:counter(s);position:absolute;left:0;top:16px;font-weight:600;color:var(--violet-d)}
.mail{min-width:0;padding:32px;border-radius:var(--r);background:#fff}
.mh{display:grid;grid-template-columns:56px minmax(0,1fr);gap:8px;padding:8px 0;border-bottom:1px solid var(--line);font-size:var(--t2);line-height:1.5}
.mh span{color:var(--soft)}
.mh b{font-weight:500;overflow-wrap:anywhere}
.mail pre{margin:16px 0 24px;font:400 var(--t2)/1.6 Inter,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}
.ma{display:flex;flex-wrap:wrap;gap:12px}

/* важно и вопросы */
.legal li{padding:16px 0;border-top:1px solid var(--line);font-size:var(--t2);line-height:1.5}
.legal li:first-child,.faq details:first-child{border-top-color:var(--ink)}
.faq{max-width:860px}
.faq details{border-top:1px solid var(--line)}
.faq summary{display:flex;justify-content:space-between;gap:24px;padding:20px 0;font-size:var(--t3);font-weight:500;line-height:1.4;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;width:16px;font-size:var(--t4);line-height:1.1;font-weight:400;text-align:center;color:var(--violet-d)}
.faq details[open] summary::after{content:"−"}
.faq details p{padding:0 40px 24px 0;max-width:62ch;font-size:var(--t2);line-height:1.6;color:var(--soft)}
.end .sub{margin-top:16px}

/* подвал */
.foot{display:grid;gap:8px;margin:var(--gap) calc(-1*var(--pad)) 0;padding:64px var(--pad) 32px;background:var(--night);color:var(--on2);font-size:var(--t1);line-height:1.6}
.foot .logo{color:#fff}
.foot .mk i:nth-child(2){background:#fff}
.foot a{color:var(--on2);text-decoration:none}
.foot a:hover{color:#fff;text-decoration:underline}
.f1{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}
.f1 nav{display:flex;flex-wrap:wrap;gap:0 24px}
.fcols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:32px;margin-bottom:24px}
.fh{margin-bottom:8px;font-weight:500;color:#fff}
.foot .c2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.foot li a{display:inline-block;padding:4px 0}

/* просмотр страниц и окно покупки */
.lb,.md{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:rgba(17,16,41,.86)}
.lb figure{display:grid;justify-items:center;gap:8px;max-height:100%;margin:0}
.lb img{width:auto;max-height:calc(100vh - 80px);border-radius:8px;background:#fff}
.lb figcaption{font-size:var(--t2);color:#fff}
.x{position:absolute;top:12px;right:12px;z-index:2;width:44px;height:44px;border:0;border-radius:50%;background:rgba(17,16,41,.78);color:#fff;font-size:var(--t4);line-height:1;cursor:pointer}
.nav{position:absolute;top:50%;z-index:2;transform:translateY(-50%);width:48px;height:48px;border:0;border-radius:50%;background:rgba(17,16,41,.78);box-shadow:0 0 0 1px rgba(255,255,255,.24);color:#fff;font-size:var(--t5);line-height:1;cursor:pointer}
.nav.p{left:12px}
.nav.n{right:12px}
.md-b{position:relative;display:grid;gap:16px;width:100%;max-width:480px;padding:32px;border-radius:var(--r);background:#fff}
.md-b h3{padding-right:40px}
.md-b p{font-size:var(--t2);line-height:1.5;color:var(--soft)}
.md-b .x{background:var(--mist);color:var(--ink)}
.chk{display:grid;grid-template-columns:24px 1fr;gap:12px;font-size:var(--t2);line-height:1.5;color:var(--soft);cursor:pointer}
.chk input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--violet)}
.msg{color:var(--violet-d)!important}
.saved{display:grid;gap:12px}
.saved dl{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin:0;font-size:var(--t2)}
.saved dt{color:var(--soft)}
.saved dd{margin:0;font-weight:600}

/* закрытый блок: что есть в отчёте */
.lockbox{display:grid;gap:24px;padding:40px;border-radius:var(--r);background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.sec.in .lockbox h2{margin-bottom:0}
.lb-p{max-width:62ch;color:var(--soft)}
.lk{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px 24px}
.lk div{padding-top:12px;border-top:1px solid var(--line)}
.lk span{display:block;font-size:var(--t1);line-height:1.4;color:var(--soft)}
.lk b{display:inline-block;margin-top:4px;font-size:var(--t5);line-height:1.2;letter-spacing:.06em;color:transparent;text-shadow:0 0 14px rgba(20,19,43,.6);user-select:none}
.lk i{display:block;font-style:normal;font-size:var(--t1);color:var(--violet-d)}
.lk-s{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--mist);color:var(--violet-d);font-size:var(--t1);font-weight:500;white-space:nowrap}
.qs h3{margin-bottom:12px;font-size:var(--t3)}
.ql{counter-reset:q}
.ql li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid var(--line);font-size:var(--t2)}
.ql b{font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}

/* внутренние страницы */
.crumbs{padding-top:16px;font-size:var(--t1);line-height:1.5;color:var(--soft)}
.crumbs a{color:inherit}
.ph{max-width:860px;padding:32px 0 48px}
.ph h1{font-size:var(--t6);line-height:1.15;letter-spacing:-.025em}
.ph .lead{max-width:62ch;margin-top:16px;font-size:var(--t3);line-height:1.6}
.date{margin-bottom:8px;font-size:var(--t1);color:var(--soft)}
.e404{padding:96px 0 64px}
.sec.in{padding-top:var(--in);scroll-margin-top:0;contain-intrinsic-size:auto 420px}
.sec.in h2{margin-bottom:32px;font-size:var(--t5);line-height:1.2;letter-spacing:-.022em}
.sec.in h2 a{text-decoration:none}
.sec.in h2 a:hover{color:var(--violet-d)}
.txt{max-width:66ch;margin-bottom:24px}
.txt p+p{margin-top:16px}
.txt a{color:var(--violet-d)}
.note{max-width:66ch;margin-top:16px;font-size:var(--t2);line-height:1.5;color:var(--soft)}
.tw2{overflow-x:auto;padding:8px 24px 12px;border-radius:16px;background:#fff}
.tb{width:100%;border-collapse:collapse;font-size:var(--t2);line-height:1.4;font-variant-numeric:tabular-nums}
.tb caption{padding:8px 0;text-align:left;font-size:var(--t1);color:var(--soft)}
.tb th{padding:12px 16px 12px 0;border-bottom:1px solid var(--ink);text-align:left;font-size:var(--t1);font-weight:500;color:var(--soft);white-space:nowrap}
.tb td{padding:12px 16px 12px 0;border-bottom:1px solid var(--line);vertical-align:middle}
.tb tr:last-child td{border-bottom:0}
.tb a{font-weight:500;color:var(--violet-d)}
.tb .r,.tb th.r{text-align:right;white-space:nowrap}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.fig{min-width:0;margin:0;padding:24px;border-radius:16px;background:#fff}
.fig figcaption{margin-bottom:8px;font-size:var(--t2);color:var(--soft)}
.fig.wide{max-width:860px}
.ch{display:block;width:100%;height:auto}
.ch text{font-size:14px;fill:var(--soft)}
.ch .v{fill:var(--ink);font-weight:600}
.ch .b1{fill:var(--lilac)}
.ch .b2{fill:var(--violet)}
.ch .g{stroke:var(--line);stroke-width:1}
.ch .l{fill:none;stroke:var(--violet);stroke-width:3;stroke-linejoin:round}
.ch .p{fill:var(--violet)}
.dl{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:0 24px;margin:0;padding:8px 24px;border-radius:16px;background:#fff}
.dl dt,.dl dd{margin:0;padding:16px 0;border-bottom:1px solid var(--line);font-size:var(--t2);line-height:1.5}
.dl dt{font-weight:500}
.dl dt:nth-last-of-type(1),.dl dd:last-child{border-bottom:0}
.two-c{columns:2;column-gap:32px;margin:0;padding:16px 24px;border-radius:16px;background:#fff}
.two-c li{break-inside:avoid}
.heat{width:100%;min-width:560px;border-collapse:separate;border-spacing:2px;font-size:var(--t1);font-variant-numeric:tabular-nums}
.heat.wide{min-width:760px}
.heat th{padding:4px 2px;font-weight:500;text-align:center;color:var(--soft)}
.heat th[scope=row]{padding-right:12px;text-align:left;white-space:nowrap}
.heat th a{color:var(--ink)}
.heat td{padding:8px 2px;border-radius:4px;text-align:center}
.h0{background:#f4f3fd}.h1{background:#e9e7fb}.h2{background:#dcd9f9}.h3{background:#c9c5f7}.h4{background:#a9a2f2}.h5{background:#6f64ee;color:#fff}.h6{background:#5a50e6;color:#fff}
.cta2{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;margin-top:var(--in);padding:48px;border-radius:var(--r);background:linear-gradient(110deg,var(--night) 46%,var(--night2));color:var(--on)}
.cta2>div:first-child{flex:1 1 420px}
.cta2 h2{font-size:var(--t4);line-height:1.3;letter-spacing:-.012em}
.cta2 p{max-width:52ch;margin-top:8px;font-size:var(--t2);line-height:1.5;color:var(--on2)}
.cb{display:flex;flex-wrap:wrap;gap:12px}
.doc{max-width:760px;padding:48px 0 0}
.doc h1{margin-bottom:24px;font-size:var(--t6);line-height:1.15;letter-spacing:-.025em}
.doc h2{margin:32px 0 8px;font-size:var(--t4);line-height:1.3;letter-spacing:-.012em}
.doc p{margin-bottom:12px;font-size:var(--t2);line-height:1.6;color:var(--soft)}
.zk{display:grid;gap:8px;max-width:360px;margin:16px 0}
.zk label{font-size:var(--t2);color:var(--soft)}
.zk input{min-height:48px;padding:0 16px;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit}
.zk .btn{margin-top:8px}

/* планшет */
@media (max-width:1100px){
  :root{--t6:36px;--t7:48px;--t5:30px;--gap:112px;--near:80px;--in:80px;--gh:40px;--pad:max(32px,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px))}
  .shell{width:100%}
  .top>nav{display:none}
  .menu{display:block}
  .hero{min-height:0;padding:32px 0 64px}
  .band{grid-template-columns:repeat(2,minmax(0,1fr));padding:40px}
  .cols,.objs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .split{gap:32px;grid-template-columns:minmax(0,1fr)}
  .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .xtra{grid-column:1/-1}
  .xtra img{width:60%;margin:16px auto -24px}
  .tw{padding:16px 24px 24px}
  .cmp td+td,.cmp thead th+th{width:140px}
}

/* телефон */
@media (max-width:720px){
  :root{--t3:16px;--t4:20px;--t5:26px;--t6:30px;--t7:38px;--lead:18px;--gap:80px;--near:64px;--in:64px;--gh:32px;--r:20px;--pad:max(20px,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px))}
  body{padding:0}
  .shell{border-radius:0}
  .top{min-height:72px}
  .menu{position:static}
  .menu nav{left:0;right:0;top:64px;min-width:0}
  .sec{scroll-margin-top:-48px}
  .hero{grid-template-columns:minmax(0,1fr);gap:32px;padding:24px 0 48px}
  .cta .btn{flex:1 1 100%}
  .art{max-width:440px;margin:0 auto}
  .band{gap:24px 16px;padding:32px 24px}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
  .kpis.k3{grid-template-columns:minmax(0,1fr)}
  .cols,.pgrid,.two,.fcols,.dl{grid-template-columns:minmax(0,1fr)}
  .cols{gap:24px}
  .objs{grid-template-columns:minmax(0,1fr);gap:12px}
  .objs article{display:grid;grid-template-columns:104px minmax(0,1fr);gap:4px 16px;align-items:center;padding:16px}
  .objs img{grid-row:1/3;height:88px;margin:0}
  .objs h3{align-self:end}
  .objs p{align-self:start;margin-top:0}
  .steps li{padding-left:48px}
  .grow li{grid-template-columns:minmax(0,1fr) auto;padding:12px 0}
  .gb{grid-column:1/-1;grid-row:2;height:10px}
  .dgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
  .dgrid a{padding:12px 0}
  .dark{padding:64px var(--pad)}
  .sh{margin-bottom:32px}
  .gallery{grid-auto-columns:176px;gap:16px}
  .xtra img{width:100%;margin:16px 0 -24px}
  .plan,.xtra,.mail{padding:24px}
  .ma .btn,.after .btn{flex:1 1 100%}
  .foot{padding-top:48px}
  .foot .c2{grid-template-columns:minmax(0,1fr)}
  .foot li a{padding:11px 0}
  .f1 nav a{display:inline-block;padding:11px 0}
  .tw{padding:8px 16px 16px}
  .cmp,.cmp tbody,.cmp tr{display:block}
  .cmp thead{display:none}
  .cmp tbody tr:not(.g){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px;padding:12px 0;border-bottom:1px solid var(--line)}
  .cmp .g th{display:block;padding-top:24px;border-bottom:0}
  .cmp td,.cmp td+td{display:block;width:auto;padding:0;border:0;white-space:normal}
  .cmp td:first-child{grid-column:1/-1;font-weight:500}
  .cmp td[data-l]::before{content:attr(data-l);display:block;margin-bottom:4px;font-size:var(--t1);font-weight:400;color:var(--soft)}
  .ph{padding:24px 0 32px}
  .two-c{columns:1}
  .tw2{padding:4px 12px 8px}
  .dl{padding:4px 16px}
  .dl dt{padding-bottom:0;border-bottom:0}
  .dl dd{padding-top:4px}
  .fig{padding:16px}
  .ch text{font-size:17px}
  .ch.km text{font-size:26px}
  .cta2{padding:32px 24px}
  .lockbox{padding:24px}
  .lk{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
  .cta2 .btn{flex:1 1 100%}
  .cb{flex:1 1 100%}
  .faq details p{padding-right:0}
}

/* самые узкие экраны */
@media (max-width:360px){
  .band{grid-template-columns:minmax(0,1fr)}
  .objs article{grid-template-columns:minmax(0,1fr)}
  .objs img{grid-row:auto;width:auto;max-width:100%;height:96px;margin-bottom:8px}
  .dgrid{grid-template-columns:minmax(0,1fr)}
  .tabs button{padding:0 14px}
  .tr>.btn{display:none}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}