/* ===== АДАПТИВ ===== */
@media (max-width: 1024px) {
    .hero__title { font-size: 42px; }
    .hero__subtitle { font-size: 16px; }
    .header__logo img { height: 44px; }
    .header__logo-text { font-size: 18px; }
}

@media (max-width: 768px) {
    .hero {
        padding: 40px 16px;
        min-height: auto;
    }
    .hero__container {
        grid-template-columns: 1fr;
        gap: 30px;
        text-align: center;
    }
    .hero__title { font-size: 34px; }
    .hero__subtitle {
        margin-left: auto;
        margin-right: auto;
    }
    .hero__actions { justify-content: center; }
    .hero__badge { margin-left: auto; margin-right: auto; }
    .hero__visual {
        max-width: 320px;
        order: -1;
    }
    .btn-primary { padding: 12px 24px; font-size: 14px; }

    .header {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
        padding: 12px 16px;
    }
    .header__logo { justify-content: center; }
    .header__logo-text { font-size: 17px; }
    .header__right { justify-content: center; flex-wrap: wrap; gap: 8px; }
    .btn { padding: 8px 16px; font-size: 13px; }
    .btn svg { width: 14px; height: 14px; }
    .social-icons a { width: 36px; height: 36px; }
    .social-icons img { width: 24px; height: 24px; }
}

@media (max-width: 480px) {
    .hero__title { font-size: 28px; }
    .hero__subtitle { font-size: 14px; }
    .hero__visual { max-width: 260px; }
    .hero__circle--outer { border-width: 1.5px; }
    .hero__circle--inner { border-width: 1px; }

    .header__logo img { height: 38px; }
    .header__logo-text { font-size: 15px; white-space: normal; }
    .header__right { gap: 6px; }
    .btn { padding: 6px 12px; font-size: 12px; gap: 5px; }
    .btn svg { width: 13px; height: 13px; }
    .social-icons a { width: 32px; height: 32px; }
    .social-icons img { width: 20px; height: 20px; }
}

@media (max-width: 380px) {
    .header { padding: 10px 12px; }
    .header__logo { gap: 8px; }
    .header__logo img { height: 32px; }
    .header__logo-text { font-size: 13px; }
    .btn { font-size: 11px; padding: 5px 10px; }
    .social-icons a { width: 28px; height: 28px; }
    .social-icons img { width: 18px; height: 18px; }
}