@media (max-width: 1180px) {
    .hero-layout,
    .flow-stage,
    .footer-layout {
        grid-template-columns: 1fr;
    }

    .hero-layout {
        gap: 40px;
    }

    .hero-side {
        max-width: 720px;
    }

    .advantage-scroll {
        height: auto;
    }

    .advantage-pin {
        position: static;
        min-height: 0;
        padding-top: 0;
    }

    .advantage-section::before {
        display: none;
    }

    .flow-scroll {
        height: auto;
    }

    .flow-pin {
        position: static;
        min-height: 0;
        padding-top: 0;
    }

    .hero-metrics,
    .why-grid,
    .pricing-meta-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .editorial-grid {
        min-height: auto;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
        padding: 22px;
    }

    .editorial-card,
    .editorial-card-a,
    .editorial-card-b,
    .editorial-card-c,
    .editorial-card-d,
    .editorial-card-e,
    .editorial-card-f {
        position: relative;
        width: auto;
        left: auto;
        right: auto;
        top: auto;
        height: auto;
        min-height: 220px;
    }

    .editorial-axis {
        display: none;
    }

    .map-annotation {
        position: relative;
        inset: auto;
        min-width: 0;
        padding-top: 10px;
        justify-self: start;
        padding-left: 16px;
        padding-right: 0;
        text-align: left;
    }

    .map-annotation-encryption,
    .map-annotation-mode {
        justify-self: start;
        padding-left: 16px;
        padding-right: 0;
        text-align: left;
    }

    .map-annotation-encryption::before,
    .map-annotation-mode::before {
        left: 0;
        right: auto;
    }

    .map-annotation-encryption::after,
    .map-annotation-mode::after {
        left: 0;
        right: auto;
    }

    .orbital-scene {
        display: grid;
        gap: 10px;
        aspect-ratio: auto;
        padding: 6px 6px 16px;
    }

    .flow-list {
        grid-template-columns: 1fr;
        min-height: auto;
        padding-top: 20px;
    }

    .flow-trackline {
        left: 12px;
        right: auto;
        top: 32px;
        bottom: 18px;
        width: 1px;
        height: auto;
        background: linear-gradient(
            180deg,
            rgba(224, 0, 27, 0.42),
            rgba(244, 237, 221, 0.1)
        );
    }

    .flow-item,
    .flow-item:nth-child(2),
    .flow-item:nth-child(3) {
        margin-top: 0;
        margin-left: 28px;
        min-height: 0;
    }

    .flow-item-topline {
        flex-wrap: wrap;
    }
}

@media (max-width: 900px) {
    .header-bar {
        min-height: 64px;
    }

    .container {
        width: min(calc(100% - 28px), var(--container));
    }

    .header-inner {
        position: relative;
        grid-template-columns: auto auto;
        gap: 14px;
        width: min(calc(100% - 20px), 1380px);
        min-height: 64px;
        align-items: center;
    }

    .brand {
        min-height: 44px;
        align-items: center;
    }

    .brand-text {
        line-height: 1;
    }

    .nav-toggle {
        display: block;
        margin-left: auto;
        position: relative;
        align-self: center;
    }

    .cabinet-link {
        display: none;
    }

    .site-nav {
        display: flex;
        position: absolute;
        top: calc(100% + 8px);
        left: 0;
        right: 0;
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        padding: 0;
        border: 1px solid rgba(244, 237, 221, 0.08);
        border-radius: 22px;
        background: rgba(10, 10, 10, 0.96);
        box-shadow: 0 24px 60px rgba(0, 0, 0, 0.34);
        transform: translateY(-8px);
        transition:
            max-height 320ms ease,
            opacity 220ms ease,
            transform 320ms ease,
            padding 320ms ease,
            border-color 320ms ease;
        pointer-events: none;
        z-index: 20;
    }

    .site-nav.is-open {
        max-height: 420px;
        opacity: 1;
        padding: 12px;
        transform: translateY(0);
        pointer-events: auto;
    }

    .site-nav a {
        padding: 12px 14px;
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid rgba(244, 237, 221, 0.08);
    }

    .site-nav-cabinet {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 48px;
        margin-top: 4px;
        border-radius: 999px;
        background: rgba(244, 237, 221, 0.92);
        color: #0a0a0a;
        font-weight: 700;
    }

    .hero {
        padding-top: 24px;
    }

    .hero-topline {
        flex-direction: column;
        align-items: flex-start;
    }

    .hero-title {
        font-size: clamp(3rem, 11vw, 5.8rem);
    }

    .hero-metrics,
    .editorial-grid,
    .why-grid,
    .faq-messenger,
    .pricing-meta-grid {
        grid-template-columns: 1fr;
    }

    .proxy-strip-panel {
        grid-template-columns: 1fr;
        padding: 20px;
    }

    .proxy-strip-meta {
        min-width: 0;
        justify-self: start;
    }

    .orbital-core {
        width: 124px;
        height: 124px;
    }

    .pricing-panel {
        padding: 22px;
    }

    .pricing-orbit {
        min-height: 220px;
    }
}

@media (max-width: 640px) {
    .section {
        padding: 78px 0;
    }

    .hero {
        padding-top: 20px;
        padding-bottom: 58px;
    }

    .hero-title {
        font-size: clamp(2.7rem, 15vw, 4.4rem);
        line-height: 0.92;
    }

    .advantage-heading h2 {
        white-space: normal;
    }

    .hero-description,
    .cta-panel p,
    .editorial-card p,
    .flow-item p,
    .why-card p,
    .advantage-copy p,
    .flow-aside p {
        font-size: 0.98rem;
    }

    .hero-actions {
        flex-direction: column;
    }

    .hero-actions .button,
    .cabinet-link {
        width: 100%;
    }

    .hero-metrics {
        gap: 14px;
        padding-top: 44px;
    }

    .proxy-strip {
        padding-bottom: 20px;
    }

    .proxy-strip-copy h2 {
        font-size: clamp(1.45rem, 8vw, 2.05rem);
    }

    .hero-framebox,
    .editorial-card,
    .why-card,
    .cta-panel,
    .flow-item,
    .faq-chat-window,
    .pricing-panel,
    .pricing-card {
        border-radius: 24px;
    }

    .hero-framebox,
    .cta-panel,
    .flow-item {
        padding: 20px;
    }

    .pricing-card-shell {
        padding: 20px;
        border-radius: 23px;
    }

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

    .pricing-term-switch {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .pricing-term {
        width: 100%;
        padding: 0 14px;
    }

    .section-heading h2,
    .why-quote p,
    .cta-panel h2 {
        font-size: clamp(2rem, 9vw, 3rem);
    }

    .flow-number {
        font-size: 2rem;
    }

    .faq-bubble {
        max-width: 88%;
    }

    .orbital-scene {
        padding-bottom: 20px;
    }

    .pricing-price strong {
        font-size: clamp(3.2rem, 18vw, 4.4rem);
    }

    .pricing-price-row {
        gap: 14px;
    }

    .pricing-orbit {
        min-height: 196px;
    }

    .pricing-orbit-core {
        width: 116px;
        height: 116px;
    }

    .pricing-orbit-core strong {
        font-size: 1.35rem;
    }
}