@media (max-width: 1120px) {
    .pro-hero-grid,
    .pro-documents-grid,
    .pro-qualification-grid,
    .pro-time-grid {
        grid-template-columns: 1fr;
    }

    .pro-hero-copy h1,
    .pro-hero-lead {
        max-width: 850px;
    }

    .pro-hero-trust {
        max-width: 650px;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .pro-control-grid {
        grid-template-columns: 1fr 210px 1fr;
    }

    .pro-workflow ol {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 24px 0;
    }

    .pro-workflow li:nth-child(4)::after {
        display: none;
    }

    .pro-documents-copy,
    .pro-qualification-copy {
        max-width: 760px;
        padding-top: 0;
    }

    .pro-legal-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .pro-legal-grid button:last-child {
        grid-column: span 2;
    }

    .pro-time-grid > ul {
        padding-top: 10px;
    }
}

@media (max-width: 820px) {
    .pro-page .container {
        width: min(calc(100% - 32px), 1280px);
    }

    .pro-section {
        padding: 64px 0;
    }

    .pro-hero {
        padding-top: 48px;
    }

    .pro-hero-trust {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pro-cockpit,
    .pro-dossier {
        grid-template-columns: 1fr;
    }

    .pro-cockpit-nav,
    .pro-dossier > aside {
        display: none;
    }

    .pro-inbox-comparison {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .pro-flow-arrow {
        margin: -9px auto;
        transform: rotate(90deg);
    }

    .pro-control-grid {
        grid-template-columns: 1fr;
    }

    .pro-control-center {
        order: 3;
    }

    .pro-workflow ol {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pro-workflow li:nth-child(even)::after {
        display: none;
    }

    .pro-legal-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pro-legal-grid button:last-child {
        grid-column: auto;
    }

    .pro-branding-grid {
        grid-template-columns: 1fr;
    }

    .pro-time-grid > ul,
    .pro-security > .container > ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 0;
    }

    .pro-final-cta > .container {
        align-items: flex-start;
        flex-direction: column;
    }

    .pro-final-cta > .container > div:last-child {
        min-width: 0;
        flex-wrap: wrap;
    }
}

@media (max-width: 560px) {
    .pro-page .container {
        width: min(calc(100% - 24px), 1280px);
    }

    .pro-section {
        padding: 52px 0;
    }

    .pro-hero-copy h1 {
        max-width: none;
        font-size: clamp(2.65rem, 13vw, 3.65rem);
        line-height: 1.01;
    }

    .pro-hero-lead {
        font-size: .95rem;
    }

    .pro-hero-actions,
    .pro-hero-actions .button,
    .pro-final-cta .button {
        width: 100%;
    }

    .pro-cockpit-main {
        padding: 14px;
    }

    .pro-cockpit-summary {
        grid-template-columns: 1fr;
    }

    .pro-cockpit-detail {
        grid-template-columns: 1fr;
    }

    .pro-inbox-after li {
        grid-template-columns: 72px 1fr auto;
    }

    .pro-inbox-after li > small {
        display: none;
    }

    .pro-control-grid {
        padding: 12px;
    }

    .pro-control-route {
        padding: 20px;
    }

    .pro-workflow-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .pro-workflow-heading h2 {
        white-space: normal;
    }

    .pro-workflow ol {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .pro-workflow li::after {
        display: none !important;
    }

    .pro-dossier-main {
        padding: 14px;
    }

    .pro-dossier-main > header {
        align-items: flex-start;
    }

    .pro-dossier-main > header > button {
        width: 37px;
        height: 37px;
        padding: 0;
        justify-content: center;
        font-size: 0;
    }

    .pro-dossier-tabs {
        gap: 10px;
    }

    .pro-legal-grid {
        grid-template-columns: 1fr;
    }

    .pro-legal-grid button {
        min-height: 175px;
    }

    .pro-legal-grid button > strong {
        min-height: 0;
    }

    .pro-time-grid > ul,
    .pro-security > .container > ul {
        grid-template-columns: 1fr;
    }

    .pro-time-grid li,
    .pro-security li {
        padding: 0 8px 24px;
        border-left: 0;
        border-bottom: 1px solid #dfe8ee;
    }

    .pro-security > .container > ul {
        padding: 24px 16px 0;
    }

    .pro-final-cta > .container {
        padding: 26px 22px;
    }
}