:root{
  --blue:#1F6FB2;--blue-d:#14528A;--blue-l:#EAF2FA;--blue-z:#F4F8FC;
  --ink:#1E2328;--ink-2:#4A5560;--line:#D6E1EB;--bg:#FFFFFF;--orange:#E07A1F;
  --dark:#0F2236;--r:10px;
  --f:'PT Sans',system-ui,sans-serif;--fn:'PT Sans Narrow','PT Sans',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:130px}
body{font-family:var(--f);color:var(--ink);background:var(--bg);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
body.srch-open{overflow:hidden}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
.prose a,.answer a,.muted a,.empty a,.form__pd a,.ftr__copy a,.side a.side__shop{color:var(--blue);text-decoration:underline;text-underline-offset:2px}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
h1,h2,h3{font-family:var(--fn);font-weight:700;line-height:1.14}
h1{font-size:clamp(32px,4vw,50px);margin-bottom:14px}
h2{font-size:clamp(25px,2.6vw,34px);margin-bottom:12px}
h3{font-size:20px}
.eyebrow{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);margin-bottom:10px}
.lead{font-size:19px;color:var(--ink-2);max-width:760px;margin:6px 0 26px}
.muted{color:var(--ink-2);font-size:15px}
.proto{background:var(--orange);color:#fff;text-align:center;font-size:13px;padding:5px 12px;font-weight:700}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--blue);color:#fff;padding:13px 22px;border-radius:8px;border:0;cursor:pointer;font:700 16px var(--f);transition:background .18s;text-align:center}
.btn:hover{background:var(--blue-d)}
.btn--sm{padding:10px 16px;font-size:15px}
.btn--ghost{background:transparent;color:var(--blue);box-shadow:inset 0 0 0 2px var(--blue)}
.btn--ghost:hover{background:var(--blue-l)}
.btn--light{background:#fff;color:var(--blue-d)}
.btn--light:hover{background:var(--blue-l)}
.row-btns{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}

/* header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.hdr__in{display:flex;align-items:center;gap:20px;height:68px}
.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}
.brand__logo{height:46px;width:auto}
.brand__txt{display:flex;flex-direction:column;border-left:1px solid var(--line);padding-left:12px}
.brand__name{font:700 22px/1 var(--fn);color:var(--blue-d)}
.brand__sub{font-size:12px;color:var(--ink-2);margin-top:3px}
.sbtn{flex:1;max-width:460px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--blue-z);border-radius:10px;padding:10px 14px;color:var(--ink-2);font:15px var(--f);cursor:text;text-align:left}
.sbtn span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sbtn kbd{font:12px var(--f);border:1px solid var(--line);border-radius:4px;padding:1px 6px;background:#fff}
.sbtn:hover{border-color:var(--blue)}
.hdr__cta{display:flex;align-items:center;gap:16px;margin-left:auto}
.hdr__tel{font-weight:700;font-size:15px;white-space:nowrap}
.burger{display:none;background:none;border:0;width:40px;height:40px;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;align-items:center}
.burger span{width:22px;height:2px;background:var(--ink);display:block}
.nav{border-top:1px solid var(--line);background:#fff}
.nav__in{display:flex;align-items:center;gap:4px;height:46px}
.nav__item{position:relative}
.nav__a{display:block;padding:12px 12px;font-size:15px;font-weight:700;color:var(--ink-2)}
.nav__a:hover,.nav__a.is-on{color:var(--blue)}
.nav__a.is-on{box-shadow:inset 0 -2px 0 var(--blue)}
.nav__drop{display:none;position:absolute;top:100%;left:0;min-width:280px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 40px -20px rgba(15,34,54,.35);padding:8px;z-index:60}
.nav__drop a{display:block;padding:9px 12px;border-radius:6px;font-size:15px}
.nav__drop a:hover{background:var(--blue-z);color:var(--blue)}
.nav__item:hover .nav__drop,.nav__item:focus-within .nav__drop{display:block}
.nav__shop{margin-left:auto;font-size:14px;font-weight:700;color:#fff;background:var(--blue-d);padding:7px 12px;border-radius:7px;white-space:nowrap}
.nav__shop:hover{background:var(--blue)}

.crumbs{font-size:14px;color:var(--ink-2);padding-top:18px;padding-bottom:4px}
.crumbs a:hover{color:var(--blue)}
.crumbs span{margin:0 4px;color:#9AA8B5}
.crumbs .crumbs__cur{margin:0;color:var(--ink-2)}

/* hero */
.hero{background:linear-gradient(180deg,var(--blue-z),#fff);padding:52px 0 36px}
.hero__in{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.hero__search{display:flex;align-items:center;gap:12px;width:100%;max-width:600px;background:#fff;border:2px solid var(--blue);border-radius:12px;padding:16px 18px;font:17px var(--f);color:var(--ink-2);cursor:text;text-align:left;box-shadow:0 10px 30px -16px rgba(31,111,178,.5)}
.hero__search svg{color:var(--blue);flex-shrink:0}
.hero__hints{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.hero__hints button,.srch__hints button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:5px 12px;font:14px var(--f);color:var(--ink-2);cursor:pointer}
.hero__hints button:hover,.srch__hints button:hover{border-color:var(--blue);color:var(--blue)}
.hero__art{color:var(--blue);background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:0 20px 50px -24px rgba(20,82,138,.35)}
.sc-t{font:12px var(--f);fill:#28251D}

.quad{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px;margin-bottom:12px}
.quad__i{border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:4px;transition:border-color .18s,transform .18s;border-top:4px solid var(--blue)}
.quad__i b{font:700 22px var(--fn);color:var(--blue-d)}
.quad__i span{font-size:15px;color:var(--ink-2)}
.quad__i:hover{transform:translateY(-2px);border-color:var(--blue)}
.quad__i--shop{background:var(--blue-d);border-color:var(--blue-d)}
.quad__i--shop b,.quad__i--shop span{color:#fff}

.sec{padding:64px 0}
.sec--tint{background:var(--blue-z)}
.sec__head{max-width:760px;margin-bottom:28px}
.sec__lead{color:var(--ink-2);font-size:18px}
.more{margin-top:20px;font-weight:700}
.more a{color:var(--blue)}

/* cards */
.cards{display:grid;gap:18px}
.cards--3{grid-template-columns:repeat(3,1fr)}
.cards--4{grid-template-columns:repeat(4,1fr)}
.card{border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s,transform .2s}
.card:hover{box-shadow:0 14px 34px -18px rgba(20,82,138,.45);transform:translateY(-2px)}
.card[hidden]{display:none}
.card img{width:100%;aspect-ratio:16/9;object-fit:cover}
.card__b{padding:18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.card:not(.card--img)>h3,.card>.card__type{padding:0 20px}
.card>.card__type{padding-top:18px}
.card>h3{padding-bottom:18px}
.card p{color:var(--ink-2);font-size:15px}
.card__type{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--blue)}
.card__foot{margin-top:auto;padding-top:10px;border-top:1px solid var(--line);font-size:14px;color:var(--ink-2)}
.card--tool{border-top:4px solid var(--blue)}
.st{display:inline-block;align-self:flex-start;font-size:12px;font-weight:700;padding:3px 10px;border-radius:99px;background:var(--blue-l);color:var(--blue-d);font-family:var(--f);letter-spacing:0;text-transform:none}
.st--ok{background:#E3F4E8;color:#1D6B36}
.st--proto{background:#FFF1E2;color:#9A4E0A}
.st--plan{background:#EDEFF2;color:#5A6470}

.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.tile{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid var(--line);border-radius:var(--r);font-weight:700;background:#fff;transition:border-color .18s,transform .18s}
.tile:hover{border-color:var(--blue);transform:translateY(-2px)}
.tile__bar{width:8px;height:28px;border-radius:3px;background:var(--blue);flex-shrink:0}

.news{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;background:var(--blue-z);border-radius:16px;padding:36px}
.news img{border-radius:12px;aspect-ratio:4/3;object-fit:cover;width:100%}
.news p{color:var(--ink-2)}
.strip img{width:100%}

.comp{display:grid;grid-template-columns:1.2fr .8fr;gap:48px}
.comp>div>p{color:var(--ink-2);margin-bottom:20px}
.why{list-style:none;display:grid;gap:12px}
.why li{padding-left:16px;border-left:3px solid var(--blue);color:var(--ink-2)}
.why b{color:var(--ink)}
.req{border:1px solid var(--line);border-radius:14px;padding:26px;background:#fff}
.req__logo{width:180px;margin-bottom:16px}
.req dt{font-size:13px;color:var(--ink-2);margin-top:8px}
.req dd{font-weight:700;font-size:15px}

.cta{display:flex;justify-content:space-between;align-items:center;gap:24px;background:linear-gradient(135deg,var(--blue),var(--blue-d));color:#fff;border-radius:16px;padding:32px 36px;margin:48px 0 64px}
.cta p{color:#DCEAF7}
.cta h2{margin-bottom:6px}

/* hubs */
.hub{padding-top:16px;padding-bottom:20px}
.hub__h{margin:36px 0 16px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 16px;font:700 14px var(--f);color:var(--ink-2);cursor:pointer}
.chip.is-on{background:var(--blue);border-color:var(--blue);color:#fff}
.empty{border:1px dashed var(--line);border-radius:12px;padding:32px;color:var(--ink-2);background:var(--blue-z);margin-top:8px}

/* article */
.art{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;padding-top:12px;padding-bottom:40px}
.art--wide{display:block}
.answer{background:var(--blue-z);border-left:4px solid var(--blue);border-radius:0 10px 10px 0;padding:16px 20px;margin:8px 0 16px;font-size:18px}
.meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:var(--ink-2);margin-bottom:8px}
.meta span:not(:last-child):after{content:"·";margin-left:18px;color:#9AA8B5}
.need{border:1px solid var(--line);border-radius:12px;padding:18px 22px;margin:22px 0}
.need h2{font-size:22px}
.need ul{padding-left:20px}
.need a{color:var(--blue);font-weight:700}
.prose{max-width:760px}
.prose h2{margin:32px 0 12px;font-size:28px}
.prose h3{margin:22px 0 8px}
.prose p{margin:10px 0}
.prose ul,.prose ol{padding-left:24px;margin:10px 0}
.prose li{margin:6px 0}
.prose table{border-collapse:collapse;width:100%;margin:16px 0;font-size:15px;display:block;overflow-x:auto}
.prose th,.prose td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}
.prose th{background:var(--blue-z)}
.blk{margin:36px 0}
.blk h2{font-size:26px}
.faq{border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin:8px 0;background:#fff}
.faq summary{font-weight:700;cursor:pointer}
.faq p{margin-top:8px;color:var(--ink-2)}
.nlist{list-style:none;display:grid;gap:8px}
.nlist li{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:10px 14px;border:1px solid var(--line);border-radius:8px}
.nlist a:hover{color:var(--blue)}
.src ul{padding-left:20px}
.src a{color:var(--blue);text-decoration:underline}
.buy{border:2px solid var(--blue);border-radius:14px;padding:22px;margin:36px 0;background:linear-gradient(180deg,var(--blue-z),#fff)}
.buy__head{display:flex;gap:16px;align-items:flex-start}
.buy__head img{flex-shrink:0;margin-top:4px}
.buy__t{font-size:24px;margin-bottom:4px}
.buy__head p{color:var(--ink-2)}
.buy__links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.buy__links a{background:#fff;border:1px solid var(--blue);color:var(--blue-d);font-weight:700;font-size:15px;padding:8px 14px;border-radius:8px}
.buy__links a:hover{background:var(--blue);color:#fff}
.buy__srv{margin-top:14px;font-size:15px}
.buy__srv a{color:var(--blue);font-weight:700}
.art__side{position:relative}
.side{position:sticky;top:140px;border:1px solid var(--line);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:10px;background:#fff}
.side__t{font:700 20px var(--fn)}
.side p{color:var(--ink-2);font-size:15px}
.side__shop{font-weight:700;font-size:15px}
.ticks{list-style:none;display:grid;gap:8px}
.ticks li{padding-left:24px;position:relative}
.ticks li:before{content:"";position:absolute;left:2px;top:.5em;width:12px;height:7px;border-left:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(-45deg)}
.warn{list-style:none;display:grid;gap:8px}
.warn li{padding:10px 14px;border-left:3px solid var(--orange);background:#FFF7EE;border-radius:0 8px 8px 0}
.steps{padding-left:22px;display:grid;gap:8px}
.norm-title{font-size:19px;color:var(--ink-2);margin-bottom:16px;max-width:820px}
.norm-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:12px 0 18px}
.norm-meta div{border:1px solid var(--line);border-radius:10px;padding:10px 14px}
.norm-meta dt{font-size:13px;color:var(--ink-2)}
.norm-meta dd{font-weight:700}
.norm-meta a{color:var(--blue)}

/* tables */
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;margin:14px 0}
.tbl{border-collapse:collapse;width:100%;font-size:15px}
.tbl th,.tbl td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.tbl thead th{background:var(--blue);color:#fff;font-weight:700;position:sticky;top:0}
.tbl tbody tr:nth-child(even){background:var(--blue-z)}
.tbl tbody tr[hidden]{display:none}
.tbl a{color:var(--blue)}
.tbl--mass td,.tbl--mass th{text-align:center;white-space:nowrap}
.tbl--mass tbody th{background:var(--blue-l);color:var(--blue-d)}
.tbl-wrap--scroll{max-height:620px;overflow:auto}
.tbl--sm td{padding:6px 10px}
.tbl tr.is-off{color:#9AA8B5}
.nfilters{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}
.nfilters input{flex:1;min-width:240px}
.nfilters select{width:auto}

/* services */
.svc-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding-top:10px;padding-bottom:20px}
.svc-hero__img{border-radius:14px;aspect-ratio:16/10;object-fit:cover;width:100%}
.price-big{font-size:18px;margin:8px 0}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:16px auto}
.box{border:1px solid var(--line);border-radius:14px;padding:24px;background:#fff}
.box h2{font-size:24px}
.info{margin:16px 0;display:flex;flex-direction:column;gap:14px;align-items:flex-start;max-width:760px}

/* calc */
.calc{display:grid;grid-template-columns:1.1fr .9fr;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:16px 0}
.calc__form{padding:26px}
.calc__row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}
label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:700;color:var(--ink-2)}
.calc__hint{font-weight:400;font-size:13px;justify-content:flex-end}
input,select,textarea{font:16px var(--f);padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);width:100%}
input:focus,select:focus,textarea:focus{outline:2px solid var(--blue);outline-offset:-1px;border-color:var(--blue)}
.calc__note{font-size:13px;color:var(--ink-2);margin-top:6px}
.calc__out{background:var(--blue-z);padding:26px;display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;align-content:start}
.calc__out--1{grid-template-columns:1fr}
.calc__out span{font-size:13px;color:var(--ink-2);display:block}
.calc__out b{font:700 24px var(--fn);color:var(--blue-d)}
.calc__brand{grid-column:1/-1;font-size:12px;color:var(--ink-2);border-top:1px solid var(--line);padding-top:10px}

/* forms */
.form-wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-top:12px;padding-bottom:64px}
.contacts{display:grid;gap:8px;margin:18px 0}
.contacts a{font:700 22px var(--fn);color:var(--blue-d)}
.form{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px;display:grid;gap:14px;align-self:start}
.file input{padding:8px;font-size:14px}
.form__ok{display:none;background:#E3F4E8;color:#1D6B36;padding:10px 12px;border-radius:8px;font-size:14px}
.form.is-sent .form__ok{display:block}
.form__pd{font-size:12px;color:var(--ink-2)}

.gloss{display:grid;gap:10px}
.gloss div{border:1px solid var(--line);border-radius:10px;padding:14px 18px}
.gloss div:target{border-color:var(--blue);background:var(--blue-z)}
.gloss dt{font:700 20px var(--fn);color:var(--blue-d)}
.gloss dd{color:var(--ink-2)}
.txt{padding-top:12px;padding-bottom:40px}

/* search */
.srch{position:fixed;inset:0;z-index:100;background:rgba(15,34,54,.55);display:flex;justify-content:center;align-items:flex-start;padding:8vh 16px 16px}
.srch[hidden]{display:none}
.srch__box{width:100%;max-width:760px;background:#fff;border-radius:16px;box-shadow:0 30px 80px -20px rgba(0,0,0,.5);display:flex;flex-direction:column;max-height:84vh;overflow:hidden}
.srch__top{display:flex;gap:8px;padding:14px;border-bottom:1px solid var(--line)}
.srch__top input{font-size:18px;border:2px solid var(--blue)}
.srch__x{border:0;background:var(--blue-z);border-radius:8px;width:48px;font-size:26px;cursor:pointer;color:var(--ink-2)}
.srch__hints{padding:10px 14px;font-size:14px;color:var(--ink-2);display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.srch__res{overflow-y:auto;padding:0 14px 14px}
.srch__res--page{padding:0;max-width:820px}
.srch__g{margin-top:12px}
.srch__gt{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--blue);margin:6px 4px}
.srch__i{display:block;padding:10px 12px;border-radius:8px}
.srch__i:hover,.srch__i:focus{background:var(--blue-z)}
.srch__i b{display:block}
.srch__i span{font-size:14px;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.srch__buy{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;border-radius:10px;background:var(--blue-d);color:#fff;font-weight:700}
.srch__buy img{background:#fff;border-radius:4px;padding:2px}
.srch__buy span{flex:1}
.srch__fix{font-size:14px;color:var(--ink-2);margin:10px 4px 0}
.srch__empty{padding:20px 6px;color:var(--ink-2)}
.srch__empty a{color:var(--blue);text-decoration:underline}

/* footer */
.ftr{background:var(--dark);color:#A9BDD1;padding:52px 0 90px;font-size:15px}
.ftr__in{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px}
.ftr__brand img{width:150px;background:#fff;border-radius:10px;padding:10px;margin-bottom:14px}
.ftr h4{color:#fff;font-size:15px;margin-bottom:10px}
.ftr a,.ftr span{display:block;padding:3px 0}
.ftr a:hover{color:#fff}
.ftr__copy{border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding-top:20px;font-size:13px}
.ftr__copy a{display:inline;color:#A9BDD1}
.mbar{display:none}

@media (max-width:1100px){
  .sbtn span{display:none}.sbtn{flex:0;max-width:none}.sbtn kbd{display:none}
  .cards--4{grid-template-columns:repeat(3,1fr)}
  .tiles{grid-template-columns:repeat(3,1fr)}
  .nav__a{padding:12px 8px;font-size:14px}
}
@media (max-width:900px){
  .hdr__cta{display:none}
  .burger{display:flex;margin-left:auto}
  .nav{display:none}
  .menu-open .nav{display:block;position:absolute;top:68px;left:0;right:0;max-height:calc(100vh - 68px);overflow:auto;border-bottom:1px solid var(--line)}
  .menu-open .nav__in{flex-direction:column;align-items:stretch;height:auto;padding:8px 24px 16px}
  .menu-open .nav__drop{display:block;position:static;box-shadow:none;border:0;padding:0 0 6px 12px;min-width:0}
  .nav__shop{margin:10px 0 0;text-align:center}
  .hero__in,.comp,.form-wrap,.calc,.art,.svc-hero,.grid2,.news{grid-template-columns:1fr}
  .hero__art{display:none}
  .art__side{display:none}
  .quad{grid-template-columns:1fr 1fr}
  .cards--3,.cards--4,.tiles{grid-template-columns:1fr 1fr}
  .calc__row{grid-template-columns:1fr 1fr}
  .ftr__in{grid-template-columns:1fr 1fr}
  .sec{padding:48px 0}
  .cta{flex-direction:column;align-items:flex-start}
  .mbar{display:grid;grid-template-columns:1fr 1fr 1.3fr;position:fixed;bottom:0;left:0;right:0;z-index:60;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(0,0,0,.06)}
  .mbar a,.mbar button{text-align:center;padding:14px 6px;font:700 15px var(--f);color:var(--blue-d);background:none;border:0}
  .mbar__main{background:var(--blue)!important;color:#fff!important}
  .news{padding:24px}
}
@media (max-width:560px){
  .wrap{padding:0 16px}
  .cards--3,.cards--4,.tiles,.quad{grid-template-columns:1fr}
  .brand__logo{height:38px}.brand__sub{display:none}
  .calc__row{grid-template-columns:1fr}
  .calc__out{grid-template-columns:1fr 1fr}
  .ftr__in{grid-template-columns:1fr}
  .answer{font-size:17px}
}
@media print{
  .hdr,.nav,.ftr,.mbar,.proto,.crumbs,.calc-actions,.srch,.cta{display:none!important}
  .calc{grid-template-columns:1fr 1fr;border:1px solid #999}
  body:before{content:"СетиГрад · ООО «Атлант-НВ» · setigrad.ru · 8 (3466) 67-67-66";display:block;font-weight:700;margin-bottom:12px;color:#14528A}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media (max-width:560px){.meta{flex-direction:column;gap:2px}.meta span:after{display:none}}

/* ---- v2: значки, услуги, приложения, партнёр ---- */
.ico{width:22px;height:22px;flex-shrink:0;display:inline-block;vertical-align:middle}
.card__ico{display:inline-flex;width:48px;height:48px;border-radius:12px;background:var(--blue-l);color:var(--blue);align-items:center;justify-content:center}
.card__ico .ico{width:26px;height:26px}
.card--img{position:relative}
.card__ico--on{position:absolute;top:12px;left:12px;background:#fff;box-shadow:0 6px 16px -6px rgba(0,0,0,.35)}
.eyebrow--ico{display:flex;align-items:center;gap:8px}
.eyebrow--ico .ico{width:20px;height:20px}
.nav__drop a{display:flex;align-items:center;gap:10px}
.nav__drop a .ico{color:var(--blue);width:20px;height:20px}
.nav__a--srv{display:flex;align-items:center;gap:6px;background:var(--orange);color:#fff!important;border-radius:8px;padding:8px 14px!important;margin:4px 6px 4px 0}
.nav__a--srv .ico{width:18px;height:18px}
.nav__a--srv:hover,.nav__a--srv.is-on{background:#C76712;box-shadow:none!important}
.quad__i .ico{width:30px;height:30px;color:var(--blue);margin-bottom:6px}
.quad__i--shop .ico{color:#fff}
.quad__i--srv{background:var(--orange);border-color:var(--orange)!important;border-top-color:var(--orange)!important}
.quad__i--srv b,.quad__i--srv span,.quad__i--srv .ico{color:#fff}
.tile__ico{display:inline-flex;width:38px;height:38px;border-radius:10px;background:var(--blue-l);color:var(--blue);align-items:center;justify-content:center;flex-shrink:0}
.sec--srv{background:linear-gradient(135deg,#0F2236,#14528A);color:#fff}
.sec--srv .sec__lead{color:#BFD3E6}
.sec__head--row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;max-width:none}
.srvgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.srvcard{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:8px;transition:background .18s,transform .18s}
.srvcard:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}
.srvcard__ico{width:46px;height:46px;border-radius:12px;background:var(--orange);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.srvcard__ico .ico{width:26px;height:26px}
.srvcard b{font:700 19px var(--fn)}
.srvcard span{font-size:14px;color:#BFD3E6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.srvcard em{font-style:normal;font-size:13px;color:#FFC48C;margin-top:auto}
.srvhero{background:linear-gradient(135deg,#0F2236,#14528A);color:#fff;padding:44px 0}
.srvhero__in{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.lead--light{color:#BFD3E6}
.btn--line{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}
.btn--line:hover{background:rgba(255,255,255,.1)}
.srvhero__facts{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.srvhero__facts li{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px}
.srvhero__facts .ico{color:#FFC48C;width:26px;height:26px}
.srvhero__facts b{font:700 18px var(--fn)}
.srvhero__facts span{font-size:14px;color:#BFD3E6}
.is-srv .crumbs{display:none}
.process{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;counter-reset:p}
.process li{border:1px solid var(--line);border-radius:12px;padding:16px;counter-increment:p;position:relative;display:flex;flex-direction:column;gap:4px}
.process li:before{content:counter(p);width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:6px}
.process span{font-size:14px;color:var(--ink-2)}
.srvwhy{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}
.srvwhy div{background:var(--blue-z);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:6px}
.srvwhy .ico{color:var(--blue);width:28px;height:28px}
.srvwhy span{font-size:15px;color:var(--ink-2)}
.partner{display:flex;align-items:center;gap:18px;border:2px solid var(--orange);background:#FFF7EE;border-radius:14px;padding:18px 22px;margin:28px 0}
.partner__ico{width:52px;height:52px;border-radius:12px;background:var(--orange);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.partner__ico .ico{width:28px;height:28px}
.partner__t{font:700 19px var(--fn);margin-bottom:2px}
.partner p{color:var(--ink-2);font-size:15px}
.partner .btn{margin-left:auto;white-space:nowrap}
.appbar{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--blue-z);border-radius:12px;padding:12px 16px;margin:12px 0;font-size:15px;color:var(--ink-2)}
.appframe{border:1px solid var(--line);border-radius:14px;overflow:hidden;height:min(1400px,88vh);min-height:640px}
.appframe iframe{width:100%;height:100%;border:0;display:block}
@media (max-width:1100px){.srvgrid{grid-template-columns:repeat(3,1fr)}.process{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.srvhero__in{grid-template-columns:1fr}.srvgrid{grid-template-columns:1fr 1fr}.srvwhy{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.sec__head--row{flex-direction:column;align-items:flex-start}.partner{flex-direction:column;align-items:flex-start}.partner .btn{margin-left:0}.appframe{height:80vh}}
@media (max-width:560px){.srvgrid,.process,.srvhero__facts{grid-template-columns:1fr}}

/* ---- мобильная адаптация v3 ---- */
.art,.calc,.grid2,.svc-hero,.form-wrap,.comp,.news,.hero__in,.srvhero__in{min-width:0}
.art>*,.calc>*{min-width:0}
.prose{overflow-wrap:anywhere}
.prose table{max-width:100%}
.shema{margin:22px 0;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}
.shema svg{width:100%;height:auto;display:block}
.shema figcaption{font-size:14px;color:var(--ink-2);margin-top:8px}
@media (max-width:900px){
  .art{grid-template-columns:minmax(0,1fr)}
  .tbl--norm th:nth-child(3),.tbl--norm td:nth-child(3),.tbl--norm th:nth-child(4),.tbl--norm td:nth-child(4){display:none}
  .nfilters select{flex:1 1 45%}
}
@media (max-width:560px){
  body{font-size:16px}
  h1{font-size:30px}
  .lead{font-size:17px}
  .answer{padding:14px 16px}
  .tbl{font-size:14px}
  .tbl th,.tbl td{padding:8px 9px}
  .prose table{font-size:14px}
  .need{padding:14px 16px}
  .need li{margin:6px 0}
  .buy{padding:16px}.buy__head img{display:none}
  .buy__links a{flex:1 1 100%;text-align:center}
  .hero__search{padding:14px;font-size:15px}
  .hero__search span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .quad{grid-template-columns:1fr 1fr;gap:10px}
  .quad__i{padding:14px}.quad__i b{font-size:18px}.quad__i span{font-size:13px}
  .cta{padding:22px}
  .chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}
  .chip{flex-shrink:0}
  .calc__form,.calc__out{padding:16px}
  .calc__out b{font-size:20px}
  .appbar{flex-direction:column;align-items:stretch;text-align:center}
  .appframe{height:78vh;min-height:520px;border-radius:10px}
  .srch{padding:0}.srch__box{max-height:100vh;height:100%;border-radius:0}
  .crumbs{white-space:nowrap;overflow-x:auto}
  .partner{padding:16px}
  .norm-meta{grid-template-columns:1fr 1fr}
  .row-btns .btn{flex:1 1 100%}
  .tbl--norm th:nth-child(2),.tbl--norm td:nth-child(2){font-size:13px}
  input,select,textarea{font-size:16px}
}
.art__foto{margin:18px 0 6px}.art__foto img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:14px;display:block;background:#EEF2F6}
.art__foto figcaption{font-size:13px;color:var(--ink-2);margin-top:6px}
.dec__btns{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.dec__file{cursor:pointer}
.dec__video{width:100%;max-height:300px;object-fit:cover;border-radius:12px;background:#111;margin-bottom:8px}
.dec__out{display:block!important}.dec__tbl th{width:42%;font-weight:600;text-align:left;vertical-align:top}.dec__tbl td{font-variant-numeric:tabular-nums}
.dec__tbl tr.big td{font-weight:700;font-size:1.05em}.dec__tbl tr.ok td{color:#1e7a3c}.dec__tbl tr.bad td{color:#b03a1a;font-weight:600}
.dec__err,.dec__warn{background:#FFF3E6;border:1px solid #F2C48F;border-radius:10px;padding:12px 14px;margin-top:10px}
.dec__calc{background:#EAF2FA;border-radius:10px;padding:12px 14px;margin-top:10px}
.linkbtn{background:none;border:0;padding:0;color:var(--accent,#1F6FB2);text-decoration:underline;cursor:pointer;font:inherit}
@media (max-width:560px){.dec__btns .btn{flex:1 1 100%;text-align:center}.dec__tbl th{width:46%}}
.svc-hero__img{object-fit:cover;aspect-ratio:4/3;border-radius:16px;width:100%;height:auto}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.gal img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block}
@media (max-width:560px){.gal{grid-template-columns:1fr 1fr;gap:8px}}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.form__err{color:#b03a1a;font-weight:600}

/* ===== Тема v3: мягкая, цельная, без «рубленых» границ ===== */
:root{
  --blue:#1D6FB8;--blue-d:#0F4C85;--blue-l:#E6F0FA;--blue-z:#F3F7FB;
  --ink:#16202B;--ink-2:#566373;--line:#E3EAF1;--bg:#FBFCFD;--orange:#E8822A;--orange-l:#FFF3E7;
  --dark:#0C1F33;--r:16px;
  --sh-1:0 1px 2px rgba(16,40,70,.04),0 4px 14px -6px rgba(16,40,70,.10);
  --sh-2:0 2px 6px rgba(16,40,70,.05),0 18px 40px -18px rgba(16,40,70,.28);
  --f:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--fn:'Manrope','Inter',system-ui,sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);
}
body{background:var(--bg);font-size:16.5px;line-height:1.65;color:var(--ink)}
h1,h2,h3{font-family:var(--fn);font-weight:800;letter-spacing:-.02em;line-height:1.15}
h2{font-weight:700}h3{font-weight:700;letter-spacing:-.01em}
.eyebrow{font:700 12px var(--f);letter-spacing:.1em;color:var(--blue)}
.lead{color:var(--ink-2)}
a,.btn,.card,.tile,.quad__i,.chip,.nav__a,.nav__drop a{transition:all .25s var(--ease)}

/* кнопки */
.btn{border-radius:12px;padding:13px 22px;font:600 15.5px var(--f);background:linear-gradient(180deg,#2A7FCB,var(--blue));box-shadow:0 6px 16px -8px rgba(29,111,184,.65)}
.btn:hover{background:linear-gradient(180deg,var(--blue),var(--blue-d));transform:translateY(-1px);box-shadow:0 10px 22px -10px rgba(29,111,184,.7)}
.btn--ghost{background:#fff;color:var(--blue-d);box-shadow:inset 0 0 0 1.5px #BCD3EA}
.btn--ghost:hover{background:var(--blue-l);box-shadow:inset 0 0 0 1.5px var(--blue);transform:translateY(-1px)}
.btn--light{background:#fff;color:var(--blue-d);box-shadow:none}

/* шапка */
.hdr{background:rgba(255,255,255,.86);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:0;box-shadow:0 1px 0 rgba(16,40,70,.06),0 8px 24px -18px rgba(16,40,70,.25)}
.brand__txt{border-left-color:var(--line)}
.brand__name{font:800 21px/1 var(--fn);letter-spacing:-.02em}
.sbtn{border-radius:14px;border-color:transparent;background:#EEF3F8}
.sbtn:hover{background:#fff;border-color:#BCD3EA;box-shadow:var(--sh-1)}
.nav{border-top:1px solid rgba(16,40,70,.05);background:transparent}
.nav__a{border-radius:10px;padding:9px 12px;margin:4px 0;font-weight:600}
.nav__a:hover{background:var(--blue-z)}
.nav__a.is-on{box-shadow:none;background:var(--blue-l);color:var(--blue-d)}
.nav__drop{border:0;border-radius:16px;box-shadow:var(--sh-2);padding:10px}
.nav__drop a{border-radius:10px}
.nav__shop{border-radius:10px;background:var(--dark)}

/* герой и секции */
.hero{background:radial-gradient(1200px 500px at 85% -10%,#DCEAF8 0,transparent 60%),radial-gradient(900px 400px at -10% 110%,#FFF1E2 0,transparent 55%),linear-gradient(180deg,#F5F9FD,var(--bg));padding:60px 0 44px}
.hero__search{border:1.5px solid #BCD3EA;border-radius:18px;box-shadow:var(--sh-2)}
.hero__search:hover{border-color:var(--blue)}
.hero__hints button,.srch__hints button,.chip{border-color:transparent;background:#EEF3F8;border-radius:999px}
.hero__hints button:hover,.srch__hints button:hover,.chip:hover{background:var(--blue-l);color:var(--blue-d)}
.chip.is-on{background:var(--blue-d);color:#fff}
.hero__art{border:0;border-radius:22px;box-shadow:var(--sh-2)}

/* карточки и плитки */
.card,.tile,.quad__i,.req,.side,.need,.faq,.norm-meta div,.nlist li,.box,.calc__form,.calc__out,.shema,.partner{border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:var(--sh-1)}
.card:hover,.tile:hover,.quad__i:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:#CFDDEA}
.quad__i{border-top:1px solid var(--line);position:relative;overflow:hidden}
.quad__i:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--blue),#5AA7E6)}
.quad__i--shop{background:linear-gradient(145deg,var(--blue-d),#0B3A66);border-color:transparent}
.quad__i--shop:before{background:linear-gradient(90deg,var(--orange),#F5B26B)}
.card--tool{border-top:1px solid var(--line)}
.card__foot{border-top-color:var(--line)}
.tile__bar{border-radius:99px;background:linear-gradient(180deg,var(--blue),#5AA7E6)}
.st{border-radius:999px}
.answer{border-left:0;border-radius:var(--r);background:linear-gradient(135deg,#EEF5FC,#F7FAFD);box-shadow:inset 0 0 0 1px #DCE8F4;padding:18px 22px;position:relative}
.answer:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:99px;background:var(--blue)}
.why li{border-left:0;padding-left:20px;position:relative}.why li:before{content:"";position:absolute;left:0;top:.45em;width:8px;height:8px;border-radius:50%;background:var(--blue)}
.warn li{border-left:0;border-radius:12px;background:var(--orange-l)}
.buy{border:0;border-radius:20px;background:linear-gradient(135deg,#EEF5FC,#fff 60%);box-shadow:inset 0 0 0 1px #D3E3F2,var(--sh-1)}
.buy__links a{border-radius:12px;border-color:#BCD3EA}
.buy__links a:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.cta{border-radius:24px;background:radial-gradient(600px 300px at 90% 0,rgba(255,255,255,.18),transparent 60%),linear-gradient(135deg,#1D6FB8,#0C3F70);box-shadow:var(--sh-2)}
.news{border-radius:24px;background:linear-gradient(135deg,#F1F6FC,#fff)}
.empty{border-radius:var(--r)}

/* таблицы */
.tbl,.prose table{border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.prose table{display:block;overflow-x:auto}
.tbl th,.prose th{background:#F2F6FA;color:var(--ink);font-weight:600;border:0;border-bottom:1px solid var(--line)}
.tbl td,.prose td{border:0;border-bottom:1px solid #EEF2F6}
.tbl tr:last-child td,.prose tr:last-child td{border-bottom:0}
.tbl tbody tr:hover td,.prose tbody tr:hover td{background:#F8FBFE}
.tbl-wrap{border-radius:14px}

/* формы */
input,select,textarea{border-radius:12px!important;border:1px solid #D5E0EB!important;background:#fff;transition:border-color .2s,box-shadow .2s}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--blue)!important;box-shadow:0 0 0 4px rgba(29,111,184,.14)}

/* тёмные блоки услуг и подвал */
.srvhero,.sec--srv{background:radial-gradient(900px 400px at 100% 0,rgba(90,167,230,.22),transparent 60%),linear-gradient(160deg,#0F2D4D,#0B2038)!important}
.ftr{background:linear-gradient(180deg,#0E2238,#0A1A2C)}

/* иллюстрации */
.art__foto img,.svc-hero__img,.gal img{border-radius:18px;box-shadow:var(--sh-1)}
.shema{padding:16px;border-radius:18px}

/* появление при прокрутке — мягко и без рывков */
@media (prefers-reduced-motion:no-preference){
  .card,.tile,.quad__i{animation:sg-up .5s var(--ease) both}
  @keyframes sg-up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}
@media (max-width:560px){:root{--r:14px}.btn{border-radius:12px}.cta,.news{border-radius:18px}}
.sec--srv{border-radius:32px;margin:12px 12px;overflow:hidden}
.srvcard{border-radius:18px;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.10);backdrop-filter:blur(4px)}
.srvcard:hover{background:rgba(255,255,255,.10);transform:translateY(-3px)}
.srvcard__ico{border-radius:14px;background:linear-gradient(145deg,#F29A48,#E07A1F);box-shadow:0 8px 18px -8px rgba(232,130,42,.8)}
@media (max-width:560px){.sec--srv{border-radius:22px;margin:8px 6px}}
.quad__i.quad__i--srv{background:linear-gradient(145deg,#F29A48,#DD7316);border-color:transparent!important}
.quad__i--srv:before{background:linear-gradient(90deg,#FFD3A6,#fff)}
.proto{background:linear-gradient(90deg,#E8822A,#F29A48)}
/* фирменный фон-узор из фитингов */
.hero{position:relative;isolation:isolate}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:url(/img/fon-fitingi.webp) center/460px auto repeat;opacity:.16;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 55%);mask-image:linear-gradient(90deg,transparent 0,#000 55%)}
.cta{position:relative;isolation:isolate;overflow:hidden}
.cta:after{content:"";position:absolute;inset:0;z-index:-1;background:url(/img/fon-fitingi.webp) center/380px auto repeat;opacity:.10;mix-blend-mode:screen}
.ftr{position:relative;isolation:isolate}
.ftr:after{content:"";position:absolute;inset:0;z-index:-1;background:url(/img/fon-fitingi.webp) center/420px auto repeat;opacity:.05}
@media (max-width:560px){.hero:after{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 70%);mask-image:linear-gradient(180deg,transparent 0,#000 70%);opacity:.12}}
@media (max-width:900px){.chip,.btn,.btn--sm,.nav__a,.hero__hints button,.srch__hints button,.linkbtn{min-height:44px}.chip,.hero__hints button,.srch__hints button{display:inline-flex;align-items:center}.linkbtn{display:inline-flex;align-items:center;text-align:left}}

/* ================= Тема v4 ================= */
:root{
  --blue:#1767B0;--blue-d:#0D4A86;--blue-l:#E3EEFA;--blue-z:#F0F5FB;
  --ink:#122033;--ink-2:#55657A;--line:#D9E3EE;--bg:#EDF2F8;--card:#FFFFFF;
  --orange:#EE7A1E;--orange-d:#D0640E;--orange-l:#FFF1E4;--green:#1F9D62;
  --f:'Golos Text',system-ui,-apple-system,'Segoe UI',sans-serif;--fn:'Onest','Golos Text',system-ui,sans-serif;
  --r:18px;
  --sh-1:0 1px 1px rgba(15,40,72,.04),0 2px 6px rgba(15,40,72,.06),0 10px 24px -12px rgba(15,40,72,.18);
  --sh-2:0 2px 4px rgba(15,40,72,.06),0 14px 28px -10px rgba(15,40,72,.22),0 30px 60px -30px rgba(15,40,72,.30);
}
body{background:var(--bg);font-family:var(--f);font-size:16.5px;line-height:1.62;color:var(--ink)}
h1,h2,h3,.brand__name{font-family:var(--fn);letter-spacing:-.025em}
h1{font-weight:800}h2{font-weight:700}h3{font-weight:700;letter-spacing:-.015em}
.eyebrow{font:600 12.5px var(--f);letter-spacing:.09em;color:var(--blue)}
main{min-height:60vh}

/* шапка */
.hdr{background:rgba(255,255,255,.92);box-shadow:0 1px 0 rgba(15,40,72,.08),0 10px 30px -20px rgba(15,40,72,.35)}
.hdr__in{height:72px;gap:18px}
.hdr__tel{display:flex;flex-direction:column;line-height:1.15;font:700 15px var(--fn)}
.hdr__tel small{font:500 11.5px var(--f);color:var(--ink-2)}
.hdr .btn--sm{padding:10px 16px;border-radius:12px}
.hdr .btn .ico{width:18px;height:18px}
.soc{display:flex;gap:6px}
.soc__a{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#EEF3F9;color:var(--blue-d);transition:all .2s}
.soc__a .ico{width:20px;height:20px}
.soc__a:hover{transform:translateY(-2px);box-shadow:var(--sh-1)}
.soc__a--telegram:hover{background:#2AA3E0;color:#fff}.soc__a--avito:hover{background:#00AAFF;color:#fff}.soc__a--max:hover{background:#6A3DF0;color:#fff}
.soc--ftr{margin:10px 0 6px;flex-wrap:wrap}
.soc--ftr .soc__a{width:auto;padding:0 12px;gap:8px;background:rgba(255,255,255,.08);color:#DCE8F5;font-size:14px}
.nav{background:#fff;border-top:1px solid #E7EDF4}
.nav__a{font-weight:600;color:#33445A}
.nav__a--srv{background:linear-gradient(180deg,#F59A48,var(--orange));color:#fff!important;box-shadow:0 6px 14px -8px rgba(238,122,30,.9)}

/* поиск в строке */
.isrch{position:relative;flex:1;max-width:520px;display:flex;align-items:center;gap:10px;background:#EEF3F9;border:1.5px solid transparent;border-radius:14px;padding:0 12px;height:46px;transition:all .2s}
.isrch:focus-within,.isrch.is-open{background:#fff;border-color:var(--blue);box-shadow:0 0 0 4px rgba(23,103,176,.12)}
.isrch input{flex:1;min-width:0;border:0!important;background:transparent;font:16px var(--f);color:var(--ink);height:100%;padding:0;box-shadow:none!important;outline:0}
.isrch input::-webkit-search-cancel-button{cursor:pointer}
.isrch__ico{color:var(--blue);flex-shrink:0}
.isrch kbd{font:12px var(--f);border:1px solid var(--line);border-radius:6px;padding:1px 7px;background:#fff;color:var(--ink-2)}
.isrch__res{position:absolute;left:-2px;right:-2px;top:calc(100% + 8px);background:#fff;border-radius:16px;box-shadow:var(--sh-2);border:1px solid var(--line);max-height:min(70vh,560px);overflow:auto;padding:10px;z-index:80;text-align:left}
.isrch__res:empty{display:none}
.isrch__res .srch__g{margin:4px 0 10px}
.isrch__res .srch__gt{font:700 11.5px var(--f);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);margin:6px 8px}
.isrch__res .srch__i{display:block;padding:9px 10px;border-radius:10px}
.isrch__res .srch__i b{display:block;font:600 15px var(--f);color:var(--ink)}
.isrch__res .srch__i span{display:block;font-size:13.5px;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.isrch__res .srch__i:hover,.isrch__res .srch__i:focus{background:var(--blue-z);outline:0}
.isrch__res .srch__buy{display:flex;align-items:center;gap:10px;background:var(--orange-l);border-radius:12px;padding:10px 12px;margin-bottom:8px;font-weight:600}
.isrch__res .srch__empty{padding:10px}

/* баннер первого экрана */
.hero--banner{position:relative;isolation:isolate;padding:64px 0 56px;background:#0B2340;color:#fff;overflow:hidden}
.hero--banner:after{display:none}
.hero__bg{position:absolute;inset:0;z-index:-2}
.hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 40%}
.hero--banner:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(9,28,52,.94) 0%,rgba(9,28,52,.82) 42%,rgba(9,28,52,.35) 100%),radial-gradient(600px 300px at 10% 110%,rgba(238,122,30,.35),transparent 70%)}
.hero--banner .hero__in{grid-template-columns:1.25fr .75fr;gap:40px;align-items:end}
.hero--banner h1{color:#fff;font-size:clamp(32px,4.2vw,54px);max-width:760px}
.hero--banner .lead{color:#C9D9EA;max-width:640px}
.hero__kick{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:6px 12px;border-radius:99px;font:600 13px var(--f);color:#E6EEF7;margin-bottom:18px;backdrop-filter:blur(6px)}
.hero__kick .ico{width:18px;height:18px;color:#FFB26B}
.isrch--hero{max-width:640px;height:60px;border-radius:18px;background:#fff;padding:0 6px 0 18px;box-shadow:0 20px 50px -20px rgba(0,0,0,.6)}
.isrch--hero input{font-size:17px}
.isrch__go{border:0;background:linear-gradient(180deg,#F59A48,var(--orange));color:#fff;font:700 15px var(--f);padding:0 22px;height:46px;border-radius:13px;cursor:pointer}
.isrch__go:hover{background:var(--orange-d)}
.hero--banner .hero__hints button{background:rgba(255,255,255,.12);color:#EAF1F9;border:1px solid rgba(255,255,255,.18)}
.hero--banner .hero__hints button:hover{background:#fff;color:var(--blue-d)}
.hero__panel{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hstat{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:18px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .25s}
.hstat:hover{background:rgba(255,255,255,.18);transform:translateY(-3px)}
.hstat b{display:block;font:800 34px/1 var(--fn);color:#fff;margin-bottom:6px}
.hstat span{font-size:13.5px;color:#C9D9EA}
.hstat--srv{background:linear-gradient(145deg,rgba(245,154,72,.95),rgba(208,100,14,.95));border-color:transparent}
.hstat--srv b{font-size:24px}.hstat--srv span{color:#FFF2E6}

/* секции */
.sec{background:transparent}
.sec--tint{background:linear-gradient(180deg,#E4ECF5,#EDF2F8)}
.sec__lead{color:var(--ink-2)}
.quad{margin-top:-34px;position:relative;z-index:2}

/* карточки: объём и кнопки */
.cards{gap:18px}
.card{position:relative;background:var(--card);border:1px solid #D7E2EE;border-radius:var(--r);box-shadow:var(--sh-1);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--blue),#4FA0E8)}
.card--srv:before{background:linear-gradient(90deg,#1F9D62,#5CCB95)}
.card--usl:before{background:linear-gradient(90deg,var(--orange),#F7B26E)}
.card--norm:before{background:linear-gradient(90deg,#5B4BC4,#9A8CF0)}
.card:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:#BFD2E6}
.card__b{display:flex;flex-direction:column;gap:8px;padding:22px 22px 18px;flex:1}
.card__top{display:flex;align-items:center;gap:10px;min-height:28px}
.card__ico{width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#E6F0FB,#D3E4F7);color:var(--blue-d);box-shadow:inset 0 1px 0 #fff,0 4px 10px -6px rgba(23,103,176,.6);flex-shrink:0}
.card--srv .card__ico{background:linear-gradient(145deg,#E3F6EC,#CBEEDB);color:#167A4B}
.card--usl .card__ico{background:linear-gradient(145deg,#FFEEDC,#FFDDBC);color:var(--orange-d)}
.card__ico .ico{width:24px;height:24px}
.card__type{font:600 12px var(--f);text-transform:uppercase;letter-spacing:.07em;color:var(--ink-2);background:#F1F5FA;padding:4px 10px;border-radius:99px}
.card h3{font-size:18.5px;line-height:1.28;margin:2px 0 0}
.card h3 a{color:var(--ink)}
.card__lnk:after{content:"";position:absolute;inset:0;z-index:1}
.card p{color:var(--ink-2);font-size:15px;margin:0}
.card__foot{border-top:0;padding-top:0;font-size:13.5px;color:var(--orange-d);font-weight:600}
.card__act{margin-top:auto;padding-top:14px;display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:2;border-top:1px dashed #E1E8F0}
.cbtn{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 14px;border-radius:11px;font:600 14px var(--f);background:var(--blue);color:#fff;transition:all .2s}
.cbtn:hover{background:var(--blue-d);transform:translateY(-1px)}
.cbtn--alt{background:#EEF3F9;color:var(--blue-d)}
.cbtn--alt:hover{background:var(--blue-l)}
.card--usl .cbtn:not(.cbtn--alt){background:var(--orange)}.card--usl .cbtn:not(.cbtn--alt):hover{background:var(--orange-d)}
.card--srv .cbtn:not(.cbtn--alt){background:var(--green)}.card--srv .cbtn:not(.cbtn--alt):hover{background:#167A4B}

/* услуги на тёмном фоне */
.srvcard{position:relative}
.srvcard b a{color:#fff}
.srvcard .card__act{border-top-color:rgba(255,255,255,.14)}
.cbtn--light{background:rgba(255,255,255,.12);color:#fff}.cbtn--light:hover{background:rgba(255,255,255,.22)}
.cbtn--or{background:var(--orange);color:#fff}.cbtn--or:hover{background:var(--orange-d)}

/* плитки, квадраты, блоки */
.tile,.quad__i,.req,.side,.need,.faq,.box,.calc__form,.calc__out,.shema,.partner,.nlist li,.norm-meta div{background:#fff;border:1px solid #D7E2EE;box-shadow:var(--sh-1)}
.tile:hover,.quad__i:hover{box-shadow:var(--sh-2);transform:translateY(-3px)}
.tile__ico{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#E6F0FB,#D3E4F7);color:var(--blue-d)}
.art__main>.prose,.art__main{min-width:0}
.art{background:transparent}
.art__main{background:#fff;border:1px solid #D7E2EE;border-radius:22px;box-shadow:var(--sh-1);padding:30px 34px}
.answer{background:linear-gradient(135deg,#EAF3FC,#F5F9FD);box-shadow:inset 0 0 0 1px #D2E3F4}
.prose h2{margin-top:30px}
.tbl,.prose table{box-shadow:0 1px 0 rgba(15,40,72,.04)}
.cta{background:radial-gradient(700px 320px at 95% 0,rgba(255,255,255,.16),transparent 60%),linear-gradient(135deg,#1767B0,#0B355F)}
.cta__btns{display:flex;gap:10px;flex-wrap:wrap}
.btn--glass{background:rgba(255,255,255,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.btn--glass:hover{background:rgba(255,255,255,.24)}
.btn--glass .ico{width:18px;height:18px}
.btn{background:linear-gradient(180deg,#2378C6,var(--blue))}
.btn--ghost{background:#fff}
.btn--light{background:#fff}

/* мобильная */
@media (max-width:1100px){.hdr__tel small{display:none}.soc{display:none}}
@media (max-width:900px){
  .hdr__in{height:auto;flex-wrap:wrap;padding-top:10px;padding-bottom:10px;gap:10px}
  .hdr .isrch{order:5;flex:1 1 100%;max-width:none;height:46px}
  .hdr .isrch kbd{display:none}
  .hdr__cta .btn{display:none}
  .hero--banner{padding:36px 0 30px}
  .hero--banner .hero__in{grid-template-columns:1fr;gap:22px}
  .hero__panel{grid-template-columns:1fr 1fr}
  .hstat{padding:14px}.hstat b{font-size:26px}
  .art__main{padding:20px 18px;border-radius:18px}
  .quad{margin-top:16px}
}
@media (max-width:560px){
  .isrch--hero{height:54px;padding:0 5px 0 14px}.isrch--hero input{font-size:16px}
  .isrch__go{padding:0 14px;height:42px}
  .card__b{padding:18px 16px 14px}
  .cbtn{flex:1 1 auto;justify-content:center}
  .hero--banner h1{font-size:30px}
}
.hero--banner{overflow:visible;z-index:5}
.hero__bg{overflow:hidden}
.quad{z-index:1}
.quad__i.quad__i--shop{background:linear-gradient(145deg,#0D4A86,#0A3157);border-color:transparent}
.quad__i.quad__i--shop b,.quad__i.quad__i--shop span,.quad__i.quad__i--shop .ico{color:#fff}
.srvcard .card__act{flex-wrap:nowrap;gap:6px}
.srvcard .cbtn{min-height:36px;padding:6px 10px;font-size:13px;flex:1;justify-content:center}
.srvcard em{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hdr{z-index:60}
@media (max-width:900px){body.is-home .hdr .isrch{display:none}}
.isrch__res .srch__buy,.isrch__res .srch__buy span,.isrch__res .srch__buy b{color:var(--orange-d)}
.meta a{color:var(--blue);font-weight:600}
@media (max-width:560px){.art__main{padding:16px 14px}.answer{padding:14px 14px 14px 16px}}
.quad{margin-top:22px!important}
/* плитки «Узнать/Рассчитать/Заказать/Купить» — чистая версия */
.quad .quad__i{position:relative;overflow:visible;display:flex;flex-direction:column;gap:6px;padding:22px 22px 20px;border:1px solid #D3DFEC!important;border-radius:20px;background:#fff;box-shadow:0 2px 4px rgba(15,40,72,.05),0 12px 28px -14px rgba(15,40,72,.28);animation:none}
.quad .quad__i:before{display:none}
.quad .quad__i .ico{width:46px;height:46px;padding:11px;border-radius:14px;margin:0 0 8px;background:linear-gradient(145deg,#E6F0FB,#D3E4F7);color:var(--blue-d);box-sizing:border-box}
.quad .quad__i b{font:700 21px/1.2 var(--fn);color:var(--ink)}
.quad .quad__i span{font-size:14.5px;line-height:1.45;color:var(--ink-2)}
.quad .quad__i em{margin-top:auto;padding-top:12px;font:600 14px var(--f);font-style:normal;color:var(--blue)}
.quad .quad__i:hover{transform:translateY(-4px);box-shadow:0 4px 8px rgba(15,40,72,.06),0 22px 40px -16px rgba(15,40,72,.38)}
.quad .quad__i--srv{background:linear-gradient(145deg,#F49B4A,#DB6F12);border-color:transparent!important}
.quad .quad__i--shop{background:linear-gradient(145deg,#145FA6,#0A3157);border-color:transparent!important}
.quad .quad__i--srv .ico,.quad .quad__i--shop .ico{background:rgba(255,255,255,.18);color:#fff}
.quad .quad__i--srv b,.quad .quad__i--srv span,.quad .quad__i--srv em,.quad .quad__i--shop b,.quad .quad__i--shop span,.quad .quad__i--shop em{color:#fff}
.quad .quad__i--srv span,.quad .quad__i--shop span{opacity:.88}
@media (max-width:560px){.quad .quad__i{padding:16px 14px}.quad .quad__i b{font-size:17px}.quad .quad__i .ico{width:40px;height:40px;padding:9px}}
/* v4.1 — контрастные кнопки */
.cbtn{box-shadow:0 6px 14px -8px rgba(23,103,176,.9)}
.cbtn--alt{background:#fff;color:var(--blue-d);border:1.5px solid var(--blue);box-shadow:none}
.cbtn--alt:hover{background:var(--blue);color:#fff}
.card--usl .cbtn--alt{border-color:var(--orange);color:var(--orange-d)}.card--usl .cbtn--alt:hover{background:var(--orange);color:#fff}
.card--srv .cbtn--alt{border-color:var(--green);color:#167A4B}.card--srv .cbtn--alt:hover{background:var(--green);color:#fff}
.btn--ghost{background:#fff;color:var(--blue-d);border:1.5px solid var(--blue);box-shadow:none}
.btn--ghost:hover{background:var(--blue);color:#fff}
.soc__a{background:var(--blue);color:#fff;box-shadow:0 6px 14px -8px rgba(23,103,176,.9)}
.soc__a--telegram{background:#2AA3E0}.soc__a--avito{background:#00A3F5}.soc__a--max{background:#6A3DF0}
.soc__a:hover{filter:brightness(1.08);color:#fff}
.soc--ftr .soc__a{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.3)}
.srvcard .cbtn--light{background:#fff;color:var(--blue-d);box-shadow:none}
.srvcard .cbtn--light:hover{background:#E3EEFA}
.srvcard .cbtn--or{box-shadow:0 6px 14px -8px rgba(238,122,30,.9)}
.quad .quad__i em{align-self:flex-start;margin-top:auto;padding:8px 14px;border-radius:11px;background:var(--blue);color:#fff;box-shadow:0 6px 14px -8px rgba(23,103,176,.9)}
.quad .quad__i--srv em{background:#fff;color:var(--orange-d)}
.quad .quad__i--shop em{background:var(--orange);color:#fff}
.quad .quad__i{gap:6px}
.quad .quad__i em{margin-top:auto}
.quad .quad__i span{margin-bottom:6px}
.hero--banner .hero__hints button{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);color:#fff}
.mbar a{color:var(--blue-d);font-weight:600}
.mbar__main{background:var(--orange)!important;color:#fff!important}
.chip,.chips button,.chips a{border:1.5px solid #C9D8E8}
.nav .nav__a--srv.is-on,.nav .nav__a--srv:hover{background:linear-gradient(180deg,#E8822A,#C9620E)!important;color:#fff!important}
.lead--light{color:#D5E2F0!important}

/* ===== v4.2: полоса сверху, кнопка звонка, CTA, подвал, мобильная панель ===== */
.topbar{background:#0B2A4A;color:#C9D9EA;font-size:13.5px}
.topbar__in{display:flex;align-items:center;gap:22px;height:38px}
.topbar__i{display:inline-flex;align-items:center;gap:7px;color:#C9D9EA;white-space:nowrap}
.topbar .ico{width:16px;height:16px;color:#FFB26B}
.topbar__mail{color:#fff;font-weight:600}
.topbar__mail:hover{color:#FFB26B}
.topbar__soc{margin-left:auto;display:flex;gap:6px}
.topbar__soc a{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;background:rgba(255,255,255,.08);color:#fff;font-weight:600;font-size:13px}
.topbar__soc a:hover{background:rgba(255,255,255,.18)}
.topbar__soc .ico{color:#fff;width:15px;height:15px}

/* кнопка звонка с анимацией */
.ring{display:flex;align-items:center;gap:12px;color:var(--ink)}
.ring__ico{position:relative;width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#2DB976,#1A8F57);color:#fff;box-shadow:0 8px 18px -8px rgba(31,157,98,.9);flex-shrink:0}
.ring__ico .ico{width:22px;height:22px;animation:sg-ring 2.4s ease-in-out infinite;transform-origin:50% 50%}
.ring__ico:before,.ring__ico:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(31,157,98,.55);animation:sg-pulse 2.4s ease-out infinite}
.ring__ico:after{animation-delay:.8s}
.ring__txt{display:flex;flex-direction:column;line-height:1.15}
.ring__txt b{font:700 16px var(--fn);letter-spacing:-.01em}
.ring__txt small{font:600 12px var(--f);color:#1A8F57}
.ring:hover .ring__ico{background:linear-gradient(145deg,#34C982,#178050)}
@keyframes sg-ring{0%,50%,100%{transform:rotate(0)}5%,15%,25%,35%{transform:rotate(-16deg)}10%,20%,30%,40%{transform:rotate(16deg)}}
@keyframes sg-pulse{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.75);opacity:0}}
@media (prefers-reduced-motion:reduce){.ring__ico .ico,.ring__ico:before,.ring__ico:after,.mbar__call i:before{animation:none}}
.hdr__cta{display:flex;align-items:center;gap:16px}

/* CTA «Пришлите проект» */
.cta,.cta2{margin:48px auto}
.cta2{max-width:var(--maxw,1200px);width:calc(100% - 40px);display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;padding:36px 40px;border-radius:24px;color:#fff;background:radial-gradient(600px 300px at 100% 0,rgba(255,255,255,.14),transparent 60%),linear-gradient(135deg,#1767B0,#0B355F);box-shadow:0 24px 50px -28px rgba(11,53,95,.8);position:relative;overflow:hidden}
.cta2:after{content:"";position:absolute;inset:0;background:url(/img/fon-fitingi.webp) right center/520px auto no-repeat;opacity:.12;pointer-events:none}
.cta2>*{position:relative;z-index:1}
.cta2__kick{display:inline-flex;align-items:center;gap:8px;font:600 13px var(--f);color:#FFD2A8;margin:0 0 10px}
.cta2__kick .ico{width:18px;height:18px}
.cta2 h2{color:#fff;font-size:clamp(24px,2.6vw,32px);margin:0 0 8px}
.cta2__txt p:last-child{color:#D5E2F0;margin:0}
.cta2__act{display:grid;gap:10px}
.cta2__main,.cta2__tel,.cta2__s{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:14px;font:700 16px var(--f);transition:all .2s}
.cta2__main{background:linear-gradient(180deg,#F59A48,var(--orange));color:#fff;box-shadow:0 10px 22px -10px rgba(238,122,30,.95)}
.cta2__main:hover{transform:translateY(-2px);background:var(--orange-d)}
.cta2__tel{background:#fff;color:var(--blue-d)}
.cta2__tel:hover{background:#E3EEFA}
.cta2__soc{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cta2__s{min-height:46px;font-size:15px;color:#fff;background:rgba(255,255,255,.12);border:1.5px solid rgba(255,255,255,.35)}
.cta2__s--telegram:hover{background:#2AA3E0;border-color:#2AA3E0}.cta2__s--avito:hover{background:#00A3F5;border-color:#00A3F5}.cta2__s--max:hover{background:#6A3DF0;border-color:#6A3DF0}
.cta2 .ico{width:20px;height:20px;flex-shrink:0}

/* подвал: кнопки мессенджеров */
.fsoc{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 8px}
.ftr .fsoc a.fsoc__a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:11px;font:600 14px var(--f);color:#fff;line-height:1;margin:0;width:auto}
.fsoc__a .ico{width:18px;height:18px;flex-shrink:0}
.fsoc__a--telegram{background:#2AA3E0}.fsoc__a--avito{background:#00A3F5}.fsoc__a--max{background:#6A3DF0}
.fsoc__a:hover{filter:brightness(1.1)}

/* мобильная версия в стиле СБК */
@media (max-width:900px){
  .topbar__in{height:34px;gap:12px;font-size:12.5px}
  .topbar__geo,.topbar__hrs{display:none}
  .topbar__mail{margin-right:auto}
  .topbar__soc a span{display:none}.topbar__soc a{padding:5px 7px}
  .hdr__in{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:10px 12px}
  .burger{order:-1;grid-column:1;grid-row:1;width:46px;height:46px;border:1px solid var(--line);border-radius:12px;background:#fff;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
  .brand{grid-column:2;grid-row:1;min-width:0}
  .hdr__cta{grid-column:3;grid-row:1}
  .hdr .isrch{grid-column:1/-1;grid-row:2}
  .ring__txt,.hdr__zv{display:none!important}
  .ring__ico{width:48px;height:48px}
  .brand__sub{display:none}
  .cta2{grid-template-columns:1fr;padding:24px 18px;width:calc(100% - 24px);gap:18px;border-radius:20px}
  .cta2:after{background-size:300px auto;background-position:right bottom}
  .mbar{display:grid!important;grid-template-columns:repeat(5,1fr);align-items:end;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #DCE5EE;box-shadow:0 -8px 24px rgba(15,40,72,.08)}
  .mbar a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 2px!important;font:600 11.5px var(--f)!important;color:#3A4B60!important;background:none!important;min-height:48px;justify-content:flex-end}
  .mbar a .ico{width:22px;height:22px;color:var(--blue-d)}
  .mbar__call{color:#1A8F57!important}
  .mbar__call i{position:relative;width:58px;height:58px;margin-top:-30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#2DB976,#1A8F57);border:4px solid #fff;box-shadow:0 8px 20px -6px rgba(31,157,98,.8)}
  .mbar__call i .ico{color:#fff!important;width:26px!important;height:26px!important;animation:sg-ring 2.4s ease-in-out infinite}
  .mbar__call i:before{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(31,157,98,.5);animation:sg-pulse 2.4s ease-out infinite}
  body{padding-bottom:78px}
}

/* ===== v4.3: страницы услуг ===== */
.svc-price{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}
.svc-price>div{background:#fff;border:1px solid #D7E2EE;border-radius:16px;padding:14px 18px;box-shadow:var(--sh-1);display:flex;flex-direction:column;gap:2px;flex:1 1 280px}
.svc-price span{font:600 12.5px var(--f);text-transform:uppercase;letter-spacing:.07em;color:var(--ink-2)}
.svc-price b{font:700 18px/1.35 var(--fn);color:var(--ink)}
.svc-price small{font-size:13px;color:var(--ink-2)}
.svc-price .svc-price__g{flex:0 0 auto;flex-direction:row;align-items:center;gap:12px;background:linear-gradient(145deg,#E3F6EC,#CBEEDB);border-color:#B6E3CB}
.svc-price__g .ico{width:34px;height:34px;color:#167A4B}
.svc-price__g span{display:flex;flex-direction:column;color:#167A4B}
.svc-price__g b{font-size:20px;color:#0F5E39;text-transform:none;letter-spacing:0}
.svc-body{display:flex;flex-direction:column;gap:8px}
.svc-toc{position:sticky;top:0;z-index:20;display:flex;gap:6px;overflow-x:auto;padding:10px 0;margin-bottom:6px;background:linear-gradient(180deg,var(--bg) 70%,rgba(237,242,248,0));scrollbar-width:none}
.svc-toc a{flex-shrink:0;padding:8px 14px;border-radius:99px;background:#fff;border:1.5px solid #C9D8E8;font:600 14px var(--f);color:var(--blue-d)}
.svc-toc a:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.svc-body .blk{background:#fff;border:1px solid #D7E2EE;border-radius:20px;padding:26px 28px;box-shadow:var(--sh-1);margin:10px 0}
.svc-body .blk h2{margin-top:0}
.svc-body .grid2{margin:10px 0}
.tbl-wrap{overflow-x:auto;margin:6px 0 10px}
.tbl--price{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #D7E2EE;border-radius:14px;overflow:hidden;font-size:15px}
.tbl--price th{background:#0D4A86;color:#fff;font:600 14px var(--f);text-align:left;padding:11px 14px}
.tbl--price td{padding:10px 14px;border-top:1px solid #E4EBF3}
.tbl--price tr:nth-child(even) td{background:#F5F8FC}
.tbl--price td:nth-child(2){font-weight:700;color:var(--ink);white-space:nowrap}
.ticks--md li{margin:8px 0}
.minus{list-style:none;padding:0;margin:6px 0 0}
.minus li{position:relative;padding-left:22px;margin:6px 0;color:var(--ink-2)}
.minus li:before{content:"–";position:absolute;left:4px;color:#C0392B;font-weight:700}
.box__h3{font-size:16px;margin:18px 0 4px}
.guar{display:flex;gap:18px;align-items:flex-start;background:linear-gradient(135deg,#E8F7EF,#F4FBF7);border:1px solid #BFE6D0;border-radius:20px;padding:22px 26px;margin:10px 0}
.guar>.ico{width:44px;height:44px;color:#167A4B;flex-shrink:0}
.guar h2{margin:0 0 4px;font-size:22px}.guar p{margin:0;color:#24533B}
.faq details{background:#F7FAFD;border:1px solid #DCE6F0;border-radius:14px;padding:0 18px;margin:8px 0}
.faq summary{cursor:pointer;padding:14px 0;font:600 16px var(--fn);color:var(--ink);list-style:none;position:relative;padding-right:28px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:0;top:10px;font-size:22px;color:var(--blue)}
.faq details[open] summary:after{content:"–"}
.faq details p{margin:0 0 14px;color:var(--ink-2)}
/* партнёры */
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:12px 0 24px}
.pcard{background:#fff;border:1px solid #D7E2EE;border-radius:20px;padding:22px 24px;box-shadow:var(--sh-1);margin:10px 0;display:flex;flex-direction:column;gap:10px}
.pcard__head{display:flex;gap:16px;align-items:center}
.pcard__head img{width:72px;height:72px;object-fit:contain;border-radius:16px;background:#F3F7FB;padding:6px;border:1px solid #E1E9F2;flex-shrink:0}
.pcard__head h2,.pcard__head h3{margin:0;font-size:20px}
.pcard__k{margin:0 0 2px;font:600 12px var(--f);text-transform:uppercase;letter-spacing:.07em;color:var(--orange-d)}
.pcard p{margin:0}
.pcard__act{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.pcard--big{border-left:5px solid var(--orange)}
/* видео */
.vids{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.vid{margin:14px 0}
.vid__f,.vid iframe,.vid video{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:16px;background:#0B2340 center/cover no-repeat}
.vid__f{position:relative;cursor:pointer;overflow:hidden;background-image:linear-gradient(135deg,#123E6B,#0B2340)}
.vid__f:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.55))}
.vid__play{position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:var(--orange);box-shadow:0 10px 30px -8px rgba(238,122,30,.9);transition:transform .2s}
.vid__play:after{content:"";position:absolute;left:29px;top:22px;border-style:solid;border-width:14px 0 14px 22px;border-color:transparent transparent transparent #fff}
.vid__f:hover .vid__play{transform:scale(1.08)}
.vid__t{position:absolute;left:16px;right:16px;bottom:12px;color:#fff;font:600 15px var(--f);text-align:left}
.vid figcaption{font-size:13.5px;color:var(--ink-2);margin-top:6px}
@media (max-width:900px){.pgrid{grid-template-columns:1fr}.svc-body .blk{padding:18px 16px;border-radius:16px}.guar{padding:16px}.tbl--price{font-size:14px}.tbl--price th,.tbl--price td{padding:9px 10px}}
.svc-body .blk.prose{max-width:none}
.svc-body .prose p,.svc-body .prose li{max-width:78ch}
.svc-toc{position:static;background:none}
.prose a.cbtn,.prose a.cbtn:visited{color:#fff;text-decoration:none;border-bottom:0}
.prose a.cbtn--alt,.prose a.cbtn--alt:visited{color:var(--blue-d)}
.prose a.cbtn--alt:hover{color:#fff}
.prose .pcard ul{padding-left:0}
.ticks--md li{margin:4px 0}
/* калькулятор сварки */
.calc-sv{background:var(--surface-2,#f4f6f8);border-radius:14px;padding:clamp(16px,3vw,28px)}
.calc-sv label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--muted,#5b6470)}
.calc-sv select,.calc-sv input[type=number]{font:inherit;font-size:1rem;padding:8px 10px;border:1px solid #cfd6de;border-radius:8px;background:#fff;color:#16202a;min-width:0}
.csv-row{display:grid;grid-template-columns:1fr 1.4fr 1fr 1.5fr auto;gap:10px;align-items:end;margin-bottom:10px}
.csv-row .x{border:0;background:#e3e8ee;border-radius:8px;width:38px;height:40px;font-size:1.3rem;cursor:pointer}
.csv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}
.calc-sv .csv-ch{flex-direction:row;align-items:center;gap:8px;color:inherit}
.csv-res{background:#fff;border-radius:10px;padding:14px 16px;margin-bottom:14px}
.csv-res b{display:block;font-size:1.8rem;color:var(--accent,#0b5cad)}
.csv-res pre{white-space:pre-wrap;font:inherit;font-size:.9rem;margin:8px 0 0;color:#3a4450}
@media(max-width:640px){.csv-row{grid-template-columns:1fr 1fr;padding-bottom:10px;border-bottom:1px solid #dde3ea}.csv-row .x{grid-column:2;justify-self:end}.csv-grid{grid-template-columns:1fr}}
.calc-sv select,.calc-sv input[type=number]{width:100%;box-sizing:border-box}
.calc-sv .csv-ch{justify-content:flex-start}
.calc-sv .csv-ch input{width:18px;height:18px;flex:0 0 18px;margin:0}
.calc-sv{overflow:hidden}
@media print{.mbar,.ring,.topbar,.svc-toc{display:none!important}}
html,body{overflow-x:clip}
body:has(.svc-toc) .ring__ico .ico,body:has(.svc-toc) .ring__ico:before,body:has(.svc-toc) .ring__ico:after,body:has(.svc-toc) .mbar__call i .ico,body:has(.svc-toc) .mbar__call i:before{animation-iteration-count:4}
/* СетиГрад · Режимы стыковой сварки — стили виджета (префикс .sv-rz) */
.sv-rz{--rz-line:#D6E1EB;--rz-z:#F4F8FC;--rz-ink:#1E2328;--rz-ink2:#4A5560;--rz-or:#E07A1F;margin:18px 0 28px;font-family:var(--f);color:var(--rz-ink)}
.sv-rz *{box-sizing:border-box}
.sv-rz [hidden]{display:none!important}
.sv-rz__tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:12px;scrollbar-width:none}
.sv-rz__tabs::-webkit-scrollbar{display:none}
.sv-rz__tab{flex:0 0 auto;border:2px solid var(--blue);background:#fff;color:var(--blue);font:700 15px var(--f);padding:9px 14px;border-radius:999px;cursor:pointer;min-height:44px}
.sv-rz__tab.is-on{background:var(--blue);color:#fff}
.sv-rz__tab:focus-visible,.sv-rz button:focus-visible,.sv-rz input:focus-visible,.sv-rz select:focus-visible{outline:3px solid #9cc3e6;outline-offset:2px}
.sv-rz__grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);grid-template-areas:"form" "viz" "out"}
.sv-rz__form{grid-area:form}.sv-rz__viz{grid-area:viz}.sv-rz__out{grid-area:out}
.sv-rz__form{display:grid;gap:12px;min-width:0}
.sv-rz__fs{border:1px solid var(--rz-line);border-radius:12px;padding:12px 14px 14px;margin:0;min-width:0;background:#fff}
.sv-rz__fs legend{font-weight:700;color:var(--blue-d);padding:0 6px;font-size:15px}
.sv-rz__row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sv-rz__row--3{grid-template-columns:1fr 1fr 1fr}
.sv-rz__f{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--rz-ink2);min-width:0;margin-top:6px}
.sv-rz__f--wide{width:100%}
.sv-rz__f input,.sv-rz__f select,.sv-rz__fact{width:100%;min-width:0;font:16px var(--f);color:var(--rz-ink);border:1px solid #B8C7D6;border-radius:8px;padding:10px 10px;background:#fff;min-height:46px}
.sv-rz__f select{padding-right:6px}
.sv-rz__hint{font-size:13.5px;color:var(--rz-ink2);margin:8px 0 0;line-height:1.45}
.sv-rz__small{font-size:13px;color:var(--rz-ink2)}
.sv-rz__drag{margin-top:10px;border-top:1px dashed var(--rz-line);padding-top:8px}
.sv-rz__drag summary{cursor:pointer;font-weight:700;color:var(--blue);font-size:15px;min-height:36px;display:flex;align-items:center}
.sv-rz__drag ol{padding-left:20px;font-size:14.5px;margin:6px 0}
.sv-rz__drag li{margin:4px 0}
.sv-rz__out{border:2px solid var(--blue);border-radius:14px;padding:14px;background:#fff;min-width:0}
.sv-rz__warn:empty{display:none}
.sv-rz__w{margin:0 0 8px;padding:9px 12px;border-radius:9px;font-size:14.5px;line-height:1.45;border-left:4px solid}
.sv-rz__w--err{background:#FDECEA;border-color:#C9302C}
.sv-rz__w--warn{background:#FFF4E5;border-color:var(--rz-or)}
.sv-rz__w--info{background:var(--rz-z);border-color:var(--blue)}
.sv-rz__w--winter{background:#EAF4FF;border-color:#5BA3E0}
.sv-rz__w a{color:var(--blue);text-decoration:underline}
.sv-rz__kpi{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sv-rz__k{background:var(--rz-z);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.sv-rz__k span{font-size:13px;color:var(--rz-ink2)}
.sv-rz__k b{font:700 22px/1.15 var(--f);color:var(--blue-d)}
.sv-rz__k i{font-style:normal;font-size:12.5px;color:var(--rz-ink2)}
.sv-rz__k--main{grid-column:1/-1;background:var(--blue);color:#fff}
.sv-rz__k--main span,.sv-rz__k--main i{color:#DCEBF8}
.sv-rz__k--main b{color:#fff;font-size:34px}
.sv-rz__tw{margin:12px 0}
.sv-rz__stages th[scope=row]{font-weight:700;color:var(--blue-d);background:transparent;min-width:120px}
.sv-rz__stages td,.sv-rz__stages th{font-size:14.5px;padding:9px 10px}
.sv-rz__dvs p{font-size:13.5px;background:#FFF8EE;border-radius:9px;padding:9px 12px;margin:0 0 10px;color:var(--rz-ink2)}
.sv-rz__how{font-size:14.5px;margin:6px 0 10px}
.sv-rz__how summary{cursor:pointer;font-weight:700;color:var(--blue);min-height:36px;display:flex;align-items:center}
.sv-rz__how ul{padding-left:18px;margin:6px 0}
.sv-rz__how li{margin:3px 0;overflow-wrap:anywhere}
.sv-rz__btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.sv-rz__btns .btn{min-height:44px}
.sv-rz__toast{min-height:1.3em;font-size:14px;color:#1e7a46;margin:6px 0 0}
.sv-rz__brand{font-size:12.5px;color:var(--rz-ink2);border-top:1px solid var(--rz-line);padding-top:8px;margin-top:6px}
.sv-rz__viz{border:1px solid var(--rz-line);border-radius:14px;padding:12px;background:#fff;min-width:0;contain:layout paint}
.sv-rz__full{margin-top:16px;min-width:0}
.sv-rz__h{font-size:21px;line-height:1.25;margin:0 0 6px;color:var(--rz-ink)}
.sv-rz__vizhead .sv-rz__h{font-size:18px;margin:0 0 8px}
.sv-rz__vnote{font-size:13px;color:var(--rz-ink2);margin:6px 0 0;line-height:1.4}
.sv-rz__stage{position:relative;border-radius:10px;overflow:hidden;background:var(--rz-z);width:100%;height:210px;contain:strict}
@media (min-width:600px){.sv-rz__stage{height:250px}}
.sv-rz__3d,.sv-rz__3d canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.sv-rz__3d canvas{touch-action:pan-y}
.sv-rz__2d{position:absolute;inset:0;width:100%;height:100%;display:block}
.sv-rz__2d[hidden],.sv-rz__3d[hidden]{display:none}
.sv-rz__cwrap{position:relative;margin-top:8px}
.sv-rz__cwrap .sv-rz__chart{margin-top:0}
.sv-rz__curs{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.sv-rz__stage.is-2d{height:auto;aspect-ratio:2/1;contain:layout paint}
.sv-rz__vbtn{position:absolute;right:8px;top:8px;border:2px solid var(--blue);background:#fff;color:var(--blue);font:700 14px var(--f);padding:6px 12px;border-radius:999px;cursor:pointer;min-height:40px}
.sv-rz__vbtn:hover{background:var(--blue);color:#fff}
.sv-rz__vbtn:disabled{opacity:.7;cursor:progress}
.sv-rz__phase{position:absolute;left:10px;top:10px;background:rgba(20,82,138,.92);color:#fff;font-weight:700;font-size:14px;padding:5px 10px;border-radius:7px;pointer-events:none}
.sv-rz__chart{display:block;width:100%;height:auto;max-height:150px;margin-top:8px;touch-action:pan-y;cursor:ew-resize;user-select:none}
.sv-rz__ctrl{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}
.sv-rz__ctrl input[type=range]{flex:1 1 160px;min-width:120px;accent-color:var(--blue);height:44px}
.sv-rz__ctrl .btn.is-on{background:var(--rz-or);box-shadow:none;color:#fff}
.sv-rz__cap{font-size:14.5px;margin:6px 0 0;min-height:4.4em;line-height:1.45}
.sv-rz__ryad,.sv-rz__prot{margin-top:18px}
.sv-rz__rt td,.sv-rz__rt th{white-space:nowrap;font-size:14.5px;padding:8px 10px;text-align:center}
.sv-rz__rt tbody th{text-align:left;background:var(--blue-l,#EAF2FA);color:var(--blue-d)}
.sv-rz__rt tr.is-cur td,.sv-rz__rt tr.is-cur th{background:#FFF1DF}
.sv-rz__rt tr.is-no td{color:#9a3a2c;text-align:left;white-space:normal}
.sv-rz__rt sup{color:var(--rz-or)}
.sv-rz__pf{display:grid;grid-template-columns:1fr;gap:4px 12px}
.sv-rz__pt td,.sv-rz__pt th{font-size:14.5px;padding:7px 10px}
.sv-rz__pt th[scope=row]{font-weight:700;color:var(--blue-d);background:transparent}
.sv-rz__fact{min-height:40px;padding:6px 8px}
.sv-rz__sign{display:flex;flex-wrap:wrap;gap:12px 32px;margin:14px 0 4px;font-size:15px}
.sv-rz__more{margin-top:20px}
.sv-rz__links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.sv-rz__links a{font-size:14px;border:1px solid var(--rz-line);border-radius:999px;padding:8px 12px;color:var(--blue);text-decoration:none;min-height:40px;display:inline-flex;align-items:center}
.sv-rz__links a:hover{border-color:var(--blue)}
.sv-rz[data-tab=ryad] .sv-rz__out,.sv-rz[data-tab=ryad] .sv-rz__viz,.sv-rz[data-tab=ryad] .sv-rz__full,.sv-rz[data-tab=prot] .sv-rz__out,.sv-rz[data-tab=prot] .sv-rz__viz,.sv-rz[data-tab=prot] .sv-rz__full{display:none}
@media (min-width:600px){
  .sv-rz__pf{grid-template-columns:1fr 1fr}
  .sv-rz__kpi{grid-template-columns:1fr 1fr}
}
@media (min-width:1024px){
  /* Раунд 2: слева поля и результат (~43 %), справа визуализация (~57 %), липкая */
  .sv-rz__grid{grid-template-columns:minmax(0,43fr) minmax(0,57fr);grid-template-areas:"form viz" "out viz";align-items:start}
  /* top:132px, а не 90px из брифа: шапка сайта (sticky) на десктопе 119 px и закрывала бы верх панели — как в gidravlika/podbor-sdr */
  .sv-rz__viz{position:sticky;top:132px;align-self:start;grid-row:1/span 2;max-height:calc(100vh - 146px);overflow:auto}
  .sv-rz__stage{height:clamp(200px,calc(40vh - 40px),340px)}
  .sv-rz__stage.is-2d{aspect-ratio:auto;height:clamp(180px,calc(34vh - 40px),290px)}
  .sv-rz__chart{max-height:clamp(110px,18vh,170px)}
  .sv-rz__cap{min-height:3em}
  .sv-rz__vnote{font-size:12.5px}
  .sv-rz__pf{grid-template-columns:1fr 1fr 1fr 1fr}
  .sv-rz__viz{padding:14px 16px}
}
@media (max-width:420px){
  .sv-rz__row--3{grid-template-columns:1fr 1fr 1fr;gap:6px}
  .sv-rz__k--main b{font-size:30px}
  .sv-rz__stages th[scope=row]{min-width:96px}
}
@media print{
  .sv-rz__tabs,.sv-rz__btns,.sv-rz__ctrl,.sv-rz__links,.sv-rz__more,.sv-rz__drag,.sv-rz__toast,.sv-rz__stage{display:none!important}
  .sv-rz__out{border:1px solid #999;position:static}
  .sv-rz__k--main{background:#fff;color:#000;border:2px solid #000}
  .sv-rz__k--main b,.sv-rz__k--main span,.sv-rz__k--main i{color:#000}
  .sv-rz__viz{border:0;padding:0;break-inside:avoid;position:static}
  .sv-rz__vnote,.sv-rz__cap{display:none}
  .sv-rz__chart{max-height:none}
  .sv-rz__curs{display:none!important}
  .sv-rz__grid{display:flex;flex-direction:column;gap:12px}
  .sv-rz__out{order:1}
  .sv-rz__viz{order:2}
  .sv-rz__full{margin-top:12px}
  html.svp .art > :not(.sv-rz){display:none!important}
  html.svp body > *:not(:has(.sv-rz)){display:none!important}
  .sv-rz input::placeholder{color:transparent}
  html.svp .sv-rz__more,html.svp .svc-toc{display:none!important}
  html.svp-styk .sv-rz__form,html.svp-styk .sv-rz__ryad,html.svp-styk .sv-rz__prot{display:none!important}
  html.svp-styk .sv-rz__out,html.svp-styk .sv-rz__viz,html.svp-styk .sv-rz__full{display:block!important}
  html.svp-ryad .sv-rz__grid,html.svp-ryad .sv-rz__viz,html.svp-ryad .sv-rz__full,html.svp-ryad .sv-rz__prot{display:none!important}
  html.svp-ryad .sv-rz__ryad{display:block!important}
  html.svp-prot .sv-rz__grid,html.svp-prot .sv-rz__viz,html.svp-prot .sv-rz__full,html.svp-prot .sv-rz__ryad{display:none!important}
  html.svp-prot .sv-rz__prot{display:block!important}
  .sv-rz__rt td,.sv-rz__rt th{font-size:11.5px;padding:4px 6px}
  .sv-rz .tbl thead th{background:#ddd!important;color:#000!important}
  .sv-rz__fact{border:0;border-bottom:1px solid #000;border-radius:0;min-height:22px;padding:0}
  .sv-rz__pf .sv-rz__f input{border:0;border-bottom:1px solid #000;border-radius:0;min-height:24px;padding:0}
  .sv-rz__pf{grid-template-columns:1fr 1fr!important}
}

/* режим визуализации: 2D по умолчанию на телефоне, кнопка «Показать 3D» */
.sv-rz__vmsg{font-size:13px;color:var(--rz-ink2);margin:6px 0 0}
.sv-rz__vmsg:empty{display:none}
@media (max-width:420px){.sv-rz__ctrl{gap:6px}.sv-rz__ctrl .btn{padding-left:12px;padding-right:12px}}