@media (max-width: 900px) {
    .table-pricing td:last-child,
    .table-pricing th:last-child {
        width: 110px;
    }

    .page-title {
        font-size: clamp(24px, 7vw, 34px);
    }

    .page-subtitle {
        font-size: 14px;
    }
}

@media (max-width: 560px) {
    .site-header__inner {
        gap: 10px;
    }

    .mobile-nav-toggle,
    .mobile-nav-close {
        font-size: 13px;
    }

    .page-shell {
        border-radius: 14px;
    }

    .hero-badge {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .table-pricing {
        min-width: 460px;
    }
}