/* Start:/local/templates/suhov/styles.css?179034852672*/
/* стили контентной области редактора */

/* End */


/* Start:/local/templates/suhov/template_styles.css?1790348526102913*/
@font-face{font-family:'Jost';font-style:normal;font-display:swap;font-weight:400 800;src:url('/local/templates/suhov/fonts/jost-cyrillic-wght-normal.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Jost';font-style:normal;font-display:swap;font-weight:400 800;src:url('/local/templates/suhov/fonts/jost-latin-wght-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+20BD,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Jost';font-style:normal;font-display:swap;font-weight:400 800;src:url('/local/templates/suhov/fonts/jost-latin-ext-wght-normal.woff2') format('woff2');unicode-range:U+0100-02AF,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
html,body{margin:0}
/* SUHOV IT – сайт «Схема метро». Шаблон 1С-Битрикс: /local/templates/suhov_metro/template_styles.css */
.s-root{--mag:#E61FFF;--mag-d:#A600BD;--ink:#04081F;--ink2:#121A4A;--rule:#262E63;--lil:#BDB3D9;--plum:#2E0536;--paper:#FFFFFF;--graph:#3C4262;--line:#D9DBE6;--tint:#FCE5FF;--fog:#F4F4F8;
 --g:clamp(16px,4.4cqi,120px);--sp:calc(var(--g) + 76px);--eo:cubic-bezier(.23,1,.32,1);
 container-type:inline-size;position:relative;background:var(--paper);color:var(--ink);font-family:'Jost','Segoe UI',system-ui,sans-serif;font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;caret-color:var(--mag)}
.s-root *{box-sizing:border-box}
.s-root ::selection{background:var(--mag);color:var(--ink)}
:where(.s-root) a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:2px}
:where(.s-root) :where(h1,h2,h3,h4,p,ul,ol,figure,dl,dd,fieldset,blockquote){margin:0;padding:0}
:where(.s-root) :where(ul,ol){list-style:none}
:where(.s-root) :where(h1,h2,h3){text-wrap:balance}
:where(.s-root) fieldset{border:0;min-width:0}
.s-root :where(button,input,textarea,select){font:inherit;color:inherit}
.s-root :where(table){border-collapse:collapse;font-variant-numeric:tabular-nums}
.ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.logo{fill:currentColor;fill-rule:evenodd;display:block}
.s-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* линии: 1 SEO – сплошная фуксия, 2 Разработка – сплошная тёмная, 3 Реклама – пунктир, 4 Дизайн – трубка */
.s-lb{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;flex:none;font-weight:800;font-size:14px;line-height:1;font-variant-numeric:tabular-nums}
.s-lb--1{background:var(--mag);color:var(--ink)}
.s-lb--2{background:var(--ink);color:var(--paper)}
.s-lb--3{background:var(--paper);color:var(--ink);border:3px dashed var(--ink)}
.s-lb--4{background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 4px var(--mag)}
.s-lb--k{background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 3px var(--ink)}
.s-on-ink .s-lb--3,.s-on-ink .s-lb--4,.s-on-ink .s-lb--k{background:var(--ink);color:var(--paper)}
.s-on-ink .s-lb--3{border-color:var(--paper)}
.s-on-ink .s-lb--2{background:var(--paper);color:var(--ink)}
.s-on-ink .s-lb--k{box-shadow:inset 0 0 0 3px var(--paper)}
.l-1{--lc:var(--mag);--lbg:var(--mag)}
.l-2{--lc:var(--ink);--lbg:var(--ink)}
.l-3{--lc:var(--ink);--lbg:repeating-linear-gradient(var(--dir,90deg),var(--ink) 0 18px,transparent 18px 28px)}
.l-4{--lc:var(--mag);--lbg:var(--paper)}
.s-on-ink .l-2,.s-on-ink.l-2{--lc:var(--paper);--lbg:var(--paper)}
.s-on-ink .l-3,.s-on-ink.l-3{--lc:var(--paper);--lbg:repeating-linear-gradient(var(--dir,90deg),var(--paper) 0 18px,transparent 18px 28px)}
.s-on-ink .l-4,.s-on-ink.l-4{--lbg:var(--ink)}

/* кнопки */
.s-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 28px;border:0;border-radius:28px;background:var(--mag);color:var(--ink);font:700 17px/1.15 'Jost',sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .16s var(--eo),background-color .18s ease,color .18s ease,box-shadow .18s ease}
.s-btn:active{transform:scale(.97)}
.s-btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.s-btn--ink{background:var(--ink);color:var(--paper)}
.s-btn--line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.s-btn--wline{background:transparent;color:var(--paper);box-shadow:inset 0 0 0 2px var(--paper)}
.s-btn--sm{min-height:44px;padding:0 20px;font-size:16px}
.s-btn[disabled],.s-btn[aria-disabled=true]{background:var(--line);color:var(--graph);cursor:not-allowed;transform:none}
.s-on-ink .s-btn:focus-visible{outline-color:var(--paper)}
@media (hover:hover) and (pointer:fine){
 .s-btn:hover{background:var(--ink);color:var(--paper)}
 .s-btn--ink:hover{background:var(--mag);color:var(--ink)}
 .s-btn--line:hover{background:var(--ink);color:var(--paper)}
 .s-btn--wline:hover,.s-on-ink .s-btn:hover{background:var(--paper);color:var(--ink)}
}
.s-ib{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:inset 0 0 0 2px currentColor;background:transparent;color:inherit;cursor:pointer;flex:none;text-decoration:none;transition:background-color .18s ease,color .18s ease}
.s-ib:focus-visible{outline:3px solid var(--mag);outline-offset:3px}
@media (hover:hover) and (pointer:fine){.s-on-ink .s-ib:hover{background:var(--paper);color:var(--ink)}}
.s-lnk{display:inline-flex;align-items:center;gap:8px;font-weight:700;text-decoration:none;box-shadow:inset 0 -2px 0 var(--mag);padding-bottom:2px}
.s-lnk .ico{width:18px;height:18px;transition:transform .18s var(--eo)}
@media (hover:hover) and (pointer:fine){.s-lnk:hover .ico{transform:translateX(4px)}}

/* шапка: указатель на платформе */
.s-hd{position:sticky;top:0;z-index:30;background:var(--ink);color:var(--paper)}
.s-hd__in{height:76px;display:flex;align-items:center;gap:20px;padding:0 var(--g)}
.s-hd .logo{width:124px;height:27px}
.s-nav{display:flex;height:76px}
.s-nav>li{position:relative;display:flex}
.s-nav__a{display:flex;align-items:center;gap:8px;padding:0 12px;white-space:nowrap;font:600 16px/1 'Jost',sans-serif;text-decoration:none;position:relative}
.s-nav__a i{width:12px;height:12px;border-radius:50%;flex:none;background:var(--lbg);box-shadow:inset 0 0 0 0 transparent}
.s-nav__a.l-3 i{background:var(--ink);box-shadow:inset 0 0 0 2px var(--paper);outline:2px dashed var(--paper);outline-offset:-2px}
.s-nav__a.l-4 i{background:var(--ink);box-shadow:inset 0 0 0 3px var(--mag)}
.s-nav__a.l-2 i{background:var(--paper)}
.s-nav__a[aria-current]::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:5px;border-radius:3px 3px 0 0;background:var(--mag)}
.s-nav__a:focus-visible{outline:3px solid var(--paper);outline-offset:-6px}
.s-nav__a .ico{width:14px;height:14px;stroke-width:2.5;transition:transform .18s var(--eo)}
.s-drop{display:none;position:absolute;top:76px;left:0;min-width:400px;background:var(--paper);color:var(--ink);border-radius:0 0 20px 20px;padding:18px 24px 20px 26px;box-shadow:0 22px 44px -16px rgba(4,8,31,.45)}
.s-drop__t{display:flex;align-items:center;gap:10px;font-weight:800;font-size:15px;padding-bottom:10px}
.s-drop ul{position:relative;padding-left:34px}
.s-drop ul::before{content:"";position:absolute;left:9px;top:14px;bottom:14px;width:8px;border-radius:4px;background:var(--lbg);box-shadow:inset 0 0 0 3px var(--lc)}
.l-1 .s-drop ul::before,.s-drop.l-1 ul::before{box-shadow:none}
.l-2 .s-drop ul::before,.s-drop.l-2 ul::before{box-shadow:none}
.s-drop.l-3 ul::before{--dir:180deg;box-shadow:none;width:6px;left:10px}
.s-drop a{position:relative;display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:9px 0;text-decoration:none;font-weight:600}
.s-drop a::before{content:"";position:absolute;left:-34px;top:12px;width:26px;height:26px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 5px var(--ink);transition:box-shadow .16s var(--eo)}
.s-drop a span{font-weight:800;white-space:nowrap;color:var(--mag-d);font-variant-numeric:tabular-nums}
.s-drop a small{display:block;font-weight:500;font-size:14px;color:var(--graph)}
.s-drop a:focus-visible{outline:3px solid var(--mag);outline-offset:2px;border-radius:6px}
.s-nav>li:hover .s-drop,.s-nav>li:focus-within .s-drop,.s-nav>li.is-open .s-drop{display:block;animation:s-drop .2s var(--eo)}
.s-nav>li:hover .s-nav__a .ico,.s-nav>li.is-open .s-nav__a .ico{transform:rotate(180deg)}
@media (hover:hover) and (pointer:fine){.s-drop a:hover::before{box-shadow:inset 0 0 0 13px var(--mag)}}
@keyframes s-drop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.s-hd__act{margin-left:auto;display:flex;align-items:center;gap:12px}
.s-tel{font-weight:600;font-size:17px;text-decoration:none;white-space:nowrap}
.s-tel--i{display:none}
.s-burger{display:none;position:relative}
.s-burger input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.s-mnav{display:none}

/* крошки: путь по станциям */
.s-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:0;font-size:15px;font-weight:600;color:var(--graph)}
.s-crumbs li{display:flex;align-items:center}
.s-crumbs li+li::before{content:"";width:34px;height:4px;border-radius:2px;background:var(--ink);margin:0 8px 0 0}
.s-crumbs a,.s-crumbs span{display:inline-flex;align-items:center;gap:8px;text-decoration:none;padding:6px 8px 6px 0}
.s-crumbs a::before,.s-crumbs span::before{content:"";width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 3px var(--ink);background:var(--paper);flex:none}
.s-crumbs span{color:var(--ink)}
.s-crumbs span::before{background:var(--mag);box-shadow:inset 0 0 0 3px var(--ink)}
@media (hover:hover) and (pointer:fine){.s-crumbs a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--mag)}}

/* первый экран главной: схема студии */
.s-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.22fr);gap:clamp(32px,3.4cqi,72px);padding:clamp(36px,3.6cqi,72px) var(--g) 28px;align-items:start}
.s-h1{font-weight:800;font-size:clamp(2.4rem,4.3cqi,5.4rem);line-height:1.02;letter-spacing:-.028em}
.s-lead{margin-top:22px;font-size:clamp(18px,1.2cqi,22px);color:var(--graph);max-width:40ch}
.s-lead b{color:var(--ink);font-weight:700}
.s-pick{margin-top:30px}
.s-pick legend{font-weight:700;font-size:16px;margin-bottom:12px}
.s-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:640px}
.s-opt{position:relative;display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 16px 8px 12px;border-radius:28px;box-shadow:inset 0 0 0 2px var(--line);font-weight:600;font-size:16px;line-height:1.2;cursor:pointer;transition:box-shadow .15s ease,background-color .15s ease}
.s-opt input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.s-opt:has(input:checked){box-shadow:inset 0 0 0 2px var(--ink);background:var(--tint)}
.s-opt:has(input:focus-visible){outline:3px solid var(--mag);outline-offset:3px}
@media (hover:hover) and (pointer:fine){.s-opt:hover{box-shadow:inset 0 0 0 2px var(--ink)}}
.s-hint{margin-top:14px;min-height:78px;max-width:640px;padding:14px 18px;border-radius:16px;background:var(--ink);color:var(--paper);font-size:16px;line-height:1.45}
.s-hint p{display:none}
.s-hint b{color:var(--mag)}
.s-hint .s-hint--all{display:block}
.s-root:has(#hl-1:checked) .s-hint p,.s-root:has(#hl-2:checked) .s-hint p,.s-root:has(#hl-3:checked) .s-hint p,.s-root:has(#hl-4:checked) .s-hint p{display:none}
.s-root:has(#hl-1:checked) .s-hint .h-1,.s-root:has(#hl-2:checked) .s-hint .h-2,.s-root:has(#hl-3:checked) .s-hint .h-3,.s-root:has(#hl-4:checked) .s-hint .h-4{display:block;animation:s-fade .25s var(--eo)}
@keyframes s-fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.s-ctas{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}
.s-map{display:block;width:100%;height:auto}
.s-map--m{display:none}
.s-map .k{fill:none;stroke-linecap:round;stroke-linejoin:round}
.s-map .k1{stroke:var(--mag);stroke-width:18}
.s-map .k2{stroke:var(--ink);stroke-width:14}
.s-map .k3{stroke:var(--ink);stroke-width:12;stroke-dasharray:22 13;stroke-linecap:butt}
.s-map .k4{stroke:var(--mag);stroke-width:20}
.s-map .k4w{stroke:var(--paper);stroke-width:8}
.s-map .st{fill:var(--paper);stroke:var(--ink);stroke-width:6}
.s-map .st--t{stroke-width:7}
.s-map .st--in{fill:var(--mag);stroke:var(--ink);stroke-width:7}
.s-map .hub{fill:var(--paper);stroke:var(--ink);stroke-width:10}
.s-map text{fill:var(--ink);font-family:'Jost',sans-serif}
.s-map .b{font-weight:700;font-size:26px}
.s-map .s{font-weight:500;font-size:21px;fill:var(--graph)}
.s-map .e{text-anchor:end}
.s-map .m{text-anchor:middle}
.s-map .hb{font-weight:800;font-size:28px;text-anchor:middle}
.s-map a{cursor:pointer}
.s-map a:focus-visible{outline:3px solid var(--mag);outline-offset:4px}
.s-map .gl{transition:opacity .3s var(--eo)}
.s-root:has(#hl-1:checked) .s-map .gl:not(.g1),.s-root:has(#hl-2:checked) .s-map .gl:not(.g2),.s-root:has(#hl-3:checked) .s-map .gl:not(.g3),.s-root:has(#hl-4:checked) .s-map .gl:not(.g4){opacity:.12}
@media (prefers-reduced-motion:no-preference){.s-map .k1{stroke-dasharray:1200;animation:s-draw 1.2s var(--eo) .15s both}}
@keyframes s-draw{from{stroke-dashoffset:1200}to{stroke-dashoffset:0}}
.s-proof{display:flex;flex-wrap:wrap;gap:12px 0;margin:0 var(--g);padding:22px 0 30px;border-top:2px solid var(--ink)}
.s-proof li{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:500;color:var(--graph);padding-right:28px}
.s-proof li b{color:var(--ink);font-weight:800}
.s-proof li::before{content:"";width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 4px var(--ink);flex:none}

/* первый экран внутренних страниц: табличка станции */
.s-ph{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.52fr);gap:clamp(28px,4cqi,96px);padding:26px var(--g) clamp(40px,4cqi,80px);align-items:end}
.s-ph .s-crumbs{grid-column:1/-1;margin-bottom:clamp(8px,1.6cqi,30px)}
.s-ph .s-h1{font-size:clamp(2.2rem,3.9cqi,4.9rem)}
.s-ph--solo{grid-template-columns:minmax(0,1fr)}
.s-sign{border-radius:22px;background:var(--ink);color:var(--paper);padding:24px 26px 26px;display:grid;gap:14px}
.s-sign__top{display:flex;align-items:center;gap:12px;font-weight:700;font-size:15px;color:var(--lil);padding-bottom:14px;border-bottom:2px solid var(--rule)}
.s-sign__p{font-weight:800;font-size:clamp(2rem,2.6cqi,3rem);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.s-sign__p small{display:block;margin-top:8px;font-weight:500;font-size:16px;letter-spacing:0;color:var(--lil)}
.s-sign dl{display:grid;gap:8px}
.s-sign dl div{display:flex;justify-content:space-between;gap:16px;font-size:16px;border-bottom:2px solid var(--rule);padding-bottom:8px}
.s-sign dt{color:var(--lil)}
.s-sign dd{font-weight:700;text-align:right}
.s-sign .s-btn{width:100%}

/* раздел на хребте линии */
.s-sec{position:relative;padding:clamp(64px,5.4cqi,120px) var(--g) clamp(64px,5.4cqi,120px) var(--sp)}
.s-sec::before{content:"";position:absolute;left:calc(var(--g) + 20px);top:0;bottom:0;width:8px;background:var(--mag);border-radius:4px}
.s-sec.l-2::before{background:var(--ink)}
.s-sec.l-3::before{--dir:180deg;background:var(--lbg);width:6px;left:calc(var(--g) + 21px)}
.s-sec.l-4::before{background:var(--paper);box-shadow:inset 0 0 0 3px var(--mag);width:12px;left:calc(var(--g) + 18px)}
.s-sec--tint{background:var(--tint)}
.s-sec--tint.l-4::before{background:var(--tint)}
.s-sec--ink{background:var(--ink);color:var(--paper)}
.s-sec--ink::before{background:var(--mag)}
.s-sec--flat{padding-left:var(--g)}
.s-sec--flat::before{display:none}
.s-h2{position:relative;font-weight:800;font-size:clamp(2rem,3cqi,3.6rem);line-height:1.04;letter-spacing:-.022em;max-width:24ch}
.s-h2::before{content:"";position:absolute;left:-68px;top:.12em;width:28px;height:28px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 6px var(--ink)}
.s-sec--ink .s-h2::before{background:var(--ink);box-shadow:inset 0 0 0 6px var(--paper)}
.s-sec--tint .s-h2::before{background:var(--tint)}
.s-sec--flat .s-h2::before{display:none}
.s-sub{margin-top:18px;font-size:clamp(17px,1.05cqi,20px);color:var(--graph);max-width:62ch}
.s-sec--ink .s-sub{color:var(--lil)}
.s-h3{font-weight:700;font-size:clamp(20px,1.35cqi,26px);line-height:1.2}
.s-row{margin-top:clamp(28px,2.6cqi,52px)}
.s-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4cqi,96px);align-items:start}

/* маршрут: этапы на линии */
.s-route{position:relative;display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:24px;margin-top:clamp(32px,3cqi,56px)}
.s-route::before{content:"";position:absolute;left:0;right:0;top:14px;height:8px;border-radius:4px;background:var(--lbg,var(--mag));box-shadow:inset 0 0 0 var(--tube,0) var(--lc,var(--mag))}
.s-route.l-4{--tube:3px}
.s-route>li{position:relative;padding-top:54px}
.s-route>li::before{content:"";position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 7px var(--ink)}
.s-route>li:last-child::before{background:var(--mag)}
.s-sec--tint .s-route>li::before{background:var(--tint)}
.s-sec--tint .s-route>li:last-child::before{background:var(--mag)}
.s-route b{display:block;font-weight:700;font-size:clamp(19px,1.25cqi,23px);line-height:1.2}
.s-route p{margin-top:8px;font-size:16px;color:var(--graph);max-width:34ch}
.s-route em{display:inline-flex;margin-top:12px;padding:3px 12px;border-radius:14px;background:var(--ink);color:var(--paper);font-style:normal;font-size:14px;font-weight:600}
.s-sec--ink .s-route>li::before{background:var(--ink);box-shadow:inset 0 0 0 7px var(--paper)}
.s-sec--ink .s-route p{color:var(--lil)}
.s-sec--ink .s-route em{background:var(--paper);color:var(--ink)}

/* линии услуг на главной */
.s-lines{margin-top:clamp(32px,3cqi,56px);border-top:2px solid var(--ink)}
.s-ln{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,2.1fr) minmax(170px,.55fr);gap:clamp(20px,2.4cqi,56px);padding:clamp(26px,2.2cqi,40px) 0;border-bottom:2px solid var(--line);align-items:start}
.s-ln__h{display:flex;gap:14px;align-items:flex-start}
.s-ln__h .s-lb{margin-top:3px}
.s-ln__n{font-weight:800;font-size:clamp(24px,1.8cqi,34px);line-height:1.08;letter-spacing:-.015em;text-decoration:none}
.s-ln__w{display:block;margin-top:8px;font-size:16px;color:var(--graph);max-width:30ch}
.s-ln__stops{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-top:44px}
.s-ln__stops::before{content:"";position:absolute;left:0;right:0;top:12px;height:8px;border-radius:4px;background:var(--lbg);box-shadow:inset 0 0 0 var(--tube,0) var(--lc)}
.s-ln.l-4{--tube:3px}
.s-ln__stops li{position:relative;font-size:16px;font-weight:500;line-height:1.35}
.s-ln__stops li::before{content:"";position:absolute;left:0;top:-42px;width:30px;height:30px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 6px var(--ink)}
.s-ln__p{text-align:right}
.s-ln__p b{display:block;font-weight:800;font-size:clamp(22px,1.7cqi,32px);line-height:1.05;white-space:nowrap;font-variant-numeric:tabular-nums}
.s-ln__p small{display:block;margin-top:6px;font-size:14px;color:var(--graph)}
.s-ln__p .s-lnk{margin-top:14px}
@media (hover:hover) and (pointer:fine){.s-ln__n:hover{text-decoration:underline;text-decoration-color:var(--mag)}}
.s-nudge{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:20px 24px;border-radius:18px;background:var(--tint)}
.s-nudge p{font-size:18px;font-weight:600;max-width:60ch}

/* кейсы-станции */
.s-cases{position:relative;margin-top:clamp(36px,3.4cqi,64px);display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:24px}
.s-cases::before{content:"";position:absolute;left:0;right:0;top:92px;height:8px;border-radius:4px;background:var(--ink)}
.s-case{position:relative;display:flex;flex-direction:column;text-decoration:none}
.s-case b{font-weight:800;font-size:clamp(2.6rem,3.6cqi,4.4rem);line-height:1;letter-spacing:-.03em;color:var(--mag-d);font-variant-numeric:tabular-nums;height:74px;display:flex;align-items:flex-end;white-space:nowrap}
.s-case i{position:relative;width:34px;height:34px;margin:10px 0 18px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 7px var(--ink);transition:box-shadow .18s var(--eo)}
.s-case strong{font-weight:700;font-size:18px;line-height:1.25}
.s-case small{margin-top:6px;font-size:15px;color:var(--graph);line-height:1.4}
.s-case:focus-visible{outline:3px solid var(--mag);outline-offset:6px;border-radius:8px}
.s-sec--tint .s-case i{background:var(--tint)}
@media (hover:hover) and (pointer:fine){.s-case:hover i{box-shadow:inset 0 0 0 17px var(--mag)}.s-case:hover strong{text-decoration:underline;text-decoration-color:var(--mag)}}
.s-note{margin-top:22px;font-size:15px;color:var(--graph)}

/* схема кейсов по нишам */
.s-cf{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.s-chip{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 18px 0 8px;border-radius:23px;box-shadow:inset 0 0 0 2px var(--line);font-weight:600;font-size:15px;cursor:pointer}
.s-chip input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.s-chip i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:800;background:var(--fog)}
.s-chip:has(input:checked){background:var(--ink);color:var(--paper);box-shadow:none}
.s-chip:has(input:checked) i{background:var(--mag);color:var(--ink)}
.s-chip:has(input:focus-visible){outline:3px solid var(--mag);outline-offset:2px}
.s-cmap{margin-top:30px;border-top:2px solid var(--ink)}
.s-cl{display:grid;grid-template-columns:minmax(200px,.34fr) minmax(0,1fr);gap:28px;padding:30px 0 26px;border-bottom:2px solid var(--line);transition:opacity .25s var(--eo)}
.s-cl__h{font-weight:800;font-size:clamp(20px,1.4cqi,26px);line-height:1.15}
.s-cl__h small{display:block;margin-top:6px;font-weight:500;font-size:15px;color:var(--graph)}
.s-cl ol{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:22px 18px;padding-top:42px}
.s-cl ol::before{content:"";position:absolute;left:0;right:0;top:12px;height:8px;border-radius:4px;background:var(--lbg,var(--ink))}
.s-cl a{position:relative;display:block;text-decoration:none}
.s-cl a::before{content:"";position:absolute;left:0;top:-40px;width:30px;height:30px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 6px var(--ink);transition:box-shadow .16s var(--eo)}
.s-cl a b{display:block;font-weight:800;font-size:clamp(28px,2.2cqi,40px);line-height:1;color:var(--mag-d);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.s-cl a span{display:block;margin-top:6px;font-weight:700;font-size:16px;line-height:1.25}
.s-cl a small{display:block;margin-top:4px;font-size:14px;color:var(--graph);line-height:1.35}
@media (hover:hover) and (pointer:fine){.s-cl a:hover::before{box-shadow:inset 0 0 0 15px var(--mag)}.s-cl a:hover span{text-decoration:underline;text-decoration-color:var(--mag)}}
.s-cl a:focus-visible{outline:3px solid var(--mag);outline-offset:6px;border-radius:8px}
.s-root:has(#cf-1:checked) .s-cl:not(.c-1),.s-root:has(#cf-2:checked) .s-cl:not(.c-2),.s-root:has(#cf-3:checked) .s-cl:not(.c-3),.s-root:has(#cf-4:checked) .s-cl:not(.c-4),.s-root:has(#cf-5:checked) .s-cl:not(.c-5){opacity:.18}

/* тарифы */
.s-tar{margin-top:clamp(30px,2.8cqi,52px);border-top:2px solid var(--ink)}
.s-tr{display:grid;grid-template-columns:44px minmax(160px,.7fr) minmax(0,1.6fr) minmax(150px,.6fr) minmax(170px,.55fr);gap:24px;align-items:center;padding:22px 0;border-bottom:2px solid var(--line)}
.s-tr__n{font-weight:800;font-size:clamp(22px,1.6cqi,30px)}
.s-tr__w{font-size:16px;color:var(--graph)}
.s-tr__q{font-weight:700;font-size:18px}
.s-tr__p{font-weight:800;font-size:clamp(24px,1.8cqi,34px);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.s-tar__foot{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.s-tar__foot p{font-size:17px;color:var(--graph);max-width:62ch}
.s-tar__foot p b{color:var(--ink)}
/* матрица тарифов: строки – что входит, столбцы – тарифы, включённое – станция на линии */
.s-mx{margin-top:clamp(30px,2.8cqi,52px);width:100%;border-top:2px solid var(--ink)}
.s-mx th,.s-mx td{padding:0;text-align:center;vertical-align:middle}
.s-mx thead th{padding:22px 10px 18px;vertical-align:bottom}
.s-mx thead th:first-child{text-align:left;width:32%}
.s-mx__t{display:block;font-weight:700;font-size:15px;color:var(--graph)}
.s-mx__n{display:block;margin-top:4px;font-weight:800;font-size:clamp(17px,1.25cqi,22px);line-height:1.15;color:var(--ink)}
.s-mx__p{display:block;margin-top:10px;font-weight:800;font-size:clamp(24px,1.9cqi,34px);color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.s-mx tbody th{text-align:left;font-weight:600;font-size:16px;padding:14px 16px 14px 0;border-top:2px solid var(--line)}
.s-mx tbody td{position:relative;height:58px;border-top:2px solid var(--line)}
.s-mx tbody td::before{content:"";position:absolute;left:0;right:0;top:50%;height:6px;margin-top:-3px;background:var(--line)}
.s-mx tbody td.y::before{background:var(--mag)}
.s-mx tbody td.y+td.y::before{left:0}
.s-mx tbody td.y i{position:relative;display:inline-block;width:26px;height:26px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 6px var(--ink)}
.s-mx tbody td.v{font-weight:800;font-size:17px;font-variant-numeric:tabular-nums}
.s-mx tbody td.v::before{display:none}
.s-mx tbody td.v span{position:relative;background:var(--paper);padding:0 6px}
.s-mx tfoot td{padding:18px 8px 0}
.s-mx tfoot .s-btn{width:100%;padding:0 12px}

/* станции закрыты: чего мы не обещаем */
.s-closed{display:grid;gap:0;margin-top:26px}
.s-closed li{position:relative;display:grid;grid-template-columns:40px 1fr;gap:16px;padding:18px 0;border-top:2px solid var(--rule)}
.s-closed li::before{content:"";width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 6px var(--lil);background:linear-gradient(135deg,transparent 45%,var(--mag) 45%,var(--mag) 55%,transparent 55%)}
.s-closed b{display:block;font-weight:700;font-size:19px;line-height:1.25}
.s-closed p{margin-top:6px;font-size:16px;color:var(--lil);max-width:52ch}
.s-facts{display:grid;gap:0;margin-top:26px}
.s-facts li{display:grid;grid-template-columns:40px 1fr;gap:16px;padding:18px 0;border-top:2px solid var(--line)}
.s-facts li::before{content:"";width:34px;height:34px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 6px var(--ink)}
.s-facts b{display:block;font-weight:700;font-size:19px;line-height:1.25}
.s-facts p{margin-top:6px;font-size:16px;color:var(--graph);max-width:52ch}
.s-sec--ink .s-facts li{border-color:var(--rule)}
.s-sec--ink .s-facts li::before{background:var(--ink);box-shadow:inset 0 0 0 6px var(--paper)}
.s-sec--ink .s-facts p{color:var(--lil)}
.s-colt{font-weight:800;font-size:clamp(22px,1.6cqi,30px);line-height:1.15;display:flex;align-items:center;gap:12px}

/* рейтинг на Яндексе */
.s-rate{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,3cqi,64px);align-items:center;margin-top:clamp(28px,2.6cqi,48px);padding:clamp(24px,2.4cqi,40px);border-radius:24px;box-shadow:inset 0 0 0 2px var(--ink)}
.s-rate__n{display:flex;align-items:center;gap:18px}
.s-rate__n b{font-weight:800;font-size:clamp(4rem,6cqi,7rem);line-height:.9;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.s-rate__n span{font-weight:600;font-size:16px;line-height:1.3;max-width:12ch}
.s-rate ul{display:grid;gap:10px}
.s-rate li{display:grid;grid-template-columns:22px 1fr;gap:12px;font-size:17px}
.s-rate li::before{content:"";width:16px;height:16px;margin-top:4px;border-radius:50%;background:var(--mag);box-shadow:inset 0 0 0 4px var(--ink)}
.s-rate .s-ctas{margin-top:18px}

/* вопросы */
.s-faq__list{margin-top:clamp(28px,2.6cqi,48px);max-width:1100px;border-top:2px solid var(--ink)}
.s-faq details{border-bottom:2px solid var(--line)}
.s-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;font-weight:700;font-size:clamp(18px,1.2cqi,22px);cursor:pointer}
.s-faq summary::-webkit-details-marker{display:none}
.s-faq summary .ico{width:30px;height:30px;padding:4px;border-radius:50%;background:var(--ink);color:var(--paper);transition:transform .2s var(--eo),background-color .2s ease}
.s-faq details[open] summary .ico{transform:rotate(45deg);background:var(--mag);color:var(--ink)}
.s-faq summary:focus-visible{outline:3px solid var(--mag);outline-offset:3px}
.s-faq details p{padding:0 0 24px;font-size:17px;color:var(--graph);max-width:72ch}

/* доказательства: скрин и было/стало */
.s-evid{margin-top:clamp(32px,3cqi,56px);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(24px,3cqi,64px);align-items:center}
.s-shot{margin:0}
.s-shot img{display:block;width:100%;height:auto;border-radius:18px;border:2px solid var(--ink)}
.s-shot figcaption{margin-top:10px;font-size:14px;color:var(--graph)}
.s-evid p{font-size:18px;color:var(--graph);max-width:44ch}
.s-evid p b{color:var(--ink)}
.s-evid .s-btn{margin-top:22px}
.s-bs{width:100%;margin-top:clamp(28px,2.6cqi,48px);border-top:2px solid var(--ink)}
.s-bs th,.s-bs td{padding:18px 12px;border-bottom:2px solid var(--line);text-align:right;font-size:17px}
.s-bs th:first-child,.s-bs td:first-child{text-align:left;padding-left:0}
.s-bs thead th{font-size:14px;font-weight:700;color:var(--graph);padding-top:14px;padding-bottom:14px}
.s-bs tbody td{font-weight:700}
.s-bs tbody td:first-child{font-weight:600}
.s-bs .up{color:var(--mag-d);font-weight:800;white-space:nowrap}
.s-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:clamp(28px,2.6cqi,48px);border-top:8px solid var(--ink);border-radius:4px 4px 0 0}
.s-kpi li{position:relative;padding:40px 24px 0 0}
.s-kpi li::before{content:"";position:absolute;left:0;top:-21px;width:34px;height:34px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 7px var(--ink)}
.s-kpi li:nth-child(2)::before{background:var(--mag)}
.s-kpi b{display:block;font-weight:800;font-size:clamp(3rem,4.4cqi,5.4rem);line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.s-kpi span{display:block;margin-top:8px;font-size:17px;color:var(--graph);max-width:24ch}
.s-kpi span em{font-style:normal;color:var(--mag-d);font-weight:700}
.s-ba{position:relative;margin-top:clamp(28px,2.6cqi,48px);border-radius:18px;overflow:hidden;border:2px solid var(--ink);aspect-ratio:1600/773;background:var(--fog)}
.s-ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left top}
.s-ba__was{position:absolute;inset:0 50% 0 0;display:grid;place-items:center;background:repeating-linear-gradient(135deg,var(--fog) 0 14px,#EAEAF1 14px 28px);border-right:4px solid var(--ink);text-align:center;padding:24px;font-weight:600;font-size:15px;color:var(--graph)}
.s-ba__was b{display:block;color:var(--ink);font-size:17px}
.s-ba__h{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:var(--mag);box-shadow:inset 0 0 0 6px var(--ink);display:grid;place-items:center}
.s-ba__h .ico{width:22px;height:22px}
.s-ba__l{position:absolute;top:14px;padding:4px 12px;border-radius:14px;background:var(--ink);color:var(--paper);font-size:14px;font-weight:600}

/* текст для SEO */
.s-prose{max-width:74ch;font-size:18px;color:var(--graph)}
.s-prose>*+*{margin-top:18px}
.s-prose h3{margin-top:40px;font-weight:800;font-size:clamp(22px,1.5cqi,28px);line-height:1.15;color:var(--ink)}
.s-prose b{color:var(--ink)}
.s-prose ol{counter-reset:p;display:grid;gap:14px}
.s-prose ol li{counter-increment:p;display:grid;grid-template-columns:34px 1fr;gap:14px}
.s-prose ol li::before{content:counter(p);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--paper);font-weight:800;font-size:14px}
.s-tbl{width:100%;max-width:1100px;margin-top:26px;font-size:16px;border-top:2px solid var(--ink)}
.s-tbl th,.s-tbl td{text-align:left;padding:16px 16px 16px 0;border-bottom:2px solid var(--line);vertical-align:top}
.s-tbl thead th{font-size:14px;color:var(--graph);font-weight:700}
.s-tbl td:nth-child(2){font-weight:700;color:var(--ink);white-space:nowrap}
.s-tbl td:nth-child(2) .s-lb{width:22px;height:22px;font-size:12px;margin-right:8px;vertical-align:-4px}
.s-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(28px,3cqi,72px)}

/* контакты */
.s-chan{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:clamp(32px,3cqi,56px);border-top:8px solid var(--ink);border-radius:4px}
.s-chan li{position:relative;padding:44px 24px 0 0}
.s-chan li::before{content:"";position:absolute;left:0;top:-21px;width:34px;height:34px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 7px var(--ink)}
.s-chan li:first-child::before{background:var(--mag)}
.s-chan small{display:block;font-weight:700;font-size:14px;color:var(--graph)}
.s-chan a,.s-chan span{display:block;margin-top:6px;font-weight:800;font-size:clamp(22px,1.7cqi,32px);line-height:1.1;text-decoration:none;letter-spacing:-.01em;word-break:break-word}
.s-chan p{margin-top:10px;font-size:15px;color:var(--graph);max-width:28ch}
@media (hover:hover) and (pointer:fine){.s-chan a:hover{text-decoration:underline;text-decoration-color:var(--mag)}}
.s-req{border-radius:22px;box-shadow:inset 0 0 0 2px var(--ink);padding:clamp(22px,2.2cqi,36px)}
.s-req dl{display:grid;grid-template-columns:minmax(120px,.5fr) 1fr;gap:12px 24px;font-size:16px}
.s-req dt{color:var(--graph)}
.s-req dd{font-weight:600;font-variant-numeric:tabular-nums}
.s-req .s-colt{margin-bottom:18px}

/* документ */
.s-doc{display:grid;grid-template-columns:minmax(240px,.3fr) minmax(0,1fr);gap:clamp(28px,4cqi,96px);padding:0 var(--g) clamp(64px,5cqi,110px)}
.s-toc{position:sticky;top:100px;align-self:start}
.s-toc p{font-weight:800;font-size:15px;margin-bottom:12px}
.s-toc ol{position:relative;padding-left:34px}
.s-toc ol::before{content:"";position:absolute;left:10px;top:10px;bottom:10px;width:6px;border-radius:3px;background:var(--ink)}
.s-toc a{position:relative;display:block;padding:6px 0;font-size:15px;font-weight:500;text-decoration:none;line-height:1.3}
.s-toc a::before{content:"";position:absolute;left:-32px;top:6px;width:20px;height:20px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 4px var(--ink)}
.s-toc a[aria-current]{font-weight:700}
.s-toc a[aria-current]::before{background:var(--mag)}
.s-docbody{max-width:76ch;font-size:17px;color:var(--graph)}
.s-docbody>*+*{margin-top:14px}
.s-docbody h2{margin-top:44px;font-weight:800;font-size:clamp(24px,1.7cqi,32px);line-height:1.15;color:var(--ink)}
.s-docbody h2:first-child{margin-top:0}
.s-docbody b,.s-docbody strong{color:var(--ink)}
.s-docbody ul{display:grid;gap:8px;padding-left:4px}
.s-docbody ul li{position:relative;padding-left:30px}
.s-docbody ul li::before{content:"";position:absolute;left:0;top:9px;width:10px;height:10px;border-radius:50%;background:var(--mag)}
.s-docmeta{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:15px;color:var(--graph);margin-top:18px}
.s-docmeta b{color:var(--ink)}

/* 404 */
.s-404{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,4cqi,96px);padding:clamp(40px,4cqi,90px) var(--g) clamp(64px,5cqi,120px);align-items:center}
.s-404__sign{position:relative;border-radius:28px;background:var(--ink);color:var(--paper);padding:clamp(28px,3cqi,56px);overflow:hidden}
.s-404__sign b{display:block;font-weight:800;font-size:clamp(6rem,11cqi,13rem);line-height:.85;letter-spacing:-.05em;color:var(--mag);font-variant-numeric:tabular-nums}
.s-404__sign p{margin-top:18px;font-weight:700;font-size:clamp(20px,1.6cqi,28px)}
.s-404__sign small{display:block;margin-top:8px;font-size:16px;color:var(--lil)}
.s-404__track{position:relative;margin-top:28px;height:8px;border-radius:4px;background:repeating-linear-gradient(90deg,var(--paper) 0 22px,transparent 22px 34px)}
.s-404__track::after{content:"";position:absolute;left:46%;top:-17px;width:42px;height:42px;border-radius:50%;background:var(--ink);box-shadow:inset 0 0 0 7px var(--lil);background-image:linear-gradient(135deg,transparent 44%,var(--mag) 44%,var(--mag) 56%,transparent 56%)}
.s-404 .s-facts{margin-top:22px}
.s-404 .s-facts li{grid-template-columns:40px 1fr auto;align-items:center}
.s-404 .s-facts a{font-weight:700;font-size:19px;text-decoration:none}
.s-404 .s-facts small{font-weight:800;color:var(--mag-d);white-space:nowrap}

/* формы: поля */
.s-f{display:grid;gap:8px}
.s-f>label,.s-f>.s-f__l{font-size:14px;font-weight:700;color:var(--graph)}
.s-f small{font-weight:500}
.s-in{width:100%;height:56px;border:0;border-radius:28px;box-shadow:inset 0 0 0 2px var(--ink);padding:0 22px;font:500 17px 'Jost',sans-serif;color:var(--ink);background:var(--paper);transition:box-shadow .18s ease}
.s-in::placeholder{color:#5A6080}
.s-in:focus{outline:none;box-shadow:inset 0 0 0 3px var(--mag)}
.s-in.is-err{box-shadow:inset 0 0 0 3px var(--mag);background:var(--tint)}
.s-in--xl{height:68px;border-radius:34px;font-size:22px;font-weight:600;padding-left:108px}
.s-pre{position:relative}
.s-pre>span{position:absolute;left:8px;top:8px;bottom:8px;display:grid;place-items:center;padding:0 12px;border-radius:26px;background:var(--ink);color:var(--paper);font-weight:700;font-size:15px}
.s-ferr{display:flex;gap:8px;align-items:flex-start;font-size:14px;font-weight:600;color:var(--plum)}
.s-ferr::before{content:"";flex:none;width:16px;height:16px;margin-top:2px;border-radius:50%;background:var(--mag);box-shadow:inset 0 0 0 4px var(--ink)}
.s-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.s-seg label{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border-radius:25px;box-shadow:inset 0 0 0 2px var(--line);font-weight:600;font-size:15px;cursor:pointer}
.s-seg label .ico{width:18px;height:18px}
.s-seg input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.s-seg label:has(input:checked){background:var(--ink);color:var(--paper);box-shadow:none}
.s-seg label:has(input:focus-visible){outline:3px solid var(--mag);outline-offset:2px}
.s-pills{display:flex;flex-wrap:wrap;gap:8px}
.s-pills label{position:relative;display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:21px;box-shadow:inset 0 0 0 2px var(--line);font-weight:600;font-size:15px;cursor:pointer}
.s-pills input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.s-pills label:has(input:checked){background:var(--ink);color:var(--paper);box-shadow:none}
.s-consent{display:grid;grid-template-columns:28px 1fr;gap:12px;font-size:15px;line-height:1.45;cursor:pointer;color:var(--graph)}
.s-consent input{appearance:none;-webkit-appearance:none;width:28px;height:28px;margin:0;border-radius:50%;box-shadow:inset 0 0 0 3px var(--ink);display:grid;place-content:center;cursor:pointer;background:var(--paper)}
.s-consent input::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--ink);transform:scale(0);transition:transform .16s var(--eo)}
.s-consent input:checked{box-shadow:inset 0 0 0 3px var(--ink),inset 0 0 0 14px var(--mag)}
.s-consent input:checked::after{transform:scale(1)}
.s-consent input:focus-visible{outline:3px solid var(--mag);outline-offset:3px}
.s-consent a{font-weight:700;color:var(--ink)}
.s-consent.is-err input{box-shadow:inset 0 0 0 3px var(--mag);background:var(--tint)}
.s-consent.is-err{color:var(--plum)}

/* форма-маршрут: заявка на тест 7 дней */
.s-rf{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.62fr);border-radius:28px;background:var(--paper);overflow:hidden;box-shadow:inset 0 0 0 2px var(--ink)}
.s-rf__main{padding:clamp(24px,2.4cqi,40px);display:grid;gap:22px;align-content:start}
.s-rf__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.s-rf__t{font-weight:800;font-size:clamp(24px,1.9cqi,34px);line-height:1.08;letter-spacing:-.015em}
.s-rf__t small{display:block;margin-top:6px;font-weight:500;font-size:16px;letter-spacing:0;color:var(--graph)}
.s-steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.s-steps li{position:relative;padding-top:40px;font-size:14px;font-weight:600;color:var(--graph);line-height:1.3}
.s-steps li b{display:block;font-size:15px;color:var(--ink)}
.s-steps li::before{content:"";position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 6px var(--line);z-index:1}
.s-steps li::after{content:"";position:absolute;left:30px;right:0;top:11px;height:8px;background:repeating-linear-gradient(90deg,var(--line) 0 14px,transparent 14px 22px)}
.s-steps li:last-child::after{display:none}
.s-steps li.is-done::before{background:var(--ink);box-shadow:inset 0 0 0 6px var(--ink)}
.s-steps li.is-done::after{background:var(--ink)}
.s-steps li.is-now::before{background:var(--mag);box-shadow:inset 0 0 0 6px var(--ink)}
.s-rf__body{display:grid;gap:18px}
.s-rf__q{font-weight:800;font-size:clamp(20px,1.5cqi,26px);line-height:1.15}
.s-rf__q small{display:block;margin-top:4px;font-weight:500;font-size:15px;color:var(--graph)}
.s-rf__nav{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.s-rf__nav .s-btn{min-width:220px}
.s-back{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:16px;background:none;border:0;padding:10px 4px;cursor:pointer;color:var(--graph)}
.s-back .ico{transform:rotate(180deg)}
.s-qs{position:relative;display:grid;gap:10px;padding-left:40px}
.s-qs::before{content:"";position:absolute;left:12px;top:16px;bottom:30px;width:8px;border-radius:4px;background:var(--mag)}
.s-q{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:0 8px 0 18px;border-radius:24px;background:var(--fog);font-weight:600;font-size:16px}
.s-q::before{content:"";position:absolute;left:-40px;top:9px;width:30px;height:30px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 6px var(--ink)}
.s-q button{width:34px;height:34px;border-radius:50%;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--graph)}
.s-q button .ico{width:18px;height:18px}
.s-qadd{position:relative}
.s-qadd::before{content:"";position:absolute;left:-40px;top:13px;width:30px;height:30px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 3px var(--ink);border:3px dashed transparent}
.s-qadd .s-in{padding-right:120px}
.s-qadd kbd{position:absolute;right:10px;top:10px;height:36px;display:grid;place-items:center;padding:0 12px;border-radius:18px;background:var(--ink);color:var(--paper);font:600 14px 'Jost',sans-serif}
.s-self{position:relative;display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;padding:14px 18px 14px 14px;border-radius:20px;box-shadow:inset 0 0 0 2px var(--line);cursor:pointer}
.s-self input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.s-self i{width:48px;height:28px;border-radius:14px;background:var(--line);position:relative;transition:background-color .18s ease}
.s-self i::after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:var(--paper);box-shadow:0 1px 3px rgba(4,8,31,.3);transition:transform .2s var(--eo)}
.s-self:has(input:checked){box-shadow:inset 0 0 0 2px var(--ink);background:var(--tint)}
.s-self:has(input:checked) i{background:var(--ink)}
.s-self:has(input:checked) i::after{transform:translateX(20px);background:var(--mag)}
.s-self b{display:block;font-size:16px}
.s-self span{display:block;font-size:14px;color:var(--graph)}
.s-self:has(input:focus-visible){outline:3px solid var(--mag);outline-offset:3px}
.s-rf__foot{font-size:14px;color:var(--graph)}
/* маршрутный лист */
.s-tk{position:relative;background:var(--ink);color:var(--paper);padding:clamp(24px,2.4cqi,40px) clamp(22px,2.2cqi,36px);display:grid;gap:18px;align-content:start}
.s-tk::before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:0;border-left:3px dashed var(--rule)}
.s-tk__h{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:700;font-size:15px;color:var(--lil)}
.s-tk__h b{color:var(--paper)}
.s-tk__route{position:relative;display:grid;gap:18px;padding-left:40px}
.s-tk__route::before{content:"";position:absolute;left:12px;top:14px;bottom:14px;width:8px;border-radius:4px;background:var(--mag)}
.s-tk__route li{position:relative;font-size:14px;color:var(--lil);line-height:1.3}
.s-tk__route li::before{content:"";position:absolute;left:-40px;top:0;width:30px;height:30px;border-radius:50%;background:var(--ink);box-shadow:inset 0 0 0 6px var(--paper)}
.s-tk__route li.is-empty::before{box-shadow:inset 0 0 0 6px var(--rule)}
.s-tk__route li b{display:block;margin-top:2px;font-size:18px;font-weight:700;color:var(--paper);word-break:break-word}
.s-tk__route li.is-empty b{color:var(--lil);font-weight:500}
.s-tk__route li:last-child::before{background:var(--mag);box-shadow:inset 0 0 0 6px var(--paper)}
.s-tk__foot{margin-top:auto;padding-top:16px;border-top:2px solid var(--rule);font-size:14px;color:var(--lil)}
.s-tk__foot b{color:var(--paper)}
/* успех */
.s-done{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.62fr);border-radius:28px;overflow:hidden;box-shadow:inset 0 0 0 2px var(--ink);background:var(--paper)}
.s-done__main{padding:clamp(28px,2.8cqi,48px);display:grid;gap:18px;align-content:start}
.s-done__mark{width:72px;height:72px;border-radius:50%;background:var(--mag);box-shadow:inset 0 0 0 10px var(--ink);display:grid;place-items:center}
.s-done__mark .ico{width:30px;height:30px;stroke-width:3}
.s-done__t{font-weight:800;font-size:clamp(28px,2.4cqi,42px);line-height:1.05;letter-spacing:-.02em}
.s-done p{font-size:17px;color:var(--graph);max-width:46ch}
.s-done .s-route{--n:3;margin-top:10px}
.s-done .s-route>li{padding-top:48px}
.s-done .s-route p{font-size:15px}
.s-done__ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
/* ошибка отправки */
.s-fail{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding:16px 18px;border-radius:18px;background:var(--plum);color:var(--paper)}
.s-fail::before{content:"";width:40px;height:40px;border-radius:50%;background:var(--plum);box-shadow:inset 0 0 0 6px var(--lil);background-image:linear-gradient(135deg,transparent 44%,var(--mag) 44%,var(--mag) 56%,transparent 56%)}
.s-fail b{display:block;font-size:17px}
.s-fail p{font-size:15px;color:#E8DDF0;margin-top:4px}
.s-fail .s-btn{margin-top:12px}
/* экспресс-заявка: билет */
.s-xf{position:relative;width:min(100%,560px);background:var(--paper);border-radius:26px;box-shadow:inset 0 0 0 2px var(--ink)}
.s-xf__stub{position:relative;padding:22px 28px 24px;background:var(--ink);color:var(--paper);border-radius:26px 26px 0 0}
.s-xf__stub p{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;color:var(--lil)}
.s-xf__stub p i{width:12px;height:12px;border-radius:50%;background:var(--mag)}
.s-xf__stub .s-xf__t{margin-top:10px;font-weight:800;font-size:clamp(24px,1.9cqi,30px);line-height:1.08;letter-spacing:-.015em}
.s-xf__perf{position:relative;height:0;border-top:3px dashed var(--line);margin:0 26px}
.s-xf__perf::before,.s-xf__perf::after{content:"";position:absolute;top:-15px;width:28px;height:28px;border-radius:50%;background:var(--ov,var(--ink));box-shadow:inset 0 0 0 2px var(--ink)}
.s-xf__perf::before{left:-42px}
.s-xf__perf::after{right:-42px}
.s-xf__body{padding:26px 28px 28px;display:grid;gap:16px}
.s-xf .s-btn{width:100%}
/* окно и фон */
.s-modal{position:absolute;inset:0;z-index:60;display:grid;place-items:center;padding:clamp(16px,3cqi,64px);background:rgba(4,8,31,.78)}
.s-modal__box{position:relative;width:min(100%,1100px)}
.s-close{position:absolute;right:-14px;top:-14px;z-index:2;width:48px;height:48px;border-radius:50%;border:0;background:var(--paper);color:var(--ink);display:grid;place-items:center;box-shadow:0 6px 18px -6px rgba(4,8,31,.5),inset 0 0 0 2px var(--ink);cursor:pointer}
.s-close:focus-visible{outline:3px solid var(--mag);outline-offset:3px}
.s-frame{position:relative;overflow:hidden;background:var(--paper)}
.s-frame__lbl{position:absolute;left:16px;top:16px;z-index:70;padding:6px 14px;border-radius:16px;background:var(--mag);color:var(--ink);font-weight:800;font-size:14px}
/* cookie */
.s-cookie{position:absolute;left:var(--g);bottom:24px;z-index:50;width:min(calc(100% - 2*var(--g)),520px);display:grid;grid-template-columns:34px 1fr;gap:14px;padding:18px 20px;border-radius:20px;background:var(--ink);color:var(--paper);box-shadow:0 18px 40px -14px rgba(4,8,31,.55)}
.s-cookie::before{content:"";width:30px;height:30px;border-radius:50%;background:var(--mag);box-shadow:inset 0 0 0 6px var(--paper)}
.s-cookie p{font-size:15px;line-height:1.45;color:var(--lil)}
.s-cookie p b{color:var(--paper)}
.s-cookie a{color:var(--paper);font-weight:700}
.s-cookie__b{grid-column:2;display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.s-cookie .s-btn{min-height:42px;padding:0 18px;font-size:15px}

/* подвал: схема сайта */
.s-ft{background:var(--ink);color:var(--paper)}
.s-ft__cta{padding:clamp(32px,3cqi,56px) var(--g);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-bottom:2px solid var(--rule)}
.s-ft__ctat{display:flex;align-items:center;gap:18px}
.s-ent{width:52px;height:52px;border-radius:50%;background:var(--mag);display:grid;place-items:center;color:var(--ink);flex:none}
.s-ent .ico{width:26px;height:26px;stroke-width:2.6}
.s-ft__cta p{font-weight:800;font-size:clamp(1.5rem,2.3cqi,2.6rem);line-height:1.08}
.s-ft__cta p small{display:block;font-weight:500;font-size:16px;color:var(--lil);margin-top:6px}
.s-ft__main{padding:clamp(40px,3.6cqi,72px) var(--g) 36px;display:grid;grid-template-columns:minmax(260px,1.25fr) repeat(5,minmax(0,1fr));gap:clamp(24px,2.6cqi,56px)}
.s-ft .logo{width:136px;height:30px}
.s-ft__about{margin-top:16px;font-size:15px;color:var(--lil);max-width:34ch}
.s-ft__contacts{margin-top:20px;display:grid;gap:10px;font-weight:600}
.s-ft__contacts a{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.s-ft__contacts .ico{color:var(--mag)}
.s-ft__contacts span{font-weight:500;color:var(--lil);font-size:14px}
.s-ft__col .s-ft__h{display:flex;align-items:center;gap:10px;font:700 17px/1.2 'Jost',sans-serif;margin-bottom:16px}
.s-ft__col ul{position:relative;padding-left:30px}
.s-ft__col ul::before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:6px;border-radius:3px;background:var(--lbg);box-shadow:inset 0 0 0 var(--tube,0) var(--lc)}
.s-ft__col.l-4{--tube:2px}
.s-ft__col.l-3 ul::before{--dir:180deg}
.s-ft__col li{position:relative;padding:5px 0}
.s-ft__col li::before{content:"";position:absolute;left:-28px;top:9px;width:18px;height:18px;border-radius:50%;background:var(--ink);box-shadow:inset 0 0 0 4px var(--paper)}
.s-ft__col a{font-size:15px;color:var(--lil);text-decoration:none}
.s-ft a:focus-visible{outline:3px solid var(--paper);outline-offset:3px}
@media (hover:hover) and (pointer:fine){.s-ft__col a:hover{color:var(--paper);text-decoration:underline;text-decoration-color:var(--mag)}}
.s-ft__legal{border-top:2px solid var(--rule);margin:0 var(--g);padding:22px 0 32px;display:grid;gap:10px;font-size:13px;color:var(--lil)}
.s-ft__legal p{display:flex;flex-wrap:wrap;gap:6px 26px}
.s-ft__legal a{color:var(--lil)}
.s-bar{display:none}

/* системная доска */
.sys{padding:64px;display:grid;gap:56px}
.sys h2{font-weight:800;font-size:34px;letter-spacing:-.02em}
.sys h3{font-weight:700;font-size:18px;margin-bottom:14px}
.sys__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.sys__sw{border-radius:18px;box-shadow:inset 0 0 0 2px var(--line);overflow:hidden}
.sys__sw i{display:block;height:110px}
.sys__sw p{padding:12px 16px;font-size:14px;color:var(--graph)}
.sys__sw p b{display:block;color:var(--ink);font-size:16px}
.sys__line{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:center;padding:14px 0;border-bottom:2px solid var(--line)}
.sys__line s{display:block;height:12px;border-radius:6px;background:var(--lbg);box-shadow:inset 0 0 0 var(--tube,0) var(--lc);text-decoration:none}
.sys__line.l-4{--tube:3px}
.sys__line span{grid-column:2;font-size:15px;color:var(--graph)}
.sys__type p{margin-top:10px}
.sys__row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.sys__map{width:100%;border-top:2px solid var(--ink);font-size:15px}
.sys__map th,.sys__map td{text-align:left;padding:12px 16px 12px 0;border-bottom:2px solid var(--line);vertical-align:top}
.sys__map th{font-size:13px;color:var(--graph)}
.sys__map code{font:600 14px ui-monospace,Menlo,monospace;color:var(--mag-d)}

@media (prefers-reduced-motion:reduce){.s-root *,.s-root *::before,.s-root *::after{animation:none!important;transition:none!important}}

/* большой экран */
@container (min-width:1680px){
 .s-root{font-size:18px}
 .s-cases{--n:6}
 .s-ln__stops{grid-template-columns:repeat(4,minmax(0,1fr))}
 .s-route p{font-size:17px}
}
/* малый десктоп */
@container (max-width:1360px){
 .s-tel--t{display:none}
 .s-tel--i{display:inline-flex}
 .s-nav__a{padding:0 9px;font-size:15px}
 .s-ft__main{grid-template-columns:repeat(5,minmax(0,1fr))}
 .s-ft__brand{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;gap:12px 40px;align-items:start}
 .s-ft__brand .s-ft__about{margin-top:0}
 .s-ft__brand .s-ft__contacts{margin-top:0;grid-template-columns:repeat(2,auto);gap:10px 28px}
 .s-cases{--n:5}
 .s-tr{grid-template-columns:40px minmax(140px,.7fr) minmax(0,1.4fr) minmax(130px,.6fr) minmax(150px,.55fr);gap:18px}
}
@container (max-width:1180px){
 .s-nav,.s-hd__act .s-tel--i,.s-hd__act .s-tg{display:none}
 .s-burger{display:inline-flex}
 .s-root:has(#s-menu:checked) .s-mnav{display:block}
 .s-hero{grid-template-columns:minmax(0,1fr);gap:28px}
 .s-hero .s-lead{max-width:52ch}
 .s-ln{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"h p" "s s"}
 .s-ln__h{grid-area:h}.s-ln__p{grid-area:p}.s-ln__stops{grid-area:s}
 .s-ph{grid-template-columns:minmax(0,1fr) minmax(280px,.62fr)}
 .s-ft__brand{grid-template-columns:1fr}
 .s-ft__brand .s-ft__contacts{grid-template-columns:repeat(3,auto)}
 .s-cl{grid-template-columns:minmax(0,1fr);gap:8px}
 .s-rf,.s-done{grid-template-columns:minmax(0,1fr) minmax(260px,.7fr)}
}
/* мобильное меню и планшет */
@container (max-width:1180px){
 .s-mnav{position:absolute;left:0;right:0;top:76px;z-index:40;background:var(--ink);color:var(--paper);padding:8px var(--g) 28px;min-height:calc(100dvh - 76px)}
 .s-mnav__l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
 .s-mnav details{border-bottom:2px solid var(--rule)}
 .s-mnav summary{list-style:none;display:flex;align-items:center;gap:12px;min-height:62px;font-weight:700;font-size:19px;cursor:pointer}
 .s-mnav summary::-webkit-details-marker{display:none}
 .s-mnav summary .ico{margin-left:auto;transition:transform .2s var(--eo)}
 .s-mnav details[open] summary .ico{transform:rotate(180deg)}
 .s-mnav details ul{position:relative;padding:0 0 16px 40px}
 .s-mnav details ul::before{content:"";position:absolute;left:11px;top:10px;bottom:26px;width:6px;border-radius:3px;background:var(--lbg);box-shadow:inset 0 0 0 var(--tube,0) var(--lc)}
 .s-mnav details.l-4{--tube:2px}
 .s-mnav details.l-3 ul::before{--dir:180deg}
 .s-mnav details li{position:relative}
 .s-mnav details li::before{content:"";position:absolute;left:-36px;top:12px;width:20px;height:20px;border-radius:50%;background:var(--ink);box-shadow:inset 0 0 0 4px var(--paper)}
 .s-mnav details a{display:flex;justify-content:space-between;gap:12px;padding:10px 0;color:var(--lil);text-decoration:none;font-size:17px}
 .s-mnav details a span{font-weight:800;color:var(--mag);white-space:nowrap}
 .s-mnav__a{display:flex;align-items:center;gap:12px;min-height:62px;border-bottom:2px solid var(--rule);font-weight:700;font-size:19px;text-decoration:none}
 .s-mnav__c{margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 .s-mnav__c .s-btn{width:100%}
 .s-mnav__i{margin-top:18px;font-size:14px;color:var(--lil)}
}
@container (max-width:900px){
 .s-ph{grid-template-columns:minmax(0,1fr);align-items:start}
 .s-split{grid-template-columns:minmax(0,1fr)}
 .s-route{grid-template-columns:minmax(0,1fr);gap:0;padding-left:52px}
 .s-route::before{left:14px;right:auto;top:18px;bottom:18px;width:8px;height:auto;--dir:180deg}
 .s-route>li{padding:0 0 28px}
 .s-route>li:last-child{padding-bottom:0}
 .s-route>li::before{left:-52px;top:-4px}
 .s-route p{max-width:56ch}
 .s-cases{--n:3;row-gap:44px}
 .s-cases::before{display:none}
 .s-case i{margin:10px 0 14px}
 .s-case::after{content:"";position:absolute;left:0;right:-24px;top:92px;height:8px;background:var(--ink);z-index:-1}
 .s-case:nth-child(3n)::after{right:0}
 .s-evid{grid-template-columns:minmax(0,1fr)}
 .s-rate{grid-template-columns:minmax(0,1fr)}
 .s-tr{grid-template-columns:32px minmax(0,1fr) auto;grid-template-areas:"b n p" "b w w" "b q q";gap:4px 14px;align-items:start}
 .s-tr .s-lb{grid-area:b}.s-tr__n{grid-area:n}.s-tr__p{grid-area:p}.s-tr__w{grid-area:w}.s-tr__q{grid-area:q;font-size:16px}
 .s-chan{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:48px;border-top:0}
 .s-chan li{border-top:8px solid var(--ink)}
 .s-chan li::before{top:-21px}
 .s-doc{grid-template-columns:minmax(0,1fr)}
 .s-toc{position:static;padding:18px 20px;border-radius:18px;background:var(--fog)}
 .s-404{grid-template-columns:minmax(0,1fr)}
 .s-kpi{grid-template-columns:minmax(0,1fr);border-top:0;padding-left:52px;position:relative}
 .s-kpi::before{content:"";position:absolute;left:14px;top:16px;bottom:16px;width:8px;border-radius:4px;background:var(--ink)}
 .s-kpi li{padding:0 0 26px}
 .s-kpi li::before{left:-52px;top:6px}
 .s-rf,.s-done{grid-template-columns:minmax(0,1fr)}
 .s-tk::before{left:0;right:0;top:-1px;bottom:auto;width:auto;height:0;border-left:0;border-top:3px dashed var(--rule)}
 .s-mx thead th:first-child{width:auto}
 .s-ft__main{grid-template-columns:repeat(3,minmax(0,1fr))}
 .s-ft__brand .s-ft__contacts{grid-template-columns:repeat(2,auto)}
}
/* телефон */
@container (max-width:600px){
 .s-root{font-size:16px;--sp:56px}
 .s-hd__in{height:64px;gap:10px}
 .s-hd .logo{width:104px;height:23px}
 .s-hd__act{gap:8px}
 .s-hd .s-btn{padding:0 16px;font-size:15px;min-height:42px}
 .s-mnav{top:64px;padding:4px 16px 24px;min-height:calc(100dvh - 64px)}
 .s-mnav__l{grid-template-columns:minmax(0,1fr)}
 .s-mnav__c{grid-template-columns:minmax(0,1fr)}
 .s-hero{padding:26px 16px 18px;gap:22px}
 .s-h1{font-size:36px;letter-spacing:-.025em}
 .s-ph .s-h1{font-size:33px}
 .s-lead{font-size:17px;margin-top:16px}
 .s-opts{grid-template-columns:minmax(0,1fr)}
 .s-opt{min-height:52px;font-size:15px}
 .s-hint{font-size:15px}
 .s-ctas .s-btn{width:100%}
 .s-map--d{display:none}
 .s-map--m{display:block}
 .s-proof{margin:0 16px;padding:18px 0 22px;display:grid;gap:10px}
 .s-proof li{font-size:15px;padding-right:0}
 .s-ph{padding:18px 16px 36px;gap:22px}
 .s-crumbs{font-size:14px}
 .s-crumbs li+li::before{width:18px;margin-right:6px}
 .s-sign{padding:20px}
 .s-sec{padding:56px 16px 56px 56px}
 .s-sec::before{left:18px;width:6px}
 .s-sec.l-4::before{left:16px;width:10px}
 .s-sec.l-3::before{left:18px}
 .s-sec--flat{padding-left:16px}
 .s-h2{font-size:30px}
 .s-h2::before{left:-47px;width:24px;height:24px;box-shadow:inset 0 0 0 5px var(--ink)}
 .s-sec--ink .s-h2::before{box-shadow:inset 0 0 0 5px var(--paper)}
 .s-sub{font-size:16px}
 .s-ln{grid-template-columns:minmax(0,1fr);grid-template-areas:"h" "p" "s";gap:14px;padding:24px 0}
 .s-ln__p{text-align:left;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
 .s-ln__p small{margin-top:0}
 .s-ln__p .s-lnk{margin-top:4px;flex-basis:100%}
 .s-ln__stops{grid-template-columns:minmax(0,1fr);gap:12px;padding:0 0 0 44px}
 .s-ln__stops::before{left:11px;right:auto;top:10px;bottom:10px;width:8px;height:auto;--dir:180deg}
 .s-ln__stops li::before{left:-44px;top:-4px;width:30px;height:30px}
 .s-cases{grid-template-columns:minmax(0,1fr);gap:0;margin-top:30px;padding-left:0}
 .s-case{display:grid;grid-template-columns:34px 1fr;column-gap:16px;padding:10px 0}
 .s-case::after{left:13px;right:auto;top:0;bottom:0;width:8px;height:auto}
 .s-case:first-child::after{top:24px}
 .s-case:last-child::after{bottom:auto;height:24px}
 .s-case:nth-child(3n)::after{right:auto}
 .s-case i{grid-column:1;grid-row:1/span 3;margin:6px 0 0;width:34px;height:34px}
 .s-case b{grid-column:2;height:auto;font-size:38px}
 .s-case strong,.s-case small{grid-column:2}
 .s-case strong{font-size:17px;margin-top:4px}
 .s-cf{gap:6px}
 .s-chip{min-height:42px;font-size:14px}
 .s-cl ol{grid-template-columns:minmax(0,1fr);padding:0 0 0 44px;gap:18px}
 .s-cl ol::before{left:11px;right:auto;top:10px;bottom:10px;width:8px;height:auto}
 .s-cl a::before{left:-44px;top:0}
 .s-tar__foot .s-btn,.s-nudge .s-btn{width:100%}
 .s-rate{padding:22px}
 .s-rate__n b{font-size:64px}
 .s-faq summary{font-size:17px}
 .s-kpi b{font-size:48px}
 .s-bs th,.s-bs td{padding:14px 6px;font-size:15px}
 .s-bs thead th{font-size:12px}
 .s-ba{aspect-ratio:4/3}
 .s-chan{grid-template-columns:minmax(0,1fr)}
 .s-req dl{grid-template-columns:minmax(0,1fr);gap:2px}
 .s-req dd{margin-bottom:10px}
 .s-doc{padding:0 16px 56px}
 .s-404{padding:26px 16px 56px}
 .s-404 .s-facts li{grid-template-columns:40px 1fr}
 .s-404 .s-facts small{grid-column:2}
 .s-rf{border-radius:24px 24px 0 0}
 .s-rf__main{padding:22px 18px}
 .s-rf__nav .s-btn{width:100%;min-width:0}
 .s-rf__nav{flex-direction:column-reverse;align-items:stretch}
 .s-in--xl{height:60px;font-size:18px;padding-left:96px}
 .s-steps li{font-size:13px}
 .s-steps li b{font-size:14px}
 .s-seg label{font-size:14px;min-height:48px}
 .s-seg label .ico{display:none}
 .s-tk{padding:20px 18px}
 .s-done__main{padding:26px 18px}
 .s-done__ctas .s-btn{width:100%}
 .s-modal{padding:0;align-items:end}
 .s-modal__box{width:100%}
 .s-close{right:12px;top:-60px}
 .s-xf{width:100%;border-radius:24px 24px 0 0}
 .s-xf__stub{border-radius:24px 24px 0 0;padding:20px 20px 22px}
 .s-xf__body{padding:22px 20px 26px}
 .s-xf__perf{margin:0 18px}
 .s-xf__perf::before{left:-32px}
 .s-xf__perf::after{right:-32px}
 .s-cookie{left:12px;right:12px;width:auto;bottom:86px;padding:14px 16px;grid-template-columns:26px 1fr;gap:10px}
 .s-cookie::before{width:22px;height:22px;box-shadow:inset 0 0 0 5px var(--paper)}
 .s-cookie p{font-size:14px}
 .s-cookie__b .s-btn{flex:1}
 .s-ft__cta{padding:30px 16px}
 .s-ft__cta .s-btn{width:100%}
 .s-ft__main{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px;padding:40px 16px 26px}
 .s-ft__brand .s-ft__contacts{grid-template-columns:minmax(0,1fr)}
 .s-ft__legal{margin:0 16px;padding-bottom:100px}
 .s-bar{display:grid;grid-template-columns:1fr 56px;gap:8px;position:sticky;bottom:0;z-index:35;background:var(--ink);padding:10px 16px 14px}
 .s-bar .s-ib{width:56px;height:56px;color:var(--paper)}
}
.l-k{--lc:var(--lil);--lbg:var(--lil)}
.s-drop a em{font-style:normal;display:block}
.s-drop li{display:block}

/* дополнения: панели, заметки для макета, карты */
.s-panel{border-radius:26px;background:var(--ink);color:var(--paper);padding:clamp(24px,2.6cqi,44px)}
.s-panel .s-colt{color:var(--paper)}
.s-panel__sub{margin-top:8px;font-size:16px;color:var(--lil)}
.s-panel .s-btn{margin-top:22px}
.s-keep{margin-top:16px;display:inline-flex;gap:10px;align-items:center;padding:8px 14px;border-radius:12px;background:#FFF6D6;color:#5A4600;font-size:14px;font-weight:600;max-width:none}
.s-keep::before{content:"";width:10px;height:10px;border-radius:50%;background:#C9A200;flex:none}
.s-map--m .k1{stroke-width:10}.s-map--m .k2{stroke-width:8}.s-map--m .k3{stroke-width:7;stroke-dasharray:12 7}.s-map--m .k4{stroke-width:11}.s-map--m .k4w{stroke-width:4}
.s-map--m .st{stroke-width:4}.s-map--m .st--t,.s-map--m .st--in{stroke-width:4}.s-map--m .hub{stroke-width:7}
.s-map--m .b{font-size:15px}.s-map--m .s{font-size:13px}.s-map--m .hb{font-size:16px}
.s-lbox{border-radius:24px;box-shadow:inset 0 0 0 2px var(--line);padding:clamp(16px,1.6cqi,28px)}
.s-lmap .k1{stroke-width:14}.s-lmap .k2{stroke-width:8}.s-lmap .k3{stroke-width:8;stroke-dasharray:14 9}.s-lmap .k4{stroke-width:14}.s-lmap .k4w{stroke-width:5}
.s-lmap .st{stroke-width:5}.s-lmap .st--in{stroke-width:5}.s-lmap .hub{stroke-width:7}
.s-lmap .b{font-size:17px}.s-lmap .s{font-size:14px}
.s-lmap .x-now,.s-lmap .x-traffic,.s-lmap .x-site,.s-lmap .x-a,.s-lmap .x-b,.s-lmap .x-c,.s-lmap .x-d{transition:opacity .3s var(--eo)}
.s-root:has(#mr-start:checked) .s-lmap :is(.x-now,.x-traffic,.x-site){opacity:.14}
.s-root:has(#mr-now:checked) .s-lmap :is(.x-traffic,.x-site,.x-a,.x-b,.x-c,.x-d){opacity:.14}
.s-root:has(#mr-traffic:checked) .s-lmap :is(.x-now,.x-site,.x-c,.x-d){opacity:.14}
.s-root:has(#mr-site:checked) .s-lmap :is(.x-now,.x-traffic){opacity:.14}
.s-hint--seo{margin-top:14px;max-width:none}
.s-hint--seo p{display:none}
.s-root:has(#mr-start:checked) .r-start,.s-root:has(#mr-now:checked) .r-now,.s-root:has(#mr-traffic:checked) .r-traffic,.s-root:has(#mr-site:checked) .r-site{display:block;animation:s-fade .25s var(--eo)}
.s-vmap{display:none;position:relative;padding:4px 0 0 40px}
.s-vmap::before{content:"";position:absolute;left:11px;top:14px;bottom:18px;width:8px;border-radius:4px;background:var(--mag)}
.s-vmap li{position:relative;padding:0 0 16px}
.s-vmap li::before{content:"";position:absolute;left:-40px;top:2px;width:30px;height:30px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 6px var(--ink)}
.s-vmap li:first-child::before{background:var(--mag)}
.s-vmap b{display:block;font-weight:700;font-size:17px;line-height:1.25}
.s-vmap small{display:block;font-size:14px;color:var(--graph)}
.s-vmap em{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:2px 10px 2px 4px;border-radius:14px;background:var(--ink);color:var(--paper);font-style:normal;font-size:13px;font-weight:600}
.s-vmap em::before{content:"";width:14px;height:14px;border-radius:50%;background:var(--paper)}
.s-route--big h3 a{text-decoration:none}
.s-route--big h3{margin-bottom:4px}
@media (hover:hover) and (pointer:fine){.s-route--big h3 a:hover{text-decoration:underline;text-decoration-color:var(--mag)}}
.s-route--v{grid-template-columns:minmax(0,1fr)!important;gap:0;padding-left:52px;margin-top:0}
.s-route--v::before{left:14px!important;right:auto!important;top:18px!important;bottom:18px;width:8px!important;height:auto!important}
.s-route--v>li{padding:0 0 30px!important}
.s-route--v>li:last-child{padding-bottom:0!important}
.s-route--v>li::before{left:-52px!important;top:-4px!important}
.s-route--v p{max-width:56ch}
.s-xfer{margin-top:clamp(24px,2.4cqi,44px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:0;border-top:2px solid var(--ink)}
.s-xfer a{display:grid;grid-template-columns:28px 1fr auto;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:20px 20px 20px 0;border-bottom:2px solid var(--line);text-decoration:none}
.s-xfer .s-lb{grid-row:1/span 2}
.s-xfer b{font-size:19px;line-height:1.2}
.s-xfer small{grid-column:2;font-size:15px;color:var(--graph);font-weight:600}
.s-xfer .ico{grid-column:3;grid-row:1/span 2;transition:transform .18s var(--eo)}
@media (hover:hover) and (pointer:fine){.s-xfer a:hover b{text-decoration:underline;text-decoration-color:var(--mag)}.s-xfer a:hover .ico{transform:translateX(4px)}}
.l-5{--lc:var(--mag);--lbg:repeating-linear-gradient(var(--dir,90deg),var(--mag) 0 18px,transparent 18px 28px)}
.s-cl.l-4 ol::before{background:var(--paper);box-shadow:inset 0 0 0 3px var(--mag);height:10px;top:11px}
.s-facts--2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));column-gap:clamp(28px,3cqi,72px)}
.s-sec--tint .s-facts li::before{background:var(--tint)}
.s-404 .s-facts li{grid-template-columns:36px 1fr auto;align-items:center;gap:14px}
.s-404 .s-facts li::before{display:none}
/* билет: вырезы по линии отрыва */
.s-xf{--py:130px;-webkit-mask:radial-gradient(circle at 0 var(--py),#0000 15px,#000 16px) left/51% 100% no-repeat,radial-gradient(circle at 100% var(--py),#0000 15px,#000 16px) right/51% 100% no-repeat;mask:radial-gradient(circle at 0 var(--py),#0000 15px,#000 16px) left/51% 100% no-repeat,radial-gradient(circle at 100% var(--py),#0000 15px,#000 16px) right/51% 100% no-repeat}
.s-xf__stub{height:130px;display:flex;flex-direction:column;justify-content:center}
.s-xf__perf::before,.s-xf__perf::after{display:none}
.s-tk__mini{display:none}
/* доска форм */
.s-board{background:#E6E6EE;font-family:'Jost',sans-serif;display:grid;gap:40px;padding:0 0 40px}
.s-board__h{padding:36px 40px 0;font:800 30px/1.1 'Jost',sans-serif;color:#04081F}
.s-board__h small{display:block;margin-top:8px;font-size:16px;font-weight:500;color:#3C4262}
.s-frame{box-shadow:0 0 0 1px #C9CAD6}
@container (max-width:1180px){
 .s-mnav__l>div{display:grid;align-content:start}
}
@container (max-width:900px){
 .s-modal .s-tk__foot{display:none}
 .s-modal .s-tk{padding:18px 22px}
 .s-modal .s-tk__route{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
 .s-modal .s-tk__route::before{display:none}
 .s-modal .s-tk__route li::before{width:22px;height:22px;left:-32px;top:2px;box-shadow:inset 0 0 0 5px var(--paper)}
 .s-modal .s-tk__route{padding-left:32px}
}
@container (max-width:600px){
 .s-vmap{display:block}
 .s-lmap{display:none}
 .s-lbox{padding:16px}
 .s-hero--seo .s-crumbs{margin-bottom:0}
 .s-modal .s-rf{display:flex;flex-direction:column-reverse}
 .s-modal .s-tk{padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px}
 .s-modal .s-tk__route,.s-modal .s-tk__foot{display:none}
 .s-modal .s-tk::before{display:none}
 .s-modal .s-tk__h{flex:1}
 .s-modal .s-tk__mini{display:block;font-size:13px;color:var(--lil);text-align:right}
 .s-modal .s-done{display:flex;flex-direction:column}
 .s-modal .s-done .s-tk{display:none}
 .s-route--v{padding-left:52px}
 .s-xf__stub{height:136px}
 .s-xf{--py:136px}
}
.s-frame .s-mnav{min-height:calc(var(--fh,800px) - 76px)}
@container (max-width:600px){.s-frame .s-mnav{min-height:calc(var(--fh,800px) - 64px)}}
/* вертикальные линии: отдельный градиент для пунктира */
.l-1{--lbgv:var(--mag)}.l-2{--lbgv:var(--ink)}.l-4{--lbgv:var(--paper)}.l-k{--lbgv:var(--lil)}
.l-3{--lbgv:repeating-linear-gradient(180deg,var(--ink) 0 18px,transparent 18px 28px)}
.l-5{--lbgv:repeating-linear-gradient(180deg,var(--mag) 0 18px,transparent 18px 28px)}
.s-on-ink .l-2,.s-on-ink.l-2{--lbgv:var(--paper)}
.s-on-ink .l-3,.s-on-ink.l-3{--lbgv:repeating-linear-gradient(180deg,var(--paper) 0 18px,transparent 18px 28px)}
.s-on-ink .l-4,.s-on-ink.l-4{--lbgv:var(--ink)}
.s-sec.l-3::before,.s-drop ul::before,.s-ft__col ul::before{background:var(--lbgv,var(--lbg))}
.s-drop.l-4 ul::before{background:var(--paper);box-shadow:inset 0 0 0 3px var(--mag)}
.s-ft__col.l-4 ul::before{background:var(--ink);box-shadow:inset 0 0 0 2px var(--mag)}
.s-xf{color:var(--ink)}
.s-sec--ink .s-xf__stub{background:var(--mag);color:var(--ink)}
.s-sec--ink .s-xf__stub p{color:var(--ink)}
.s-sec--ink .s-xf__stub p i{background:var(--ink)}
.s-prose>h3:first-child{margin-top:0}
@container (max-width:1180px){.s-mnav details ul::before{background:var(--lbgv,var(--lbg))}.s-mnav details.l-4 ul::before{background:var(--ink);box-shadow:inset 0 0 0 2px var(--mag)}}
@container (max-width:900px){.s-route::before{background:var(--lbgv,var(--mag))}.s-route.l-4::before{background:var(--paper)}}
@container (max-width:600px){.s-ln__stops::before{background:var(--lbgv,var(--lbg))}.s-cl ol::before{background:var(--lbgv,var(--ink))}.s-cl.l-4 ol::before{width:10px;height:auto;top:10px}}

.s-cases{isolation:isolate}
@container (max-width:600px){
 .s-tbl thead{display:none}
 .s-tbl,.s-tbl tbody,.s-tbl tr,.s-tbl td{display:block}
 .s-tbl tr{padding:14px 0;border-bottom:2px solid var(--line)}
 .s-tbl td{border:0;padding:0}
 .s-tbl td:first-child{font-weight:700;color:var(--ink);font-size:16px}
 .s-tbl td:nth-child(2){margin-top:8px}
 .s-tbl td:nth-child(3){margin-top:4px;font-size:15px}
}

/* схема кейсов: параллельные вертикальные линии */
.s-cmap{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:40px 32px;padding-top:30px}
.s-cl{display:block;padding:0;border:0}
.s-cl__h{min-height:66px;padding-bottom:14px}
.s-cl ol{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding:4px 0 0 46px}
.s-cl ol::before{left:11px;right:auto;top:14px;bottom:14px;width:8px;height:auto;background:var(--lbgv,var(--ink))}
.s-cl a::before{left:-46px;top:2px}
.s-cl.l-4 ol::before{background:var(--paper);box-shadow:inset 0 0 0 3px var(--mag);width:12px;left:9px;height:auto;top:14px}
.s-prose ol li{display:block;position:relative;padding-left:48px}
.s-prose ol li::before{position:absolute;left:0;top:0}
.s-hero--seo>.s-crumbs{grid-column:1/-1;margin-bottom:-8px}
@container (max-width:1180px){.s-cl{display:block}}
@container (max-width:600px){.s-cl ol{padding:0 0 0 46px}.s-cl a::before{left:-46px;top:0}.s-cmap{gap:32px}}

/* выпадающая линия в тёмной шапке – светлый контекст */
.s-hd .s-drop.l-2{--lbg:var(--ink);--lbgv:var(--ink)}
.s-hd .s-drop.l-3{--lbgv:repeating-linear-gradient(180deg,var(--ink) 0 18px,transparent 18px 28px)}
.s-hd .s-drop.l-4{--lbgv:var(--paper)}
.s-drop .s-lb--2{background:var(--ink);color:var(--paper)}
.s-drop .s-lb--3{background:var(--paper);color:var(--ink);border-color:var(--ink)}
.s-drop .s-lb--4{background:var(--paper);color:var(--ink)}
.s-toast{position:absolute;left:50%;top:24px;transform:translateX(-50%);width:min(calc(100% - 32px),600px);z-index:3;box-shadow:0 18px 40px -14px rgba(4,8,31,.6)}
.s-xf__body{gap:14px}
.s-split--map{grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr)}
@container (max-width:900px){.s-split--map{grid-template-columns:minmax(0,1fr)}}
@container (max-width:600px){.s-toast{top:12px}}

@container (max-width:900px){
 .s-mx{display:block}
 .s-mx thead{display:none}
 .s-mx tbody,.s-mx tr,.s-mx tfoot{display:block}
 .s-mx tbody tr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--line);padding:12px 0 6px}
 .s-mx tbody th{grid-column:1/-1;border:0;padding:0 0 6px;font-size:15px}
 .s-mx tbody td{border:0;height:40px}
 .s-mx tfoot tr{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
 .s-mxm{display:grid!important}
 .s-mx tbody tr{grid-template-columns:repeat(4,minmax(0,1fr))}
 .s-mx tfoot tr{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .s-mx tfoot td:first-child{display:none}
 .s-mx tfoot td{padding:0}
 .s-mx{margin-top:0;border-top:0}
}

.s-cases--6{--n:6}
@container (max-width:900px){.s-cases.s-cases--6{--n:3}}

.s-mxm{display:none;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:28px;padding:16px 0 10px;border-top:2px solid var(--ink);position:sticky;top:76px;background:var(--paper);z-index:2}
.s-mxm span{text-align:center;font-size:13px;font-weight:700;color:var(--graph)}
.s-mxm b{display:block;margin-top:2px;font-size:16px;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
@container (max-width:600px){
 .s-tr{grid-template-columns:32px minmax(0,1fr);grid-template-areas:"b n" "b p" "b w" "b q";gap:2px 14px}
 .s-tr__p{text-align:left;font-size:22px}
}
@container (min-width:901px){.s-toast{left:var(--g);top:50%;transform:translateY(-50%);width:min(340px,calc((100% - 620px)/2 - var(--g)))}}

/* правки после ревью */
.s-map .hb{font-size:25px}
.s-map--m .hb{font-size:14px}
.s-xf__stub{justify-content:center;gap:10px}
.s-xf__stub .s-xf__t{margin-top:0}
.s-xf__meta{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:14px;color:var(--lil)}
.s-xf__meta b{color:var(--paper);font-weight:700}
.s-sec--ink .s-xf__meta{color:var(--plum)}
.s-sec--ink .s-xf__meta b{color:var(--ink)}
.s-fail--in{grid-template-columns:28px 1fr;gap:12px;padding:12px 14px;border-radius:16px}
.s-fail--in::before{width:26px;height:26px;box-shadow:inset 0 0 0 4px var(--lil)}
.s-fail--in b{font-size:15px}
.s-fail--in p{font-size:14px;margin-top:2px}
.s-fail--in a{color:var(--paper);font-weight:700}
.s-modal{padding:clamp(12px,1.8cqi,40px)}
.s-done .s-done__t{font-weight:800;font-size:clamp(28px,2.4cqi,42px);line-height:1.05;letter-spacing:-.02em;color:var(--ink);max-width:none}
.s-nav__a[aria-current]::after{display:none}
.s-nav__a[aria-current] i{box-shadow:0 0 0 3px var(--ink),0 0 0 5px var(--mag)}
.s-nav__a[aria-current]:not(:has(i))::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--mag);box-shadow:0 0 0 3px var(--ink),0 0 0 5px var(--mag)}
.s-root:has(#mr-start:checked) .s-lmap text:is(.x-now,.x-traffic,.x-site),.s-root:has(#mr-now:checked) .s-lmap text:is(.x-traffic,.x-site),.s-root:has(#mr-traffic:checked) .s-lmap text:is(.x-now,.x-site),.s-root:has(#mr-site:checked) .s-lmap text:is(.x-now,.x-traffic){opacity:.55}
.s-ba__was .s-keep{margin:0;max-width:80%}
@container (max-width:900px){.s-done .s-route>li{padding-top:0}}
@container (max-width:600px){
 .s-hero>div:first-child{display:contents}
 .s-hero .s-h1{order:1}.s-hero .s-lead{order:2;margin-top:-6px}.s-hero>div:last-child{order:3}.s-hero .s-pick{order:4;margin-top:0}.s-hero .s-ctas{order:5;margin-top:0}
 .s-hero--seo>.s-crumbs{order:0}
 .s-ctas .s-btn{white-space:normal;text-align:center;padding:0 20px}
 .s-modal .s-tk__h{white-space:nowrap}
 .s-modal .s-tk__h span{display:none}
}
@container (max-width:600px){
 .s-modal .s-rf__head small{display:none}
 .s-modal .s-rf__main{gap:14px;padding:18px 16px 20px}
 .s-modal .s-rf__body{gap:12px}
 .s-modal .s-steps li{padding-top:36px}
}
.s-nav__a[aria-current] i{box-shadow:0 0 0 3px var(--ink),0 0 0 5px var(--paper)}
.s-nav__a[aria-current]:not(:has(i))::before{background:var(--paper);box-shadow:0 0 0 3px var(--ink),0 0 0 5px var(--paper)}
@container (max-width:600px){.s-btn{white-space:normal;text-align:center;max-width:100%}.s-panel .s-btn{width:100%}}

/* ===== Живые формы и попапы: шаги, запросы, билет, слайдер ===== */
.s-rfw{display:grid}
.s-steps__b{display:block;width:100%;padding:0;border:0;background:none;font:inherit;color:inherit;line-height:inherit;text-align:left;overflow-wrap:anywhere;cursor:pointer}
.s-steps__b:disabled{cursor:default}
.s-steps__b:focus-visible{outline:3px solid var(--mag);outline-offset:3px;border-radius:6px}
@media (hover:hover) and (pointer:fine){.s-steps .is-done .s-steps__b:not(:disabled):hover b{text-decoration:underline;text-decoration-color:var(--mag);text-decoration-thickness:2px;text-underline-offset:.2em}}
.s-rf__body,.s-rf__nav,.s-done__main>*{animation:s-fade .25s var(--eo)}
.s-q{overflow-wrap:anywhere;animation:s-fade .22s var(--eo)}
.s-qadd .s-in{padding-right:140px}
.s-qadd .s-in:disabled{background:var(--fog);box-shadow:inset 0 0 0 2px var(--line)}
.s-qadd__b{position:absolute;right:10px;top:10px;height:36px;display:inline-flex;align-items:center;gap:6px;padding:0 14px;border:0;border-radius:18px;background:var(--ink);color:var(--paper);font:600 14px 'Jost',sans-serif;cursor:pointer}
.s-qadd__b .ico{width:16px;height:16px}
.s-qadd__b:disabled{opacity:.35;cursor:default}
.s-qadd__b:focus-visible{outline:3px solid var(--mag);outline-offset:2px}
.s-ferr{animation:s-fade .2s var(--eo)}
.s-xf__ok{align-content:start}
.s-xf__okh{display:flex;align-items:center;gap:14px}
.s-xf__okh .s-done__mark{flex:none;width:56px;height:56px;box-shadow:inset 0 0 0 8px var(--ink);animation:s-pop .4s var(--eo)}
.s-xf__okh .s-done__mark .ico{width:24px;height:24px}
.s-xf__okh b{font-weight:800;font-size:clamp(24px,1.9cqi,30px);line-height:1.1;letter-spacing:-.015em}
.s-xf__okp{font-size:17px;color:var(--graph)}
.s-xf__okl{display:grid;gap:10px;padding:14px 0;border-block:2px dashed var(--line)}
.s-xf__okl div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:15px}
.s-xf__okl dt{color:var(--graph);font-weight:600}
.s-xf__okl dd{margin:0;font-weight:700;text-align:right;overflow-wrap:anywhere}
.s-done__mark{animation:s-pop .4s var(--eo)}
@keyframes s-pop{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
@keyframes s-dim{from{opacity:0}to{opacity:1}}
.s-ba__rng{position:absolute;inset:0;z-index:3;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}
.s-ba:has(.s-ba__rng:focus-visible) .s-ba__h{outline:3px solid var(--mag);outline-offset:4px}
.s-ba__was{border-right-width:4px}

/* Макет-прототип: корень тянется, подвал забирает запас под раскрытые формы */

/* Попап поверх страницы (открывается кнопками теста и разбора) */
.s-modal--live{display:block;padding:0;z-index:80;background:rgba(4,8,31,.74);animation:s-dim .2s ease}
.s-modal--live .s-modal__box{position:absolute;left:0;right:0;margin:0 auto;width:min(calc(100% - 2 * var(--g)),1100px);animation:s-fade .28s var(--eo)}
.s-modal--live .s-modal__box--xf{width:min(calc(100% - 2 * var(--g)),560px)}
.s-modal--live .s-modal__box.is-wait{visibility:hidden;animation:none}
.s-modal--live .s-xf{width:100%}
@container (max-width:600px){
 .s-modal--live .s-modal__box,.s-modal--live .s-modal__box--xf{width:calc(100% - 24px)}
 .s-modal--live .s-close{right:-4px;top:-18px}
 .s-modal--live .s-rf,.s-modal--live .s-done,.s-modal--live .s-xf{border-radius:24px}
 .s-modal--live .s-xf__stub{border-radius:24px 24px 0 0}
}
@media (prefers-reduced-motion:reduce){.s-modal--live,.s-modal--live .s-modal__box,.s-rf__body,.s-rf__nav,.s-done__main>*,.s-q,.s-ferr,.s-done__mark,.s-xf__okh .s-done__mark{animation:none}}
.s-xf__stub .s-xf__t{color:var(--paper)}
@container (max-width:600px){
 .s-modal--live .s-rf>.s-tk{padding-right:60px}
 .s-modal--live .s-xf__stub{padding-right:52px}
}
/* каналы связи: подсказка «не звоним», пересадка в чат после заявки */
.s-fhint{font-size:14px;color:var(--graph)}
.s-first{display:grid;gap:14px;justify-items:start;padding:18px 20px 20px;border-radius:20px;background:var(--tint);box-shadow:inset 0 0 0 2px var(--mag)}
.s-first p,.s-done .s-first p{font-size:16px;line-height:1.45;color:var(--ink);max-width:none}
.s-first b{font-weight:800}
.s-chan .s-chan__sub{display:inline;margin:0;font-size:inherit;font-weight:700;line-height:inherit;letter-spacing:0;color:var(--ink);text-decoration:underline;text-decoration-color:var(--mag);text-underline-offset:3px}
.s-mnav__i a{color:var(--paper);font-weight:700;text-decoration:none;white-space:nowrap}
@container (max-width:1180px){.s-mnav__c .s-btn:first-child{grid-column:1/-1}}
@container (max-width:600px){
 .s-mnav__c{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .s-mnav__c .s-btn--wline{padding:0 6px;font-size:15px;gap:6px}
 .s-mnav__c .s-btn--wline .ico{width:16px;height:16px}
 .s-first{justify-items:stretch;padding:16px}
 .s-first .s-btn{width:100%;padding:0 16px}
}
/* текстовые страницы: нумерованные списки и таблицы из админки */
.s-docbody{min-width:0}
.s-docbody ol{display:grid;gap:10px;padding-left:24px}
.s-docbody ol li::marker{font-weight:700;color:var(--ink)}
.s-docbody a{color:var(--ink);text-decoration-color:var(--mag);text-underline-offset:3px}
.s-docbody table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:15px;line-height:1.45;-webkit-overflow-scrolling:touch}
.s-docbody th,.s-docbody td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:2px solid var(--line);min-width:170px}
.s-docbody th{font-weight:700;color:var(--ink);background:var(--fog)}
/* блоки страниц на данных админки */
.s-mxw{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.s-mx__h{margin-top:clamp(40px,3.4cqi,64px)}
.s-tr__w em{display:block;margin-top:6px;font-style:normal;font-weight:600;font-size:15px;color:var(--mag-d)}
.s-tr__p small{display:block;font-weight:600;font-size:14px;color:var(--graph)}
.s-tr.is-hit .s-tr__n::after{content:"выбирают чаще";display:inline-block;margin-left:10px;padding:2px 10px;border-radius:12px;background:var(--mag);color:var(--ink);font-size:13px;font-weight:700;vertical-align:middle}
.s-tar__note{font-size:17px;color:var(--graph);max-width:70ch}
.s-tar__note b{color:var(--ink)}
.s-tar__note>*+*{margin-top:10px}
.s-kpi{grid-template-columns:repeat(var(--k,3),minmax(0,1fr))}
.s-stepl{counter-reset:st;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 48px;margin-top:clamp(32px,3cqi,56px)}
.s-stepl li{counter-increment:st;position:relative;padding-left:62px}
.s-stepl li::before{content:counter(st);position:absolute;left:0;top:-4px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--paper);box-shadow:inset 0 0 0 6px var(--ink);font-weight:800;font-size:16px}
.s-stepl b{display:block;font-weight:800;font-size:19px;line-height:1.2}
.s-stepl p{margin-top:6px;font-size:16px;color:var(--graph)}
.s-stepl em{display:inline-block;margin-top:8px;font-style:normal;font-weight:700;font-size:14px;color:var(--mag-d)}
.s-article{max-width:80ch;margin-top:clamp(24px,2.2cqi,40px)}
.s-article h3{margin-top:40px;font-weight:800;font-size:clamp(22px,1.5cqi,28px);line-height:1.15;color:var(--ink)}
.s-article h4{margin-top:28px;font-weight:800;font-size:19px;line-height:1.2;color:var(--ink)}
.s-article h3:first-child,.s-article h4:first-child{margin-top:0}
.s-note{margin-top:22px;font-size:15px;color:var(--graph)}
@container (max-width:900px){
 .s-stepl{grid-template-columns:minmax(0,1fr)}
 .s-kpi{grid-template-columns:minmax(0,1fr)}
}
@container (max-width:900px){
 .s-mx tbody tr{grid-template-columns:repeat(var(--t,4),minmax(0,1fr))}
 .s-mxm{grid-template-columns:repeat(var(--t,4),minmax(0,1fr))}
}
@container (max-width:900px){
 .s-mx tbody td.v{display:flex;align-items:center;justify-content:center;height:auto;min-height:40px;padding:4px 0;font-size:13px;line-height:1.2}
 .s-mx tbody td.v span{max-width:100%;padding:0 2px;hyphens:auto;overflow-wrap:break-word}
}
.s-mxm b{white-space:normal}
@container (max-width:600px){.s-mxm span{font-size:12px}.s-mxm b{font-size:14px}}

/* ===== Сайт: формы на данных и попапы на <dialog> (этап 4) ===== */
html{scrollbar-gutter:stable}
.s-root [hidden]{display:none!important}
.s-pane{display:contents}
.js .s-pane:not(.is-on),.js .s-city:not(.is-on){display:none}
html:not(.js) [data-next],html:not(.js) [data-back],html:not(.js) [data-qadd]{display:none}
.s-hp{position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden}
.s-ferr a{color:var(--ink);font-weight:700}
[data-send][aria-busy="true"]{opacity:.72;cursor:progress}
.s-dlg{position:fixed;inset:0;z-index:100;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:clamp(28px,6vh,72px) 0;border:0;background:transparent;color:var(--ink);overflow-y:auto;overscroll-behavior:contain}
.s-dlg:not([open]){display:none}
.s-dlg[open]{display:grid;align-items:center}
.s-dlg::backdrop{background:rgba(4,8,31,.74)}
.s-dlg .s-modal__box{position:relative;left:auto;right:auto;top:auto;margin:0 auto}
html:has(.s-dlg[open]){overflow:hidden}
@container (max-width:600px){.s-dlg{padding:30px 0 12px}.s-dlg[open]{align-items:end}}
@media (prefers-reduced-motion:reduce){.s-dlg{animation:none}}
.s-mx__p small{display:block;margin-top:2px;font-size:13px;font-weight:600;letter-spacing:0;color:var(--graph)}

/* ===== Под тарифами: «Проездной» (скидка за предоплату) и «Цена не зависит от города» ===== */
.s-offer{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(20px,2cqi,32px);align-items:start;margin-top:clamp(36px,3.2cqi,60px)}
.s-offer--one{grid-template-columns:minmax(0,1fr);max-width:780px}
.s-pass{--ov:var(--tint);position:relative;background:var(--paper);border-radius:26px;box-shadow:inset 0 0 0 2px var(--ink)}
.s-pass__stub{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t p" "s p";column-gap:24px;align-items:end;padding:26px 30px 28px;background:var(--ink);color:var(--paper);border-radius:26px 26px 0 0}
.s-pass__t{grid-area:t;font-weight:800;font-size:clamp(22px,1.7cqi,28px);line-height:1.1;letter-spacing:-.015em;color:var(--paper)}
.s-pass__pct{grid-area:p;font-weight:800;font-size:clamp(56px,5.2cqi,88px);line-height:.85;letter-spacing:-.04em;color:var(--mag);font-variant-numeric:tabular-nums}
.s-pass__sub{grid-area:s;margin-top:10px;font-size:15px;line-height:1.45;color:var(--lil);max-width:46ch}
.s-pass .s-xf__perf::before,.s-pass .s-xf__perf::after{display:block}
.s-pass__body{padding:10px 18px 26px}
.s-pass__tb{width:100%;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}
.s-pass__tb th,.s-pass__tb td{padding:14px 12px;text-align:right;white-space:nowrap}
.s-pass__tb thead th{padding-top:16px;padding-bottom:8px;font-size:13px;font-weight:700;color:var(--graph)}
.s-pass__tb th:first-child{text-align:left}
.s-pass__tb tbody th,.s-pass__tb tbody td{border-top:2px solid var(--line)}
.s-pass__tb tbody th{font-weight:700;font-size:17px;color:var(--ink)}
.s-pass__tb td{font-size:16px}
.s-pass__tb s{color:var(--graph);text-decoration-color:var(--mag);text-decoration-thickness:2px}
.s-pass__tb b{font-weight:800;font-size:18px;color:var(--ink)}
.s-pass__tb em{font-style:normal;font-weight:700;color:var(--plum)}
.s-pass__tb tr.is-hit>*{background:var(--tint);border-top-color:transparent}
.s-pass__tb tr.is-hit+tr>*{border-top-color:transparent}
.s-pass__tb tr.is-hit>:first-child{border-radius:14px 0 0 14px}
.s-pass__tb tr.is-hit>:last-child{border-radius:0 14px 14px 0}
.s-pass__foot{margin-top:16px;padding:0 12px;font-size:15px;line-height:1.5;color:var(--graph)}
.s-pass__foot b{color:var(--ink)}
.s-geo{padding:28px 30px 30px;border-radius:26px;background:var(--paper);box-shadow:inset 0 0 0 2px var(--line)}
.s-geo__t{font-weight:800;font-size:clamp(22px,1.7cqi,28px);line-height:1.1;letter-spacing:-.015em;color:var(--ink)}
.s-geo>p{margin-top:12px;font-size:16px;line-height:1.5;color:var(--graph);max-width:52ch}
.s-geo__ln{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:26px}
.s-geo__ln li{position:relative;padding:42px 8px 0 0;font-size:14px;line-height:1.3;color:var(--graph)}
.s-geo__ln li::before{content:"";position:absolute;left:0;top:0;z-index:1;width:30px;height:30px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 6px var(--ink)}
.s-geo__ln li::after{content:"";position:absolute;left:30px;right:0;top:11px;height:8px;background:var(--lc,var(--mag))}
.s-geo__ln li:last-child::after{display:none}
.s-geo__ln li.is-x::before{background:var(--mag);box-shadow:inset 0 0 0 6px var(--ink),0 0 0 4px var(--paper),0 0 0 6px var(--ink)}
.s-geo__ln li.is-x::after{background:repeating-linear-gradient(90deg,var(--lc,var(--mag)) 0 14px,transparent 14px 22px)}
.s-geo__ln b{display:block;font-weight:700;font-size:14px;color:var(--graph)}
.s-geo__ln span{display:block;margin-top:2px;font-weight:800;font-size:19px;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.s-geo__x{margin-top:22px;padding-top:16px;border-top:2px dashed var(--line);font-size:16px;line-height:1.5;color:var(--graph)}
.s-geo__x b{color:var(--ink)}
@container (max-width:900px){.s-offer{grid-template-columns:minmax(0,1fr)}}
@container (max-width:600px){
 .s-pass__stub{padding:22px 20px 24px;grid-template-columns:minmax(0,1fr);grid-template-areas:"t" "p" "s"}
 .s-pass__pct{margin-top:10px;font-size:64px}
 .s-pass__body{padding:6px 8px 22px}
 .s-pass__tb thead{display:none}
 .s-pass__tb,.s-pass__tb tbody{display:block}
 .s-pass__tb tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px;padding:14px 12px;border-top:2px solid var(--line)}
 .s-pass__tb tbody th,.s-pass__tb tbody td{padding:0;border:0;text-align:left;white-space:normal;background:none!important;border-radius:0!important}
 .s-pass__tb tbody th{grid-column:1/-1}
 .s-pass__tb td::before{content:attr(data-l);display:block;font-size:12px;font-weight:600;color:var(--graph)}
 .s-pass__tb td{font-size:15px}.s-pass__tb b{font-size:16px}
 .s-pass__tb tr.is-hit{background:var(--tint);border-radius:14px;border-top-color:transparent}
 .s-pass__tb tr.is-hit+tr{border-top-color:transparent}
 .s-pass__foot{padding:0 12px}
 .s-geo{padding:22px 20px 24px}
 .s-geo__ln span{font-size:16px}
}

/* ===== Уведомление о cookie: выбор при первом визите, «Настройки cookie» в подвале открывают снова ===== */
.s-ck{position:fixed;right:16px;bottom:16px;z-index:90;width:min(440px,calc(100% - 32px));display:grid;gap:14px;padding:18px 20px 20px;border-radius:22px;background:var(--ink);color:var(--paper);box-shadow:0 18px 40px -14px rgba(4,8,31,.55),inset 0 0 0 2px var(--rule);animation:s-fade .3s var(--eo)}
.s-ck p{font-size:14px;line-height:1.5;color:var(--lil)}
.s-ck a{color:var(--paper);font-weight:600;text-decoration:underline;text-decoration-color:var(--mag);text-underline-offset:3px}
.s-ck__b{display:grid;grid-template-columns:auto auto;justify-content:start;gap:8px}
.s-ck .s-btn{min-height:44px;padding:0 20px;font-size:15px}
@container (max-width:600px){
 .s-ck{left:8px;right:8px;bottom:8px;width:auto;padding:14px 14px 16px;gap:12px}
 .s-ck p{font-size:13px}
 .s-ck__b{grid-template-columns:1fr 1.6fr}
 .s-ck .s-btn{padding:0 10px;font-size:14px}
}
@media (prefers-reduced-motion:reduce){.s-ck{animation:none}}

/* ---------- этап 6: картинки ---------- */
/* доказательство под лентой кейсов (SEO): скриншот Топвизора в натуральную ширину */
.s-evid{grid-template-columns:minmax(0,514px) minmax(0,1fr)}
.s-evid .s-ctas{margin-top:22px}
.s-evid .s-ctas .s-btn{margin-top:0}

/* кейс: «было / стало» – две станции маршрута */
.s-pair{--gap:clamp(24px,3cqi,56px);--cw:514px;--pw:calc(2 * var(--cw) + var(--gap));margin-top:clamp(40px,4cqi,72px)}
.s-pair__h{font-weight:700;font-size:20px;line-height:1.3;margin-bottom:22px}
.s-pair__rail,.s-pair__imgs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gap);max-width:var(--pw)}
.s-pair__rail{position:relative;isolation:isolate}
.s-pair__rail::before{content:"";position:absolute;z-index:-1;left:17px;top:13px;width:calc(50% + var(--gap) / 2);height:8px;border-radius:4px;background:var(--mag)}
.s-pair__st{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}
.s-pair__st i{flex:none;width:34px;height:34px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 7px var(--ink);transition:box-shadow .18s var(--eo)}
.s-pair__st:has(input:checked) i{box-shadow:inset 0 0 0 17px var(--mag)}
.s-pair__st span{display:flex;flex-direction:column;min-width:0}
.s-pair__st b{font-size:18px;line-height:1.2}
.s-pair__st small{font-size:15px;color:var(--graph);font-variant-numeric:tabular-nums}
.s-pair__term{position:absolute;top:4px;left:calc(17px + 25% + var(--gap) / 4);transform:translateX(-50%);padding:2px 12px;border-radius:13px;background:var(--ink);color:var(--paper);font-size:14px;font-weight:600;line-height:22px;white-space:nowrap}
.s-pair__imgs{margin-top:18px}
.s-pair__i{margin:0;border-radius:18px;overflow:hidden;background:var(--paper);outline:2px solid var(--ink);outline-offset:-2px}
.s-pair__i img{display:block;width:100%;height:auto}
.s-pair__foot{max-width:var(--pw);margin-top:16px;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 28px;font-size:15px;line-height:1.45;color:var(--graph)}
.s-pair__foot p{max-width:60ch}
.s-pair__lg{display:flex;flex-wrap:wrap;gap:6px 18px}
.s-pair__lg li{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.s-pair__lg i{width:14px;height:14px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(4,8,31,.18)}
@container (min-width:901px){.s-pair__st input{display:none}}
.s-pair__tip{display:none;margin-top:10px;font-size:14px;color:var(--graph)}

/* примеры работ */
.s-pf__sites{--gap:clamp(20px,2.2cqi,32px);margin-top:clamp(32px,3cqi,56px);display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:clamp(36px,3.4cqi,56px) var(--gap);isolation:isolate}
.s-pf__sites--n1{--n:1}.s-pf__sites--n2{--n:2}
.s-pf__sites li{min-width:0}
.s-pf__site,.s-pf__id{margin:0}
.s-pf__scr{border-radius:18px;overflow:hidden;background:var(--fog);outline:2px solid var(--ink);outline-offset:-2px}
.s-pf__site .s-pf__scr{aspect-ratio:2/1}
.s-pf__scr img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.s-pf__id .s-pf__scr img{height:auto}
.s-pf__site figcaption,.s-pf__id figcaption{position:relative;display:flex;flex-direction:column;align-items:flex-start;margin-top:18px}
.s-pf__site figcaption i,.s-pf__id figcaption i{width:34px;height:34px;margin-bottom:14px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 7px var(--ink)}
.s-pf__site figcaption strong,.s-pf__id figcaption strong{font-weight:700;font-size:18px;line-height:1.25}
.s-pf__site figcaption small,.s-pf__id figcaption small{margin-top:4px;font-size:15px;line-height:1.4;color:var(--graph)}
/* линия ряда: от станции к станции */
.s-pf__site figcaption::before{content:"";position:absolute;z-index:-1;left:17px;top:13px;width:calc(100% + var(--gap));height:8px;background:var(--ink)}
.s-pf.l-1 .s-pf__site figcaption::before{background:var(--mag)}
.s-pf.l-3 .s-pf__site figcaption::before{top:14px;height:6px;background:repeating-linear-gradient(90deg,var(--ink) 0 18px,transparent 18px 28px)}
.s-pf.l-4 .s-pf__site figcaption::before{top:11px;height:12px;background:var(--paper);box-shadow:inset 0 3px 0 var(--mag),inset 0 -3px 0 var(--mag)}
.s-pf__sites li:nth-child(3n) figcaption::before,.s-pf__sites li:last-child figcaption::before{display:none}
.s-pf__id{max-width:760px;margin-top:clamp(32px,3cqi,56px)}
.s-pf__logos{margin-top:clamp(32px,3cqi,56px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4cqi,20px)}
.s-pf__sites + .s-pf__logos,.s-pf__id + .s-pf__logos{margin-top:clamp(40px,4cqi,72px)}
.s-pf__logos figure{margin:0;border-radius:18px;overflow:hidden;outline:2px solid var(--line);outline-offset:-2px}
.s-pf__logos img{display:block;width:100%;height:auto;aspect-ratio:1}
.s-pf__cta{grid-column:span var(--s4,1);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;padding:clamp(20px,2.4cqi,36px);border-radius:18px;background:var(--ink);color:var(--paper)}
.s-pf__cta-t{display:flex;align-items:center;gap:14px;font-weight:700;font-size:clamp(18px,1.6cqi,24px);line-height:1.25}
.s-pf__cta-t i{flex:none;width:34px;height:34px;border-radius:50%;background:var(--mag);box-shadow:inset 0 0 0 7px var(--paper)}
.s-pf__cta-p{font-size:16px;color:var(--lil);font-variant-numeric:tabular-nums}
@container (max-width:900px){
 .s-pair{--gap:16px;--pw:var(--cw)}
 .s-pair__rail,.s-pair__imgs{max-width:var(--cw)}
 .s-pair__term{display:none}
 .s-pair__tip{display:block}
 .s-pair__st{cursor:pointer}
 .s-pair__st:has(input:focus-visible) i{outline:3px solid var(--mag);outline-offset:3px}
 .s-pair:has(input[value="s"]:checked) .s-pair__i--b,.s-pair:has(input[value="b"]:checked) .s-pair__i--s{display:none}
 .s-pair__imgs{grid-template-columns:minmax(0,1fr)}
 .s-evid{grid-template-columns:minmax(0,1fr)}
 .s-evid .s-shot img{max-width:514px}
 .s-pf__sites:not(.s-pf__sites--few){--n:2}
 .s-pf__sites:not(.s-pf__sites--few) li:nth-child(3n) figcaption::before{display:block}
 .s-pf__sites:not(.s-pf__sites--few) li:nth-child(2n) figcaption::before,.s-pf__sites li:last-child figcaption::before{display:none}
 .s-pf__logos{grid-template-columns:repeat(3,minmax(0,1fr))}
 .s-pf__cta{grid-column:span var(--s3,1)}
}
@container (max-width:600px){
 .s-pf__sites{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:calc(-1 * var(--g));padding-right:var(--g);scroll-padding-left:0}
 .s-pf__sites::-webkit-scrollbar{display:none}
 .s-pf__sites li{flex:0 0 84%;padding-right:16px;scroll-snap-align:start}
 .s-pf__sites{--gap:16px}
 .s-pf__site figcaption::before{width:calc(100% + 16px)}
 .s-pf__sites li:nth-child(n) figcaption::before{display:block}
 .s-pf__sites li:last-child figcaption::before{display:none}
 .s-pf__site figcaption strong{font-size:17px}
 .s-pf__logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .s-pf__cta{grid-column:span var(--s2,1);padding:16px;gap:8px}
 .s-pf__cta-t{flex-direction:column;align-items:flex-start;gap:10px;font-size:17px}
 .s-pf__cta-t i{width:26px;height:26px;box-shadow:inset 0 0 0 5px var(--paper)}
 .s-pf__cta-p{font-size:14px}
 .s-pf__cta .s-lnk{font-size:15px}
 .s-pf__cta-x{display:none}
}
/* лента кейсов: число колонок по количеству карточек (класс, а не инлайн-переменная – её не перебить в @container) */
.s-cases--n1{--n:1}.s-cases--n2{--n:2}.s-cases--n3{--n:3}.s-cases--n4{--n:4}.s-cases--n5{--n:5}
@container (max-width:900px){
 .s-cases.s-cases--n5{--n:3}
 .s-cases.s-cases--n4{--n:2}
 .s-cases--n4 .s-case:nth-child(3n)::after{right:-24px}
 .s-cases--n4 .s-case:nth-child(2n)::after{right:0}
 .s-cases .s-case:last-child::after{right:0}
}

/* End */
/* /local/templates/suhov/styles.css?179034852672 */
/* /local/templates/suhov/template_styles.css?1790348526102913 */