/* ScanLex — стили страницы /enterprise.php. Общая часть — css/ui.css. */
/* ── Дальше — только то, что специфично для этой страницы ────────────────── */

/* HERO — по центру: страница ведёт к одной форме внизу */
.hero{padding:60px 0 8px;text-align:center;display:flex;flex-direction:column;align-items:center}
.hero h1{font-weight:600;font-size:clamp(30px,3.4vw,48px);line-height:1.07;letter-spacing:-.03em;
         max-width:17ch;margin:22px 0 0}
.hero h1 .g{color:var(--accent)}
.hero .lead{font-size:18px;line-height:1.6;color:var(--mute);max-width:64ch;margin:18px 0 0}
.hero .acts{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:28px}
.hero .micro{font-family:var(--mono);font-size:13px;line-height:1.5;color:var(--mute);margin-top:18px}

/* Полоса доверия */
.trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:44px}
.trust .card{padding:18px 20px;display:flex;gap:12px;align-items:center;border-radius:18px;
             font-size:14.5px;line-height:1.4;font-weight:600}
.trust svg{flex:none;color:var(--accent)}

/* Преимущества */
.grid4{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px}
.grid4 .card{padding:30px 28px 32px}
.grid4 .ic{width:46px;height:46px;border-radius:12px;background:rgba(37,99,235,.10);color:var(--accent);
           display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.grid4 h3{font-weight:600;font-size:19px;line-height:1.25;letter-spacing:-.02em;margin-bottom:9px}
.grid4 p{margin:0;font-size:15px;line-height:1.6;color:var(--mute)}

/* Как это работает */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:34px;counter-reset:s}
.steps .card{padding:30px 26px 34px}
.steps .card:before{counter-increment:s;content:counter(s);display:block;font-weight:600;font-size:44px;
                    line-height:1;letter-spacing:-.04em;color:var(--accent);margin-bottom:20px}
.steps h3{font-weight:600;font-size:19px;line-height:1.25;margin-bottom:9px}
.steps p{margin:0;font-size:14.5px;line-height:1.6;color:var(--mute)}

/* Что распознаёт */
.caps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:34px}
.caps .card{padding:22px 22px 24px;display:flex;gap:13px;align-items:flex-start;border-radius:18px;
            font-size:14.5px;line-height:1.6;color:var(--mute)}
.caps svg{flex:none;color:var(--accent);margin-top:3px}
.caps b{color:var(--ink);font-weight:600}

/* Тарифы */
.tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:34px}
.tiers .card{padding:28px 22px 30px;text-align:center}
.tiers .card.pop{background:rgba(255,255,255,.92);border:1.5px solid var(--accent);
                 box-shadow:0 24px 56px -34px rgba(37,99,235,.7);
                 box-shadow:0 24px 56px -34px color-mix(in oklab,var(--accent) 70%,transparent)}
.tiers .nm{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.12em;
           text-transform:uppercase;color:var(--mute)}
.tiers .card.pop .nm{color:var(--accent)}
.tiers .cores{font-weight:600;font-size:26px;letter-spacing:-.03em;margin:12px 0 2px}
.tiers .cores span{font-size:14px;font-weight:400;color:var(--mute)}
.tiers .price{font-weight:600;font-size:24px;letter-spacing:-.03em;color:var(--accent);margin:12px 0 0}
.tiers .price span{font-size:13px;font-weight:400;color:var(--mute)}
.tiers .price em{font-size:14px;font-style:normal;font-weight:400;color:var(--mute)}
.tiers .dsc{font-size:14px;line-height:1.5;color:var(--mute);margin-top:12px;min-height:42px}
.tier-note{margin:26px auto 0;max-width:74ch;font-size:15px;line-height:1.6;color:var(--mute)}
.tier-note b{color:var(--ink);font-weight:600}

/* Кому подходит */
.who{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.who span{background:var(--glass);border:1px solid var(--glassb);box-shadow:var(--shadow);
          border-radius:999px;padding:11px 20px;font-size:14.5px;color:var(--mute)}
.who span b{color:var(--ink);font-weight:600}

/* Форма заявки */
.formwrap{max-width:800px;margin:34px auto 0;padding:36px 38px;border-radius:26px;
          background:var(--glass);border:1px solid var(--glassb);box-shadow:var(--shadow)}
.formwrap h2{font-weight:600;font-size:clamp(24px,2.4vw,32px);line-height:1.15;
             letter-spacing:-.03em;text-align:center}
.formwrap .fsub{text-align:center;color:var(--mute);margin:12px 0 26px;font-size:15.5px;line-height:1.6}
form.lead{display:grid;grid-template-columns:1fr 1fr;gap:16px}
form.lead .full{grid-column:1 / -1}
form.lead label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:7px}
form.lead input,form.lead select,form.lead textarea{width:100%;padding:13px 15px;
     border:1px solid var(--line2);border-radius:12px;font-size:15px;font-family:var(--sans);
     background:#fff;color:var(--ink)}
form.lead input:focus,form.lead select:focus,form.lead textarea:focus{outline:none;
     border-color:var(--accent);box-shadow:0 0 0 3px rgba(37,99,235,.15)}
form.lead textarea{min-height:88px;resize:vertical}
form.lead .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
form.lead .submit button{width:100%}
.formnote{text-align:center;font-size:13px;line-height:1.5;color:var(--mute);margin-top:16px}
.alert{border-radius:14px;padding:14px 18px;margin-bottom:20px;font-size:15px;line-height:1.5}
.alert.err{background:#FEF2F2;border:1px solid #FECACA;color:#991B1B}
.ok-panel{max-width:800px;margin:34px auto 0;text-align:center;padding:44px 38px;border-radius:26px;
          background:var(--glass);border:1px solid var(--glassb);box-shadow:var(--shadow)}
.ok-panel .ico{width:64px;height:64px;border-radius:50%;background:var(--accent);color:#fff;
     display:flex;align-items:center;justify-content:center;margin:0 auto 18px;
     box-shadow:0 14px 30px -18px rgba(37,99,235,.9)}
.ok-panel h2{font-weight:600;font-size:26px;letter-spacing:-.02em;margin-bottom:10px}
.ok-panel p{margin:0;font-size:16px;line-height:1.6;color:var(--mute)}

@media(max-width:1120px){
  .trust{grid-template-columns:1fr 1fr}
  .caps{grid-template-columns:1fr 1fr}
  .tiers{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .grid4{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
}
@media(max-width:680px){
  .hero{padding-top:44px}
  .hero h1{max-width:none}
  .hero .acts .btn{width:100%}
  .trust,.caps,.tiers{grid-template-columns:1fr}
  .formwrap,.ok-panel{padding:28px 22px;border-radius:22px}
  form.lead{grid-template-columns:1fr}
}