:root{--dk:#2f3640;--dk2:#212730;--or:#d35400;--or2:#b8490b;--ink:#232a31;--mut:#6b7681;--line:#d7dde2;--bg:#fff;--grey:#f1f4f6}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 "Segoe UI",Arial,Helvetica,sans-serif}
img{max-width:100%;display:block}
a{color:var(--or);text-decoration:none}
a:hover{text-decoration:underline}
ul{margin:0;padding:0;list-style:none}
button{font:inherit;cursor:pointer}
.wr{max-width:1120px;margin:0 auto;padding:0 20px}
.nar{max-width:760px}
h1{font-size:33px;line-height:1.15;margin:0 0 14px}
h2{font-size:25px;margin:0 0 8px;color:var(--dk)}
.sub{color:var(--mut);margin:0 0 22px;font-size:15px}
.btn{display:inline-block;background:var(--or);color:#fff;border:0;padding:12px 24px;border-radius:2px;font-weight:600;font-size:14.5px}
.btn:hover{background:var(--or2);text-decoration:none}
.btn--gh{background:transparent;color:var(--dk);border:1px solid var(--line)}
.btn--gh:hover{background:var(--grey)}
.btn--full{width:100%;text-align:center;margin-top:12px}

.tbar{background:var(--dk2);color:#c3cbd4;font-size:12.5px}
.tbar__in{display:flex;justify-content:space-between;gap:16px;padding:7px 20px}
.tbar a{color:#fff}
.hdr{background:var(--dk);position:sticky;top:0;z-index:30}
.hdr__in{display:flex;align-items:center;gap:22px;height:70px}
.brand{display:flex;align-items:center;gap:11px;color:#fff}
.brand:hover{text-decoration:none}
.brand__m{width:26px;height:26px;background:
  linear-gradient(var(--or),var(--or)) 0 0/100% 7px no-repeat,
  linear-gradient(#e67e22,#e67e22) 0 9px/100% 7px no-repeat,
  linear-gradient(var(--or),var(--or)) 0 18px/100% 7px no-repeat;border-radius:2px}
.brand__t{font-size:19px;font-weight:700;line-height:1.1}
.brand__t em{display:block;font-style:normal;font-weight:400;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:#98a4b0;margin-top:3px}
.nav{display:flex;gap:18px;margin-left:auto;font-size:14px}
.nav a{color:#c3cbd4}
.nav a:hover{color:#fff}
.req{background:var(--or);color:#fff;padding:9px 18px;border-radius:2px;font-size:13.5px;font-weight:600;white-space:nowrap}
.req:hover{background:var(--or2);text-decoration:none}

.hero{background:var(--grey);border-bottom:1px solid var(--line);padding:38px 0 0}
.hero__in{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}
.tag{color:var(--or);font-size:12.5px;text-transform:uppercase;letter-spacing:.11em;margin:0 0 10px;font-weight:600}
.lead{color:var(--mut);font-size:16.5px;margin:0 0 22px;max-width:520px}
.hbtns{display:flex;gap:11px;flex-wrap:wrap}
.hero__ph img{width:100%;height:310px;object-fit:cover;border:1px solid var(--line);border-radius:3px}
.kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:34px 0 -1px}
.kpi div{background:#fff;padding:16px 18px}
.kpi b{display:block;font-size:22px;color:var(--dk)}
.kpi span{font-size:12.5px;color:var(--mut)}

.sec{padding:44px 0;scroll-margin-top:80px}
.sec--grey{background:var(--grey);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

.prods{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}
.pr{background:#fff;border:1px solid var(--line);border-radius:3px;overflow:hidden;display:flex;flex-direction:column}
.pr img{height:150px;width:100%;object-fit:cover}
.pr__b{padding:13px 14px 15px;display:flex;flex-direction:column;gap:6px;flex:1}
.pr h3{margin:0;font-size:16px}
.pr p{margin:0;font-size:13px;color:var(--mut);flex:1}
.pr__f{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}
.pr .price{font-size:18px;font-weight:700;color:var(--dk)}
.pr .price small{font-size:11.5px;color:var(--mut);font-weight:400}
.pick{background:var(--dk);color:#fff;border:0;padding:8px 14px;border-radius:2px;font-size:13px}
.pick:hover{background:var(--or)}

.tblwrap{overflow-x:auto}
.spec{width:100%;border-collapse:collapse;background:#fff;font-size:14px;min-width:640px}
.spec th,.spec td{border:1px solid var(--line);padding:9px 12px;text-align:left}
.spec thead th{background:var(--dk);color:#fff;font-weight:600;font-size:13px}
.spec tbody tr:nth-child(even){background:#fafbfc}
.spec td:last-child{font-weight:700;white-space:nowrap}

.calcbox{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:start}
.calc__form{background:#fff;border:1px solid var(--line);border-radius:3px;padding:20px}
.calc__out{background:var(--dk);color:#fff;border-radius:3px;padding:22px}
.calc__out h3{margin:0 0 14px;font-size:16px;text-transform:uppercase;letter-spacing:.06em;color:#fff}
.calc__out dl{margin:0}
.calc__out dt{font-size:12.5px;color:#9fadb9;margin-top:12px}
.calc__out dd{margin:2px 0 0;font-size:18px;font-weight:600}
.calc__out dd.big{font-size:27px;color:#ffa552}
.smallnote{font-size:11.5px;color:#9fadb9;margin:14px 0 0}
.calc__form .smallnote{color:var(--mut)}
label{display:block;margin-bottom:13px;font-size:13px;color:var(--mut)}
input,select,textarea{width:100%;margin-top:5px;padding:10px 11px;border:1px solid #c6cfd6;border-radius:2px;font:inherit;font-size:15px;color:var(--ink);background:#fff}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--or)}

.two{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.two p{margin:0 0 12px}
.check li{padding:5px 0 5px 24px;position:relative;color:var(--mut)}
.check li::before{content:"▪";position:absolute;left:4px;color:var(--or)}
.ph2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ph2 img{height:165px;width:100%;object-fit:cover;border:1px solid var(--line);border-radius:3px}
.docs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.doc{background:#fff;border:1px solid var(--line);border-left:3px solid var(--or);border-radius:2px;padding:16px}
.doc h3{margin:0 0 7px;font-size:15.5px;color:var(--dk)}
.doc p{margin:0;font-size:13.5px;color:var(--mut)}

.frow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
form{background:#fff;border:1px solid var(--line);border-radius:3px;padding:22px}
.ok{margin-top:14px;background:#eaf5ec;border:1px solid #9cc7a6;border-left:3px solid #4b9960;color:#2c6138;padding:14px;font-weight:600}
.req-tbl{width:100%;border-collapse:collapse;background:#fff;font-size:14px}
.req-tbl th,.req-tbl td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}
.req-tbl th{background:#e9eef2;width:34%;font-weight:600;color:var(--dk)}
.two iframe{width:100%;height:340px;border:1px solid var(--line);border-radius:3px}

.ft{background:var(--dk2);color:#98a4b0;padding:18px 0;font-size:13px}
.ft__in{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

@media(max-width:960px){
  .prods,.docs{grid-template-columns:1fr 1fr}
  .kpi{grid-template-columns:1fr 1fr}
  .hero__in,.two,.calcbox,.frow{grid-template-columns:1fr}
  .nav{display:none}
  h1{font-size:26px}
}
@media(max-width:560px){
  .prods,.docs,.ph2{grid-template-columns:1fr}
  .tbar__in{flex-direction:column;gap:3px}
  .req{display:none}
}