.hero { padding: var(--space-20) 0 var(--space-16); background: linear-gradient(145deg, #0f172a 0%, #1e3a5f 35%, #1a365d 65%, #2d3748 100%); color: var(--color-white); position: relative; overflow: hidden; }
.hero-inner { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-12); align-items: center; max-width: var(--container-max); margin: 0 auto; padding: 0 var(--container-padding); }
.hero-content { z-index: 1; }
.hero .eyebrow { color: var(--color-accent); margin-bottom: var(--space-4); }
.hero h1 { color: var(--color-white); margin-bottom: var(--space-6); font-size: var(--fs-5xl); }
.hero-description { color: rgba(255,255,255,0.8); font-size: var(--fs-lg); margin-bottom: var(--space-8); }
.hero-ctas { display: flex; gap: var(--space-4); flex-wrap: wrap; }
.hero-visual { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-6); }
.hero-image { width: 100%; max-width: 500px; height: auto; border-radius: var(--radius-xl); box-shadow: 0 20px 60px rgba(0,0,0,0.3); }
.hero-free-badge { display: flex; align-items: center; gap: var(--space-2); margin-top: var(--space-2); }
.hero-free-badge .badge-price { font-size: 1rem; font-weight: var(--fw-bold); color: white; }
.hero-free-badge .badge-circle-wrap { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.hero-free-badge .badge-circle { width: 24px; height: 24px; border-radius: 50%; background: var(--color-accent); box-shadow: 0 3px 10px rgba(0,200,150,0.4); }
.hero-free-badge .badge-period { font-size: 6px; color: rgba(255,255,255,0.8); }
.hero-free-badge span:last-child { font-size: var(--fs-5xl); font-weight: var(--fw-extrabold); }
.hero-social-proof { display: flex; align-items: center; gap: var(--space-6); margin-top: var(--space-8); padding-top: var(--space-6); border-top: 1px solid rgba(255,255,255,0.2); }
.hero-social-proof img { height: 28px; opacity: 0.7; filter: brightness(0) invert(1); }
@media (max-width: 768px) {
  .hero-inner { grid-template-columns: 1fr; text-align: center; }
  .hero-ctas { justify-content: center; }
  .hero-visual { margin-top: var(--space-8); }
  .hero-social-proof { justify-content: center; flex-wrap: wrap; }
}

.hero-trust-checks { display: flex; gap: var(--space-6); margin-top: var(--space-4); flex-wrap: wrap; }
.hero-trust-checks span { display: flex; align-items: center; gap: var(--space-2); font-size: var(--fs-sm); color: rgba(255,255,255,0.85); }
.hero-trust-checks svg { fill: var(--color-accent); flex-shrink: 0; }