:root{--bg:#EEF1F4;--surface:#fff;--surface2:#E3E8EE;--ink:#131B24;--ink2:#4A5866;--line:#CFD7E0;--accent:#E8950F;--accent-ink:#1A1204;--steel:#2F5D8A;--steel-soft:#DCE7F2;--good:#2E8F62;--warn:#C9702B;--bad:#C63E2A;--good-soft:#DDF1E6;--warn-soft:#FBE8D6;--shadow:0 8px 24px rgba(19,27,36,.08)}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Golos Text",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:16px;line-height:1.5}
h1,h2,h3{font-family:"Unbounded","Golos Text",sans-serif;margin:0;line-height:1.15;text-wrap:balance}
h1{font-size:clamp(24px,4vw,38px);font-weight:700}h2{font-size:clamp(19px,2.6vw,25px);font-weight:700;margin-top:34px}h3{font-size:17px;font-weight:500;margin-top:18px}
p{margin:10px 0}a{color:var(--steel)}.mono{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.nav{position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;gap:14px;height:60px}
.logo{font-family:"Unbounded";font-weight:700;font-size:20px;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:8px}
.logo .lamp{width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(232,149,15,.18)}
.nav nav{display:flex;gap:2px;margin-left:auto;overflow:auto}
.nav nav a{color:var(--ink2);text-decoration:none;padding:8px 10px;border-radius:8px;font-size:14px;white-space:nowrap}
.nav nav a:hover{background:var(--surface2);color:var(--ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:10px;border:1px solid transparent;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap}
.btn:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn.steel{background:var(--steel);color:#fff}.btn.sm{padding:7px 12px;font-size:14px}
.hero{padding:40px 0 24px}.hero .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:start}
.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink2);font-weight:600}
.lead{color:var(--ink2);font-size:17px;max-width:62ch}
.picker,.panel,.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px}
.picker{padding:20px;box-shadow:var(--shadow)}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field label{font-size:13px;color:var(--ink2);font-weight:500}
select,input,textarea{font:inherit;color:var(--ink);background:var(--surface2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;width:100%}select:disabled{opacity:.5}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.trust div{border-left:3px solid var(--accent);padding:2px 0 2px 12px}
.trust b{display:block;font-family:"Unbounded";font-size:20px;font-weight:700}.trust span{font-size:13px;color:var(--ink2)}
section.block{padding:26px 0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:14px}
.card .price{font-family:"Unbounded";font-weight:700;font-size:18px;margin-top:6px}.card p{color:var(--ink2);font-size:14px}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--surface2);border-radius:999px;padding:6px 12px;font-size:14px;cursor:pointer;border:1px solid transparent;text-decoration:none;color:var(--ink)}.chip:hover{border-color:var(--line)}
.crumbs{font-size:13px;color:var(--ink2);margin:18px 0 10px}.crumbs span{margin:0 6px}
.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:600}.tag.good{background:var(--good-soft);color:var(--good)}.tag.warn{background:var(--warn-soft);color:var(--warn)}.tag.steel{background:var(--steel-soft);color:var(--steel)}
.two{display:grid;grid-template-columns:1.4fr .8fr;gap:24px;align-items:start;margin-top:18px}.side{position:sticky;top:76px;display:flex;flex-direction:column;gap:14px}
.pricebox{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.pricebox .row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px 16px;border-top:1px solid var(--line)}.pricebox .row:first-child{border-top:0}
.pricebox input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}
.pricebox .name b{display:block}.pricebox .name span{display:block;font-size:13px;color:var(--ink2);margin-top:3px}
.pricebox .p{font-family:"Unbounded";font-weight:700;white-space:nowrap}
.pricebox .total{background:var(--surface2);display:flex;justify-content:space-between;align-items:center;padding:14px 16px;gap:12px;flex-wrap:wrap}.pricebox .total b{font-family:"Unbounded";font-size:22px}
.kv{display:grid;grid-template-columns:1fr auto;gap:8px 14px;font-size:14px;margin:0}.kv dt{color:var(--ink2)}.kv dd{margin:0;text-align:right;font-weight:500}
.dealer .item{display:grid;grid-template-columns:auto 1fr;gap:10px;font-size:14px;margin-bottom:10px}.dot{width:10px;height:10px;border-radius:50%;margin-top:6px}.dot.good{background:var(--good)}.dot.warn{background:var(--warn)}
.effect{border-left:3px solid var(--steel);padding-left:14px;margin:18px 0}.effect small{display:block;color:var(--ink2);margin-top:4px}
table{width:100%;border-collapse:collapse;font-size:14px;margin:12px 0}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.tablewrap{overflow-x:auto}
.faq details{border-top:1px solid var(--line);padding:12px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::after{content:"+";color:var(--ink2)}.faq details[open] summary::after{content:"–"}.faq p{color:var(--ink2);max-width:70ch}
.note{font-size:13px;color:var(--ink2)}
article.post{max-width:72ch}article.post h2{margin-top:30px}article.post img{max-width:100%}
.modal{position:fixed;inset:0;background:rgba(10,14,20,.55);display:none;align-items:center;justify-content:center;z-index:50;padding:16px}.modal.on{display:flex}
.modal .box{background:var(--surface);border-radius:16px;padding:22px;width:min(520px,100%);box-shadow:var(--shadow);max-height:95vh;overflow:auto}
.modal .summary{background:var(--surface2);border-radius:10px;padding:12px;font-size:14px;margin:12px 0}.modal .actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}
.ok{text-align:center;padding:12px 0}.ok .big{font-size:44px}
.stickybar{position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-top:1px solid var(--line);padding:10px 16px;z-index:30;box-shadow:0 -6px 20px rgba(0,0,0,.08)}
.stickybar .in{max-width:1120px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:12px}
.footer{border-top:1px solid var(--line);padding:26px 0 90px;color:var(--ink2);font-size:13px;margin-top:40px}.footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.leadform{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;margin-top:24px}
.leadform .grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:10px;z-index:60;font-size:14px}
.tabs{display:flex;gap:6px;margin:14px 0;flex-wrap:wrap}.tabs a{font:inherit;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-decoration:none}.tabs a.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.msgs{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
@media (max-width:820px){.hero .grid,.two,.row2,.leadform .grid{grid-template-columns:1fr}.side{position:static}.trust{gap:8px}.trust b{font-size:16px}.footer{padding-bottom:90px}}
@media (prefers-reduced-motion:no-preference){.card{transition:transform .15s}.card:hover{transform:translateY(-2px)}}

/* чат */
#gc-chat-btn{position:fixed;right:16px;bottom:78px;z-index:40;background:var(--ink);color:var(--bg);border:0;border-radius:999px;padding:12px 16px;font:inherit;font-weight:600;cursor:pointer;box-shadow:var(--shadow);display:flex;gap:8px;align-items:center}
#gc-chat-btn b{background:var(--accent);color:var(--accent-ink);border-radius:999px;font-size:12px;padding:1px 7px}
#gc-chat-panel{position:fixed;right:16px;bottom:78px;z-index:45;width:min(380px,calc(100vw - 32px));height:min(520px,calc(100vh - 120px));background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}
#gc-chat-panel .gc-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--surface2)}
#gc-chat-close{background:none;border:0;font-size:24px;line-height:1;cursor:pointer;color:var(--ink2)}
#gc-msgs{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:8px}
.gc-m{max-width:85%;padding:9px 12px;border-radius:12px;font-size:14px;white-space:pre-wrap;word-break:break-word}
.gc-m.op{background:var(--surface2);align-self:flex-start;border-bottom-left-radius:4px}
.gc-m.me{background:var(--accent);color:var(--accent-ink);align-self:flex-end;border-bottom-right-radius:4px}
#gc-phone-row{padding:6px 10px 0}#gc-phone-row input{font-size:13px;padding:7px 10px}
#gc-form{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)}#gc-form input{flex:1}
@media (max-width:820px){#gc-chat-btn span{display:none}#gc-chat-btn{padding:12px 14px;bottom:84px}}

.chks{display:flex;flex-wrap:wrap;gap:8px}.chk{display:inline-flex;align-items:center;gap:6px;background:var(--surface2);border-radius:999px;padding:6px 12px;font-size:14px;cursor:pointer}.chk input{width:16px;height:16px;accent-color:var(--accent)}