.ba-hero { padding-top: calc(80px + var(--space-16)); padding-bottom: var(--space-16); position: relative; overflow: hidden;
  background: radial-gradient(900px 500px at 85% 20%, rgba(0,201,212,0.14), transparent 60%), var(--color-bg); }
.ba-hero-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: var(--space-12); align-items: center; }
.ba-title { font-size: var(--text-2xl); font-weight: 700; line-height: 1.1; margin: var(--space-5) 0 var(--space-6); }
.ba-checks { list-style: none; display: grid; gap: var(--space-2); margin-top: var(--space-8); color: var(--color-text-muted); font-size: var(--text-sm); }
.ba-checks li::before { content: ""; display: inline-block; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: var(--color-primary); margin-right: 0.6rem; transform: translateY(-1px); }
.ba-phones { position: relative; height: 560px; }
.ba-phone { position: absolute; width: 250px; height: auto; border-radius: 28px; border: 6px solid #22272e; box-shadow: var(--shadow-lg); background: #fff; }
.ba-phone--back { right: 170px; top: 40px; transform: rotate(-6deg); opacity: 0.85; }
.ba-phone--front { right: 10px; top: 0; transform: rotate(3deg); }
.ba-num { font-family: var(--font-display); font-weight: 700; color: var(--color-primary); font-size: var(--text-sm); margin-bottom: var(--space-3); }
.ba-shots { padding-block: var(--space-20); }
.ba-shot { margin-top: var(--space-10); }
.ba-shot img { width: 100%; height: auto; border-radius: var(--radius-xl); border: 1px solid var(--color-border); box-shadow: var(--shadow-lg); }
.ba-shot figcaption { margin-top: var(--space-3); color: var(--color-text-muted); font-size: var(--text-sm); }
.ba-trust { padding-block: var(--space-16); border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); background: var(--color-surface); }
.ba-trust-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-8); }
.ba-trust h3 { font-size: var(--text-lg); margin-bottom: var(--space-2); }
.ba-trust p { color: var(--color-text-muted); font-size: var(--text-sm); }
@media (max-width: 900px) {
  .ba-hero-grid { grid-template-columns: 1fr; }
  .ba-phones { height: 440px; max-width: 420px; margin-inline: auto; width: 100%; }
  .ba-phone { width: 190px; }
  .ba-phone--back { right: auto; left: 10px; }
  .ba-trust-grid { grid-template-columns: 1fr; }
}