@font-face{
  font-family:'Thirty Seconds';
  src:url('../fonts/ThirtySeconds.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

:root{
  --green:#62d536; --green-d:#20a946; --teal:#11b6d3; --teal-d:#078eac; --dark:#091c18; --black:#14241d; --white:#fff;
  --green-rgb:98,213,54; --teal-rgb:17,182,211; --dark-rgb:9,28,24; --black-rgb:20,36,29; --white-rgb:255,255,255;
  --ink:#14241d; --muted:#4f675a; --bg:#eaf9f2; --card:#ffffff;
  --line:#cfeadc; --mint:#dcf7e9; --aqua:#e0f8fb; --sun:#f0fbf6; --rose:#e8fbfd; --amber:#11b6d3;
  --glow:0 10px 24px rgba(17,182,211,.22),0 6px 18px rgba(98,213,54,.2);
  --grad:linear-gradient(120deg,var(--green) 0%,var(--teal) 100%);
  --grad-cool:linear-gradient(120deg,var(--teal) 0%,var(--green) 100%);
  --grad-warm:linear-gradient(120deg,var(--green) 0%,var(--teal) 100%);
  --grad-soft:linear-gradient(135deg,#effbf5,#d9f5f6);
  --grad-dark:linear-gradient(120deg,#08221b 0%,#138b5d 50%,#10aeca 100%);
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,'Segoe UI',Roboto,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#e4f8ee 0%,var(--bg) 58%,#f6fbf8 100%);line-height:1.5}
a{color:inherit;text-decoration:none;cursor:pointer}
img{max-width:100%}
.container{max-width:1180px;margin:0 auto;padding:0 20px}
.btn{display:inline-flex;align-items:center;gap:8px;border:none;border-radius:12px;padding:12px 22px;font-size:15px;font-weight:700;cursor:pointer;transition:.15s}
.btn-primary{background:var(--grad);color:#fff;box-shadow:var(--glow)}
.btn-primary:hover{filter:saturate(1.08) brightness(1.02);box-shadow:0 12px 28px rgba(17,182,211,.28),0 8px 22px rgba(98,213,54,.24)}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.6)}
.btn-ghost:hover{background:rgba(255,255,255,.12)}
.btn-out{background:#fff;color:#16804b;border:1.5px solid #9ce9c5;box-shadow:0 0 0 4px rgba(17,182,211,.06)}
.btn-out:hover{background:#f1fbf6;border-color:var(--teal);color:#067f93}
.btn-sm{padding:8px 14px;font-size:13px;border-radius:8px}
input,select,textarea{font:inherit}
input:focus,select:focus,textarea:focus{outline:none;border-color:#9ce9c5!important;box-shadow:0 0 0 4px rgba(17,182,211,.08)}

/* topbar */
.topbar{background:#091c18;color:#d2e9df;font-size:13px}
.tb{display:flex;align-items:center;height:38px;gap:18px}
.tb-left{display:flex;gap:16px;align-items:center;perspective:500px}
.tb-left a,.tb-right a{position:relative;z-index:0;display:inline-flex;align-items:center;white-space:nowrap;transform:translateZ(0);transition:color .16s ease,transform .16s ease,text-shadow .16s ease;will-change:transform}
.tb-left a:after{content:"";position:absolute;inset:-6px -9px;border-radius:999px;background:linear-gradient(120deg,rgba(98,213,54,.28),rgba(17,182,211,.28));box-shadow:0 10px 22px rgba(17,182,211,.18),inset 0 0 0 1px rgba(255,255,255,.14);opacity:0;transform:scale(.9) translateZ(-1px);transition:opacity .16s ease,transform .16s ease;z-index:-1}
.tb-left a:hover,.tb-right a:hover{z-index:1;color:#fff;text-shadow:0 0 14px rgba(17,182,211,.45);transform:perspective(500px) translateY(-1px) translateZ(10px) scale(1.07)}
.tb-left a:hover:after{opacity:1;transform:scale(1) translateZ(-1px)}
.tb-right{margin-left:auto;display:flex;align-items:center;gap:14px}
.tb-right .phone{color:#fff;font-weight:700}

/* header */
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);box-shadow:0 1px 10px rgba(17,95,72,.06);backdrop-filter:saturate(1.1) blur(10px)}
.hdr{display:flex;align-items:center;gap:16px;height:74px}
.logo{font-family:'Thirty Seconds',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;font-size:31px;font-weight:400;letter-spacing:0;line-height:1;flex:none}
.logo b{color:var(--green);font-weight:400}
.cat-btn{display:flex;align-items:center;gap:9px;background:var(--grad);color:#fff;border:none;border-radius:12px;padding:13px 20px;font-size:15px;font-weight:800;cursor:pointer;flex:none;box-shadow:var(--glow);transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}
.cat-btn:hover{filter:saturate(1.08) brightness(1.02);transform:perspective(500px) translateY(-2px) translateZ(12px) scale(1.04);box-shadow:0 16px 30px rgba(17,182,211,.26),0 10px 22px rgba(98,213,54,.24)}
.search{flex:1;display:flex;border:1.5px solid #9ce9c5;border-radius:13px;overflow:hidden;min-width:120px;background:#fff;box-shadow:0 0 0 4px rgba(17,182,211,.06)}
.search input{flex:1;border:none;padding:12px 16px;font-size:15px;outline:none;background:#fff;color:var(--ink)}
.search button{background:var(--grad);color:#fff;border:none;padding:0 18px;font-size:17px;cursor:pointer}
.hdr-icons{display:flex;gap:18px;flex:none}
.hi{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;color:var(--muted);position:relative;transition:color .16s ease,transform .16s ease,filter .16s ease}
.hi .i{font-size:20px}
.hi:hover{color:var(--green-d);transform:translateY(-2px) scale(1.05);filter:saturate(1.08)}
.hi .cart-badge{position:absolute;top:-6px;right:4px;background:var(--grad);color:#fff;font-size:10px;font-weight:700;min-width:17px;height:17px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}

/* hero carousel */
.hero-car{padding:20px 0 0}
.hero-car .container{position:relative}
.slides{position:relative;border-radius:18px;overflow:hidden;min-height:380px}
.slide{display:none;min-height:380px;padding:50px 56px;color:#fff;flex-direction:column;justify-content:center}
.slide.on{display:flex}
.slide.hero-lead{min-height:380px;padding:42px 56px;position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(115deg,#0a241b 0%,#10784d 42%,#11b6d3 76%,#9ce85a 100%)}
.slide.hero-lead:after{content:"";position:absolute;inset:0;background-image:var(--hero-image);background-repeat:no-repeat;background-position:right -28px center;background-size:auto 104%;opacity:.94;filter:saturate(1.02) contrast(1.04);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.72) 36%,#000 78%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.72) 36%,#000 78%,transparent 100%);z-index:0;pointer-events:none}
.slide.hero-lead:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(8,34,27,.98) 0%,rgba(19,139,93,.88) 46%,rgba(17,182,211,.14) 72%,rgba(255,255,255,0) 100%);z-index:1;pointer-events:none}
.hero-copy{position:relative;z-index:2;max-width:650px}
.slide .badge{display:inline-block;background:rgba(255,255,255,.16);padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:18px;align-self:flex-start}
.slide h2{font-size:34px;font-weight:800;max-width:600px;margin-bottom:12px;text-align:left;color:#fff}
.slide p{font-size:17px;opacity:.94;max-width:500px;margin-bottom:22px}
.hero-lead h2{font-size:34px;max-width:620px;line-height:1.12;margin-bottom:10px}
.hero-lead p{max-width:560px;margin-bottom:12px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:4px}
.hero-primary{background:#fff;color:#16241f;box-shadow:0 12px 24px rgba(0,0,0,.12)}
.hero-primary:hover{background:#f0fbf6}
.hero-secondary{background:rgba(255,255,255,.16);color:#fff;border:1.5px solid rgba(255,255,255,.62);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.hero-secondary:hover{background:rgba(255,255,255,.24)}
.hero-note{font-size:13px;color:rgba(255,255,255,.86);margin-top:9px}
.hero-lead .hero-note{display:none}
.hero-modes{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.hero-mode{border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.14);color:#fff;border-radius:999px;padding:8px 13px;font-weight:800;font-size:13px;cursor:pointer}
.hero-mode:hover{background:rgba(255,255,255,.24);box-shadow:0 0 0 4px rgba(255,255,255,.08)}
.hero-proofs{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;max-width:650px}
.hero-lead .hero-proofs{display:none}
.hero-proofs span{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700;color:#fff}
.car-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:none;background:rgba(255,255,255,.9);color:var(--dark);font-size:22px;cursor:pointer;z-index:3}
.car-nav.prev{left:-6px}.car-nav.next{right:-6px}
.dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:7px;z-index:3}
.dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer;display:block}
.dots i.on{background:#fff}
/* featured + chips + discount */
.feat-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.see-all{color:var(--green-d);font-weight:600;font-size:14px;white-space:nowrap}
.chips{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px}
.chip{background:#fff;border:1px solid var(--line);border-radius:20px;padding:7px 15px;font-size:13px;font-weight:600;cursor:pointer}
.chip:hover{border-color:var(--green)}
.chip.on{background:var(--grad);color:#fff;border-color:transparent;box-shadow:var(--glow)}
.disc{position:absolute;top:10px;right:10px;background:var(--grad);color:#fff;font-size:12px;font-weight:700;padding:3px 9px;border-radius:20px}
.price .old{color:var(--muted);text-decoration:line-through;font-weight:600;font-size:13px;margin-left:4px}
.sale-timer{display:inline-flex;align-items:center;align-self:flex-start;margin-top:7px;border:1px solid #ffd2bd;background:#fff6f1;color:var(--orange);border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900}
.sale-timer.wide{margin:8px 0 0;border-radius:10px}
/* сервисный мониторинг */
.mon-hero{background:var(--grad-dark);color:#fff;border-radius:18px;padding:38px 40px;margin-bottom:24px}
.mon-hero h1{font-size:30px;margin:12px 0 10px}
.mon-hero p{opacity:.93;max-width:760px;font-size:16px}
.mon-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:start}
.mon-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}
.sub-card{background:#f0f8f3;border-color:#cfe7d8}
.sub-badge{display:inline-block;background:var(--grad);color:#fff;font-weight:700;font-size:13px;padding:5px 14px;border-radius:20px;margin-bottom:12px;box-shadow:var(--glow)}
.mon-verify,.mon-result{display:grid;gap:3px;background:#f7faf6;border:1px solid var(--line);border-radius:12px;padding:11px 12px;margin-top:10px;font-size:13px}
.mon-verify b,.mon-result b{font-size:13px;color:var(--ink)}
.mon-verify span,.mon-result span{color:var(--muted);line-height:1.35}
.mon-verify.ok{background:#eefcf5;border-color:#9ce9c5}
.mon-verify.ok b,.mon-result b{color:var(--green-d)}
.mon-verify.bad{background:#fff7f2;border-color:#efc7b8}
.mon-verify.bad b{color:#9c3d23}
.mon-demo-pair{background:#fff;border:1px dashed #bfead7;border-radius:10px;padding:8px 10px;margin-top:8px;color:var(--muted);font-size:12px}
.mon-result:empty{display:none}
.mon-code-box{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}
.mon-cabinet{margin-top:24px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 18px 40px rgba(var(--dark-rgb),.08)}
.mon-cabinet-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}
.mon-cabinet-head h2{font-size:26px;margin:6px 0 2px}
.mon-cabinet-head p{color:var(--muted)}
.mon-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:16px}
.mon-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font-weight:900;color:var(--muted);cursor:pointer}
.mon-tabs button.on{background:var(--grad);color:#fff;border-color:transparent;box-shadow:var(--glow)}
.mon-device-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mon-device-card>div{border:1px solid var(--line);border-radius:14px;background:#f9fffc;padding:14px}
.mon-device-card b{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}
.mon-device-card strong{font-size:18px;overflow-wrap:anywhere}
.mon-doc-toolbar{display:grid;grid-template-columns:1fr 220px;gap:10px;margin-bottom:12px}
.mon-doc-toolbar input,.mon-doc-toolbar select{border:1.5px solid var(--line);border-radius:12px;background:#fff;padding:11px 12px}
.mon-doc-list{display:grid;gap:10px}
.mon-doc{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px}
.mon-doc b{display:block;font-size:16px}
.mon-doc span{display:block;color:var(--teal);font-size:12px;font-weight:900;text-transform:uppercase;margin-top:2px}
.mon-doc p{color:var(--muted);font-size:13px;margin-top:4px}
.mon-empty{border:1px dashed var(--line);border-radius:14px;padding:24px;text-align:center;color:var(--muted);background:#f9fffc}
.public-doc-toolbar{display:grid;grid-template-columns:1fr 240px;gap:10px;margin-bottom:16px}
.public-doc-toolbar input,.public-doc-toolbar select{border:1.5px solid var(--line);border-radius:14px;background:#fff;padding:12px 14px;font:inherit;outline:none}
.public-doc-toolbar input:focus,.public-doc-toolbar select:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(18,188,184,.12)}
.public-doc-list{display:grid;gap:12px}
.public-doc{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 14px 30px rgba(var(--dark-rgb),.05)}
.public-doc-icon{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#eafbf3,#e7f8ff);display:grid;place-items:center;color:var(--teal);font-weight:950;font-size:13px}
.public-doc-info b{display:block;font-size:17px;margin-bottom:3px}
.public-doc-info span{display:block;color:var(--teal);font-size:12px;font-weight:900;text-transform:uppercase}
.public-doc-info p{margin-top:5px;color:var(--muted);font-size:14px;line-height:1.4}
.public-doc-empty{border:1px dashed var(--line);border-radius:16px;background:#fff;padding:28px;text-align:center;color:var(--muted)}
.mon-chat-box{height:520px}
.mon-readonly-note{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid #bfead7;background:#f4fffa;border-radius:14px;padding:12px 14px;margin-bottom:12px}
.mon-readonly-note b{color:var(--green-d)}
.mon-readonly-note span{color:var(--muted);font-size:13px;line-height:1.35}
.mon-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mon-status-grid div{background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px}
.mon-status-grid span{display:block;color:var(--muted);font-size:12px;font-weight:800;margin-bottom:4px}
.mon-status-grid b{font-size:16px}
.mon-section-title{font-size:18px;margin:16px 0 10px;display:flex;align-items:center;gap:10px}
.mon-section-title span{background:#dff8ea;color:var(--green-d);border:1px solid #bfead7;border-radius:8px;padding:4px 9px;font-size:12px}
.mon-info-table{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;margin-bottom:18px}
.mon-info-table div{min-height:62px;border-right:1px solid #e7f2ec;border-bottom:1px solid #e7f2ec;padding:10px 12px}
.mon-info-table div:nth-child(4n){border-right:0}
.mon-info-table span{display:block;color:#a4b2ac;font-size:12px;margin-bottom:7px}
.mon-info-table b{font-size:14px;color:var(--ink);overflow-wrap:anywhere}
.mon-function-points{margin-top:16px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:16px}
.mon-function-points h3{font-size:18px;margin-bottom:4px}
.mon-function-points p{color:var(--muted);font-size:13px;margin-bottom:14px}
.mon-function-points section{border-top:1px solid #edf6f1;padding-top:14px;margin-top:14px}
.mon-function-points h4{font-size:14px;margin-bottom:10px}
.mon-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 28px}
.mon-check-grid label{display:flex;align-items:center;gap:9px;color:#58645f;font-size:14px;line-height:1.35}
.mon-check-grid input{width:14px;height:14px;accent-color:#cfd8d3}
.mon-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:#fff}
.mon-data-table{width:100%;border-collapse:collapse;font-size:13px;min-width:780px}
.mon-data-table th{background:#f6faf8;color:var(--muted);text-align:left;font-size:12px;padding:10px;border-bottom:1px solid var(--line)}
.mon-data-table td{padding:10px;border-bottom:1px solid #edf6f1;color:var(--ink)}
.mon-data-table tr:last-child td{border-bottom:0}
.mon-data-table .readonly-op{color:#9aaaa1;font-weight:800}
.mon-chart{border:1px solid var(--line);border-radius:16px;background:#fff;padding:16px}
.mon-chart-title{font-weight:900;margin-bottom:12px}
.mon-bars{height:150px;display:flex;align-items:end;gap:8px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 10px}
.mon-bars i{display:block;flex:1;min-width:12px;background:linear-gradient(180deg,var(--teal),var(--green));border-radius:8px 8px 0 0;box-shadow:0 8px 18px rgba(17,182,211,.16)}
.mon-legend{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;color:var(--muted);font-size:12px;font-weight:800}
.mon-curve-list{display:grid;gap:14px}
.mon-curve-list section{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}
.mon-curve-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}
.mon-curve-head span{color:var(--muted);font-size:12px;font-weight:800}
.mon-curve{height:170px;background:linear-gradient(#fff,#f8fffb);border:1px solid #edf6f1;border-radius:12px;overflow:hidden}
.mon-curve svg{width:100%;height:100%}
.mon-curve path{stroke:#8ca4ff;stroke-width:2;fill:none}
.mon-curve line{stroke:#e1ebe6;stroke-width:1}
/* чат с ботом */
.chat-box{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;height:560px}
.chat-head{display:flex;align-items:center;gap:12px;background:var(--grad-dark);color:#fff;padding:14px 18px}
.chat-ava{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:22px}
.chat-body{flex:1;overflow-y:auto;padding:18px;background:var(--bg);display:flex;flex-direction:column;gap:12px}
.msg{max-width:78%;padding:11px 14px;border-radius:14px;font-size:14px;line-height:1.45}
.msg.bot{background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px;align-self:flex-start}
.msg.user{background:var(--grad);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}
.msg .src{display:block;margin-top:6px;font-size:11px;color:var(--green-d)}
.msg.user .src{color:rgba(255,255,255,.85)}
.chat-input{display:flex;gap:10px;padding:14px;border-top:1px solid var(--line)}
.chat-input input{flex:1;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;font-size:14px;font-family:inherit}
.site-chat-widget{position:fixed;right:18px;bottom:88px;z-index:75}
.site-chat-toggle{border:0;border-radius:999px;background:var(--grad);color:#fff;box-shadow:var(--glow);display:flex;align-items:center;gap:8px;padding:12px 16px;font-weight:900;cursor:pointer}
.site-chat-toggle span{font-size:19px}
.site-chat-panel{position:absolute;right:0;bottom:58px;width:min(380px,calc(100vw - 28px));height:520px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 22px 55px rgba(var(--dark-rgb),.2);overflow:hidden;display:flex;flex-direction:column}
.site-chat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;background:var(--grad-dark);color:#fff;padding:14px 16px}
.site-chat-head span{display:block;font-size:12px;opacity:.84;margin-top:2px}
.site-chat-head button{border:0;background:rgba(255,255,255,.16);color:#fff;border-radius:50%;width:30px;height:30px;font-size:20px;cursor:pointer}
.site-chat-body{flex:1;overflow-y:auto;background:var(--bg);padding:14px;display:flex;flex-direction:column;gap:10px}
.site-chat-actions{border-top:1px solid var(--line);padding:8px 12px;background:#fff}
.site-chat-actions button{border:1px solid #9ce9c5;background:#f4fffa;color:var(--green-d);border-radius:999px;padding:8px 12px;font-weight:900;cursor:pointer}
.site-chat-input{display:flex;gap:8px;border-top:1px solid var(--line);padding:12px;background:#fff}
.site-chat-input input{flex:1;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;min-width:0}
.site-chat-input button{border:0;border-radius:12px;background:var(--grad);color:#fff;width:44px;font-weight:900;cursor:pointer}
/* база знаний (демо админка) */
.kb-form{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}
.dropzone{border:2px dashed var(--green);border-radius:14px;background:var(--mint);padding:30px;text-align:center;cursor:pointer;margin-bottom:8px}
.dropzone:hover{background:#d2eecb}
.kb-table{width:100%;border-collapse:collapse;margin-top:8px;font-size:14px}
.kb-table th{text-align:left;background:var(--mint);padding:9px 10px;font-size:13px}
.kb-table td{padding:9px 10px;border-bottom:1px solid var(--line)}
.kb-table th,.kb-table td{overflow-wrap:anywhere}
.kb-table .ok{color:var(--green-d);font-weight:600;font-size:13px}
/* CRM demo */
.crm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}
.crm-stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 12px 28px rgba(var(--dark-rgb),.06)}
.crm-stat b{display:block;font-size:28px;line-height:1;color:var(--green-d);margin-bottom:6px}
.crm-stat span{font-size:13px;color:var(--muted);font-weight:700}
.crm-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:16px;padding:12px;margin-bottom:16px}
.crm-toolbar input,.crm-toolbar select{min-height:40px;border:1.5px solid var(--line);border-radius:10px;background:#fff;padding:8px 12px;font-size:14px}
.crm-toolbar input{flex:1;min-width:220px}
.crm-list{display:grid;gap:12px}
.crm-row{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 12px 28px rgba(var(--dark-rgb),.06)}
.crm-row-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:10px}
.crm-id{display:inline-flex;background:#eefcf5;border:1px solid #bfead7;border-radius:999px;color:var(--green-d);font-size:12px;font-weight:900;padding:4px 9px;margin-bottom:8px}
.crm-row h3{font-size:18px;line-height:1.24}
.crm-status{background:var(--grad);color:#fff;border-radius:999px;font-size:12px;font-weight:900;padding:5px 10px;white-space:nowrap;box-shadow:var(--glow)}
.crm-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.crm-meta span{background:#f7faf6;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;font-weight:800;padding:4px 9px}
.crm-detail{display:grid;gap:7px}
.crm-detail span{font-size:13px;color:var(--muted);line-height:1.35}
.crm-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.crm-actions .btn{padding:7px 10px}
.crm-empty{background:#fff;border:1px dashed var(--line);border-radius:16px;padding:34px 20px;text-align:center;color:var(--muted)}
/* магазины / партнёры */
.store-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.store-card.own{border-color:var(--green);background:#f0f8f3}
.st-type{display:inline-block;background:#eaf5ee;color:var(--green-d);font-size:12px;font-weight:700;padding:3px 10px;border-radius:20px;margin-bottom:8px}
.store-card.own .st-type{background:var(--grad);color:#fff}
.st-name{font-weight:700;font-size:16px;margin-bottom:6px}
.st-city{font-size:14px;font-weight:600;margin-bottom:2px}
.st-addr{font-size:13px;color:var(--muted);margin-bottom:8px}
.st-phone{font-size:14px;font-weight:600}
/* app promo */
.app-banner{background:var(--grad-dark);color:#fff;border-radius:18px;padding:40px;display:flex;align-items:center;gap:30px;flex-wrap:wrap;justify-content:space-between}
.app-banner h3{font-size:26px;margin-bottom:8px}
.app-banner p{opacity:.94;max-width:460px}
.store-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.store-btn{display:flex;align-items:center;gap:10px;background:#091c18;color:#fff;border-radius:12px;padding:11px 18px;font-weight:600}
.store-btn .i{font-size:24px}
.store-btn small{display:block;font-size:10px;opacity:.8;font-weight:500}
.store-btn b{font-size:15px}
/* cookie */
.cookie{position:fixed;bottom:var(--cookie-bottom,18px);right:var(--cookie-right,18px);left:auto;top:auto;width:min(var(--cookie-width,360px),calc(100vw - 24px));max-width:none;background:#091c18;color:#dfeae4;padding:16px 18px;border-radius:14px;font-size:13px;z-index:80;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.cookie a{color:var(--green);text-decoration:underline}
.cookie button{margin-top:10px;background:var(--grad);color:#fff;border:none;border-radius:8px;padding:9px 18px;font-weight:700;cursor:pointer}
.cookie.pos-bottom-left{right:auto;left:var(--cookie-left,18px);top:auto;bottom:var(--cookie-bottom,18px)}
.cookie.pos-top-right{bottom:auto;top:var(--cookie-top,18px);left:auto;right:var(--cookie-right,18px)}
.cookie.pos-top-left{bottom:auto;right:auto;top:var(--cookie-top,18px);left:var(--cookie-left,18px)}
.cookie.pos-bottom-center{right:auto;left:50%;top:auto;bottom:var(--cookie-bottom,18px);transform:translateX(-50%)}
.legal-modal{position:fixed;inset:0;z-index:120;background:rgba(9,28,24,.55);display:flex;align-items:var(--legal-align,center);justify-content:var(--legal-justify,center);padding:18px}
.legal-box{position:relative;width:min(var(--legal-width,720px),calc(100vw - 36px));max-height:min(var(--legal-height,72vh),calc(100vh - 36px));overflow:auto;background:#fff;color:var(--ink);border-radius:18px;padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.28)}
.legal-box h2{margin:0 34px 12px 0;font-size:24px}
.legal-box p{margin:0 0 12px;color:var(--muted);line-height:1.55}
.legal-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:22px;cursor:pointer}

/* sections */
section{padding:54px 0}
.h2{font-size:30px;font-weight:800;margin-bottom:8px;text-align:center}
.sub{text-align:center;color:var(--muted);margin-bottom:34px;font-size:16px}

/* category tiles */
.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:16px}
.cat-tile{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px 20px;text-align:center;transition:.18s;cursor:pointer}
.cat-tile:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(31,122,69,.12);border-color:#cfe3d7}
.cat-ico{width:64px;height:64px;margin:0 auto 14px;border-radius:16px;background:var(--mint);display:flex;align-items:center;justify-content:center;font-size:30px}
.cat-tile h3{font-size:17px;margin-bottom:4px}
.cat-tile .cnt{color:var(--teal);font-weight:600;font-size:14px}
.catalog-entry{padding:42px 0 12px;scroll-margin-top:88px}
.catalog-entry-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:16px}
.catalog-entry-head .h2{text-align:left;margin:0 0 5px;font-size:27px}
.catalog-entry-head p{max-width:720px;color:var(--muted);font-size:15px}
.catalog-entry-head .btn{flex:none}
.home-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.home-cat-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:grid;grid-template-columns:150px 1fr;min-height:216px;cursor:pointer;transition:.16s}
.home-cat-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(31,122,69,.12);border-color:#cfe3d7}
.home-cat-img{background:#fff;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:216px;border-right:1px solid rgba(207,234,220,.55)}
.home-cat-img img{max-width:84%;max-height:150px;object-fit:contain}
.home-cat-img .image-note{position:absolute;left:8px;right:8px;bottom:6px;background:rgba(255,255,255,.88);border-radius:8px;padding:4px 7px}
.home-cat-icon{width:72px;height:72px;border-radius:18px;background:#fff;color:var(--green-d);display:flex;align-items:center;justify-content:center;font-size:34px;box-shadow:0 8px 20px rgba(31,122,69,.12)}
.home-cat-body{padding:17px;display:flex;flex-direction:column;min-width:0}
.home-cat-count{align-self:flex-start;background:#eefcf5;border:1px solid #bdebd0;border-radius:999px;color:var(--green-d);font-size:12px;font-weight:800;padding:5px 10px;margin-bottom:9px}
.home-cat-card h3{font-size:18px;line-height:1.24;margin-bottom:7px}
.home-cat-card p{color:var(--muted);font-size:13px;line-height:1.42;margin-bottom:12px}
.home-cat-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.home-cat-tags span{background:#f7faf6;border:1px solid var(--line);border-radius:999px;font-size:11px;font-weight:700;color:var(--muted);padding:4px 8px}
.home-cat-foot{margin-top:auto}

/* task entry cards */
.solution-band{padding:26px 0 12px}
.solution-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:16px}
.solution-head .h2{text-align:left;margin:0 0 5px;font-size:27px}
.solution-head p{max-width:660px;color:var(--muted);font-size:15px}
.solution-head .btn{flex:none}
.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.solution-card{background:#fff;border:1px solid rgba(207,234,220,.72);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;min-height:402px;transition:.16s;position:relative;box-shadow:0 14px 34px rgba(17,95,72,.07)}
.solution-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--grad)}
.solution-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(31,122,69,.13);border-color:#cfe3d7}
.solution-img{height:184px;background:#fff;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-bottom:1px solid rgba(207,234,220,.55)}
.solution-img img{max-height:166px;max-width:88%;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(var(--black-rgb),.13))}
.solution-card:nth-child(1) .solution-img img{max-height:180px;transform:translateY(9px) scale(1.06)}
.solution-card:nth-child(2) .solution-img img{max-height:148px;transform:scale(1.12)}
.solution-card:nth-child(3) .solution-img img{max-height:164px}
.solution-img .image-note{position:absolute;left:8px;right:8px;bottom:6px;background:rgba(255,255,255,.88);border-radius:8px;padding:4px 7px}
.solution-body{padding:20px;display:flex;flex-direction:column;flex:1}
.solution-k{color:var(--green-d);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px}
.solution-card h3{font-size:20px;line-height:1.25;margin-bottom:8px}
.solution-model{display:inline-flex;align-self:flex-start;background:#f1fcf7;border:1px solid #bfead7;border-radius:999px;color:#244c3c;font-size:12px;font-weight:800;padding:5px 10px;margin-bottom:10px}
.solution-card p{color:var(--muted);font-size:14px;line-height:1.45;margin-bottom:14px}
.solution-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}
.solution-tags span{background:#eefcf5;border:1px solid #bfead7;border-radius:999px;color:var(--green-d);font-size:12px;font-weight:700;padding:5px 9px}
.solution-actions{display:flex;align-items:center;gap:10px;margin-top:auto;flex-wrap:wrap}
.solution-actions .btn{padding:10px 14px}
.solution-more{border:none;background:transparent;color:var(--green-d);font-weight:800;font-size:14px;cursor:pointer;padding:8px 0}
.solution-more:hover{color:var(--green)}
.solution-card:nth-child(1){background:linear-gradient(145deg,#091c18 0%,#104b3b 58%,#087b91 100%);border-color:transparent;color:#fff}
.solution-card:nth-child(1) .solution-img{background:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
.solution-card:nth-child(1) .solution-k,.solution-card:nth-child(1) .solution-more{color:#bff6d2}
.solution-card:nth-child(1) h3{color:#fff}
.solution-card:nth-child(1) p{color:rgba(255,255,255,.82)}
.solution-card:nth-child(1) .solution-model,.solution-card:nth-child(1) .solution-tags span{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#fff}
.solution-card:nth-child(1) .btn-primary{background:#fff;color:#12372d;box-shadow:0 12px 24px rgba(0,0,0,.14)}
.solution-card:nth-child(2){background:linear-gradient(180deg,#fff 0%,#f5fcf8 100%)}
.solution-card:nth-child(2):before{background:var(--grad-warm)}
.solution-card:nth-child(3){background:linear-gradient(145deg,#f4fff9 0%,#dff8eb 58%,#e0f8fb 100%)}
.solution-card:nth-child(3):before{background:var(--grad)}

/* selection flow */
.pick-flow-band{padding:24px 0 42px;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.46) 100%)}
.pick-flow-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:16px}
.pick-flow-head .h2{text-align:left;margin:0 0 5px;font-size:27px}
.pick-flow-head p{color:var(--muted);font-size:15px}
.pick-flow-grid{display:grid;grid-template-columns:1fr 360px;gap:18px;align-items:stretch}
.pick-flow-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.pick-step{background:#fff;border:1px solid rgba(207,234,220,.72);border-radius:16px;padding:18px;min-height:168px;display:flex;flex-direction:column;box-shadow:0 12px 28px rgba(17,95,72,.06)}
.pick-num{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#effbf5,#d9f5f6);color:var(--green-d);display:flex;align-items:center;justify-content:center;font-weight:900;margin-bottom:14px;box-shadow:0 0 0 4px rgba(17,182,211,.06)}
.pick-step h3{font-size:17px;line-height:1.22;margin-bottom:8px}
.pick-step p{color:var(--muted);font-size:13px;line-height:1.42;margin-bottom:14px}
.pick-step span{margin-top:auto;align-self:flex-start;background:#f7faf6;border:1px solid var(--line);border-radius:999px;color:var(--green-d);font-size:12px;font-weight:800;padding:5px 9px}
.pick-step:nth-child(2){background:linear-gradient(145deg,#f1fff8 0%,#d9f5f6 100%)}
.pick-step:nth-child(3){background:var(--grad-dark);color:#fff;border-color:transparent}
.pick-step:nth-child(3) p{color:rgba(255,255,255,.82)}
.pick-step:nth-child(3) .pick-num,.pick-step:nth-child(3) span{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.18);color:#fff}
.pick-step:nth-child(4){background:linear-gradient(145deg,#fff 0%,#f3fbf7 100%)}
.pick-flow-result{background:var(--grad-dark);color:#fff;border-radius:16px;padding:22px;display:flex;flex-direction:column;box-shadow:0 18px 42px rgba(var(--dark-rgb),.16)}
.pick-result-k{align-self:flex-start;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:999px;font-size:12px;font-weight:800;padding:5px 10px;margin-bottom:13px}
.pick-flow-result h3{font-size:22px;line-height:1.18;margin-bottom:10px}
.pick-flow-result p{font-size:14px;line-height:1.5;color:rgba(255,255,255,.86);margin-bottom:14px}
.pick-result-list{display:grid;gap:8px;margin-bottom:18px}
.pick-result-list span{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:9px 11px;font-size:13px;font-weight:700}
.pick-flow-result .btn{align-self:flex-start;margin-top:auto}

/* trust and cases */
.trust-band{padding:42px 0;background:linear-gradient(180deg,#fff 0%,#f1fbf6 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.trust-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:18px}
.trust-head .h2{text-align:left;margin:0 0 5px;font-size:27px}
.trust-head p{max-width:690px;color:var(--muted);font-size:15px}
.trust-head .btn{flex:none}
.trust-points{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}
.trust-item{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;background:#fff;border:1px solid rgba(207,234,220,.72);border-radius:14px;padding:16px;box-shadow:0 10px 24px rgba(17,95,72,.06)}
.trust-item:nth-child(2){background:linear-gradient(145deg,#f4fff9,#dff8eb)}
.trust-item:nth-child(3){background:linear-gradient(145deg,#091c18,#104b3b);color:#fff;border-color:transparent}
.trust-item:nth-child(3) span{color:rgba(255,255,255,.78)}
.trust-item:nth-child(4){background:linear-gradient(145deg,#f4fff9,#d9f5f6)}
.trust-n{min-width:48px;height:48px;border-radius:12px;background:var(--grad);color:#fff;font-weight:900;font-size:17px;display:flex;align-items:center;justify-content:center;box-shadow:var(--glow)}
.trust-item b{display:block;font-size:15px;margin-bottom:3px}
.trust-item span{display:block;color:var(--muted);font-size:13px;line-height:1.35}
.case-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}
.case-head h3{font-size:22px;margin-bottom:3px}
.case-head p{color:var(--muted);font-size:14px}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.case-card{border:1px solid rgba(207,234,220,.72);border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:.16s;box-shadow:0 10px 24px rgba(17,95,72,.06)}
.case-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(31,122,69,.12);border-color:#cfe3d7}
.case-img{height:146px;background:#fff;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-bottom:1px solid rgba(207,234,220,.55)}
.case-img img{max-width:84%;max-height:132px;object-fit:contain}
.case-img .image-note{position:absolute;left:8px;right:8px;bottom:6px;background:rgba(255,255,255,.88);border-radius:8px;padding:4px 7px}
.case-body{padding:18px;display:flex;flex-direction:column;flex:1}
.case-badge{align-self:flex-start;background:#eefcf5;border:1px solid #bfead7;border-radius:999px;color:var(--green-d);font-size:12px;font-weight:800;padding:5px 10px;margin-bottom:10px}
.case-card h3{font-size:19px;line-height:1.25;margin-bottom:8px}
.case-card p{color:var(--muted);font-size:14px;line-height:1.45;margin-bottom:14px}
.case-model{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin-bottom:12px}
.case-model span{font-weight:900;color:var(--ink)}
.case-model b{color:var(--green-d);font-size:15px;white-space:nowrap}
.case-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}
.case-tags span{background:#f7faf6;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:700;padding:5px 9px;color:var(--muted)}
.case-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:auto}
.case-actions .btn{padding:10px 14px}

/* shared 3D card hover */
@media(hover:hover) and (pointer:fine){
  .cats,.home-cat-grid,.solution-grid,.pick-flow-steps,.trust-points,.case-grid,.grid{perspective:900px}
  .cat-tile,.home-cat-card,.solution-card,.pick-step,.trust-item,.case-card{
    position:relative;
    transform-style:preserve-3d;
    will-change:transform;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease;
  }
  .cat-tile:hover,.home-cat-card:hover,.solution-card:hover,.pick-step:hover,.trust-item:hover,.case-card:hover{
    transform:perspective(900px) translateY(-7px) translateZ(18px) rotateX(1.2deg);
    border-color:#9ce9c5;
    box-shadow:0 20px 42px rgba(17,95,72,.12),0 10px 28px rgba(17,182,211,.1);
    filter:saturate(1.04);
  }
  .solution-card:nth-child(1):hover,.pick-step:nth-child(3):hover,.trust-item:nth-child(3):hover{
    box-shadow:0 22px 46px rgba(8,34,27,.26),0 12px 30px rgba(17,182,211,.18);
  }
  .solution-card:hover .solution-img,.case-card:hover .case-img,.home-cat-card:hover .home-cat-img{
    filter:saturate(1.08) brightness(1.02);
  }
  .pick-flow-result,.lead-card,.promo-banner,.news,.calc{
    transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
    transform-style:preserve-3d;
  }
  .pick-flow-result:hover,.lead-card:hover,.promo-banner:hover,.news:hover,.calc:hover{
    transform:perspective(900px) translateY(-5px) translateZ(14px) rotateX(.8deg);
    box-shadow:0 20px 42px rgba(17,95,72,.12),0 10px 28px rgba(17,182,211,.1);
    filter:saturate(1.03);
  }
}

/* lead form */
.lead-band{padding:44px 0;background:var(--grad-dark);scroll-margin-top:88px}
.lead-wrap{display:grid;grid-template-columns:1fr 460px;gap:28px;align-items:center;color:#fff}
.lead-k{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800;text-transform:uppercase;margin-bottom:14px}
.lead-copy h2{font-size:32px;line-height:1.16;max-width:640px;margin-bottom:12px}
.lead-copy p{color:rgba(255,255,255,.86);font-size:16px;max-width:620px;margin-bottom:18px}
.lead-points{display:grid;gap:9px;max-width:620px}
.lead-points span{position:relative;padding-left:24px;color:rgba(255,255,255,.9);font-size:14px}
.lead-points span:before{content:"✓";position:absolute;left:0;top:0;color:var(--green);font-weight:900}
.lead-card{background:#fff;color:var(--ink);border-radius:16px;padding:22px;border:1px solid rgba(255,255,255,.25);box-shadow:0 18px 46px rgba(0,0,0,.18)}
.lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lead-field{display:grid;gap:6px;font-weight:600;font-size:14px}
.lead-field.wide{grid-column:1/-1}
.lead-field input,.lead-field select,.lead-field textarea{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;font-size:15px;font-family:inherit;background:#fff;color:var(--ink)}
.lead-grid textarea{resize:vertical;min-height:88px}
.lead-status{display:none;margin-top:12px;background:var(--aqua);border:1px solid rgba(var(--teal-rgb),.26);border-radius:10px;padding:11px 12px}
.lead-status:not(:empty){display:block}
.lead-status b{display:block;color:var(--teal);margin-bottom:3px}
.lead-status span{display:block;color:var(--muted);font-size:13px;line-height:1.35}

/* advantages */
.adv{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.adv .item{text-align:center;padding:10px}
.adv .ico{font-size:34px;margin-bottom:10px}
.adv h4{font-size:16px;margin-bottom:6px}
.adv p{color:var(--muted);font-size:14px}

/* calculator teaser */
.calc{background:var(--grad-soft);border-radius:20px;padding:40px;display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.calc .txt{flex:1;min-width:260px}
.calc h3{font-size:24px;margin-bottom:10px}
.calc p{color:var(--muted);margin-bottom:18px}

/* catalog */
.catalog-wrap{display:grid;grid-template-columns:250px 1fr;gap:28px;align-items:start}
.filters{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;position:sticky;top:82px}
.filters h4{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:16px 0 8px}
.filters h4:first-child{margin-top:0}
.filters label{display:flex;align-items:center;gap:8px;font-size:14px;padding:4px 0;cursor:pointer}
.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.toolbar input,.toolbar select{padding:9px 12px;border:1px solid var(--line);border-radius:9px;font-size:14px;background:#fff}
.toolbar input[type=search]{flex:1;min-width:180px}
.count{color:var(--muted);font-size:14px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:.16s}
.card:hover{box-shadow:0 10px 26px rgba(0,0,0,.08);border-color:var(--line)}
.card .ph{height:140px;background:transparent;display:flex;align-items:center;justify-content:center;font-size:40px;position:relative;border-bottom:1px solid var(--line)}
.card .tag{position:absolute;top:10px;left:10px;background:var(--grad);color:#fff;font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px}
.card-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.card-img img{max-height:124px;max-width:88%;object-fit:contain}
.car-mini{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;border:1px solid rgba(var(--black-rgb),.12);background:rgba(255,255,255,.92);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;cursor:pointer;opacity:0;transition:.15s;z-index:2}
.card:hover .car-mini,.gallery:hover .car-mini{opacity:1}
.car-mini.prev{left:8px}.car-mini.next{right:8px}
.img-dots{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);display:flex;gap:5px;z-index:2}
.img-dots i{width:6px;height:6px;border-radius:50%;background:rgba(var(--black-rgb),.22);display:block}
.img-dots i.on{background:var(--green)}
.card .body{padding:14px;display:flex;flex-direction:column;flex:1}
.image-note{display:block;color:var(--muted);font-size:10px;line-height:1.25;text-align:center;padding:5px 8px 0}
.card .ser{font-size:12px;color:var(--teal);font-weight:600;text-transform:uppercase;letter-spacing:.3px}
.card .name{font-size:16px;font-weight:700;margin:3px 0 6px}
.card .spec{font-size:13px;color:var(--muted);margin-bottom:10px}
.card .price{font-size:19px;font-weight:800;margin-top:auto}
.card .price small{font-size:13px;font-weight:600;color:var(--muted)}
.card .req{font-size:14px;font-weight:700;color:var(--teal);margin-top:auto}
.card .acts{display:flex;gap:8px;margin-top:12px}

/* product detail */
#view-product .pd{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.pd .gallery{height:360px;background:transparent;border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:90px}
.pd .gallery{position:relative;overflow:hidden}
.pd .gallery img{max-height:90%;max-width:90%;object-fit:contain}
.pd .gallery-wrap{display:flex;flex-direction:column;gap:8px}
.gallery-thumbs{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin}
.gallery-thumbs button{width:58px;height:48px;flex:0 0 58px;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.16s box-shadow,.16s border-color,.16s transform}
.gallery-thumbs button:hover{border-color:var(--green);box-shadow:0 8px 18px rgba(var(--green-rgb),.16);transform:translateY(-1px)}
.gallery-thumbs button.on{border-color:var(--green);box-shadow:0 0 0 2px rgba(var(--green-rgb),.16)}
.gallery-thumbs img{max-width:88%;max-height:82%;object-fit:contain}
.pd .gallery-wrap .image-note{font-size:12px;padding:0 6px}
.pd .ser{color:var(--teal);font-weight:600;text-transform:uppercase;font-size:13px;letter-spacing:.4px}
.pd h1{font-size:30px;margin:4px 0 6px}
.pd .sku{color:var(--muted);font-size:13px;margin-bottom:18px}
.pd-desc{color:var(--muted)}
.pd .price{font-size:30px;font-weight:800;margin-bottom:6px}
.pd .price small{font-size:16px;color:var(--muted);font-weight:600;text-decoration:line-through;margin-left:8px}
.pd .acts{display:flex;gap:12px;margin:18px 0 24px;flex-wrap:wrap}
.specs{width:100%;border-collapse:collapse;margin:18px 0}
.specs td{padding:9px 0;border-bottom:1px solid var(--line);font-size:14px;vertical-align:top}
.specs td:first-child{color:var(--muted);width:46%}
.specs td:last-child{font-weight:600}
.feat-list{list-style:none;margin:10px 0}
.feat-list li{padding:6px 0 6px 26px;position:relative;font-size:14px}
.feat-list li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}
.block-title{font-size:20px;font-weight:800;margin:26px 0 10px}
.note{background:#f0fbf6;border:1px solid #bfead7;border-radius:10px;padding:12px 14px;font-size:13px;color:var(--green-d);margin-top:12px}
.crumbs{font-size:13px;color:var(--muted);margin-bottom:16px}
.crumbs a:hover{color:var(--green-d)}

/* footer */
footer{background:var(--dark);color:rgba(var(--white-rgb),.86);padding:46px 0 26px;margin-top:40px}
.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}
footer h4{color:#fff;font-size:16px;margin-bottom:12px}
footer a{display:block;color:rgba(var(--white-rgb),.86);padding:3px 0;font-size:14px}
footer a:hover{color:#fff}
.foot .logo{color:#fff;margin-bottom:10px}

.copy{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:18px;font-size:13px;color:rgba(var(--white-rgb),.66);text-align:center}
.hide{display:none!important}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 22px;border-radius:30px;font-weight:600;font-size:14px;opacity:0;transition:.3s;z-index:99;pointer-events:none}
.toast.show{opacity:1}
.mob-only{display:none}
.filter-toggle{justify-content:center}
.mobile-dock{display:none}

/* promo banner + news */
.promo-news{display:grid;grid-template-columns:2fr 1fr;gap:22px;align-items:stretch}
.promo-banner{background:var(--grad-dark);color:#fff;border-radius:16px;padding:30px;display:flex;flex-direction:column;justify-content:center}
.promo-banner .k{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;opacity:.9;font-weight:700}
.promo-banner h3{font-size:27px;margin:6px 0 10px}
.promo-banner p{opacity:.96;margin-bottom:18px;max-width:520px}
.news{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px}
.news h4{font-size:17px;margin-bottom:8px}
.news-item{padding:11px 0;border-bottom:1px solid var(--line)}
.news-item:last-child{border:none}
.news-item .date{font-size:12px;color:var(--green-d);font-weight:700}
.news-item .t{font-size:14px;margin-top:3px;line-height:1.4}

/* calculator */
.calc-box{max-width:920px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px}
.steps-bar{display:flex;gap:6px;margin-bottom:26px}
.steps-bar .s{flex:1;height:6px;border-radius:4px;background:var(--line)}
.steps-bar .s.on{background:var(--grad)}
.calc-step h3{font-size:22px;margin-bottom:6px}
.calc-step .hint{color:var(--muted);font-size:14px;margin-bottom:20px}
.calc-mode{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}
.calc-mode button{flex:1;min-width:190px;border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:13px 14px;font-weight:700;cursor:pointer;text-align:left}
.calc-mode button.on{border-color:#9ce9c5;background:#eefcf5;color:var(--green-d);box-shadow:0 0 0 4px rgba(17,182,211,.06)}
.calc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.calc-form-grid .wide{grid-column:1/-1}
.calc-help{font-size:12px;color:var(--muted);margin-top:5px}
.opt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px}
.opt{border:1.5px solid var(--line);border-radius:12px;padding:16px;cursor:pointer;display:flex;gap:12px;align-items:center;transition:.15s}
.opt:hover{border-color:var(--green)}
.opt.sel{border-color:#9ce9c5;background:#eefcf5;box-shadow:0 0 0 4px rgba(17,182,211,.06)}
.opt .e{font-size:28px}
.opt b{display:block;font-size:15px}
.opt span{font-size:13px;color:var(--muted)}
.calc-step input[type=number],.calc-step input[type=text],.calc-step select,.calc-step textarea{width:100%;padding:13px 14px;border:1.5px solid var(--line);border-radius:10px;font-size:15px;font-family:inherit}
.calc-step label.fld{display:block;font-weight:600;margin:14px 0 6px;font-size:14px}
.calc-check{display:flex;align-items:flex-start;gap:10px;background:#f8fffb;border:1px solid var(--line);border-radius:12px;padding:13px 14px;cursor:pointer}
.calc-check input{width:18px;height:18px;margin-top:2px;accent-color:var(--green)}
.calc-check b{display:block;font-size:14px}
.calc-check small{display:block;color:var(--muted);font-size:12px;line-height:1.35;margin-top:2px}
.calc-nav{display:flex;justify-content:space-between;margin-top:24px}
.result-power{background:var(--grad-dark);color:#fff;border-radius:14px;padding:22px;text-align:center;margin-bottom:22px}
.result-power .big{font-size:38px;font-weight:800}
.result-power .lbl{opacity:.85;font-size:14px}
.calc-result-head{display:grid;grid-template-columns:270px 1fr;gap:14px;margin-bottom:14px;align-items:stretch}
.calc-result-head .result-power{margin-bottom:0;display:flex;flex-direction:column;justify-content:center}
.calc-summary{background:#f0f8f3;border:1px solid #cfe7d8;border-radius:12px;padding:14px 16px;margin-bottom:18px;font-size:14px;color:var(--muted)}
.calc-result-head .calc-summary{margin-bottom:0;display:flex;flex-direction:column;justify-content:center;gap:5px}
.calc-summary b{color:var(--ink);font-size:15px}
.calc-summary span{display:block}
.calc-summary em{font-style:normal;color:var(--green-d);font-weight:800}
.calc-insights{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.calc-insights span{background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--green-d);font-size:12px;font-weight:800;padding:6px 10px}
.calc-result-title{font-weight:800;margin-bottom:12px}
.calc-result-title.heatpump-title{margin-top:20px}
.calc-result-list{display:grid;gap:12px}
.calc-product{display:grid;grid-template-columns:150px 1fr;gap:16px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;align-items:center;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.calc-product.primary{border-color:#9ce9c5;box-shadow:0 0 0 4px rgba(17,182,211,.06),0 14px 32px rgba(var(--dark-rgb),.08)}
.calc-product:hover{border-color:#9ce9c5;box-shadow:0 14px 32px rgba(var(--dark-rgb),.09);transform:translateY(-2px)}
.calc-product-media{min-width:0}
.calc-product .pic{min-height:126px;background:transparent;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.calc-product .pic img{max-width:92%;max-height:118px;object-fit:contain}
.calc-product .combo-pic{gap:8px;padding:8px}
.calc-product .combo-pic img{max-width:46%;max-height:108px}
.calc-product-body{min-width:0}
.calc-product-top{display:flex;align-items:center;gap:8px;justify-content:space-between;flex-wrap:wrap}
.calc-role{display:inline-flex;background:var(--grad);color:#fff;border-radius:999px;font-size:12px;font-weight:900;padding:5px 10px;box-shadow:0 8px 18px rgba(17,182,211,.16)}
.calc-product .ser{font-size:12px;color:var(--teal);font-weight:700;text-transform:uppercase;letter-spacing:.3px}
.calc-product h4{font-size:20px;line-height:1.2;margin:7px 0 5px}
.calc-product .meta{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}
.calc-product .meta span{background:#eefcf5;border:1px solid #bfead7;border-radius:20px;padding:4px 9px;font-size:12px;color:var(--green-d);font-weight:600}
.calc-reason{font-size:13px;color:var(--ink);line-height:1.42;margin:8px 0}
.calc-product .desc{font-size:13px;color:var(--muted);margin:8px 0}
.calc-extra{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}
.calc-extra span{background:#f7faf6;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px;font-weight:800;padding:4px 8px}
.calc-product .calc-price{font-size:20px;font-weight:800}
.calc-product .acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.calc-result-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.calc-disclaimer{font-size:12px;color:var(--muted);margin-top:14px;line-height:1.5}

/* cart & checkout */
.cart-row{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:10px}
.cart-row .thumb{width:64px;height:64px;border-radius:8px;background:transparent;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:26px;overflow:hidden;flex:none}
.cart-row .thumb img{max-width:90%;max-height:90%;object-fit:contain}
.cart-row .ci-name{font-weight:700}
.cart-row .ci-ser{font-size:12px;color:var(--teal);text-transform:uppercase}
.qty{display:flex;align-items:center;gap:8px}
.qty button{width:28px;height:28px;border:1px solid var(--line);background:#fff;border-radius:7px;font-size:16px;cursor:pointer}
.cart-sum{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;margin-top:8px}
.cart-sum .tot{display:flex;justify-content:space-between;font-size:20px;font-weight:800;margin-bottom:14px}
.checkout-layout{display:grid;gap:14px}
.checkout-summary,.checkout-section,.checkout-empty{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}
.checkout-k{color:var(--green-d);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.35px;margin-bottom:10px}
.checkout-items{display:grid;gap:8px;margin-bottom:12px}
.checkout-item{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:8px;font-size:13px}
.checkout-item span{min-width:0;overflow-wrap:anywhere}
.checkout-item b{white-space:nowrap}
.checkout-total{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;font-weight:800}
.checkout-total span{color:var(--muted);font-size:13px;font-weight:700}
.checkout-total b{font-size:22px}
.checkout-final{border-top:1px solid var(--line);padding-top:10px;margin-top:10px}
.checkout-discount{display:none;justify-content:space-between;gap:12px;margin-top:10px;color:var(--green-d);font-weight:900;font-size:13px}
.checkout-discount.on{display:flex}
.checkout-summary p{color:var(--muted);font-size:12px;line-height:1.4;margin-top:10px}
.checkout-main{display:grid;gap:14px}
.checkout-section h3{font-size:18px;margin-bottom:10px}
.checkout-submit{width:100%;justify-content:center}
.checkout-empty{text-align:center;color:var(--muted)}
.checkout-empty p{margin-bottom:12px}
.form label.fld{display:block;font-weight:600;margin:14px 0 6px;font-size:14px}
.form input[type=text],.form input[type=tel],.form input[type=email]{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;font-size:15px;font-family:inherit}
.checkout-promo{margin-top:12px;border:1px solid var(--line);border-radius:12px;padding:12px;background:#f8fffb}
.promo-line{display:grid;grid-template-columns:1fr auto;gap:8px}
.promo-line .btn{white-space:nowrap}
.promo-status{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.35}
.promo-status.ok{color:var(--green-d);font-weight:800}
.promo-status.bad{color:var(--red);font-weight:800}
.pay-opt{border:1.5px solid var(--line);border-radius:12px;padding:14px;margin-top:10px;cursor:pointer;display:flex;gap:12px;align-items:flex-start}
.pay-opt.sel{border-color:#9ce9c5;background:#eefcf5;box-shadow:0 0 0 4px rgba(17,182,211,.06)}
.pay-opt .sbp{font-weight:800;color:var(--teal)}
.agree{display:flex;gap:9px;align-items:flex-start;margin:18px 0;font-size:13px;color:var(--muted)}

@media(min-width:881px){
  .hero-car{padding-top:24px}
  .slides,.slide,.slide.hero-lead{min-height:392px}
  .slide.hero-lead{padding:44px 58px}
  .slide.hero-lead:after{background-position:right -10px center;background-size:auto 101%;opacity:.9}
  .slide.hero-lead:before{background:linear-gradient(105deg,rgba(8,34,27,.98) 0%,rgba(19,139,93,.88) 46%,rgba(17,182,211,.14) 72%,rgba(255,255,255,0) 100%)}
  .solution-band{padding:30px 0 16px}
  .solution-grid,.case-grid{gap:20px}
  .solution-card,.case-card,.home-cat-card{border-radius:18px}
  .solution-img{height:196px}
  .solution-body{padding:22px}
  .solution-card h3{font-size:21px}
  .pick-flow-grid{grid-template-columns:1fr 380px;gap:20px}
  .pick-step{padding:20px}
  .trust-item,.pick-step,.news,.calc,.lead-card,.promo-banner{box-shadow:0 14px 32px rgba(var(--dark-rgb),.07)}

  .catalog-wrap{grid-template-columns:268px 1fr;gap:30px}
  .filters{top:96px;padding:22px;border-radius:16px;box-shadow:0 14px 34px rgba(var(--dark-rgb),.06)}
  .filters label{padding:6px 0;border-radius:8px}
  .filters label:hover{color:var(--green-d)}
  .toolbar{background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:16px;padding:12px;margin-bottom:20px;box-shadow:0 10px 26px rgba(var(--dark-rgb),.05)}
  .toolbar input,.toolbar select{min-height:42px;border-radius:11px;border-color:var(--line);box-shadow:0 1px 0 rgba(255,255,255,.8)}
  .grid{gap:20px}
  .card{border-radius:16px;box-shadow:0 10px 26px rgba(var(--dark-rgb),.055)}
  .card:hover{box-shadow:0 18px 38px rgba(var(--dark-rgb),.11),0 9px 24px rgba(31,122,69,.1)}
  .card .ph{height:158px}
  .card-img img{max-height:138px;max-width:90%;filter:drop-shadow(0 14px 16px rgba(var(--black-rgb),.12))}
  .card .body{padding:16px}
  .card .name{font-size:17px;line-height:1.22;min-height:42px}
  .card .spec{line-height:1.36;min-height:38px}
  .card .acts .btn{flex:1;justify-content:center;white-space:nowrap}
  .image-note{font-size:9.5px}

  #view-product .pd{grid-template-columns:minmax(430px,1fr) minmax(0,1fr);gap:42px;align-items:start}
  .pd .gallery{height:420px;border-radius:18px;box-shadow:0 18px 44px rgba(var(--dark-rgb),.08)}
  .pd .gallery img{filter:drop-shadow(0 18px 20px rgba(var(--black-rgb),.14))}
  .pd .sku{display:inline-flex;background:#f7faf6;border:1px solid var(--line);border-radius:999px;padding:5px 10px;margin-bottom:18px}
  .pd .acts .btn{min-width:170px;justify-content:center}
  .specs{background:#fff;border:1px solid var(--line);border-radius:14px;border-collapse:separate;border-spacing:0;overflow:hidden}
  .specs td{padding:12px 14px}
  .specs tr:last-child td{border-bottom:none}
  .pd .feat-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}
  .pd .feat-list li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px 10px 32px}
  .pd .feat-list li:before{left:12px;top:10px}

  .calc-box,.cart-sum,.mon-card,.kb-form,.store-card{box-shadow:0 14px 34px rgba(var(--dark-rgb),.06)}
  .calc-product{border-radius:16px;box-shadow:0 10px 26px rgba(var(--dark-rgb),.05)}
  .calc-product .pic{border-radius:12px}
  .calc-product .pic img{filter:drop-shadow(0 12px 15px rgba(var(--black-rgb),.1))}
  .cart-row{border-radius:14px;padding:14px 16px;box-shadow:0 10px 26px rgba(var(--dark-rgb),.05)}
  .cart-row .thumb img{filter:drop-shadow(0 9px 10px rgba(var(--black-rgb),.11))}
  .cart-sum{border-radius:14px}
  .qty button:hover{border-color:#9ce9c5;color:var(--green-d);box-shadow:0 0 0 3px rgba(17,182,211,.06)}

  .mon-hero{position:relative;overflow:hidden;padding:42px 44px;border-radius:20px;box-shadow:0 20px 48px rgba(var(--dark-rgb),.16)}
  .mon-card{border-radius:18px}
  .sub-card{position:sticky;top:108px;background:var(--grad-soft)}
  .pay-opt{transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
  .pay-opt:hover{border-color:#9ce9c5;box-shadow:0 0 0 4px rgba(17,182,211,.06)}
  .form input[type=text],.form input[type=tel],.form input[type=email],.form select,.form textarea,.mon-card input,.mon-card select,.mon-card textarea,.kb-form input,.kb-form select,.kb-form textarea{background:#fff;color:var(--ink)}

  .adv .item{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 18px;box-shadow:0 12px 28px rgba(var(--dark-rgb),.055)}
  .adv .ico{width:54px;height:54px;border-radius:16px;margin:0 auto 12px;background:var(--grad-soft);display:flex;align-items:center;justify-content:center;font-size:30px}
  footer{margin-top:52px}
}

@media(max-width:880px){
  body{overflow-x:hidden;padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  nav.main,.phone{display:none}
  .mob-only{display:block}
  .filter-toggle.mob-only{display:inline-flex}
  .container{padding:0 16px}
  section{padding:42px 0}
  .cats,.adv{grid-template-columns:repeat(2,1fr)}
  .grid{grid-template-columns:repeat(2,1fr)}
  .solution-head{display:block}
  .solution-head .btn{margin-top:12px}
  .solution-grid{grid-template-columns:1fr}
  .solution-card{min-height:0;display:grid;grid-template-columns:180px 1fr}
  .solution-img{height:auto;min-height:210px}
  .pick-flow-grid{grid-template-columns:1fr}
  .pick-flow-steps{grid-template-columns:repeat(2,1fr)}
  .catalog-entry-head{display:block}
  .catalog-entry-head .btn{margin-top:12px}
  .home-cat-grid{grid-template-columns:1fr}
  .home-cat-card{grid-template-columns:180px 1fr;min-height:210px}
  .home-cat-img{min-height:210px}
  .trust-head,.case-head{display:block}
  .trust-head .btn,.case-head .btn{margin-top:12px}
  .trust-points{grid-template-columns:repeat(2,1fr)}
  .case-grid{grid-template-columns:1fr}
  .case-card{display:grid;grid-template-columns:190px 1fr}
  .case-img{height:auto;min-height:210px}
  .lead-wrap{grid-template-columns:1fr}
  .lead-copy h2{font-size:27px}
  .lead-card{max-width:620px}
  .catalog-wrap{grid-template-columns:1fr;gap:14px}
  .promo-news{grid-template-columns:1fr}
  .tb{height:34px;gap:10px}
  .tb-left{min-width:0;gap:10px}
  .tb-left a{display:none}
  .tb-left span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tb-right a{display:none}
  .hdr{display:grid;grid-template-columns:auto 1fr auto;align-items:center;height:auto;padding:10px 16px 12px;gap:10px}
  .logo{grid-column:1;grid-row:1;font-size:24px}
  .cat-btn{grid-column:2;grid-row:1;justify-self:start;padding:11px 14px}
  .search{grid-column:1/-1;grid-row:2;width:100%;min-width:0}
  .hdr-icons{grid-column:3;grid-row:1;justify-self:end;gap:10px}
  .hdr-icons .hi:nth-child(2),.hdr-icons .hi:nth-child(3){display:none}
  .hi{min-width:34px}
  .hi span:not(.i){display:none}
  .slides{min-height:430px}
  .slide{min-height:430px;padding:34px 26px}
  .slide h2{font-size:24px}
  .slide.hero-lead{min-height:430px;padding:30px 24px;justify-content:flex-start}
  .slide.hero-lead:after{background-position:right -88px bottom 2px;background-size:auto 62%;opacity:.58}
  .slide.hero-lead:before{background:linear-gradient(180deg,rgba(8,34,27,.99) 0%,rgba(19,139,93,.88) 58%,rgba(17,182,211,.28) 100%)}
  .hero-lead h2{font-size:27px;line-height:1.16}
  .hero-lead p{font-size:15px;margin-bottom:14px}
  .hero-actions{gap:8px}
  .hero-actions .btn{padding:11px 14px}
  .hero-note{font-size:12px}
  .hero-proofs{gap:6px;margin-top:12px}
  .hero-proofs span{font-size:11px;padding:6px 9px}
  .hero-modes{margin-bottom:14px}
  .mon-grid{grid-template-columns:1fr}
  .app-banner{padding:28px;flex-direction:column;align-items:flex-start}
  .filters{position:static;display:none}
  .filters.open{display:block}
  .toolbar{display:grid;grid-template-columns:1fr auto;gap:10px}
  .toolbar .filter-toggle,.toolbar input[type=search]{grid-column:1/-1;width:100%}
  .toolbar select{min-width:0;width:100%}
  .toolbar .count{justify-self:end;align-self:center}
  #view-product .pd{grid-template-columns:1fr}
  .pd .gallery{height:240px;font-size:64px}
  .calc-form-grid{grid-template-columns:1fr}
  .calc-product{grid-template-columns:1fr}
  .hero h1{font-size:30px}
  .foot{grid-template-columns:1fr}
  .car-nav.prev{left:8px}
  .car-nav.next{right:8px}
  .cookie{left:12px;right:12px;bottom:12px;width:auto;max-width:none;padding:12px 14px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;font-size:12px;border-radius:12px}
  .cookie br{display:none}
  .cookie button{margin-top:0;white-space:nowrap;padding:8px 14px}
  .toast{bottom:calc(86px + env(safe-area-inset-bottom));max-width:calc(100vw - 28px);text-align:center}
  .cookie{bottom:calc(82px + env(safe-area-inset-bottom))}
  .cookie.pos-bottom-left,.cookie.pos-bottom-center{top:auto;bottom:calc(82px + env(safe-area-inset-bottom))}
  .cookie.pos-bottom-center{left:50%;right:auto;transform:translateX(-50%)}
  .mobile-dock{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:90;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:7px;border:1px solid rgba(207,234,220,.92);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 16px 40px rgba(8,34,27,.16);backdrop-filter:saturate(1.12) blur(14px)}
  .mobile-dock button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:52px;border:0;border-radius:13px;background:transparent;color:var(--muted);font:inherit;font-size:11px;font-weight:800;line-height:1;cursor:pointer}
  .mobile-dock button span{font-size:19px;line-height:1}
  .mobile-dock button b{font-size:10px;font-weight:800;white-space:nowrap}
  .mobile-dock button.on{background:linear-gradient(135deg,#eefcf5,#e0f8fb);color:var(--green-d);box-shadow:inset 0 0 0 1px #bfead7}
  .mobile-dock button:active{transform:translateY(1px) scale(.98)}
  .mobile-dock i{position:absolute;top:4px;right:10px;min-width:16px;height:16px;border-radius:999px;background:var(--grad);color:#fff;font-style:normal;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 5px 12px rgba(17,182,211,.22)}
}
@media(max-width:640px){
  .kb-table,.kb-table tbody,.kb-table tr,.kb-table th,.kb-table td{display:block}
  .kb-table tr:first-child{display:none}
  .kb-table tr{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:10px 12px;background:#fff}
  .kb-table td{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding:8px 0}
  .kb-table td:last-child{border-bottom:none}
  .kb-table td:before{content:attr(data-label);flex:0 0 34%;font-weight:700;color:var(--muted)}
  .kb-table .ok{text-align:right}
}
@media(max-width:560px){
  .container{padding:0 14px}
  section{padding:34px 0}
  .btn{width:100%;justify-content:center;padding:11px 16px}
  .btn-sm{padding:9px 12px}
  .h2,.solution-head .h2,.pick-flow-head .h2,.trust-head .h2,.catalog-entry-head .h2{font-size:24px;line-height:1.18}
  .sub{font-size:14px;margin-bottom:22px}
  .topbar{font-size:12px}
  .hdr{grid-template-columns:auto 1fr;gap:8px;padding:9px 14px 10px}
  .logo{grid-column:1;grid-row:1;font-size:23px}
  .hdr-icons{grid-column:2;grid-row:1;gap:8px}
  .cat-btn{grid-column:1;grid-row:2;height:44px;padding:0 12px;border-radius:11px}
  .search{grid-column:2;grid-row:2;height:44px;border-radius:11px}
  .search input{padding:10px 11px;font-size:14px;min-width:0}
  .search button{width:44px;padding:0;font-size:16px}
  .hi{min-width:30px}
  .hi .i{font-size:18px}
  .hero-car{padding-top:12px}
  .slides,.slide,.slide.hero-lead{min-height:390px;border-radius:16px}
  .slide{padding:22px 18px}
  .slide.hero-lead{padding:20px 18px 24px}
  .slide.hero-lead:after{background-position:right -26px bottom 8px;background-size:auto 44%;opacity:.22;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 46%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 46%,transparent 100%)}
  .slide .badge{font-size:12px;padding:5px 11px;margin-bottom:12px}
  .hero-lead h2,.slide h2{font-size:23px;line-height:1.14}
  .slide p,.hero-lead p{font-size:14px;line-height:1.38;margin-bottom:10px}
  .hero-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .hero-mode{font-size:12px;padding:8px 5px}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .hero-actions .btn{min-height:42px}
  .car-nav{display:none}
  .cats,.adv,.grid{grid-template-columns:1fr}
  #view-catalog > .container{padding-top:18px!important}
  #view-catalog .crumbs{margin-bottom:10px}
  #view-catalog .sub{margin-bottom:16px}
  #view-catalog .toolbar{gap:8px;margin-bottom:12px}
  #view-catalog .toolbar input,#view-catalog .toolbar select,#view-catalog .filter-toggle{min-height:42px;border-radius:10px}
  #view-catalog .count{font-size:13px}
  .grid{gap:10px}
  .card{display:grid;grid-template-columns:118px minmax(0,1fr);grid-template-rows:1fr auto;border-radius:13px;min-height:160px}
  .card .ph{grid-column:1;grid-row:1/3;height:auto;min-height:160px;border-right:1px solid var(--line);border-bottom:none}
  .card-img img{max-height:106px;max-width:92%}
  .card>.image-note{grid-column:1;grid-row:2;align-self:end;z-index:2;background:rgba(255,255,255,.92);border-top:1px solid var(--line);font-size:8.5px;line-height:1.15;padding:4px 5px}
  .card .tag{top:8px;left:8px;font-size:10px;padding:3px 8px}
  .disc{top:8px;right:8px;font-size:10px;padding:3px 8px}
  .card .body{grid-column:2;grid-row:1/3;padding:12px 12px 12px 11px;min-width:0}
  .card .ser{font-size:10px;letter-spacing:.25px}
  .card .name{font-size:15px;line-height:1.18;margin:3px 0 5px;overflow-wrap:anywhere}
  .card .spec{font-size:12px;line-height:1.25;margin-bottom:8px}
  .card .price{font-size:17px;line-height:1.15}
  .card .price small{display:block;margin:2px 0 0;font-size:11px}
  .card .acts{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}
  .card .acts .btn{min-height:38px;padding:8px 6px;font-size:12px;border-radius:9px}
  .car-mini{display:none}
  .img-dots{bottom:28px;gap:4px}
  .img-dots i{width:5px;height:5px}
  .solution-band{padding-top:22px}
  .solution-head,.pick-flow-head,.trust-head,.case-head,.catalog-entry-head{margin-bottom:14px}
  .solution-head p,.pick-flow-head p,.trust-head p,.catalog-entry-head p{font-size:14px;line-height:1.42}
  .solution-card{display:flex}
  .solution-img{height:156px;min-height:0}
  .solution-card:nth-child(1) .solution-img img{max-height:148px;transform:translateY(8px) scale(1.06)}
  .solution-card:nth-child(2) .solution-img img{max-height:118px}
  .pick-flow-steps{grid-template-columns:1fr}
  .pick-step{min-height:0}
  .pick-flow-result{padding:18px}
  .pick-flow-result h3{font-size:20px}
  .home-cat-card{display:flex;min-height:0}
  .home-cat-img{height:156px;min-height:0}
  .home-cat-body,.solution-body,.case-body{padding:16px}
  .home-cat-tags,.solution-tags,.case-tags{gap:6px}
  .trust-points{grid-template-columns:1fr}
  .trust-item{grid-template-columns:40px 1fr;padding:14px}
  .trust-n{min-width:40px;height:40px;border-radius:11px;font-size:15px}
  .case-card{display:flex}
  .case-img{height:146px;min-height:0}
  .case-model{display:block}
  .case-model b{display:block;margin-top:3px}
  .case-actions .solution-more,.solution-actions .solution-more{width:100%;text-align:center}
  .lead-band{padding:34px 0}
  .lead-copy h2{font-size:24px}
  .lead-copy p,.lead-points span{font-size:14px}
  .lead-card{padding:18px}
  .lead-grid{grid-template-columns:1fr}
  .lead-field{grid-column:1/-1}
  .toolbar{grid-template-columns:1fr}
  .toolbar .count{justify-self:start}
  #view-calc > .container{padding-top:18px!important}
  #view-calc .sub{margin-bottom:16px}
  .calc-box{padding:18px;border-radius:16px}
  .steps-bar{margin-bottom:18px}
  .calc-step h3{font-size:20px;line-height:1.2}
  .calc-step .hint{font-size:13px;line-height:1.35;margin-bottom:16px}
  .calc-step label.fld{margin:11px 0 5px}
  .calc-step input[type=number],.calc-step input[type=text],.calc-step select,.calc-step textarea{padding:12px 13px;border-radius:10px;font-size:14px}
  .calc-mode{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:14px}
  .calc-mode button{min-width:0}
  .opt-grid{grid-template-columns:1fr}
  .opt{padding:13px}
  .opt .e{font-size:24px}
  .opt b{font-size:14px}
  .opt span{font-size:12px}
  .calc-nav{display:grid;grid-template-columns:1fr;gap:10px}
  .card .acts,.calc-product .acts,.pd .acts{display:grid;grid-template-columns:1fr;gap:8px}
  .result-power{padding:16px;margin-bottom:14px}
  .calc-result-head{grid-template-columns:1fr;gap:10px;margin-bottom:12px}
  .result-power .big{font-size:31px}
  .calc-summary{font-size:13px;padding:12px;margin-bottom:12px}
  .calc-insights{gap:6px;margin-bottom:12px}
  .calc-insights span{font-size:11px;padding:5px 8px}
  .calc-result-title{font-size:14px;margin-bottom:10px}
  .calc-result-list{gap:10px}
  .calc-product{grid-template-columns:108px minmax(0,1fr);gap:10px;padding:10px;border-radius:13px;align-items:start}
  .calc-product:hover{transform:none}
  .calc-product .pic{min-height:112px}
  .calc-product .pic img{max-height:96px;max-width:94%}
  .calc-role{font-size:10px;padding:4px 7px}
  .calc-product h4{font-size:17px!important;line-height:1.15!important;margin:1px 0 5px!important;overflow-wrap:anywhere}
  .calc-product .meta{gap:5px;margin:6px 0}
  .calc-product .meta span{font-size:11px;padding:3px 7px}
  .calc-reason,.calc-extra{display:none}
  .calc-product .desc{display:none}
  .calc-product .calc-price{font-size:17px}
  .calc-product .acts{grid-template-columns:1fr 1fr;gap:6px}
  .calc-product .acts .btn{min-height:38px;padding:8px 6px;font-size:12px;border-radius:9px}
  .calc-result-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .calc-disclaimer{font-size:11px;line-height:1.4}
  #view-product > .container,#view-cart > .container,#view-checkout > .container,#view-monitoring > .container,#view-chat > .container,#view-kb > .container,#view-crm > .container,#view-stores > .container,#view-partnership > .container{padding-top:18px!important}
  .pd .gallery{height:220px;border-radius:14px}
  .pd .gallery-wrap{gap:6px}
  .pd .gallery-wrap .image-note{font-size:10px;line-height:1.25}
  .pd-main{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 10px 26px rgba(var(--dark-rgb),.05)}
  .pd .ser{font-size:11px}
  .pd h1{font-size:24px;line-height:1.12}
  .pd .price{font-size:24px}
  .pd .sku{margin-bottom:10px}
  .pd .acts{margin:14px 0 18px}
  .pd-desc{font-size:13px;line-height:1.42}
  .block-title{font-size:18px;margin:20px 0 8px}
  .specs{margin:12px 0}
  .specs tr{display:grid;grid-template-columns:44% 1fr;gap:10px;border-bottom:1px solid var(--line)}
  .specs td{border-bottom:none;padding:8px 0;font-size:13px;overflow-wrap:anywhere}
  .specs td:first-child{width:auto}
  .feat-list li{font-size:13px;line-height:1.4}
  .cart-row{position:relative;grid-template-columns:58px 1fr;align-items:start;gap:10px;padding:11px}
  .cart-row .thumb{width:58px;height:58px;background:transparent;border:1px solid var(--line)}
  .cart-row .ci-name{font-size:14px;line-height:1.2}
  .cart-row .qty{grid-column:2;justify-content:flex-start}
  .cart-row>div:last-child{grid-column:1/-1;width:auto!important;text-align:left!important;font-size:15px}
  .cart-sum{padding:14px;border-radius:12px}
  .cart-sum .tot{font-size:17px}
  .cart-sum>div:last-child{display:grid!important;grid-template-columns:1fr;gap:8px!important}
  .checkout-layout{gap:10px}
  .checkout-summary,.checkout-section,.checkout-empty{padding:14px;border-radius:13px}
  .checkout-section h3{font-size:17px}
  .checkout-item{font-size:12px}
  .checkout-total b{font-size:19px}
  .checkout-submit{min-height:44px}
  .promo-line{grid-template-columns:1fr}
  .form input[type=text],.form input[type=tel],.form input[type=email],.form select,.form textarea,.mon-card input,.mon-card select,.mon-card textarea,.kb-form input,.kb-form select,.kb-form textarea{width:100%;padding:11px 12px;border:1.5px solid var(--line);border-radius:10px;font-size:14px;font-family:inherit;background:#fff;color:var(--ink)}
  .form label.fld{margin:11px 0 5px}
  .pay-opt{padding:12px;border-radius:11px;margin-top:8px}
  .agree{font-size:12px;line-height:1.35;margin:14px 0}
  .mon-hero{padding:22px 18px;border-radius:16px;margin-bottom:16px}
  .mon-hero h1{font-size:25px;line-height:1.12;margin:10px 0 8px}
  .mon-hero p{font-size:14px;line-height:1.42}
  .mon-hero .badge{font-size:12px!important;padding:5px 11px!important}
  .mon-grid{gap:14px}
  .mon-card,.kb-form{padding:16px;border-radius:14px}
  .mon-card h3{font-size:20px;line-height:1.2}
  .sub-badge{font-size:12px;padding:5px 11px}
  .chat-box{height:calc(100dvh - 158px);min-height:470px;border-radius:14px}
  .chat-head{padding:12px;gap:10px}
  .chat-ava{width:36px;height:36px;font-size:20px}
  .chat-body{padding:12px;gap:10px}
  .msg{max-width:88%;font-size:13px;padding:10px 12px}
  .chat-input{display:grid;grid-template-columns:1fr;gap:8px;padding:10px}
  .chat-input input{width:100%;padding:11px 12px;font-size:14px}
  .dropzone{padding:20px 14px;border-radius:13px}
  .kb-table td{font-size:13px}
  .crm-stats{grid-template-columns:repeat(2,1fr);gap:10px}
  .crm-stat{padding:14px;border-radius:13px}
  .crm-stat b{font-size:23px}
  .crm-toolbar{display:grid;grid-template-columns:1fr;gap:8px;padding:10px;border-radius:13px}
  .crm-toolbar input,.crm-toolbar select{width:100%;min-width:0}
  .crm-row{padding:14px;border-radius:13px}
  .crm-row-head{display:block}
  .crm-status{display:inline-flex;margin-top:8px}
  .crm-row h3{font-size:16px}
  .crm-meta span,.crm-detail span{font-size:12px}
  .crm-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
  .crm-actions .btn{width:100%;padding:8px 6px;font-size:11px}
  .store-card{padding:15px;border-radius:13px}
  .st-name{font-size:15px}
  .adv{gap:10px!important;margin:12px 0 24px!important}
  .adv .item{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px;text-align:left}
  .adv .ico{font-size:28px;margin-bottom:7px}
  .adv h4{font-size:15px;margin-bottom:4px}
  .adv p{font-size:13px;line-height:1.35}
  footer{padding:32px 0 22px;margin-top:28px}
  .foot{gap:20px}
  footer a{padding:5px 0}
  .copy{text-align:left;font-size:12px}
  .cart-row{display:grid;grid-template-columns:58px 1fr;align-items:start;gap:10px}
  .cart-row .thumb{width:58px;height:58px}
  .cart-row .qty{grid-column:2}
  .cookie{display:grid;grid-template-columns:1fr;gap:8px}
  .cookie button{width:100%}
}
@media(max-width:430px){
  .container{padding:0 12px}
  .topbar{display:none}
  header{top:0}
  .hdr{padding:8px 12px 9px;border-bottom:1px solid rgba(207,234,220,.75)}
  .logo{font-size:22px}
  .hdr-icons{gap:6px}
  .hi{min-width:28px}
  .cat-btn{height:42px;font-size:0;gap:0;min-width:46px;justify-content:center;padding:0}
  .cat-btn:before{content:"☰";font-size:19px;line-height:1}
  .search{height:42px}
  .search input{font-size:13px;padding:9px 10px}
  .slides,.slide,.slide.hero-lead{min-height:360px}
  .slide.hero-lead{padding:18px 16px 22px}
  .slide .badge{font-size:11px;max-width:100%;white-space:normal}
  .hero-lead h2,.slide h2{font-size:22px}
  .hero-modes{grid-template-columns:1fr 1fr}
  .hero-mode{min-height:36px}
  .hero-actions .btn{min-height:40px;font-size:14px}
  .solution-card,.home-cat-card,.case-card{border-radius:14px}
  .solution-img,.home-cat-img,.case-img{height:132px;min-height:132px}
  .solution-img img,.home-cat-img img,.case-img img{max-height:118px}
  .solution-card:nth-child(1) .solution-img img{max-height:124px}
  .solution-body,.home-cat-body,.case-body{padding:14px}
  .solution-card h3,.case-card h3{font-size:18px}
  .solution-card p,.home-cat-card p,.case-card p{font-size:13px;line-height:1.36}
  .solution-tags span,.home-cat-tags span,.case-tags span{font-size:11px;padding:4px 7px}
  .pick-step{padding:15px;border-radius:14px}
  .pick-num{width:36px;height:36px;border-radius:10px;margin-bottom:10px}
  .trust-item{padding:13px}
  .lead-card,.calc-box,.mon-card,.kb-form{border-radius:14px}
  .calc-product{grid-template-columns:96px minmax(0,1fr)}
  .calc-product .pic{min-height:102px}
  .calc-product .pic img{max-height:88px}
  .mobile-dock{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));border-radius:16px;padding:6px}
  .mobile-dock button{min-height:49px}
  .mobile-dock button span{font-size:18px}
  .mobile-dock button b{font-size:9.5px}
  .mon-cabinet{padding:14px;border-radius:14px}
  .mon-cabinet-head{display:block}
  .mon-device-card,.mon-doc-toolbar,.mon-status-grid,.mon-check-grid,.public-doc-toolbar,.public-doc{grid-template-columns:1fr}
  .mon-info-table{grid-template-columns:1fr}
  .mon-info-table div,.mon-info-table div:nth-child(4n){border-right:0}
  .mon-doc{display:grid}
  .public-doc-icon{width:54px;height:54px;border-radius:14px}
  .site-chat-widget{right:12px;bottom:calc(76px + env(safe-area-inset-bottom))}
  .site-chat-toggle{padding:10px 13px}
  .site-chat-panel{right:-2px;bottom:54px;height:min(520px,calc(100vh - 150px))}
}

/* Product cards must stay physically still on hover. Movement here causes
   mouse enter/leave loops in dense catalog grids. */
.grid .card,
.grid .card:hover,
.catalog-wrap .card,
.catalog-wrap .card:hover{
  transform:none!important;
  translate:none!important;
  scale:1!important;
  rotate:0deg!important;
  will-change:auto!important;
}
.grid .card:hover .ph,
.catalog-wrap .card:hover .ph{
  transform:none!important;
}