/* ============================================================
   Lead-form styles — extracted from commercial.html's inline
   <style> block so the vertical pages can share them.
   ============================================================ */
/* lead form */
  .leadgrid{display:grid;grid-template-columns:.82fr 1.18fr;gap:48px;align-items:start}
.leadgrid .leadwhy h2{margin-bottom:18px}
.leadwhat{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-direction:column;gap:16px}
.leadwhat li{display:grid;grid-template-columns:30px 1fr;gap:14px;align-items:start}
.leadwhat li .n{width:30px;height:30px;border-radius:9px;background:var(--blue-600);color:#fff;display:flex;
    align-items:center;justify-content:center;font-family:'Geist Mono';font-weight:600;font-size:.72rem}
.leadwhat li b{display:block;font-size:.95rem;font-weight:600;margin-bottom:2px}
.leadwhat li span{display:block;font-size:.88rem;color:var(--ink-soft)}
.form .cond{grid-column:span 2}
.form .cond>.form-grid{gap:18px}
.form .condhead{font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;font-weight:600;color:var(--blue-700);
    margin:6px 0 14px;padding-top:18px;border-top:1px solid var(--line);grid-column:span 2}
.form .err{display:none;align-items:center;gap:5px}
.form .err:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;
    border-radius:50%;background:var(--red);color:#fff;font-size:9px;font-weight:700;flex:none}
.form .field.invalid .err{display:flex}
.form .field.ok input,.form .field.ok select{border-color:#9BD8B4}
.form .hint{font-size:.78rem;color:var(--muted);margin-top:5px}
.leadnote{font-size:.78rem;color:var(--muted);text-align:center;margin-top:14px}

@media(max-width:1024px){
  .split2,.bandgrid,.leadgrid{grid-template-columns:1fr}
  .leadgrid{gap:34px}
}