@media (max-width: 760px) {
    html { overflow-x: hidden; }
    body { overflow-x: hidden; }
    .site-header { position: static; }
    .site-header__inner,
    .site-footer__inner,
    .container {
        width: min(100% - 22px, 1120px);
    }
    .site-header__inner {
        gap: 14px;
        min-height: 0;
    }
    .logo {
        max-width: 100%;
        font-size: 15px;
    }
    .nav {
        width: 100%;
        flex-wrap: nowrap;
        gap: 8px;
        overflow-x: auto;
        padding-bottom: 4px;
        -webkit-overflow-scrolling: touch;
    }
    .nav a {
        flex: 0 0 auto;
        padding: 8px 10px;
        white-space: nowrap;
    }
    .hero,
    .hero--compact,
    .lab-hero,
    .sandbox-hero {
        padding: 38px 0;
    }
    .hero__copy h1,
    .hero h1,
    .section h1,
    .content-page h1,
    .lab-hero h1,
    .sandbox-hero h1 {
        font-size: 34px;
        line-height: 1.08;
    }
    .hero p:not(.eyebrow),
    .lab-hero p:not(.eyebrow),
    .sandbox-hero p:not(.eyebrow),
    .lead-text,
    .content-page__body {
        font-size: 16px;
    }
    .hero-actions,
    .lab-showcase__actions,
    .sandbox-toolbar,
    .site-footer__links {
        align-items: stretch;
        flex-direction: column;
    }
    .button,
    .lab-showcase__button,
    .footer-link {
        width: 100%;
    }
    .section { padding: 34px 0; }
    .card,
    .content-page,
    .split-card,
    .lab-info-card,
    .lab-demo-card,
    .lab-empty-card,
    .lab-planned-card,
    .lab-rules-panel {
        padding: 18px;
        border-radius: 18px;
    }
    .hero-panel div,
    .rate-grid div {
        min-height: 0;
    }
    .content-page {
        max-width: none;
    }
    .cookie-banner {
        right: 12px;
        bottom: 12px;
        width: calc(100% - 24px);
        padding: 14px;
    }
    .cookie-banner__actions,
    .cookie-banner__button {
        width: 100%;
    }
}

@media (max-width: 560px) {
    .site-header__inner,
    .site-footer__inner,
    .container {
        width: min(100% - 18px, 1120px);
    }
    .hero__copy h1,
    .hero h1,
    .section h1,
    .content-page h1,
    .lab-showcase__hero h1,
    .lab-hero h1,
    .sandbox-hero h1 {
        font-size: 30px;
    }
    .section h2,
    .card h3,
    .content-page h2 {
        font-size: 24px;
    }
    .meta-chip,
    .lab-demo-card__tags span {
        width: 100%;
        justify-content: center;
        text-align: center;
    }
}

@media (max-width: 760px) {
    .lab-showcase {
        min-height: 0;
        padding: 34px 0 46px;
    }
    .lab-showcase__hero {
        gap: 20px;
        margin-bottom: 24px;
    }
    .lab-showcase__hero p,
    .lab-showcase__section-head p,
    .lab-info-card p,
    .lab-empty-card p,
    .lab-demo-card p,
    .lab-planned-card p,
    .lab-rules-panel p {
        font-size: 15px;
    }
    .lab-showcase__status-panel { padding: 18px; border-radius: 18px; }
    .lab-showcase__status-head {
        display: grid;
        gap: 6px;
        margin-bottom: 14px;
    }
    .lab-showcase__status-grid div {
        min-height: 0;
        padding: 14px;
        border-radius: 14px;
    }
    .lab-showcase__section { margin-top: 38px; }
    .lab-demo-card,
    .lab-demo-card--compact { min-height: 0; }
    .lab-demo-card__top {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 14px;
    }
    .lab-demo-card__status { align-self: flex-start; }
    .lab-planned-card {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .lab-planned-card > span { width: 44px; height: 44px; }
    .lab-planned-card em { grid-column: auto; }
}

@media (max-width: 760px) {
    .quote-demo-shell,
    .monitor-shell,
    .health-shell,
    .crm-demo-shell,
    .migration-shell,
    .access-shell,
    .mb-demo-shell,
    .pc-demo-shell {
        width: min(100% - 18px, 1520px);
        padding-top: 16px;
        padding-bottom: 34px;
    }
    .quote-demo-topbar,
    .monitor-topbar,
    .health-topbar,
    .crm-topbar,
    .migration-hero,
    .access-hero,
    .mb-topbar,
    .pc-hero {
        align-items: stretch;
        flex-direction: column;
        gap: 16px;
        margin-bottom: 18px;
    }
    .quote-demo-topbar__actions,
    .monitor-topbar__actions,
    .health-topbar__actions,
    .crm-actions,
    .migration-actions,
    .access-actions,
    .mb-actions,
    .pc-actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
        gap: 10px;
    }
    .quote-btn,
    .monitor-btn,
    .health-btn,
    .crm-btn,
    .migration-btn,
    .access-btn,
    .mb-btn,
    .pc-btn {
        width: 100%;
        justify-content: center;
    }
    .quote-demo-shell h1,
    .monitor-topbar h1,
    .health-topbar h1,
    .crm-topbar h1,
    .migration-hero h1,
    .access-hero h1,
    .mb-topbar h1,
    .pc-hero h1 {
        font-size: 28px;
        line-height: 1.1;
    }
    .quote-demo-lead,
    .monitor-lead,
    .health-lead,
    .crm-lead,
    .migration-lead,
    .access-lead,
    .mb-lead,
    .pc-lead {
        font-size: 15px;
    }
    .quote-panel,
    .monitor-panel,
    .health-panel,
    .crm-panel,
    .migration-panel,
    .access-panel,
    .mb-panel,
    .pc-panel,
    .pc-side,
    .monitor-side,
    .health-side,
    .migration-side,
    .access-side,
    .mb-side,
    .crm-side {
        padding: 16px;
        border-radius: 18px;
    }
    .quote-panel__header,
    .quote-panel__header--split,
    .monitor-panel__header,
    .health-panel__header,
    .migration-panel__head,
    .mb-panel__head,
    .pc-panel__head {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }
    .quote-form-grid,
    .quote-summary-cards,
    .quote-preview-meta,
    .monitor-stats,
    .monitor-source-grid,
    .health-score-panel,
    .health-stats,
    .crm-kpi-grid,
    .migration-stats,
    .access-stats,
    .mb-kpi-grid,
    .mb-account-grid,
    .pc-kpi-grid,
    .pc-detail {
        grid-template-columns: 1fr;
    }
    .quote-table-wrap,
    .monitor-table-wrap,
    .health-table-wrap,
    .migration-table-wrap,
    .access-table-wrap,
    .mb-table-wrap {
        margin-right: -6px;
        padding-bottom: 10px;
    }
}

@media (max-width: 560px) {
    .pc-request-card,
    .pc-row-actions,
    .mb-row,
    .crm-lead-card,
    .monitor-source-metrics,
    .migration-relation,
    .health-row,
    .access-user,
    .access-perm {
        grid-template-columns: 1fr;
    }
    .pc-row-actions,
    .health-detail-actions,
    .migration-repair__actions,
    .access-actions-mini,
    .mb-filter-tabs,
    .pc-filter-tabs,
    .health-filter-row {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
    }
    .health-mini-btn,
    .monitor-mini-btn,
    .migration-mini-btn,
    .access-mini-btn,
    .crm-btn--small {
        width: 100%;
        justify-content: center;
    }
    .quote-table,
    .monitor-table,
    .health-table,
    .migration-table,
    .access-table,
    .mb-table {
        font-size: 12px;
    }
}

@media (max-width: 760px) {
    .process-studio-page { overflow-x: hidden; }
    .process-app-shell {
        min-height: 0;
    }
    .process-left-nav,
    .process-content,
    .process-builder-sidebar {
        padding: 16px;
    }
    .process-topbar,
    .process-builder-topbar,
    .process-builder-topbar__left,
    .process-builder-topbar__actions {
        align-items: stretch;
        flex-direction: column;
        gap: 12px;
    }
    .process-grid,
    .process-stats-grid,
    .process-builder-layout {
        grid-template-columns: 1fr;
    }
    .process-card__actions,
    .process-zoom-control {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }
    .pb-btn,
    .process-icon-btn {
        width: 100%;
        justify-content: center;
    }
    .process-drawflow-wrap,
    .process-drawflow {
        min-height: 560px;
    }
    .drawflow-node { max-width: calc(100vw - 42px); }
}