@media (max-width: 980px) {
    .topbar {
        padding: 12px 0 8px;
    }

    .premium-header-card {
        gap: 18px;
        padding: 16px;
        border-radius: 18px;
    }

    .header-brand-zone {
        gap: 10px;
    }

    .brand-lockup {
        gap: 10px;
    }

    .brand-mark {
        width: 38px;
        height: 38px;
    }

    .brand-text {
        font-size: 15px;
        letter-spacing: 0.14em;
    }

    .header-caption {
        font-size: 12px;
        line-height: 1.6;
    }

    .nav-toggle {
        width: 44px;
        height: 44px;
    }

    .header-nav-zone.is-open .premium-nav,
    .header-nav-zone.is-open .premium-actions {
        margin-top: 2px;
    }

    .header-nav-zone.is-open .premium-actions {
        gap: 10px;
    }

    .premium-actions .btn,
    .premium-actions .lang-toggle {
        width: 100%;
        justify-content: center;
    }

    .premium-hero {
        padding: 20px;
        gap: 18px;
        min-height: auto;
    }

    .hero-content h1,
    .subpage-hero h1,
    .success-panel h1 {
        max-width: none;
        font-size: clamp(30px, 9vw, 42px);
    }

    .hero-content p,
    .subpage-hero .lead,
    .footer-brand-column p,
    .footer-contact-card strong {
        word-break: break-word;
    }

    .hero-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .hero-actions .btn {
        width: 100%;
        justify-content: center;
    }

    .hero-mini-proof {
        display: grid;
        grid-template-columns: 1fr;
    }

    .hero-panel,
    .hero-panel-card,
    .premium-section,
    .premium-contact,
    .contact-panel,
    .form-panel,
    .pricing-card,
    .table-card,
    .content-card,
    .success-panel {
        border-radius: 18px;
    }

    .experience-grid,
    .content-grid,
    .feature-catalog,
    .pricing-grid,
    .case-study-grid,
    .contact-layout,
    .process-lane,
    .portal-kpi-grid,
    .admin-grid {
        gap: 14px;
    }

    .pricing-grid-portal {
        grid-template-columns: 1fr;
    }

    .pricing-card {
        padding: 18px;
    }

    .pricing-top {
        align-items: flex-start;
        flex-direction: column;
    }

    .pricing-top strong {
        font-size: 20px;
    }

    .contact-layout {
        grid-template-columns: 1fr;
    }

    .contact-row {
        padding: 14px 16px;
    }

    .form-grid {
        gap: 12px;
    }

    .text-input,
    .text-area,
    select.text-input {
        font-size: 16px;
    }

    .portal-kpi-grid .content-card {
        padding: 18px;
    }

    .portal-kpi-grid .content-card p {
        font-size: 32px;
        margin: 8px 0 0;
    }

    .timeline-list {
        gap: 12px;
    }

    .timeline-item {
        grid-template-columns: 14px 1fr;
        gap: 10px;
    }

    .table-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin: 0 -4px;
        padding: 0 4px 2px;
    }

    .data-table {
        min-width: 680px;
    }

    .footer {
        margin-top: 24px;
    }

    .footer-shell {
        gap: 12px;
        padding-bottom: 24px;
    }

    .footer-grid {
        padding: 18px;
        gap: 18px;
    }

    .footer-contact-cards,
    .footer-links-column {
        gap: 8px;
    }

    .footer-bottom-bar {
        padding: 14px 16px;
    }

    .footer-bottom-links {
        display: grid;
        gap: 8px;
        width: 100%;
    }
}

@media (max-width: 640px) {
    .topbar {
        padding-top: 10px;
    }

    .premium-header-card {
        padding: 14px;
    }

    .page {
        margin-top: 14px;
    }

    .premium-shell,
    .subpage-shell {
        gap: 14px;
    }

    .premium-hero,
    .premium-section,
    .premium-contact,
    .subpage-hero,
    .contact-panel,
    .form-panel,
    .success-panel,
    .table-card,
    .content-card,
    .pricing-card {
        padding: 16px;
    }

    .eyebrow {
        font-size: 10px;
        letter-spacing: 0.12em;
    }

    .section-headline h2,
    .footer-column h3,
    .contact-panel h2,
    .form-panel h2,
    .table-card h2 {
        font-size: 18px;
    }

    .hero-content p,
    .subpage-hero .lead,
    .section-headline p,
    .contact-panel p,
    .footer-brand-column p {
        font-size: 14px;
        line-height: 1.7;
    }

    .meta-pill,
    .contact-row,
    .footer-contact-card,
    .header-nav-zone.is-open .premium-nav {
        border-radius: 14px;
    }

    .premium-nav a,
    .btn,
    .lang-toggle,
    .nav-toggle {
        min-height: 42px;
    }

    .pricing-list,
    .hero-panel ul,
    .footer-links-column {
        font-size: 14px;
    }

    .data-table {
        min-width: 620px;
    }
}