@media (max-width: 1100px) {
    .hero__grid,
    .faq-layout,
    .pricing-card,
    .demo-panel,
    .video-card,
    .site-footer__grid,
    .story-grid,
    .pricing-upgrade,
    .space-grid,
    .inclusions-panel,
    .notification-timeline,
    .document-benefits,
    .founders-spotlight {
        grid-template-columns: 1fr;
    }

    .card-grid--four,
    .card-grid--three,
    .shot-grid,
    .comparison,
    .journey-flow,
    .hero-stats,
    .oedipp-flow,
    .document-benefits--compact {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 1220px) {
    .hero-floating-card {
        position: static;
        max-width: none;
        margin-top: 16px;
    }
}

@media (max-width: 920px) {
    .menu-toggle {
        display: inline-block;
    }

    .site-nav {
        position: absolute;
        top: calc(100% + 12px);
        left: 20px;
        right: 20px;
        display: none;
        padding: 20px;
        border-radius: 24px;
        background: rgba(255, 255, 255, 0.96);
        box-shadow: var(--shadow-card);
        border: 1px solid rgba(11, 60, 93, 0.08);
    }

    .site-nav.is-open {
        display: grid;
        gap: 18px;
    }

    .site-nav__list {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .site-nav__cta {
        width: 100%;
    }

    .hero__content h1 {
        max-width: none;
    }

    .conversion-compare__head {
        display: none;
    }

    .conversion-row {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .conversion-row::before {
        content: "vers";
        position: static;
        transform: none;
        color: var(--color-accent);
        font-size: 0.82rem;
        text-transform: uppercase;
        letter-spacing: 0.08em;
    }
}

@media (max-width: 720px) {
    :root {
        --container-width: min(100% - 24px, 1180px);
        --section-spacing: 56px;
    }

    .site-header__inner {
        min-height: 76px;
    }

    .card-grid--four,
    .card-grid--three,
    .shot-grid,
    .comparison,
    .hero-dashboard__metrics,
    .hero-checklist,
    .journey-flow,
    .notification-timeline,
    .document-benefits,
    .oedipp-flow,
    .document-benefits--compact {
        grid-template-columns: 1fr;
    }

    .hero-dashboard,
    .info-card,
    .benefit-card,
    .feature-card,
    .shot-card,
    .pricing-card,
    .testimonial,
    .video-card,
    .demo-panel {
        border-radius: 24px;
    }

    .hero__actions {
        flex-direction: column;
    }

    .hero-stats {
        grid-template-columns: 1fr;
    }

    .hero__actions .button,
    .video-card .button,
    .offer-card__actions .button {
        width: 100%;
    }

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

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

    .offer-card__header {
        align-items: start;
        flex-direction: column;
    }

    .mobile-sticky-cta {
        display: inline-flex;
    }

    .site-footer {
        padding-bottom: 120px;
    }
}