/* MB TERMOFORMA — общий стиль лёгких лендингов */
:root{--navy:#1a2744;--gold:#e3b23c;--ink:#1a2744;--gray:#6b7280;--light:#f5f7fa;--line:#e5e7eb;--blue:#2563eb;}
*{box-sizing:border-box;}
body{margin:0;font-family:'Segoe UI',system-ui,Arial,sans-serif;color:var(--ink);line-height:1.6;background:#fff;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
a{color:var(--blue);}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px;}

/* header */
.lp-head{background:var(--navy);}
.lp-head .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;}
.lp-brand{display:flex;align-items:center;gap:12px;text-decoration:none;}
.lp-brand img{width:40px;height:40px;border-radius:9px;}
.lp-brand b{color:#fff;font-size:17px;letter-spacing:.3px;}
.lp-nav a{color:#cbd2dc;text-decoration:none;font-size:14px;margin-left:22px;}
.lp-nav a:hover{color:#fff;}

/* hero */
.lp-hero{background:linear-gradient(180deg,#1a2744 0%,#22314f 100%);color:#fff;}
.lp-hero .wrap{padding:52px 20px 46px;display:grid;grid-template-columns:1.15fr .85fr;gap:38px;align-items:center;}
.lp-hero h1{font-size:34px;line-height:1.2;margin:0 0 14px;font-weight:800;}
.lp-hero p{color:#cbd2dc;font-size:16px;margin:0 0 24px;}
.lp-hero .lp-img{border-radius:14px;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.35);}
.lp-hero .lp-img img{width:100%;height:280px;object-fit:cover;}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px;}
.badge{background:rgba(255,255,255,.08);border:1px solid rgba(227,178,60,.4);color:#fff;border-radius:30px;padding:6px 14px;font-size:12.5px;font-weight:600;}

/* buttons */
.btn{display:inline-block;background:var(--gold);color:var(--navy);text-decoration:none;font-weight:700;padding:13px 28px;border-radius:30px;font-size:15px;transition:transform .12s,box-shadow .2s;}
.btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(227,178,60,.35);}
.btn-ghost{background:transparent;border:1.5px solid var(--gold);color:var(--gold);}
.btn-ghost:hover{background:var(--gold);color:var(--navy);}

/* sections */
section{padding:52px 0;}
section.alt{background:var(--light);}
h2{font-size:26px;font-weight:800;margin:0 0 22px;color:var(--navy);}
h2.center{text-align:center;}
.lead{font-size:17px;color:#374151;max-width:760px;}

/* spec table */
.spec{width:100%;max-width:720px;border-collapse:collapse;}
.spec td{padding:13px 16px;border-bottom:1px solid var(--line);font-size:15px;vertical-align:top;}
.spec tr td:first-child{color:var(--gray);font-weight:600;width:42%;}
.spec tr td:last-child{color:var(--navy);font-weight:600;}
.spec tr:last-child td{border-bottom:none;}

/* two-column feature */
.cols{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;}
.cols img{border-radius:12px;box-shadow:0 8px 26px rgba(26,39,68,.12);}

/* app/use cases */
.chips{display:flex;flex-wrap:wrap;gap:10px;}
.chip{background:#fff;border:1px solid var(--line);border-radius:24px;padding:9px 18px;font-size:14px;color:var(--navy);font-weight:600;}
section.alt .chip{background:#fff;}

/* FAQ */
.faq details{border-bottom:1px solid var(--line);padding:16px 0;}
.faq summary{font-weight:700;color:var(--navy);cursor:pointer;font-size:16px;list-style:none;position:relative;padding-right:28px;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";position:absolute;right:6px;top:-2px;color:var(--gold);font-size:22px;font-weight:700;}
.faq details[open] summary::after{content:"–";}
.faq p{margin:12px 0 2px;color:#374151;font-size:15px;}

/* CTA band */
.cta{background:var(--navy);color:#fff;text-align:center;}
.cta h2{color:#fff;}
.cta p{color:#cbd2dc;max-width:620px;margin:0 auto 24px;}

/* footer */
.lp-foot{background:#141d33;color:#9aa3b2;font-size:13.5px;}
.lp-foot .wrap{padding:30px 20px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;}
.lp-foot a{color:#cbd2dc;text-decoration:none;}
.lp-foot a:hover{color:#fff;}

@media(max-width:820px){
  .lp-hero .wrap{grid-template-columns:1fr;gap:24px;}
  .lp-hero h1{font-size:28px;}
  .cols{grid-template-columns:1fr;}
  .lp-nav{display:none;}
}