@import url('../fonts/fonts.css');
:root{
  --bg:#f1f5f9;--bg2:#ffffff;--surface:#ffffff;--line:#d9dde3;--text:#161b26;--muted:#5d6677;
  --navy:#073a79;--navy-d:#1e1457;--accent:#345aad;--accent2:#073a79;--sky:#bbdaef;--light:#e4e7ec;--ink:#161b26;
  --steel:linear-gradient(135deg,#f6f9fc 0%,#dbe4ee 22%,#f3f7fb 40%,#cdd9e6 62%,#eef3f8 80%,#d5e0eb 100%);
  --r:14px;--max:1240px;--font:'Fira Sans',system-ui,sans-serif;--display:'Onest','Fira Sans',system-ui,sans-serif;--logo:'Prata',Georgia,serif;--mono:'Fira Sans',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.mono{font-family:var(--mono);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.accent{color:var(--accent)}

/* header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;gap:32px;height:72px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.08em;font-size:1.05rem}
.logo svg{width:38px;height:38px}.logo{color:var(--navy)}
.nav{display:flex;gap:26px;margin-left:auto}
.nav a{font-size:.94rem;color:var(--muted);transition:color .2s}
.nav a:hover,.nav a.on{color:var(--text)}
.hdr-phone{font-weight:700;white-space:nowrap}
.burger{display:none;width:40px;height:40px}
.burger span{display:block;height:2px;background:var(--navy);margin:6px 8px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:999px;font-weight:700;font-size:.95rem;transition:transform .15s,background .2s,box-shadow .2s;white-space:nowrap}
.btn-a{background:var(--accent);color:#fff}
.btn-a:hover{background:var(--accent2);box-shadow:0 8px 30px rgba(47,109,181,.3)}
.btn-o{border:1px solid #c3c9d2;background:#fff;color:var(--navy)}
.btn-o:hover{border-color:var(--navy)}
.btn:active{transform:scale(.97)}
.btn-sm{padding:10px 18px;font-size:.88rem}

/* hero */
.hero{position:relative;min-height:calc(100vh - 72px);display:flex;align-items:flex-end;overflow:hidden}
.hero{background:var(--steel)}.hero-img{position:absolute;right:0;top:0;bottom:0;width:58%;background:url(../img/hero2.jpg) center/cover;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}
.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.35) 0 1px,transparent 1px 3px);pointer-events:none}.hero-img:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(27,58,120,.35),transparent 40%)}
.hero .wrap{position:relative;padding-bottom:72px;padding-top:80px;width:100%}
.hero h1{color:var(--navy);font-size:clamp(2.2rem,4.6vw,3.9rem);line-height:1.04;font-weight:800;letter-spacing:-.03em;max-width:600px;margin:18px 0 22px}
.hero p{font-size:1.15rem;color:var(--muted);max-width:520px;margin-bottom:34px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:64px}
.stat{background:rgba(255,255,255,.92);padding:22px 24px}.stat b{color:var(--navy)}
.stat b{display:block;font-size:2rem;font-weight:800;letter-spacing:-.02em}
.stat span{color:var(--muted);font-size:.9rem}

section{padding:96px 0}
.sec-h{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:44px;flex-wrap:wrap}
.sec-h h2,.page-h h1{font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.08;letter-spacing:-.025em;font-weight:800;max-width:720px;margin-top:10px}

/* categories bento */
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cat{color:#fff;position:relative;border-radius:var(--r);overflow:hidden;background:#333;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;border:1px solid var(--line)}
.cat:first-child{grid-column:span 2;grid-row:span 2;min-height:616px}
.cat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.cat:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,40,90,.92) 8%,transparent 65%)}
.cat:hover img{transform:scale(1.05)}
.cat>*:not(img){position:relative;z-index:1}
.cat h3{font-size:1.35rem;font-weight:700}
.cat:first-child h3{font-size:2rem}
.cat p{color:#d5dcea;font-size:.92rem;max-width:420px}
.cat .arr{position:absolute;top:20px;right:20px;z-index:1;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.25);display:grid;place-items:center;transition:background .2s}
.cat:hover .arr{background:var(--accent)}

/* light section */
.light{background:var(--steel);color:var(--ink);position:relative}
.light .mono{color:#6b7178}
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.why div{background:#fff;border-radius:var(--r);padding:28px;border:1px solid #e3e1dc}
.why .n{font-family:var(--mono);color:var(--accent);font-weight:600}
.why h3{color:var(--navy);font-size:1.15rem;margin:40px 0 8px}
.why p{color:#555b61;font-size:.93rem}

/* steps */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid var(--line)}
.step{padding:28px 20px 0 0;position:relative}
.step:before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--accent)}
.step h4{font-size:1.05rem;margin:10px 0 6px}
.step p{color:var(--muted);font-size:.9rem}

/* product cards */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}
.card:hover{border-color:#b9c0ca;transform:translateY(-3px);box-shadow:0 14px 34px rgba(22,27,38,.1)}
.card-img{aspect-ratio:4/3;overflow:hidden;position:relative;background:#dfe3e8}
.card-img img{width:100%;height:100%;object-fit:cover}
.badge{position:absolute;top:14px;left:14px;background:var(--accent);color:#fff;font-size:.75rem;font-weight:700;padding:5px 11px;border-radius:999px}
.card-b{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.card-b h3{font-size:1.15rem;line-height:1.25}
.card-b p{color:var(--muted);font-size:.9rem}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{font-family:var(--mono);font-size:.72rem;padding:4px 9px;border-radius:6px;background:#eef0f3;color:#3b4456;border:1px solid var(--line)}
.card-f{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.price{font-weight:800;font-size:1.15rem;color:var(--navy)}
.price small{font-weight:500;color:var(--muted);font-size:.8rem;display:block}

/* catalog page */
.page-h{padding:56px 0 40px;border-bottom:1px solid var(--line);background:var(--steel);position:relative}.page-h h1{color:var(--navy)}
.crumbs{font-size:.85rem;color:var(--muted);margin-bottom:8px}
.crumbs a:hover{color:var(--text)}
.cat-layout{display:grid;grid-template-columns:260px 1fr;gap:36px;padding:40px 0 96px}
.side{position:sticky;top:96px;align-self:start;display:flex;flex-direction:column;gap:4px}
.side button{text-align:left;padding:11px 14px;border-radius:10px;color:var(--muted);font-size:.94rem;display:flex;justify-content:space-between}
.side button:hover{background:var(--surface);color:var(--text)}
.side button.on{background:#fff;color:var(--navy);font-weight:700;box-shadow:inset 3px 0 0 var(--accent)}
.toolbar{display:flex;gap:12px;margin-bottom:22px;flex-wrap:wrap}
.input,select.input{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--text);font:inherit;font-size:.94rem;outline:none}
.input:focus{border-color:var(--accent)}
.toolbar .input{flex:1;min-width:200px}
.empty{padding:60px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--r)}

/* product page */
.pp{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;padding:40px 0 64px}
.pp-img{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);position:sticky;top:96px;align-self:start}
.pp h1{color:var(--navy);font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.1;letter-spacing:-.02em;margin:8px 0 12px}
.pp .lead{color:var(--muted);font-size:1.05rem;margin-bottom:28px}
.opt{margin-bottom:20px}
.opt label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:8px}
.opt-vals{display:flex;flex-wrap:wrap;gap:8px}
.ov{padding:10px 16px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font-weight:600;font-size:.92rem;transition:all .15s}
.ov:hover{border-color:var(--muted)}
.ov.on{border-color:var(--navy);background:var(--navy);color:#fff}
.ov.na{opacity:.35;text-decoration:line-through}
.buybox{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px;margin:28px 0}
.buybox .row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.buybox .price{font-size:1.9rem}
.stock{font-size:.85rem;display:flex;align-items:center;gap:6px}
.stock:before{content:"";width:8px;height:8px;border-radius:50%;background:#3ccf7a}
.stock.no:before{background:#e8b43a}
.buybox .btns{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.buybox .btns .btn{flex:1}
.feat{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px}
.feat li{padding-left:22px;position:relative;font-size:.93rem;color:#3b4456}
.feat li:before{content:"";position:absolute;left:0;top:8px;width:10px;height:2px;background:var(--accent)}
.specs{width:100%;border-collapse:collapse;font-size:.93rem}
.specs td{padding:12px 0;border-bottom:1px solid var(--line)}
.specs td:first-child{color:var(--muted);width:50%}
.vtable{width:100%;border-collapse:collapse;font-size:.9rem;margin-top:12px}
.vtable th{text-align:left;color:var(--muted);font-weight:500;padding:10px 12px;border-bottom:1px solid var(--line)}
.vtable td{padding:12px;border-bottom:1px solid var(--line)}
.vtable tr.on td{background:#e8eefb}
.vtable tbody tr{cursor:pointer}
.vtable tbody tr:hover td{background:#f3f5f8}
.tscroll{overflow-x:auto}

/* CTA band */
.cta{border-radius:24px;padding:56px;background:linear-gradient(120deg,var(--navy),var(--navy-d));color:#fff;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.cta h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.08;letter-spacing:-.02em}
.cta p{opacity:.9;margin-top:12px}
.cta form{display:flex;flex-direction:column;gap:10px}
.cta .input{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);color:#fff}
.cta .input::placeholder{color:rgba(255,255,255,.75)}
.cta .btn{background:var(--accent);color:#fff}

/* forms/modal */
.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(18,40,90,.45);backdrop-filter:blur(6px)}
.modal.open{display:flex}
.mbox{background:var(--bg2);border:1px solid var(--line);border-radius:20px;padding:32px;width:100%;max-width:460px;position:relative;animation:pop .25s ease}
@keyframes pop{from{opacity:0;transform:translateY(12px)}}
.mbox h3{color:var(--navy);font-size:1.5rem;margin-bottom:6px}
.mbox .sub{color:var(--muted);font-size:.92rem;margin-bottom:20px}
.mbox form{display:flex;flex-direction:column;gap:10px}
.mclose{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;font-size:1.4rem;color:var(--muted)}
.mclose:hover{background:var(--surface)}
.ctx{font-family:var(--mono);font-size:.78rem;background:#eef0f3;border-radius:8px;padding:10px 12px;color:#3b4456}
.agree{font-size:.78rem;color:var(--muted)}
.ok{text-align:center;padding:20px 0}
.ok .ic{width:56px;height:56px;border-radius:50%;background:rgba(60,207,122,.15);color:#3ccf7a;display:grid;place-items:center;margin:0 auto 16px;font-size:1.6rem}

/* footer */
.ftr{background:var(--navy-d);padding:56px 0 32px;color:#aab3c5;font-size:.92rem}.ftr .logo{color:#fff!important}
.ftr-g{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;margin-bottom:40px}
.ftr h5{color:#fff;font-size:.95rem;margin-bottom:14px}
.ftr li{list-style:none;margin-bottom:8px}
.ftr a:hover{color:#fff}
.ftr-b{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12);padding-top:24px;font-size:.82rem;flex-wrap:wrap;gap:10px}

/* text pages */
.two{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.two img{border-radius:var(--r);border:1px solid var(--line)}
.prose p{color:#3b4456;margin-bottom:14px}
.svc{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.svc div{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:30px}
.svc h3{font-size:1.25rem;margin:14px 0 8px}
.svc p{color:var(--muted);font-size:.93rem}
.contacts{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contacts div{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:28px}
.contacts b{display:block;font-size:1.3rem;margin-top:8px}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}
.reveal.in{opacity:1;transform:none}

@media (max-width:1000px){
  .nav{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;background:#fff;padding:20px 24px;border-bottom:1px solid var(--line);gap:16px}
  .nav.open{display:flex}
  .burger{display:block}
  .hdr-phone{display:none}
  .hdr .wrap{gap:12px}.hdr .btn{margin-left:auto}
  .cats,.grid{grid-template-columns:1fr 1fr}
  .cat:first-child{grid-column:span 2;grid-row:auto;min-height:380px}
  .why{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr 1fr;gap:24px;border:0}
  .stats{grid-template-columns:1fr 1fr}
  .cat-layout,.pp,.cta,.two{grid-template-columns:1fr}
  .side{position:static;flex-direction:row;overflow-x:auto}
  .side button{white-space:nowrap}
  .pp-img{position:static}
  .ftr-g{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .wrap{padding:0 16px}
  section{padding:64px 0}
  .cats,.grid,.why,.svc,.contacts,.feat{grid-template-columns:1fr}
  .cat:first-child{grid-column:auto;min-height:320px}
  .cat:first-child h3{font-size:1.5rem}
  .cta{padding:32px 22px}
  .hdr .btn{padding:9px 14px;font-size:.82rem}
  .ftr-g{grid-template-columns:1fr}
}

.sec-h h2{color:var(--navy)}
.hdr{box-shadow:0 1px 0 var(--line)}
.topbar{background:var(--navy-d);color:#c9d2e3;font-size:.82rem}
.topbar .wrap{display:flex;gap:24px;height:34px;align-items:center}
.topbar a:hover{color:#fff}.topbar .r{margin-left:auto;display:flex;gap:20px}
.nav .dd{position:relative}
.nav .dd>div{display:none;position:absolute;top:100%;left:-16px;padding-top:12px}
.nav .dd>div>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 16px 40px rgba(22,27,38,.12);min-width:220px;display:flex;flex-direction:column}
.nav .dd>div a{padding:9px 12px;border-radius:8px}.nav .dd>div a:hover{background:#eef0f3}
.nav .dd:hover>div{display:block}
.sheet{position:relative;background:var(--steel);border:1px solid #cdd2d9;border-radius:var(--r);box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.06)}
.sheet:before{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(90deg,rgba(255,255,255,.4) 0 1px,transparent 1px 3px);pointer-events:none}
.bend{position:relative}
.bend:after{content:"";position:absolute;right:0;bottom:0;width:46px;height:46px;background:linear-gradient(135deg,transparent 50%,#c9ced6 50%,#eef0f3 75%);border-bottom-right-radius:var(--r)}
/* clients */
.logos{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.logos div{height:84px;display:grid;place-items:center;font-weight:800;letter-spacing:.06em;color:#7d8597;font-size:.95rem}
/* references */
.refs{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.ref{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.ref:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(22,27,38,.1)}
.ref img{aspect-ratio:16/9;object-fit:cover;width:100%}
.ref .b{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1}
.ref h3{font-size:1.25rem;color:var(--navy);line-height:1.25}
.res{display:flex;gap:24px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.res b{display:block;font-size:1.3rem;color:var(--accent)}.res span{font-size:.8rem;color:var(--muted)}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.filters button{padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:.9rem}
.filters button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.case-hero{position:relative;border-radius:20px;overflow:hidden;margin:32px 0}
.case-hero img{width:100%;aspect-ratio:21/9;object-fit:cover}
.case-g{display:grid;grid-template-columns:2fr 1fr;gap:40px;padding-bottom:64px}
.case-g h3{color:var(--navy);margin:24px 0 8px}
.case-g aside{padding:26px;align-self:start;position:sticky;top:96px}
.bigres{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}
.bigres div{padding:24px}.bigres b{font-size:2.2rem;color:var(--navy);display:block;letter-spacing:-.02em;position:relative}.bigres span{color:var(--muted);position:relative}
/* partners */
.partners{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.partner{padding:28px;display:flex;flex-direction:column;gap:10px}
.partner .pl{height:64px;display:flex;align-items:center;font-size:1.6rem;font-weight:800;color:var(--navy);letter-spacing:-.01em;position:relative}
.partner p{color:#3b4456;font-size:.93rem;position:relative}
.partner .mono{position:relative}
.pill{display:inline-block;background:var(--accent);color:#fff;font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:999px;position:relative;width:max-content}
/* history */
.tl{position:relative;padding-left:0}
.tl:before{content:"";position:absolute;left:120px;top:8px;bottom:8px;width:2px;background:linear-gradient(#c9ced6,var(--navy))}
.tl-i{display:grid;grid-template-columns:120px 1fr;gap:40px;padding:0 0 44px}
.tl-i .y{font-size:1.6rem;font-weight:800;color:var(--navy);text-align:right;padding-right:28px;position:relative}
.tl-i .y:after{content:"";position:absolute;right:-47px;top:12px;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--accent)}
.tl-i h3{color:var(--navy);font-size:1.25rem;margin-bottom:6px}
.tl-i p{color:#3b4456;max-width:620px}
.tl-i .c{padding:22px 26px}
.tl-i .c>*{position:relative}
.quote{padding:44px;font-size:1.35rem;line-height:1.45;color:var(--navy);font-weight:600}
.quote>*{position:relative}
.quote span{display:block;font-size:.9rem;color:var(--muted);font-weight:500;margin-top:16px}
@media (max-width:1000px){.logos{grid-template-columns:repeat(3,1fr)}.refs,.partners{grid-template-columns:1fr 1fr}.case-g{grid-template-columns:1fr}.hero-img{width:100%;clip-path:none;opacity:.25}.topbar .l{display:none}}
@media (max-width:620px){.refs,.partners,.bigres{grid-template-columns:1fr}.logos{grid-template-columns:1fr 1fr}.tl:before{left:8px}.tl-i{grid-template-columns:1fr;gap:6px;padding-left:32px}.tl-i .y{text-align:left}.tl-i .y:after{right:auto;left:-31px}.topbar{display:none}}
@media (max-width:1000px){.nav .dd>div{display:block;position:static;padding:4px 0 0}.nav .dd>div>div{border:0;box-shadow:none;padding:0 0 0 12px;min-width:0}}
.contacts .sheet>*{position:relative}.contacts b{color:var(--navy)}
.page-h:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.35) 0 1px,transparent 1px 3px)}
.svc .sheet{background:var(--steel)}
.hero .wrap>span,.hero h1,.hero p,.hero-cta{max-width:min(560px,46%)}
.cat:nth-child(7){grid-column:span 3;min-height:240px}
@media (max-width:1000px){.hero .wrap>span,.hero h1,.hero p,.hero-cta{max-width:100%}.cat:nth-child(7){grid-column:span 2}}
@media (max-width:620px){.cat:nth-child(7){grid-column:auto}}

/* brand */
h1,h2,.hero h1,.sec-h h2,.page-h h1,.pp h1,.cta h2,.quote,.cat h3,.tl-i .y,.partner .pl,.bigres b,.stat b{font-family:var(--display);font-weight:600;letter-spacing:-.015em}
.hero h1{letter-spacing:-.005em}
.logo{gap:12px}.logo .mark{width:52px;height:26px;color:var(--navy)}
.logo .wm{font-family:var(--logo);font-weight:400;letter-spacing:.14em;font-size:1.15rem;color:var(--navy)}
.ftr .logo .mark{color:var(--sky)}.ftr .logo .wm{color:var(--sky)}
.ftr{background:var(--navy)}.topbar{background:var(--navy-d)}
.mono{letter-spacing:.12em;font-weight:500;font-size:.74rem}
.btn-a{background:var(--accent)}.btn-a:hover{background:var(--navy);box-shadow:0 8px 28px rgba(7,58,121,.3)}
.cta{background:var(--navy) url(../img/lines.svg) right center/auto 140% no-repeat}
.cta .btn{background:var(--sky);color:var(--navy)}.cta .btn:hover{background:#fff}
.pattern{height:72px;background:var(--navy) url(../img/pattern.svg) left bottom/auto 72px repeat-x}
.hero-img:after{background:linear-gradient(90deg,rgba(7,58,121,.35),transparent 40%)}
.badge{background:var(--navy)}
.why .n,.res b,.accent{color:var(--accent)}
.step:before{background:var(--accent)}
.tl-i .y:after{border-color:var(--accent)}
.pill{background:var(--sky);color:var(--navy)}
.cat:after{background:linear-gradient(0deg,rgba(7,58,121,.92) 8%,transparent 65%)}
/* ===== header v2 ===== */
.topbar{background:#fff;color:var(--ink);border-bottom:1px solid var(--line);font-size:.88rem}
.topbar .wrap{height:44px;gap:28px}
.toplinks{display:flex;gap:26px}.toplinks a{font-weight:500}.toplinks a:hover,.toplinks a.on{color:var(--accent)}
.topbar .r{margin-left:auto;display:flex;gap:26px;align-items:center}
.topbar .addr{color:var(--muted)}.tphone{font-weight:700;color:var(--navy);font-size:.95rem}
.topbar .burger{display:none}
.hdr{position:sticky;top:0;z-index:60;background:#fff;backdrop-filter:none;border-bottom:1px solid var(--line)}
.hdr .wrap.hdr-main{height:84px;gap:20px}
.catbtn{display:flex;align-items:center;gap:12px;background:var(--navy);color:#fff;font-weight:600;font-size:1rem;padding:0 26px;height:50px;border-radius:8px;transition:background .2s;flex-shrink:0}
.catbtn:hover,.catbtn.on{background:var(--accent)}
.catbtn .ic{display:flex;flex-direction:column;gap:4px;width:18px}.catbtn .ic i{height:2px;background:#fff;border-radius:2px;transition:transform .2s,opacity .2s}
.catbtn.on .ic i:nth-child(1){transform:translateY(6px) rotate(45deg)}.catbtn.on .ic i:nth-child(2){opacity:0}.catbtn.on .ic i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.search{flex:1;display:flex;position:relative;height:50px;border:2px solid var(--navy);border-radius:8px}
.search input{flex:1;border:0;outline:0;padding:0 18px;font:inherit;font-size:.95rem;border-radius:6px 0 0 6px;min-width:0}
.search>button{background:var(--navy);color:#fff;font-weight:600;padding:0 30px;border-radius:0 5px 5px 0}
.search>button:hover{background:var(--accent)}
.sugg{display:none;position:absolute;top:calc(100% + 6px);left:-2px;right:-2px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 20px 40px rgba(7,58,121,.15);padding:6px;z-index:5}
.sugg.open{display:block}
.sugg a{display:flex;gap:12px;align-items:center;padding:8px 10px;border-radius:8px}.sugg a:hover{background:#eef3f8}
.sugg img{width:56px;height:42px;object-fit:cover;border-radius:6px}
.sugg b{display:block;font-weight:600;font-size:.92rem}.sugg small{color:var(--muted)}
.sugg .sc{font-size:.9rem;color:var(--muted)}.sugg .sc b{display:inline;color:var(--navy)}
.sugg .none{padding:12px;color:var(--muted);font-size:.9rem}.sugg .none button{color:var(--accent);font-weight:600;text-decoration:underline}
.hdr-cta{height:50px;border-radius:8px}
.catstrip{border-top:1px solid var(--line)}
.catstrip .wrap{display:flex;gap:30px;height:50px;align-items:center;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.catstrip a{font-weight:500;font-size:.93rem;color:var(--ink)}.catstrip a:hover{color:var(--accent)}.catstrip .all{color:var(--accent);margin-left:auto}
/* mega */
.mega{display:none;position:absolute;left:0;right:0;top:100%;height:calc(100vh - 100%);background:rgba(7,25,60,.35)}
.mega.open{display:block}
.mega-in{display:grid;grid-template-columns:330px 1fr;background:#fff;border-radius:0 0 14px 14px;box-shadow:0 30px 60px rgba(7,58,121,.2);padding:0!important;overflow:hidden;max-height:calc(100vh - 200px)}
.mega-l{background:#f1f5f9;padding:12px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}
.mega-l a{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;font-weight:500;font-size:.94rem}
.mega-l a img{width:48px;height:36px;object-fit:cover;border-radius:6px;flex-shrink:0}
.mega-l a span{margin-left:auto;color:var(--muted)}
.mega-l a.on,.mega-l a:hover{background:#fff;color:var(--navy);box-shadow:0 2px 8px rgba(7,58,121,.08)}
.mega-r{padding:28px 32px;overflow-y:auto}
.mega-h{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}
.mega-h h3{font-family:var(--display);font-weight:700;font-size:1.7rem;color:var(--navy)}.mega-h p{color:var(--muted);font-size:.92rem;margin-top:4px}
.mega-g{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mega-g a{border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:box-shadow .2s,border-color .2s}
.mega-g a:hover{border-color:var(--accent);box-shadow:0 10px 24px rgba(7,58,121,.12)}
.mega-g img{aspect-ratio:16/10;object-fit:cover;width:100%}
.mega-g b{display:block;padding:10px 12px 2px;font-weight:600;font-size:.92rem;line-height:1.3}.mega-g span{display:block;padding:0 12px 12px;color:var(--accent);font-weight:600;font-size:.88rem}
/* slider */
.slider-sec{padding:24px 0 0}
.slider{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:1240/420;background:var(--navy-d)}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .7s;pointer-events:none}
.slide.on{opacity:1;pointer-events:auto}
.slide img{width:100%;height:100%;object-fit:cover}
.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(30,20,87,.88) 0%,rgba(7,58,121,.6) 42%,transparent 75%)}
.slide-t{position:absolute;left:64px;top:50%;transform:translateY(-50%);z-index:1;color:#fff;max-width:520px}
.slide-t h2{font-family:var(--display);font-weight:700;font-size:clamp(1.8rem,4vw,3.4rem);line-height:1.05;margin-bottom:14px}
.slide-t p{color:#d6e6f5;font-size:1.05rem;margin-bottom:24px}
.slide-t .btn{background:var(--sky);color:var(--navy)}
.slide:hover .slide-t .btn{background:#fff}
.sl-prev,.sl-next{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:46px;height:46px;border-radius:50%;background:#fff;color:var(--navy);font-size:1.2rem;box-shadow:0 6px 18px rgba(0,0,0,.2)}
.sl-prev{left:16px}.sl-next{right:16px}.sl-prev:hover,.sl-next:hover{background:var(--sky)}
.dots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:2}
.dots button{width:28px;height:4px;border-radius:2px;background:rgba(255,255,255,.4)}.dots button.on{background:#fff}
.benefits{padding:40px 0 16px}
.bn{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.bn div{padding:4px 26px;border-left:1px solid var(--line)}.bn div:first-child{border-left:0;padding-left:0}
.bn b{display:block;color:var(--navy);font-weight:600;margin-bottom:6px}.bn span{color:var(--muted);font-size:.9rem}
@media (max-width:1000px){
  .topbar .burger{display:block;margin-left:-8px}.topbar .burger span{background:var(--navy)}
  .toplinks{display:none;position:absolute;top:44px;left:0;right:0;flex-direction:column;background:#fff;padding:16px 24px;border-bottom:1px solid var(--line);z-index:70;gap:14px}
  .toplinks.open{display:flex}
  .topbar .addr{display:none}
  .hdr .wrap.hdr-main{flex-wrap:wrap;height:auto;padding-top:12px;padding-bottom:12px;gap:10px}
  .hdr-main .logo{margin-right:auto}.search{order:5;flex-basis:100%;height:46px}.catbtn{height:44px;padding:0 18px}.hdr-cta{display:none}
  .mega-in{grid-template-columns:1fr;max-height:calc(100vh - 180px);border-radius:0}.mega-r{display:none}
  .slider{aspect-ratio:4/3}.slide-t{left:24px;right:24px}
  .bn{grid-template-columns:1fr 1fr;gap:20px}.bn div{border:0;padding:0}
}
@media (max-width:620px){.catstrip{display:none}.slider{aspect-ratio:4/5}.slide:after{background:linear-gradient(0deg,rgba(30,20,87,.92) 10%,rgba(7,58,121,.3) 70%)}.slide-t{top:auto;bottom:40px;transform:none}.sl-prev,.sl-next{display:none}.search>button{padding:0 16px}.logo .wm{font-size:1rem}}
.mega-in{height:auto!important;align-items:stretch}
.hdr .mega-in{display:grid;grid-template-columns:330px 1fr;gap:0}
@media (max-width:1000px){.hdr .mega-in{grid-template-columns:1fr}}
@media (max-width:620px){.topbar{display:block}.topbar .wrap{height:40px}.toplinks{top:40px}}
.topbar{position:relative;z-index:70}
.tdd{position:relative;display:flex;align-items:center;height:100%}
.tdd>a{display:flex;align-items:center;gap:6px}
.tdd>a svg{transition:transform .2s}
.tdd-m{display:none;position:absolute;top:100%;left:-14px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 16px 36px rgba(7,58,121,.14);padding:6px;min-width:220px;flex-direction:column}
.tdd-m a{padding:9px 12px;border-radius:7px;font-weight:500}
.tdd-m a:hover,.tdd-m a.on{background:#eef3f8;color:var(--accent)}
.tdd:hover .tdd-m,.tdd:focus-within .tdd-m{display:flex}
.tdd:hover>a svg{transform:rotate(180deg)}
.toplinks{height:100%;align-items:center}
@media (max-width:1000px){.tdd{flex-direction:column;align-items:flex-start;height:auto}.tdd>a svg{display:none}.tdd-m{display:flex;position:static;border:0;box-shadow:none;padding:6px 0 0 14px;min-width:0}.tdd-m a{padding:6px 0;color:var(--muted)}}
.search{border:1px solid #a9b3bf;background:linear-gradient(180deg,#f4f6f8 0%,#e1e5ea 48%,#d3d9e0 52%,#e6eaee 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(0,0,0,.05),0 1px 2px rgba(7,25,60,.06);overflow:visible}
.search:before{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(90deg,rgba(255,255,255,.35) 0 1px,transparent 1px 3px);pointer-events:none}
.search input{background:transparent;color:var(--ink);position:relative}
.search input::placeholder{color:#6b7684}
.search:focus-within{border-color:var(--accent);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 0 0 3px rgba(52,90,173,.15)}
.search>button{position:relative;border-radius:0 7px 7px 0}
/* metal-sheet parallelogram buttons */
.btn-o{border:0!important;border-radius:0!important;padding-left:34px;padding-right:34px;color:var(--navy);
  clip-path:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%);
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.32) 0 1px,transparent 1px 3px),
    linear-gradient(180deg,#f5f7f9 0%,#dde2e8 46%,#c9d0d8 54%,#e3e7ec 100%);
  filter:drop-shadow(0 1px 0 #9aa5b2) drop-shadow(0 2px 3px rgba(7,25,60,.12));
  transition:background .2s,transform .15s,color .2s}
.btn-o:hover{color:#fff;background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 1px,transparent 1px 3px),
    linear-gradient(180deg,#5d6b7c 0%,#3e4b5b 48%,#2f3a48 52%,#465363 100%)}
.btn-o.btn-sm{padding-left:28px;padding-right:28px;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}
.card-f .btn-o{pointer-events:none}.card:hover .card-f .btn-o{color:#fff;background:repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 1px,transparent 1px 3px),linear-gradient(180deg,#5d6b7c 0%,#3e4b5b 48%,#2f3a48 52%,#465363 100%)}

/* ===== v12: однотонный серый, закреплённая шапка, иконки, конфигуратор ===== */
:root{--steel:#E9EDF1;--plate:#DDE2E8;--plate-b:#C3CBD4;--graphite:#3E4B5B}
.hero:before,.sheet:before,.page-h:before,.search:before{display:none}
.light,.page-h,.hero{background:#E9EDF1}
.sheet,.svc .sheet{background:#DDE2E8;border-color:#C3CBD4;box-shadow:none}
.bend:after{background:linear-gradient(135deg,transparent 50%,#C3CBD4 50%)}
.tl:before{background:#C3CBD4}
.cta[style*="--steel"]{background:#E9EDF1 !important}
/* поиск */
.search{background:#E4E8ED;border:1px solid #A9B3BF;box-shadow:none}
.search input{background:transparent}
/* кнопки-параллелограммы однотонные */
.btn-o,.card-f .btn-o{background:#DDE2E8 !important;border-color:#C3CBD4 !important;color:var(--navy) !important}
.btn-o:hover,.card:hover .card-f .btn-o{background:#3E4B5B !important;border-color:#3E4B5B !important;color:#fff !important}
/* телефон при наведении */
.topbar a:hover,.topbar .tphone:hover{color:var(--accent)}
.toplinks a:hover{color:var(--accent)}
/* закреплённая шапка */
.topbar{position:sticky;top:0;z-index:70;transition:height .2s}
.topbar .wrap{transition:height .2s}
.hdr{top:44px;transition:top .2s}
.hdr .wrap.hdr-main{transition:height .2s}
body.scrolled .topbar .wrap{height:34px}
body.scrolled .hdr{top:34px;box-shadow:0 6px 18px rgba(7,25,60,.08)}
body.scrolled .hdr .wrap.hdr-main{height:64px}
body.scrolled .catstrip{display:none}
.hdr.mega-on .catstrip{display:none}
.mega{height:calc(100vh - 100% - 44px)}
@media (max-width:620px){.hdr{top:40px}body.scrolled .topbar .wrap{height:40px}body.scrolled .hdr{top:40px}body.scrolled .hdr .wrap.hdr-main{height:auto}}
/* иконки преимуществ */
.bn-ic{display:inline-flex;align-items:center;justify-content:center;width:64px;height:44px;margin-bottom:14px;background:#DDE2E8;border:1px solid #C3CBD4;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);color:#345aad}
.bn-ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:miter;stroke-linecap:square}
.bn b{margin-top:0}
/* класс машины */
.cls{display:flex;align-items:center;gap:10px;margin:10px 0 4px}
.cls-l{font-size:.78rem;font-weight:600;color:var(--navy);text-transform:uppercase;letter-spacing:.06em}
.cls-s{display:flex;gap:3px}.cls-s i{width:22px;height:6px;background:#C3CBD4;transform:skewX(-20deg)}.cls-s i.on{background:#345aad}
.cls-xl{font-size:.72rem;font-weight:700;color:#fff;background:var(--navy);padding:2px 8px;transform:skewX(-12deg)}
/* конфигуратор */
.ov{cursor:pointer}.ov.na{opacity:1}
.custom-len{margin-top:10px;max-width:320px}
.rate-note{display:block;color:var(--muted);font-size:.8rem;margin-top:6px;font-weight:400}
.buybox .price{line-height:1.15}
/* сравнение */
.cmp th{vertical-align:bottom}.cmp th a{color:var(--navy);font-weight:700;font-size:1.02rem}.cmp th small{display:block;color:var(--muted);font-weight:500;font-size:.78rem}
.cmp td:first-child{font-weight:600;color:var(--navy);white-space:nowrap}
.cmp td,.cmp th{min-width:170px}.cmp td:first-child{min-width:130px}
.cmp .on{background:#E9EDF1}
.cmp-box{margin-top:56px}
/* лазер вместо плазмы */
.plasma{padding:32px;margin-top:8px;display:grid;gap:22px}
.plasma h2{font-size:1.6rem;color:var(--navy);margin-top:6px}
.plasma-g{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.plasma-g b{display:block;color:var(--navy);margin-bottom:6px}.plasma-g p{color:#3b4456;font-size:.94rem}
@media (max-width:800px){.plasma-g{grid-template-columns:1fr}}
/* подразделы и вкладки */
.pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.pill{border:1px solid #C3CBD4;background:#DDE2E8;color:var(--navy);padding:8px 16px;font:500 .88rem/1.2 inherit;font-family:inherit;cursor:pointer;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.pill span{color:var(--muted);margin-left:4px}.pill.on{background:var(--navy);color:#fff;border-color:var(--navy)}.pill.on span{color:#bcd3ee}
.pill:hover:not(.on){background:#3E4B5B;color:#fff}.pill:hover:not(.on) span{color:#d5dbe3}
.mega-subs{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;margin-top:8px}
.mega-subs a{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);color:var(--ink);font-weight:500}
.mega-subs a span{color:var(--muted)}.mega-subs a:hover{color:var(--accent)}
/* партнёры */
.keyp{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:36px 40px}
.keyp .pl{font-size:2.2rem;color:var(--navy);margin:8px 0 10px;font-family:var(--display);font-weight:700}.keyp p{color:#3b4456;max-width:720px}
.gisp{display:inline-block;margin-top:12px;font-size:.78rem;font-weight:600;color:#fff;background:#345aad;padding:4px 10px}
.svcp{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.svcp .sheet{padding:20px}.svcp b{display:block;color:var(--navy);font-size:1.1rem}.svcp span{color:var(--muted);font-size:.88rem}
.ph-logo{border:1.5px dashed #C3CBD4;border-radius:var(--r);min-height:92px;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;color:var(--muted);font-size:.82rem}
@media (max-width:1000px){.svcp{grid-template-columns:1fr 1fr}.keyp{flex-direction:column;align-items:flex-start}}
/* карта */
.map-box{border-radius:var(--r);overflow:hidden;border:1px solid #C3CBD4;height:440px;background:#E9EDF1}
.map-box iframe{width:100%;height:100%;border:0;display:block}
.map-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
/* ловушка для ботов */
.hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;opacity:0}
.hdr .mega-in{align-items:stretch;height:auto}
.hdr .mega-l{justify-content:flex-start}
.cmp-box,.tscroll{max-width:100%;overflow-x:auto}
.cat-layout>div{min-width:0}

/* ===== v14 ===== */
/* кнопка «Заявка» и все акцентные: в покое тёмная, при наведении светлее */
.btn-a{background:var(--navy);color:#fff}
.btn-a:hover{background:var(--accent);box-shadow:0 8px 26px rgba(52,90,173,.28)}

/* фиксированная шапка без скачков */
.hwrap{position:fixed;top:0;left:0;right:0;z-index:80}
.hwrap .topbar,.hwrap .hdr{position:relative!important;top:auto!important}
.hspace{height:180px}
body.scrolled .hwrap .hdr{top:auto!important}
.catstrip{transition:none}
.side,.pp-img,.case-g aside{top:124px}
html{scroll-padding-top:130px}

/* почта в шапке */
.topbar .tmail{color:var(--ink);font-weight:500}
.topbar .tmail:hover{color:var(--accent)}
.m-contacts{display:none}

/* бургер и мобильное меню */
.burger{position:relative;cursor:pointer;background:none;border:0}
.burger span{transition:transform .2s,opacity .2s}
.burger.x span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.burger.x span:nth-child(2){opacity:0}
.burger.x span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.nav-veil{display:none}
@media (max-width:1000px){
  .topbar .tmail{display:none}
  .toplinks{height:auto!important;align-items:stretch!important;gap:0!important;padding:6px 20px 20px!important;max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 18px 40px rgba(7,25,60,.16)}
  .toplinks>a,.toplinks .tdd>a{display:flex;justify-content:space-between;align-items:center;padding:14px 2px;border-bottom:1px solid var(--line);font-size:1rem;color:var(--ink)}
  .toplinks .tdd{display:block;height:auto;border:0}
  .toplinks .tdd>a svg{display:block!important;transition:transform .2s}
  .toplinks .tdd.open>a svg{transform:rotate(180deg)}
  .toplinks .tdd-m{display:none!important;position:static;border:0;box-shadow:none;background:#f4f6f9;border-radius:8px;margin:8px 0;padding:4px 14px;min-width:0}
  .toplinks .tdd.open .tdd-m{display:flex!important;flex-direction:column}
  .toplinks .tdd-m a{padding:11px 0;color:var(--muted);border-bottom:1px solid #e3e7ec}
  .toplinks .tdd-m a:last-child{border-bottom:0}
  .tdd:hover .tdd-m{display:none}
  .m-contacts{display:flex;flex-direction:column;gap:10px;padding-top:18px}
  .m-contacts .tphone{font-size:1.1rem}
  .m-contacts span{color:var(--muted);font-size:.9rem}
  .nav-veil.on{display:block;position:fixed;inset:0;background:rgba(14,24,44,.35);z-index:75}
  html.nav-lock,html.nav-lock body{overflow:hidden}
}

/* соцсети */
.soc{display:flex;gap:10px;flex-wrap:wrap}
.soc a{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#E4E8ED;color:#5d6a7c;transition:background .2s,color .2s}
.soc a svg{width:22px;height:22px}
.soc a:hover{background:var(--navy);color:#fff}
.soc-f{margin-top:16px}
.soc-f a{background:rgba(255,255,255,.1);color:#c9d6ea}
.soc-f a:hover{background:#fff;color:var(--navy)}
.soc-l{flex-direction:column;gap:8px;margin-top:14px}
.soc-l a{width:auto;height:auto;display:flex;align-items:center;gap:12px;padding:10px 14px;justify-content:flex-start;font-weight:600;color:var(--ink);background:#fff;border:1px solid var(--line)}
.soc-l a svg{color:#5d6a7c}
.soc-l a:hover svg{color:#fff}

/* открытые источники */
.openinfo{padding:32px}
.oi-g{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;position:relative}
.oi-g h3{color:var(--navy);margin:6px 0 8px;font-size:1.3rem}
.oi-g p{color:var(--muted)}
.oi-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
@media (max-width:820px){.oi-g{grid-template-columns:1fr;gap:28px}.openinfo{padding:22px}}

/* логотипы: серые, при наведении — родные цвета */
.logos{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.lg-tile{height:96px;display:flex!important;align-items:center;justify-content:center;padding:16px 22px;background:#fff!important;border:1px solid var(--line);transition:border-color .2s,box-shadow .2s}
.lg-tile img{max-width:100%;max-height:52px;object-fit:contain;filter:grayscale(1) contrast(.9) opacity(.62);transition:filter .25s}
.lg-tile:hover{border-color:#a9b3bf;box-shadow:0 8px 22px rgba(7,25,60,.08)}
.lg-tile:hover img{filter:none}
.ref-lg{display:block;height:30px;max-width:150px;object-fit:contain;object-position:left;margin-bottom:12px;filter:grayscale(1) opacity(.6);transition:filter .25s}
.ref:hover .ref-lg{filter:none}
.lg-inline{display:inline-block;margin:-4px 0 14px}.lg-inline img{height:36px;filter:grayscale(1) opacity(.6);transition:filter .25s}.lg-inline:hover img{filter:none}
.pl-lg{display:flex;align-items:center;height:56px;margin-bottom:14px;position:relative}
.pl-lg img{max-height:46px;max-width:190px;object-fit:contain;filter:grayscale(1) opacity(.62);transition:filter .25s}
a.pl-lg:hover img,.partner:hover .pl-lg img,.svc-lg:hover .pl-lg img{filter:none}
.pl-txt{font-family:var(--display);font-weight:700;font-size:1.5rem;color:#6b7686}
.svc-lg .pl-lg{height:44px;margin-bottom:10px}.svc-lg .pl-lg img{max-height:36px;max-width:140px}

/* фильтры каталога */
.fbox{border:1px solid var(--line);background:#fff;border-radius:12px;margin:0 0 20px;padding:4px 18px}
.fb-h{display:flex;align-items:center;justify-content:space-between;gap:12px}
.fb-t{background:none;border:0;font:inherit;font-weight:700;color:var(--navy);padding:12px 0;cursor:pointer;display:flex;align-items:center;gap:8px}
.fb-t:after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.fb-t[aria-expanded="true"]:after{transform:rotate(-135deg) translateY(-1px)}
.fb-n{background:var(--navy);color:#fff;border-radius:10px;font-size:.75rem;padding:2px 8px}
.fb-r{background:none;border:0;color:var(--accent);font:inherit;font-size:.9rem;cursor:pointer}
.fb-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px 28px;padding:4px 0 18px;border-top:1px solid var(--line);padding-top:14px}
.fb-g[hidden]{display:none}
.fg-l{display:block;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:8px}
.fg-v{display:flex;flex-wrap:wrap;gap:6px}
.fv{border:1px solid #c3cbd4;background:#fff;border-radius:6px;padding:6px 11px;font:inherit;font-size:.85rem;color:var(--ink);cursor:pointer;transition:all .15s}
.fv:hover{border-color:var(--navy)}
.fv.on{background:var(--navy);border-color:var(--navy);color:#fff}
.fv:disabled{opacity:.38;cursor:default}

/* полезные материалы */
.mat-g{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mat{padding:30px;display:flex;flex-direction:column;gap:10px;min-height:230px}
.mat h3{color:var(--navy);font-size:1.4rem;position:relative}.mat p{color:var(--muted);position:relative}
.mat .more,.art .more{margin-top:auto;font-weight:700;color:var(--accent);position:relative}
.arts{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px}
.art{display:flex;flex-direction:column;overflow:hidden;padding:0}
.art img{width:100%;aspect-ratio:16/9;object-fit:cover}
.art .b{padding:22px;display:flex;flex-direction:column;gap:8px;flex:1;position:relative}
.art h3{color:var(--navy);font-size:1.25rem}.art p{color:var(--muted)}
.art-g{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start}
.art-body{max-width:760px}.art-body h2{font-size:1.6rem;color:var(--navy);margin:34px 0 12px}
.art-body ul{margin:0 0 16px 20px;color:#3b4456}.art-body li{margin-bottom:8px}
.art-hero{width:100%;border-radius:var(--r);margin-bottom:26px;aspect-ratio:16/8;object-fit:cover}
.art-aside{padding:26px;position:sticky;top:124px}.art-aside h3{color:var(--navy);margin:6px 0 8px;position:relative}.art-aside p{color:var(--muted);margin-bottom:16px;position:relative}
.art-rel{display:flex;flex-direction:column;gap:10px;margin-top:20px;position:relative}.art-rel a{color:var(--accent);font-weight:600}
.vid-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;padding:32px;margin-bottom:28px}
.vid-hero h2{color:var(--navy);margin:6px 0 10px;position:relative}.vid-hero p{color:var(--muted);position:relative}
.vid-hero img{width:100%;border-radius:12px;aspect-ratio:16/10;object-fit:cover;position:relative}
.vids{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px}
.vid{padding:16px}.vid-f{aspect-ratio:16/9;border-radius:10px;overflow:hidden;margin-bottom:12px;position:relative}.vid-f iframe{width:100%;height:100%;border:0}
@media (max-width:1000px){.mat-g{grid-template-columns:1fr}.art-g{grid-template-columns:1fr}.art-aside{position:static}.vid-hero{grid-template-columns:1fr}}
@media (max-width:620px){.arts,.vids{grid-template-columns:1fr}.fb-g{grid-template-columns:1fr}}
.oi-links .btn-o{background:#fff;clip-path:none;border:1px solid #c3cbd4;border-radius:8px;transform:none}
.oi-links .btn-o:hover{border-color:var(--navy);background:#fff;color:var(--navy)}

/* ===== v15 ===== */
/* history: линия посередине между годами и карточками, точки по центру линии */
.tl:before{left:139px}
.tl-i .y:after{right:-27px}
@media (max-width:620px){.tl:before{left:8px}.tl-i .y:after{right:auto;left:-30px}}

/* карточка: подписи характеристик без плашки */
.crow-w{display:flex;flex-direction:column;gap:6px;margin:12px 0 4px;position:relative}
.crow{display:grid;grid-template-columns:78px 1fr;gap:8px;align-items:baseline}
.crow-l{font-size:.74rem;color:var(--muted);line-height:1.2;padding-top:4px}
.crow .chips{display:flex;flex-wrap:wrap;gap:4px;margin:0}
/* конфигуратор: подпись слева, значения в ряд */
.opts{display:flex;flex-direction:column;gap:12px;margin:18px 0 22px}
.opts .opt{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:center;margin:0}
.opts .opt label{margin:0;font-size:.82rem;line-height:1.25}
.opts .opt .custom-len{grid-column:2}
@media (max-width:620px){.opts .opt{grid-template-columns:1fr;gap:6px}.opts .opt .custom-len{grid-column:1}}
.ru-flag{display:inline-block;margin:4px 0 14px;font-size:.78rem;font-weight:600;color:#fff;background:var(--accent);padding:4px 10px}
.g-auto{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}

/* уровни автоматизации */
.lvl-box{margin:8px 0 32px}
.lvl-sub{color:var(--muted);max-width:460px;font-size:.95rem}
.lvl{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:l}
.lvl-i{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px 22px 24px;background:#fff;border:1px solid var(--line);margin-left:-1px;transition:background .2s}
.lvl-i:first-child{border-radius:var(--r) 0 0 var(--r);margin-left:0}.lvl-i:last-child{border-radius:0 var(--r) var(--r) 0}
.lvl-i:not(:last-child):after{content:"";position:absolute;right:-9px;top:34px;width:16px;height:16px;background:#fff;border-top:1px solid var(--line);border-right:1px solid var(--line);transform:rotate(45deg);z-index:2}
.lvl-i:hover,.lvl-i.on{background:#eef3fa}.lvl-i.on:not(:last-child):after,.lvl-i:hover:not(:last-child):after{background:#eef3fa}
.lvl-n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:700;font-size:.9rem;margin-bottom:6px}
.lvl-i b{font-family:var(--display);font-weight:700;font-size:1.35rem;color:var(--navy)}
.lvl-i p{color:var(--muted);font-size:.86rem}
.lvl-i .mono{font-size:.7rem}
@media (max-width:1000px){.lvl{grid-template-columns:1fr 1fr;gap:12px}.lvl-i,.lvl-i:first-child,.lvl-i:last-child{border-radius:var(--r);margin:0}.lvl-i:after{display:none}}
@media (max-width:620px){.lvl{grid-template-columns:1fr}}

/* калькулятор лизинга */
.mbox.wide{max-width:980px;max-height:92vh;overflow:auto}
.lc{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:start}
.lc-in{display:flex;flex-direction:column;gap:18px}
.lc-f{display:flex;flex-direction:column;gap:8px;font-size:.88rem;color:var(--muted)}
.lc-f>span{display:flex;justify-content:space-between;gap:10px}
.lc-f b{color:var(--navy);font-weight:600}
.lc-f select.input{appearance:auto}
.lc input[type=range]{width:100%;accent-color:var(--accent);height:24px}
.lc-ck{display:flex;gap:10px;align-items:center;font-size:.9rem;font-weight:600;color:var(--navy);cursor:pointer}
.lc-ck input{width:18px;height:18px;accent-color:var(--accent)}
.lc-seg{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.lc-seg button{padding:10px 8px;font-size:.82rem;color:var(--muted);background:#fff}
.lc-seg button+button{border-left:1px solid var(--line)}
.lc-seg button.on{background:var(--navy);color:#fff}
.lc-out{background:linear-gradient(140deg,var(--navy),var(--navy-d));color:#fff;border-radius:var(--r);padding:26px;display:flex;flex-direction:column;gap:14px}
.lc-out .mono{color:#bcd3ee}
.lc-big small{display:block;opacity:.8;font-size:.82rem}
.lc-big b{font-size:2rem;font-weight:700;letter-spacing:-.02em}
.lc-rows{display:flex;flex-direction:column}
.lc-rows div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.16);font-size:.88rem}
.lc-rows span{opacity:.82}.lc-rows b{text-align:right;font-weight:600}
.lc-warn{background:rgba(255,255,255,.12);padding:10px 12px;border-radius:8px;font-size:.82rem}
.lc-note{font-size:.76rem;opacity:.72;line-height:1.45}
.lc-out .btn{background:#fff;color:var(--navy);width:100%;margin:0}
@media (max-width:820px){.lc{grid-template-columns:1fr}}
#calc .lc{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px}
/* ФРП */
.frp{padding:40px}.frp>*{position:relative}
.frp-h{max-width:820px}.frp-h h2{color:var(--navy);font-size:clamp(1.6rem,3vw,2.3rem);margin:8px 0 12px;line-height:1.1}.frp-h p{color:#3b4456}
.frp-a{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.frp-a .btn{margin:0;flex:none}
.frp-g{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}
.frp-g div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}
.frp-g b{display:block;font-family:var(--display);font-weight:700;font-size:1.6rem;color:var(--navy)}
.frp-g span{color:var(--muted);font-size:.88rem}
.frp-c{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.frp-c h4{color:var(--navy);margin-bottom:6px}.frp-c p{color:#3b4456;font-size:.92rem}
@media (max-width:1000px){.frp-g,.frp-c{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.frp{padding:24px}.frp-g,.frp-c{grid-template-columns:1fr}}
/* банки */
.banks{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bank{display:flex;flex-direction:column;gap:8px;padding:24px}.bank>*{position:relative}
.bank-lg{height:64px;display:flex;align-items:center;background:#fff;border-radius:10px;padding:10px 14px;margin-bottom:6px}
.bank-lg img{max-height:44px;max-width:200px;object-fit:contain}
.bank b{color:var(--navy);font-size:1.05rem}
.frp-m{align-self:flex-start;font-size:.74rem;font-weight:600;color:#fff;background:#345aad;padding:3px 9px}
#finance{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:820px){.banks,#finance{grid-template-columns:1fr}}
.marks{display:flex;flex-wrap:wrap;gap:6px;position:relative}.marks .gisp{margin-top:6px}
.key-lg{margin-bottom:8px}.key-lg img{max-height:56px;max-width:200px}

/* сервис */
.svc-hero{padding-bottom:56px}
.sh-g{display:grid;grid-template-columns:1.25fr .9fr;gap:48px;align-items:center}
.sh-lead{color:#3b4456;max-width:640px;margin-top:14px}
.sh-f{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0}
.sh-f div{background:rgba(255,255,255,.75);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.sh-f b{display:block;font-family:var(--display);font-weight:700;font-size:1.45rem;color:var(--navy);line-height:1.15}
.sh-f span{color:var(--muted);font-size:.82rem}
.sh-b{display:flex;gap:12px;flex-wrap:wrap}.sh-b .btn{margin:0;flex:none}
.boss{margin:0;padding:0;overflow:hidden;background:#fff}
.boss img{width:100%;aspect-ratio:4/4.2;object-fit:cover;object-position:center 20%;position:relative}
.boss blockquote{padding:22px 24px 8px;font-family:var(--display);font-weight:500;font-size:1.05rem;line-height:1.45;color:var(--navy);position:relative}
.boss figcaption{padding:0 24px 22px;display:flex;flex-direction:column;position:relative}
.boss figcaption b{color:var(--ink)}.boss figcaption span{color:var(--muted);font-size:.86rem}
.syn{display:grid;grid-template-columns:1fr 44px 1fr 44px 1fr;align-items:stretch}
.syn-i{padding:28px}.syn-i>*{position:relative}
.syn-n{font-family:var(--display);font-weight:700;font-size:2.4rem;color:var(--accent);line-height:1}
.syn-i h3{color:var(--navy);font-size:1.4rem;margin:10px 0 8px}.syn-i p{color:#3b4456;font-size:.93rem}
.syn-a{position:relative}.syn-a:before{content:"";position:absolute;left:8px;right:8px;top:50%;height:2px;background:var(--accent)}
.syn-a:after{content:"";position:absolute;right:8px;top:calc(50% - 5px);width:10px;height:10px;border-top:2px solid var(--accent);border-right:2px solid var(--accent);transform:rotate(45deg)}
.svc6{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.svc6 .sheet{padding:26px}.svc6 .sheet>*{position:relative}
.svc6 h3{color:var(--navy);font-size:1.15rem;margin:10px 0 6px}.svc6 p{color:#3b4456;font-size:.92rem}
.mod-s{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mod-main{display:grid;grid-template-columns:1fr 1.15fr;gap:36px;padding:34px;align-items:center}.mod-main>*{position:relative}
.mod-t h3{color:var(--navy);font-family:var(--display);font-weight:700;font-size:1.8rem;margin:8px 0 10px;line-height:1.15}
.mod-t p{color:#3b4456}
.mod-c{display:flex;align-items:baseline;gap:10px;margin-top:18px;position:relative}
.mod-c b{font-family:var(--display);font-weight:700;font-size:2.4rem;color:var(--accent);line-height:1}
.mod-c span{color:var(--muted);font-size:.9rem}
.ba{width:100%;border-collapse:collapse;font-size:.9rem;background:#fff;border-radius:12px;overflow:hidden}
.ba th{text-align:left;padding:12px 14px;font-weight:600;color:var(--muted);font-size:.8rem;border-bottom:1px solid var(--line)}
.ba th:last-child{color:#fff;background:var(--navy)}
.ba td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.ba td:first-child{color:var(--muted);width:24%}
.ba td:last-child{background:#eef3fa;color:var(--navy);font-weight:600}
.ba tr:last-child td{border-bottom:0}
.mod-g{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.mod-g .sheet{padding:26px;display:flex;flex-direction:column;gap:8px}.mod-g .sheet>*{position:relative}
.mod-g h3{color:var(--navy);font-size:1.2rem}.mod-g p{color:#3b4456;font-size:.92rem}
.mod-g .btn{align-self:flex-start;margin:8px 0 0}
.dev{align-self:flex-start;font-size:.74rem;font-weight:600;color:var(--navy);border:1px dashed var(--navy);padding:3px 9px}
.mod-x{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 30px;margin-top:16px}.mod-x>*{position:relative}
.mod-x h3{color:var(--navy)}.mod-x p{color:var(--muted)}.mod-x .btn{margin:0;flex:none}
.case{display:grid;grid-template-columns:1fr 1.1fr;overflow:hidden}
.case-img img{width:100%;height:100%;object-fit:cover;min-height:360px;position:relative}
.case-b{padding:36px;display:flex;flex-direction:column;gap:14px}.case-b>*{position:relative}
.case-b h2{color:var(--navy);font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1.15}
.case-b p{color:#3b4456}
.case-r{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.case-r div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px}
.case-r b{display:block;font-family:var(--display);font-weight:700;font-size:1.4rem;color:var(--navy)}.case-r span{color:var(--muted);font-size:.82rem}
.case-l{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}
.case-l li{padding-left:18px;position:relative;color:var(--ink);font-size:.92rem}
.case-l li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;background:var(--accent)}
.case-b .btn{align-self:flex-start;margin:0}
.plans{width:100%;border-collapse:collapse;min-width:720px;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.plans th{padding:22px 16px 18px;text-align:center;font-family:var(--display);font-weight:700;font-size:1.3rem;color:var(--navy);border-bottom:1px solid var(--line);vertical-align:bottom;width:22%}
.plans th:first-child{width:34%}
.plans th b{display:block;font-family:var(--font);font-weight:700;font-size:1rem;color:var(--ink);margin-top:6px}
.plans td{padding:12px 16px;border-bottom:1px solid var(--line);text-align:center;font-size:.92rem}
.plans td:first-child{text-align:left;color:#3b4456}
.plans .on{background:#eef3fa}
.plans th.on{box-shadow:inset 0 3px 0 var(--accent)}
.pl-b{display:block;margin:0 auto 8px;width:max-content;font-family:var(--font);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--accent);padding:3px 10px}
.ck{color:var(--accent);font-weight:700}.no{color:#a9b1bd}
.pl-f td{border-bottom:0;padding:16px}.pl-f .btn{margin:0}
.pa{display:grid;grid-template-columns:320px 1fr;gap:28px;padding:28px 30px;margin-top:22px;align-items:center}.pa>*{position:relative}
.pa h3{color:var(--navy);font-family:var(--display);font-weight:700;font-size:1.5rem;margin-top:6px}.pa p{color:#3b4456}
.cta select.input{appearance:auto}.cta select option{color:#161b26}
@media (max-width:1000px){.sh-g,.mod-main,.case,.pa{grid-template-columns:1fr}.boss{max-width:460px}.syn{grid-template-columns:1fr}.syn-a{height:36px}.syn-a:before{left:50%;right:auto;top:6px;bottom:6px;width:2px;height:auto}.syn-a:after{right:auto;left:calc(50% - 5px);top:auto;bottom:6px;transform:rotate(135deg)}.svc6,.mod-g{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.sh-f,.svc6,.mod-g,.case-r,.case-l{grid-template-columns:1fr}.mod-main,.case-b{padding:22px}.mod-x{flex-direction:column;align-items:flex-start}.case-img img{min-height:220px}}
.lc{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.lc-f .input{width:100%;min-width:0}
@media (max-width:820px){.lc{grid-template-columns:minmax(0,1fr)}}
@media (max-width:620px){#calc .lc{padding:16px}.lc-out{padding:20px}.lc-big b{font-size:1.6rem}.ba{table-layout:fixed;font-size:.8rem}.ba th,.ba td{padding:9px 8px;word-break:break-word;hyphens:auto}.ba td:first-child{width:28%}}
.opts .opt{align-items:start}.opts .opt label{padding-top:11px}
@media (max-width:620px){.opts .opt label{padding-top:0}}
.tl-i .y:after{right:-30px;box-sizing:content-box}
@media (max-width:620px){.tl:before{left:10px}.tl-i .y:after{right:auto;left:-31px}}

/* ===== v16: крупные иконки и цифры ===== */
.bn-ic{width:68px;height:68px;margin-bottom:16px;background:none;border:0;clip-path:none;color:var(--navy);display:block}
.bn-ic svg{width:68px;height:68px;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.why .n{font-family:var(--display);font-weight:700;font-size:2.6rem;line-height:1;letter-spacing:-.02em;color:var(--accent);display:block}
.why h3{margin:22px 0 8px}
.kstats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.kstats>div{background:#fff;border-radius:var(--r);padding:30px 28px 34px;border:1px solid #e3e1dc}
.kstats .n{display:block;font-family:var(--display);font-weight:700;font-size:clamp(2.8rem,4.6vw,3.8rem);line-height:1;letter-spacing:-.03em;color:var(--accent)}
.kstats h3{color:var(--navy);font-size:1.15rem;margin:18px 0 8px}
.kstats p{color:#555b61;font-size:.93rem;max-width:240px}
.st-n{display:block;font-family:var(--display);font-weight:700;font-size:2.3rem;line-height:1;letter-spacing:-.02em;color:var(--accent);margin-top:6px}
.res b{font-family:var(--display);font-weight:700;font-size:1.85rem;line-height:1.1;letter-spacing:-.02em}
.case-r b,.sh-f b{font-weight:700}
@media (max-width:1000px){.kstats{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.kstats{grid-template-columns:1fr}.why .n{font-size:2.2rem}}

/* слово директора */
.ceo{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:0;overflow:hidden;padding:0;align-items:stretch}
.ceo-ph{position:relative;background:linear-gradient(160deg,#dbe4ee,#bbdaef);min-height:340px}
.ceo-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 0%}
.ceo-mono{display:none}
.ceo-ph.nophoto .ceo-mono{display:flex;position:absolute;inset:0;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;font-size:5rem;color:var(--navy);opacity:.35;letter-spacing:.04em}
.ceo-t{padding:48px 52px;display:flex;flex-direction:column;justify-content:center;position:relative}
.ceo-t blockquote{font-family:var(--display);font-weight:600;font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.3;letter-spacing:-.015em;color:var(--navy);margin:16px 0 26px}
.ceo-t figcaption b{display:block;font-size:1.05rem;color:var(--ink)}
.ceo-t figcaption span{color:var(--muted);font-size:.92rem}
@media (max-width:820px){.ceo{grid-template-columns:1fr}.ceo-ph{min-height:300px}.ceo-t{padding:30px 26px}}

/* группы каталога в строке разделов и мега-меню */
.catstrip .wrap{overflow:visible;gap:6px}
.catstrip .cs-a{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-weight:500;font-size:.95rem;color:var(--ink)}
.catstrip .cs-a:hover,.cs-dd:hover>.cs-a{color:var(--accent);background:#eef3f8}
.catstrip .gic{width:24px;height:24px;color:var(--navy);flex-shrink:0}
.catstrip .cs-a svg[viewBox="0 0 10 6"]{width:10px;height:6px;margin-left:2px;color:var(--muted)}
.cs-dd{position:relative}
.cs-m{display:none;position:absolute;left:0;top:100%;min-width:180px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 40px rgba(7,58,121,.16);padding:6px;z-index:30}
.cs-dd:hover .cs-m,.cs-dd:focus-within .cs-m{display:block}
.cs-m a{display:block;padding:9px 14px;border-radius:7px;font-weight:500;color:var(--ink)}
.cs-m a:hover{background:#eef3f8;color:var(--accent)}
.catstrip .all{margin-left:auto;padding:8px 0}
.mega-l{gap:4px}
.mega-l .mg{display:flex;flex-direction:column;gap:1px}
.mega-l .mg+.mg{border-top:1px solid #e1e6ec;padding-top:4px}
.mega-l a.mg-h{font-weight:600;font-size:1rem;color:var(--navy)}
.mega-l .mg-ic{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #dbe2ea;border-radius:10px;flex-shrink:0;color:var(--navy)}
.mega-l .mg-ic svg{width:28px;height:28px}
.mega-l .mg:has(.mg-s) a.mg-h{pointer-events:auto}
.mega-l a.mg-s{padding:7px 12px 7px 64px;font-size:.94rem;font-weight:500}
@media (max-width:1000px){.mega-l a.mg-s{padding-left:64px}}
.ceo>*{position:relative}
.mega-l a .mg-ic{margin-left:0;color:var(--navy)}

/* ===== формы заявок v16 ===== */
form.lf{display:grid!important;grid-template-columns:1fr 1fr;gap:12px 12px;align-items:start}
form.lf .fl-w,form.lf .fl-parts,form.lf .ctx{grid-column:1/-1}
form.lf .fl-parts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
form.lf .fl-parts[hidden]{display:none}
.fl{display:flex;flex-direction:column;gap:5px;min-width:0}
.fl>span,.ff-l{font-size:.8rem;font-weight:600;color:#3b4456}
.fl>span i{font-style:normal;color:#c2410c}
.ff-l em{font-style:normal;font-weight:400;color:var(--muted);margin-left:4px}
.fl .input{width:100%;min-width:0}
textarea.input.grow{min-height:120px;resize:vertical;line-height:1.45}
.ffile{gap:6px}
.ff-b{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border:1.5px dashed #b9c4d2;border-radius:10px;cursor:pointer;position:relative;background:rgba(255,255,255,.5)}
.ff-b:hover{border-color:var(--accent)}
.ff-b input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.ff-b b{font-size:.9rem;color:var(--accent)}
.ff-b small{font-size:.76rem;color:var(--muted)}
.ff-list{list-style:none;display:flex;flex-direction:column;gap:4px}
.ff-list li{display:flex;align-items:center;gap:10px;font-size:.85rem;background:#eef2f7;border-radius:8px;padding:6px 10px}
.ff-list li span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ff-list li small{color:var(--muted)}
.ff-list button{border:0;background:none;font-size:1.1rem;line-height:1;cursor:pointer;color:var(--muted)}
.ff-list .ff-err{background:#fdecec;color:#a11d1d}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:.8rem;line-height:1.45;color:#3b4456;cursor:pointer}
.chk input{width:18px;height:18px;margin-top:1px;flex-shrink:0;accent-color:var(--accent)}
.chk a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.cap:empty{display:none}
.mbox{max-width:600px;max-height:94vh;overflow:auto}
/* в тёмной плашке CTA */
.cta form.lf .fl>span,.cta .ff-l{color:rgba(255,255,255,.88)}
.cta .ff-l em{color:rgba(255,255,255,.6)}
.cta .ff-b{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.35)}
.cta .ff-b b{color:#fff}.cta .ff-b small{color:rgba(255,255,255,.7)}
.cta .ff-list li{background:rgba(255,255,255,.14);color:#fff}.cta .ff-list li small,.cta .ff-list button{color:rgba(255,255,255,.7)}
.cta .chk{color:rgba(255,255,255,.85)}.cta .chk a{color:#fff}
.cta .fl>span i{color:#ffb38a}
.cta[style*="--steel"] form.lf .fl>span,.cta[style*="--steel"] .chk{color:#3b4456}
.cta{align-items:start}
@media (max-width:620px){form.lf,form.lf .fl-parts{grid-template-columns:1fr}}

/* подвал: документы и запчасти */
.ftr-legal{display:flex;flex-wrap:wrap;gap:6px 18px}
.ftr-legal a,.ftr-legal button{color:inherit;opacity:.8;font:inherit;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.ftr-legal a:hover,.ftr-legal button:hover{opacity:1}
.ftr-parts{margin-top:16px}

/* cookie-баннер */
.ckb{position:fixed;left:20px;right:20px;bottom:20px;z-index:90;max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px rgba(7,25,60,.22);padding:18px 22px;display:flex;gap:20px;align-items:center}
.ckb p{font-size:.85rem;color:#3b4456;line-height:1.5}
.ckb a{color:var(--accent);text-decoration:underline}
.ckb-b{display:flex;flex-direction:column;gap:8px;flex-shrink:0}
@media (max-width:620px){.ckb{flex-direction:column;align-items:stretch;left:10px;right:10px;bottom:10px}.ckb-b{flex-direction:row}.ckb-b .btn{flex:1}}
.syn-btn{margin-top:16px;position:relative}
.svc6 .mono.accent{display:block;font-family:var(--display);font-weight:700;font-size:2.2rem;line-height:1;letter-spacing:-.02em;text-transform:none}
.svc .mono.accent{font-size:.8rem}
.legal{padding:44px 52px;max-width:900px;line-height:1.65;color:#2a3140}
.legal>*{position:relative}
.legal h2{font-size:1.35rem;color:var(--navy);margin:34px 0 12px;line-height:1.25}
.legal h2:first-child{margin-top:0}
.legal p{margin:0 0 12px}
.legal ul,.legal ol{margin:0 0 14px 22px}
.legal li{margin:4px 0}
.legal a{color:var(--accent);text-decoration:underline}
.ltab{width:100%;border-collapse:collapse;margin:8px 0 18px;font-size:.92rem}
.ltab th,.ltab td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.ltab th{background:#eef2f7;color:var(--navy)}
.legal-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;font-size:.92rem}
.legal-links a{color:var(--accent)}
@media (max-width:620px){.legal{padding:26px 20px}}
.legal{background:#fff}.legal:before,.legal:after{display:none}.legal .li-p{margin:8px 0 0}
.ckb-b .btn-o{clip-path:none!important;transform:none;border:1px solid #c3cbd4!important;border-radius:8px!important;background:#fff!important;color:var(--navy)!important}.ckb-b .btn-o:hover{border-color:var(--navy)!important;background:#f3f5f8!important;color:var(--navy)!important}
/* карта поставок */
.smap-sec{background:var(--navy);color:#fff;border-radius:22px;overflow:hidden;position:relative;display:grid;grid-template-columns:300px 1fr;gap:20px;align-items:center;padding:44px 40px}
.smap-sec h2{color:#fff;font-size:clamp(1.7rem,2.6vw,2.3rem);line-height:1.1;margin:14px 0 14px}
.smap-sec .mono{color:var(--sky);opacity:.85}
.smap-sec p{color:#c9d7ec;font-size:.95rem;line-height:1.55}
.smap-n{display:flex;gap:28px;margin-top:26px}
.smap-n b{display:block;font-family:var(--display);font-weight:700;font-size:2.6rem;line-height:1;letter-spacing:-.02em;color:#fff}
.smap-n span{font-size:.85rem;color:#c9d7ec}
.smap{position:relative;width:100%}
.smap svg{display:block;width:100%;height:auto;overflow:visible}
.sm-ru{fill:#a9cbe9}
.sm-rg{fill:none;stroke:var(--navy);stroke-width:.7;stroke-linejoin:round}
.sm-by{fill:rgba(169,203,233,.12);stroke:#a9cbe9;stroke-width:1.3;stroke-dasharray:4 3}
.sm-p{cursor:pointer;outline:none}
.sm-h{fill:transparent}
.sm-r{fill:rgba(255,138,40,.28);transition:r .2s}
.sm-d{fill:#ff8a28;stroke:#fff;stroke-width:1.3}
.sm-p.on .sm-r{r:13px;fill:rgba(255,138,40,.35)}
.sm-p.on .sm-d,.sm-p:focus-visible .sm-d{fill:#fff;stroke:#ff8a28;stroke-width:2.5}
.sm-tip{position:absolute;transform:translate(-50%,calc(-100% - 12px));background:#fff;color:var(--navy);font-weight:600;font-size:.85rem;padding:6px 11px;border-radius:8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;box-shadow:0 6px 18px rgba(0,0,0,.25);z-index:2}
.sm-tip.on{opacity:1}
.sm-tip:after{content:"";position:absolute;left:50%;bottom:-5px;margin-left:-5px;border:5px solid transparent;border-bottom:0;border-top-color:#fff}
.smap-leg{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;font-size:.8rem;color:#c9d7ec}
.smap-leg i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#ff8a28;border:1.5px solid #fff;margin-right:7px;vertical-align:-1px}
.smap-leg i.by{background:transparent;border:1.3px dashed #a9cbe9;border-radius:2px}
.smap-sec.compact{grid-template-columns:260px 1fr;padding:32px 34px}
@media (max-width:900px){.smap-sec,.smap-sec.compact{grid-template-columns:1fr;padding:30px 20px}}
/* доставка и оплата */
.dv-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.dv-tags span{background:#fff;border:1px solid #c3cbd4;color:var(--navy);font-weight:600;font-size:.85rem;padding:7px 14px;border-radius:999px}
.dv-lead{max-width:460px;color:#3b4456;font-size:.98rem;line-height:1.55}
.dv-pay{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:16px}
.dv-pay .sheet,.dv-ship .sheet,.dv-warn{padding:28px}
.dv-pay .sheet>*,.dv-ship .sheet>*,.dv-warn>*{position:relative}
.dv-pay h3,.dv-ship h3{color:var(--navy);font-size:1.5rem;font-family:var(--display);font-weight:700;letter-spacing:-.01em;margin:12px 0 14px}
.dv-pay p,.dv-ship p,.dv-warn p{color:#3b4456;font-size:.92rem;line-height:1.55}
.dv-pay p a,.dv-more,.dv-mail a{color:var(--accent);font-weight:600}
.dv-more{display:inline-block;margin-top:12px}
.dv-bar{display:flex;gap:3px;height:30px;margin:0 0 16px;border-radius:7px;overflow:hidden}
.dv-bar i{font-style:normal;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;color:#fff;background:var(--navy);min-width:38px}
.dv-bar i:nth-child(2){background:var(--accent)}.dv-bar i:nth-child(3){background:#7d9fd6}
.dv-list{list-style:none;margin:0 0 14px;padding:0}
.dv-list li{font-size:.92rem;color:#3b4456;padding:6px 0;border-bottom:1px solid #c9d0d9}
.dv-list li:last-child{border:0}
.dv-list b{color:var(--navy);display:inline-block;min-width:42px}
.dv-note{margin-top:22px;color:#3b4456;font-size:.92rem;max-width:860px;padding-left:16px;border-left:3px solid var(--accent)}
.dv-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
.dv-steps.six{grid-template-columns:repeat(3,1fr)}
.dv-steps>div{padding:26px 26px 30px 0;border-bottom:1px solid var(--line)}
.dv-steps>div+div{padding-left:26px;border-left:1px solid var(--line)}
.dv-steps.six>div:nth-child(3n+1){padding-left:0;border-left:0}
.dv-steps h3{color:var(--navy);font-size:1.12rem;margin:14px 0 8px}
.dv-steps p{color:#3b4456;font-size:.92rem;line-height:1.55}
.dv-ship{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dv-ship.two-c{grid-template-columns:1fr 1fr}
.dv-t{display:flex;gap:26px;margin:14px 0 14px}
.dv-t b{display:block;font-family:var(--display);font-weight:700;font-size:1.9rem;line-height:1.05;color:var(--navy);letter-spacing:-.02em}
.dv-t span{font-size:.85rem;color:var(--muted)}
.dv-addr{list-style:none;padding:0;margin:16px 0 0}
.dv-addr li{padding:9px 0;border-top:1px solid #c9d0d9;font-size:.93rem;color:var(--ink)}
.dv-addr b{display:block;font-size:.78rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}
.dv-mail{margin-top:16px}
.dv-warn{margin-top:22px}
.dv-warn p{margin-top:8px;max-width:900px}
@media (max-width:1100px){.dv-pay{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.dv-steps,.dv-steps.six{grid-template-columns:1fr 1fr}.dv-steps>div,.dv-steps>div+div,.dv-steps.six>div:nth-child(3n+1){padding:22px 18px 24px 0;border-left:0}.dv-steps>div:nth-child(2n){padding-left:18px;border-left:1px solid var(--line)}.dv-ship{grid-template-columns:1fr}}
@media (max-width:620px){.dv-pay,.dv-ship.two-c,.dv-steps,.dv-steps.six{grid-template-columns:1fr}.dv-steps>div:nth-child(2n){padding-left:0;border-left:0}}
.dv-list li{display:flex;gap:12px}.dv-list b{min-width:36px;flex-shrink:0}
.dv-t b{font-size:1.55rem;white-space:nowrap}
/* преимущества на главной: заголовок справа от иконки, текст ниже */
.bn>div{display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:center;align-content:start}
.bn .bn-ic{width:60px;height:60px;margin:0}.bn .bn-ic svg{width:60px;height:60px}
.bn b{margin:0;font-size:1.08rem;line-height:1.25}
.bn span{grid-column:1/-1;margin-top:14px}
.f-mail small{display:block;font-size:.72rem;opacity:.6;letter-spacing:.04em;margin-bottom:1px}
.mails{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mails a{padding:24px;display:flex;flex-direction:column;gap:6px;transition:border-color .2s,transform .2s}
.mails a>*{position:relative}
.mails a:hover{border-color:var(--accent);transform:translateY(-2px)}
.mails b{color:var(--navy);font-size:1.05rem;word-break:break-all;margin-top:6px}
.mails small{color:var(--muted);font-size:.86rem;line-height:1.45}
@media (max-width:1000px){.mails{grid-template-columns:1fr 1fr}}@media (max-width:560px){.mails{grid-template-columns:1fr}}
.cta-mail{margin-top:14px;font-size:.92rem;opacity:.9}.cta-mail a{color:#fff;text-decoration:underline;font-weight:600}
.syn-mail{margin-top:10px!important;font-size:.85rem!important;position:relative}.syn-mail a{color:var(--accent);font-weight:600}
.sales-mail{margin-top:12px;font-size:.88rem;color:var(--muted)}.sales-mail a{color:var(--accent);font-weight:600}
.pre-ok{display:flex;gap:10px;align-items:baseline;margin:-6px 0 24px;font-size:.92rem;color:#3b4456}.pre-ok span{color:var(--accent);font-weight:700}.pre-ok a{color:var(--accent);font-weight:600;margin-left:4px}
.fr-g+.fr-g{margin-top:28px}
.fr-h{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600;margin-bottom:12px}
.fr-row{grid-template-columns:repeat(4,1fr)}
.pl-name{font-family:var(--display);font-weight:700;font-size:1.35rem;color:var(--navy);letter-spacing:-.01em}
@media (max-width:900px){.fr-row{grid-template-columns:1fr 1fr}}
/* gases */
.gas-g{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gas-g2{grid-template-columns:1fr 1fr;margin-top:16px}
.gas-c{padding:26px;display:flex;flex-direction:column;gap:8px}.gas-c>*{position:relative}
.gas-c h3{color:var(--navy);font-size:1.2rem}.gas-c p,.gas-l{color:#3b4456;font-size:.92rem}
.gas-p{font-family:var(--mono);font-weight:700;color:var(--accent);font-size:1.25rem;letter-spacing:-.01em}
.gas-new{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}
.gas-l{list-style:none;padding:0;margin:0;display:grid;gap:6px}.gas-l li{position:relative;padding-left:18px}
.gas-l li:before{content:"";position:absolute;left:0;top:9px;width:10px;height:2px;background:var(--accent)}
.gas-t{display:grid;grid-template-columns:1fr 1.3fr;gap:32px;align-items:center;padding:30px;margin-top:16px}.gas-t>*{position:relative}
.gas-t h3{color:var(--navy);font-size:1.2rem;margin-bottom:6px}.gas-t p{color:var(--muted);font-size:.92rem}
.gas-t .ba td:first-child{width:auto}
.gas-t .ba th:last-child{background:none;color:var(--muted)}
.gas-t .ba th:nth-child(3){color:#fff;background:var(--navy)}
.gas-t .ba td:last-child{background:none;color:var(--accent);font-weight:700}
.gas-t .ba td:nth-child(3){background:#eef3fa;color:var(--navy);font-weight:600}
@media (max-width:1000px){.gas-g{grid-template-columns:1fr 1fr}.gas-new{grid-column:1/-1}.gas-t{grid-template-columns:1fr}}
@media (max-width:620px){.gas-g,.gas-g2{grid-template-columns:1fr}.gas-t,.gas-c{padding:22px}}
/* ---------- карточка товара v18 ---------- */
.pp{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;padding:40px 0 48px}
.pp-l{display:flex;flex-direction:column;gap:16px;align-self:start;position:sticky;top:124px}
.pp-l .pp-img{position:relative;top:auto}
.pp-img{background:#fff}.pp-img img{width:100%;aspect-ratio:3/2;object-fit:contain;display:block}
.pp-l .buybox{margin:0;padding:22px 24px}
.pp-l .buybox .price{font-size:1.9rem;margin:2px 0 4px}
.pp-l .buybox .btns{margin-top:16px}
.pp-l .pre-ok span{margin-right:6px}.pp-l .pre-ok{display:block;margin:14px 0 0;padding-top:14px;border-top:1px solid var(--line);font-size:.88rem}
.pp-r .opts{margin-top:4px}
.pp-r .feat{margin:22px 0 18px}
.pp-more{display:inline-block;color:var(--accent);font-weight:600;font-size:.95rem}
.pp-more:hover{color:var(--navy)}
@media (max-height:820px){.pp-l{position:static}}
@media (max-width:1000px){.pp{grid-template-columns:1fr;gap:28px}.pp-l{position:static;order:0}.pp-r{order:-1}.pp-l .pp-img{display:none}}
.pp-r .m-img{display:none}
@media (max-width:1000px){.pp-r .m-img{display:block;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);margin:4px 0 18px}.pp-r .m-img{background:#fff}.pp-r .m-img img{width:100%;aspect-ratio:3/2;object-fit:contain;display:block}}

.ptabs{padding:0 0 56px;scroll-margin-top:140px}
.pt-bar{display:flex;gap:4px;border-bottom:2px solid var(--line);overflow-x:auto;scrollbar-width:none}
.pt-bar::-webkit-scrollbar{display:none}
.pt-bar button{flex:none;padding:14px 22px;font:600 1rem/1.2 var(--font);color:var(--muted);background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer;white-space:nowrap}
.pt-bar button:hover{color:var(--navy)}
.pt-bar button.on{color:var(--navy);border-bottom-color:var(--accent)}
.pt-bar button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.pt-p{padding-top:28px}
.pdesc{max-width:820px}
.pdesc h2{color:var(--navy);font-size:1.6rem;margin:28px 0 12px}.pdesc h3{color:var(--navy);font-size:1.2rem;margin:24px 0 10px}
.pdesc>:first-child{margin-top:0}
.pdesc ul,.pdesc ol{margin:0 0 16px 22px;color:#3b4456}.pdesc li{margin-bottom:6px}
.pdesc img{max-width:100%;height:auto;border-radius:12px;margin:8px 0 16px}
.pdesc table{width:100%;border-collapse:collapse;margin:8px 0 18px;font-size:.93rem;background:#fff}
.pdesc th,.pdesc td{border:1px solid var(--line);padding:10px 12px;text-align:left}.pdesc th{background:#eef3fa;color:var(--navy)}
.pdesc blockquote{border-left:3px solid var(--accent);padding:6px 0 6px 18px;margin:0 0 16px;color:var(--navy);font-weight:500}
.pdesc a{color:var(--accent);text-decoration:underline}
.sp-conf{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:22px}.sp-conf .mono{margin-right:6px}
.sp-g{columns:2;column-gap:16px}.sp-g .sp-b{break-inside:avoid;margin-bottom:16px}
.sp-b{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px 24px 10px}
.sp-b h3{color:var(--navy);font-size:1.05rem;margin-bottom:4px}
.sp-b .specs td{padding:10px 0;vertical-align:top}.sp-b .specs td:last-child{font-weight:600;color:var(--ink);text-align:right;padding-left:16px}
.sp-b .specs tr:last-child td{border-bottom:0}
.sp-note{margin-top:16px;font-size:.85rem;color:var(--muted)}
.sp-empty{color:var(--muted);padding:12px 0}
.demo-m{display:inline-block;font-size:.72rem;font-weight:700;color:#8a5a00;background:#fff3d6;border:1px solid #f0d28a;padding:2px 8px;margin-right:6px}
.parts-g{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.part{padding:18px 20px;display:flex;flex-direction:column;gap:6px}.part>*{position:relative}.part b{color:var(--navy);font-size:1.02rem}
.why-g{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.why-i{padding:24px;display:flex;flex-direction:column;gap:8px}.why-i>*{position:relative}
.why-ic{width:44px;height:44px;color:var(--accent)}.why-ic svg{width:100%;height:100%}
.why-i h3{color:var(--navy);font-size:1.12rem}.why-i p{color:#3b4456;font-size:.92rem;flex:1}
.why-i a{color:var(--accent);font-weight:600;font-size:.9rem}
@media (max-width:1000px){.sp-g{columns:1}.parts-g,.why-g{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.parts-g,.why-g{grid-template-columns:1fr}.pt-bar button{padding:12px 14px;font-size:.93rem}.sp-b{padding:16px 16px 6px}}

/* ---------- сертификаты ---------- */
.ct-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.cert-g{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cert{display:flex;flex-direction:column;gap:6px;text-align:left;background:none;border:0;padding:0;cursor:pointer;font:inherit;color:inherit}
.cert[data-nofile]{cursor:default}
.cert-th{display:block;aspect-ratio:1/1.414;border-radius:10px;overflow:hidden;border:1px solid #cdd2d9;background:#fff;box-shadow:0 2px 10px rgba(7,58,121,.08);transition:transform .2s,box-shadow .2s}
.cert:not([data-nofile]):hover .cert-th{transform:translateY(-3px);box-shadow:0 10px 26px rgba(7,58,121,.16)}
.cert-th img{width:100%;height:100%;object-fit:cover;display:block}
.cert b{color:var(--navy);font-size:.98rem;line-height:1.3;margin-top:6px}.cert>span:last-child{color:var(--muted);font-size:.85rem}
.cdoc{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;padding:14% 12% 10%;gap:7%;background:linear-gradient(#fff,#f6f8fb);outline:6px double #c8d3e2;outline-offset:-14px}
.cdoc.thanks{outline-color:#d9cfb4}
.cdoc-h{font:600 .72rem/1 var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
.cdoc.thanks .cdoc-h{color:#9a7b2f}
.cdoc-t{font:600 .9rem/1.25 var(--display);color:var(--navy);text-align:center}
.cdoc i{display:block;width:80%;height:4px;border-radius:2px;background:#e3e8ef}.cdoc i:nth-of-type(2){width:65%}.cdoc i:nth-of-type(3){width:72%}
.cdoc-s{position:absolute;right:14%;bottom:12%;width:22%;aspect-ratio:1;border-radius:50%;border:2px solid #9bb0cf;box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 5px #9bb0cf}
.cdoc.thanks .cdoc-s{border-color:#c9b27a;box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 5px #c9b27a}
.cdoc-pdf{position:absolute;left:12%;bottom:12%;font:700 .7rem/1 var(--font);color:#fff;background:#c0392b;padding:4px 7px}
.cdoc-demo{position:absolute;left:12%;bottom:12%;font-size:.66rem;font-weight:700;color:#8a5a00;background:#fff3d6;border:1px solid #f0d28a;padding:2px 6px}
.cert-big{margin:0}.cert-big img{width:100%;max-height:75vh;object-fit:contain;display:block;background:#f3f5f8;border-radius:10px}.cert-big figcaption{margin-top:12px;color:var(--muted)}.cert-big b{color:var(--navy)}
@media (max-width:1000px){.cert-g{grid-template-columns:repeat(3,1fr)}}
@media (max-width:620px){.cert-g{grid-template-columns:1fr 1fr;gap:14px}}