/* ═══════════ HERO ═══════════ */
.hero{background:linear-gradient(180deg,#1e293b,#334155);color:#fff}
.hero-grid{display:grid;gap:32px;padding:40px 0}
.hero-img-mobile{width:100%;height:220px;object-fit:cover}
.hero-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#f97316;margin-bottom:8px}
.hero-title{font-size:1.5rem;font-weight:800;line-height:1.2;margin-bottom:12px;letter-spacing:-.02em}
.hero-text{color:#cbd5e1;font-size:.875rem;line-height:1.7;margin-bottom:16px}
.hero-text strong{color:#fff;white-space:nowrap}
.hero-sub{font-size:.875rem;font-weight:600;color:#fff;margin-bottom:8px}
.hero-list{font-size:.75rem;color:#cbd5e1;margin-bottom:24px}
.hero-list li{display:flex;align-items:flex-start;gap:8px;margin-bottom:6px}
.hero-list .num{color:#4ade80;flex-shrink:0;min-width:18px;font-variant-numeric:tabular-nums}
.hero-list strong{color:#fff;white-space:nowrap}
.hero-btns{display:flex;flex-direction:column;gap:10px}
.hero-image-desktop{display:none}

@media (min-width:768px) {
  .hero{padding:80px 0}
  .hero-grid{grid-template-columns:1fr 1fr;gap:56px;align-items:center}
  .hero-img-mobile{display:none}
  .hero-image-desktop{display:block}
  .hero-image-desktop img{border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.3);width:100%}
  .hero-image-desktop p{font-size:.75rem;color:#94a3b8;text-align:center;margin-top:10px}
  .hero-title{font-size:2.5rem}
  .hero-text{font-size:.9375rem}
  .hero-list{font-size:.8125rem}
  .hero-btns{flex-direction:row}
  .hero-btns .btn{font-size:.9375rem;padding:16px 32px}
}