.hero { display: grid; grid-template-columns: 1fr; gap: 16px; }
.hero .cta-row { display: flex; gap: 12px; flex-wrap: wrap; }
.cta-contacts { display: flex; gap: 14px; flex-wrap: wrap; align-items: center; margin-top: 8px; }
.contact-item { display: inline-flex; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid var(--border); border-radius: 8px; background: var(--bg); }
@media (max-width: 600px) { .contact-item { width: 100%; } }
 .contact-item svg { width: 16px; height: 16px; color: var(--primary); }