/* ============================================================
   ASSEC-IT — Home hero (split layout)
   ============================================================ */

.hero { position: relative; padding-block: clamp(40px, 6vw, 92px); }

.hero-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 22px; position: relative; z-index: 1; }
.hero-copy .h-display { max-width: 15ch; }
.hero-copy .lede { max-width: 46ch; }
.hero-actions { display: flex; gap: 14px; flex-wrap: wrap; }
.hero-trust { list-style: none; margin: 6px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px 26px; }
.hero-trust li { display: inline-flex; align-items: center; gap: 9px; font-weight: 600; font-size: 14.5px; color: var(--ink-2); }
.hero-trust svg { width: 18px; height: 18px; color: var(--brand); flex: none; }

/* ---- Split ---- */
.hero-split-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(32px, 5vw, 76px); align-items: center; }
.hero-media { position: relative; }
.hero-img { box-shadow: var(--sh-lg); }
.hero-badge { position: absolute; left: 16px; bottom: 16px; background: #fff; border: 1px solid var(--line); border-radius: var(--r); padding: 15px 19px; box-shadow: var(--sh); display: flex; flex-direction: column; }
.hero-badge-num { font-family: var(--font-display); font-size: 32px; font-weight: 700; color: var(--brand-strong); line-height: 1; }
.hero-badge-num b { color: var(--accent); }
.hero-badge-lbl { font-size: 12.5px; color: var(--ink-soft); margin-top: 3px; }
.hero-chip { position: absolute; background: #fff; border: 1px solid var(--line); border-radius: var(--r-pill); padding: 9px 15px; box-shadow: var(--sh); font-weight: 700; font-size: 13.5px; display: inline-flex; gap: 8px; align-items: center; }
.hero-chip svg { width: 16px; height: 16px; color: var(--brand); }
.hero-chip--top { top: 18px; right: 16px; }
@media (max-width: 880px) {
  .hero-split-grid { grid-template-columns: 1fr; gap: 36px; }
  .hero-media { max-width: 440px; }
}