/* SP Mobile App Hero */
.sp-mh{ position:relative; overflow:hidden; background:#111827; color:#e5e7eb; padding:72px 0; }
.sp-mh-inner{ --sp-mh-content: 55%; --sp-mh-visual: 45%; max-width:1200px; margin:0 auto; padding:0 20px; display:grid; grid-template-columns: var(--sp-mh-content) var(--sp-mh-visual); align-items:center; gap:40px; }

.sp-mh-title{ font-size: clamp(32px, 6vw, 64px); font-weight:800; line-height:1.1; margin:0 0 12px; color:#fff; }
.sp-mh-subtitle{ font-size:16px; line-height:1.8; opacity:.9; margin:0 0 24px; }

.sp-mh-actions{ display:flex; gap:16px; margin: 8px 0 28px; }
.sp-mh-actions .btn{ display:inline-block; padding:14px 22px; border-radius:8px; font-weight:700; text-decoration:none; }
.sp-mh-actions .btn-primary{ background:#f59e0b; color:#111827; }
.sp-mh-actions .btn-secondary{ background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.35); }
.sp-mh-actions .btn-primary:hover{ background:#fbbf24; }
.sp-mh-actions .btn-secondary:hover{ border-color:#fff; color:#fff; }

.sp-mh-features{ display:flex; gap:24px; flex-wrap:wrap; align-items:center; }
.sp-mh-features li{ list-style:none; display:flex; align-items:center; gap:10px; position:relative; padding-right:18px; }
.sp-mh-features li:not(:last-child)::after{ content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:18px; background:rgba(255,255,255,.25); }
.sp-mh-features .txt{ font-weight:600; }

.sp-mh-visual{ position:relative; display:flex; justify-content:center; align-items:center; }
.sp-mh-visual .phone{ position:relative; }
.sp-mh-visual .phone img{ display:block; height:auto; max-width:100%; }
/* Single phone visual */
.sp-mh-visual .phone{ transform: none; margin-left: 0; }

/* Responsive */
@media (max-width: 991px){
  .sp-mh-inner{ grid-template-columns: 1fr; text-align:center; }
  .sp-mh-actions{ justify-content:center; }
  .sp-mh-features{ justify-content:center; }
  .sp-mh-visual{ margin-top:24px; }
}