.hero { padding: 54px 0 34px; overflow: hidden; }
.hero-card { display: grid; grid-template-columns: 1fr .95fr; gap: 32px; align-items: center; min-height: 540px; padding: clamp(24px, 4vw, 54px); border: 1px solid rgba(255,255,255,.1); border-radius: 28px; background: linear-gradient(135deg, rgba(13,29,49,.95), rgba(6,16,28,.75)); box-shadow: var(--shadow); }
.hero h1 { margin: 0 0 18px; font-size: clamp(44px, 7vw, 84px); line-height: .95; }
.hero h1 span { color: var(--accent); }
.hero-list { display: grid; gap: 9px; margin: 22px 0; padding: 0; list-style: none; color: var(--muted); }
.hero-list li::before { content: '✓'; color: var(--accent); margin-right: 8px; }
.hero-code { display: inline-flex; gap: 14px; align-items: center; margin: 6px 0 24px; padding: 14px 20px; border: 1px dashed var(--accent); border-radius: 12px; font-weight: 900; }
.hero-code strong { color: var(--accent); font-size: 20px; }
.hero-media { min-height: 380px; border-radius: 24px; background: radial-gradient(circle, rgba(141,255,46,.18), transparent 45%), linear-gradient(135deg, #0f2842, #07111e); border: 1px solid rgba(255,255,255,.08); }
@media (max-width: 900px) { .hero { padding-top: 26px; } .hero-card { grid-template-columns: 1fr; min-height: auto; } .hero-media { min-height: 260px; } }