@media (max-width: 1024px) {
    .hero__container { grid-template-columns: 1fr; gap: var(--spacing-3xl); }
    .hero__visual { min-height: 420px; }
    .hero__title { font-size: var(--font-size-4xl); }
    .arch-diagram { min-height: 440px; }
    .arch-node--layers { grid-template-columns: repeat(2, 1fr); min-width: 280px; }
    .method-layers { grid-template-columns: repeat(2, 1fr); }
    .systems-grid { grid-template-columns: repeat(2, 1fr); }
    .scenario { grid-template-columns: 1fr; }
    .footer__grid { grid-template-columns: 1fr 1fr; }
    .governance-pillars { grid-template-columns: repeat(2, 1fr); }
    .sustainability-grid { grid-template-columns: repeat(2, 1fr); }
    .n4c-hero { min-height: auto; padding-bottom: 72px; }
    .n4c-hero__container { grid-template-columns: minmax(0, 1fr); gap: 54px; }
    .n4c-hero__content { max-width: 760px; }
    .n4c-hero__title { max-width: 780px; }
    .n4c-hero__visual { width: min(100%, 720px); min-height: auto; margin: 0 auto; }
}

@media (max-width: 768px) {
    :root {
        --spacing-4xl: 4rem;
        --spacing-5xl: 5rem;
        --nav-height: 64px;
    }
    .nav__links, .nav__cta { display: none; }
    .nav__toggle { display: flex; }
    .section__title { font-size: var(--font-size-3xl); }
    .hero__title { font-size: var(--font-size-3xl); }
    .hero__desc { font-size: var(--font-size-base); }
    .hero__actions { flex-direction: column; }
    .hero__actions .btn { width: 100%; }
    .hero__visual { min-height: 380px; }
    .arch-diagram { min-height: 380px; padding: var(--spacing-md); }
    .arch-node { min-width: 170px; font-size: 11px; }
    .arch-node--layers { grid-template-columns: repeat(2, 1fr); min-width: 240px; }
    .grid--2, .grid--3, .grid--6 { grid-template-columns: 1fr; }
    .method-layers { grid-template-columns: 1fr; }
    .systems-grid { grid-template-columns: 1fr; }
    .segment-metrics { grid-template-columns: 1fr; }
    .scenario { grid-template-columns: 1fr; }
    .comparison__table { font-size: var(--font-size-xs); }
    .comparison__table th, .comparison__table td { padding: var(--spacing-sm); }
    .footer__grid { grid-template-columns: 1fr; }
    .footer__bottom { flex-direction: column; gap: var(--spacing-md); text-align: center; }
    .cta-section { padding: var(--spacing-2xl); }
    .cta-section__title { font-size: var(--font-size-2xl); }
    .form-row { grid-template-columns: 1fr; }
    .governance-pillars { grid-template-columns: 1fr; }
    .sustainability-grid { grid-template-columns: 1fr; }
    .governance-flow { flex-direction: column; }
    .governance-arrow { transform: rotate(90deg); }
    .container { padding: 0 var(--spacing-md); }
    
    /* NeuralOps Corporate Hero Fix */
    .n4c-hero {
        min-height: auto;
        padding: calc(var(--nav-height) + 22px) 0 44px;
        overflow: visible;
        overflow-x: clip;
    }
    .n4c-hero__container {
        gap: 32px;
    }
    .n4c-hero__title {
        font-size: clamp(2.35rem, 10vw, 3.25rem);
        line-height: 1.1;
        margin-bottom: 18px;
    }
    .n4c-hero__desc {
        line-height: 1.6;
        margin-bottom: 22px;
    }
    .n4c-hero__proof {
        grid-template-columns: 1fr;
        margin-bottom: 22px;
    }
    .n4c-proof-item {
        display: grid;
        grid-template-columns: 80px 1fr;
        align-items: center;
        gap: 8px;
        padding: 10px 12px;
    }
    .n4c-proof-item strong {
        margin: 0;
        font-size: .8rem;
    }
    .n4c-hero__actions {
        flex-direction: column;
        gap: 12px;
        margin-bottom: 18px;
    }
    .n4c-hero__actions .btn {
        width: 100%;
        white-space: normal;
        text-align: center;
        padding: 14px 18px;
        font-size: var(--font-size-sm);
    }
    .n4c-console {
        padding: 14px;
        border-radius: 16px;
        min-height: auto;
    }
    .n4c-console__topbar {
        align-items: center;
        padding-bottom: 12px;
    }
    .n4c-console__topbar h2 {
        font-size: .95rem;
        margin-top: 4px;
    }
    .n4c-console__status {
        padding: 5px 6px;
        font-size: .52rem;
    }
    .n4c-request {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 10px;
        margin: 16px 0;
        padding: 12px;
    }
    .n4c-request__icon {
        width: 34px;
        height: 34px;
    }
    .n4c-request__icon svg {
        width: 18px;
        height: 18px;
    }
    .n4c-request strong {
        font-size: .75rem;
    }
    .n4c-request small {
        font-size: .58rem;
    }
    .n4c-request__volume {
        display: none;
    }
    .n4c-router {
        min-height: 90px;
    }
    .n4c-router__core {
        width: 92%;
        padding: 12px;
    }
    .n4c-router__core strong {
        font-size: .85rem;
    }
    .n4c-router__core small {
        font-size: .58rem;
    }
    .n4c-layers {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
    }
    .n4c-layer {
        padding: 10px 8px;
    }
    .n4c-layer span {
        font-size: .54rem;
    }
    .n4c-layer strong {
        font-size: .65rem;
        margin: 7px 0 4px;
    }
    .n4c-layer small {
        font-size: .54rem;
    }
    .n4c-console__footer {
        gap: 6px;
        padding-top: 12px;
    }
    .n4c-console__footer div {
        padding-left: 6px;
        border-left-width: 1px;
    }
    .n4c-console__footer span {
        font-size: .52rem;
    }
    .n4c-console__footer strong {
        font-size: .65rem;
    }
    .n4c-float-card--audit {
        left: 8px;
        bottom: -22px;
        padding: 9px 12px;
    }
    .n4c-float-card--saving {
        right: 8px;
        top: -20px;
        padding: 10px 14px;
    }
}

@media (max-width: 480px) {
    .hero__title { font-size: var(--font-size-2xl); }
    .section__title { font-size: var(--font-size-2xl); }
    .section__subtitle { font-size: var(--font-size-base); }
    .card__title, .problem-card__title { font-size: var(--font-size-base); }
    .arch-node--layers { grid-template-columns: repeat(2, 1fr); min-width: auto; }
    .simulator__tasks { flex-direction: column; }
    .dark-section__items { grid-template-columns: 1fr; }
    
    /* NeuralOps Corporate Hero Fix (Extra Small) */
    .n4c-hero {
        padding: calc(var(--nav-height) + 18px) 0 36px;
    }
    .n4c-hero__eyebrow {
        margin-bottom: 16px;
        font-size: .61rem;
        letter-spacing: .07em;
    }
    .n4c-hero__title {
        font-size: clamp(2.15rem, 11vw, 2.85rem);
        line-height: 1.15;
        margin-bottom: 16px;
    }
    .n4c-hero__desc {
        line-height: 1.55;
        margin-bottom: 20px;
    }
    .n4c-hero__proof {
        margin-bottom: 20px;
    }
    .n4c-proof-item {
        grid-template-columns: 70px 1fr;
        gap: 6px;
        padding: 9px 11px;
    }
    .n4c-proof-item strong {
        font-size: .75rem;
    }
    .n4c-hero__actions .btn {
        padding: 13px 16px;
        font-size: var(--font-size-xs);
    }
    .n4c-console {
        padding: 12px;
        border-radius: 14px;
    }
    .n4c-console__topbar h2 {
        font-size: .85rem;
    }
    .n4c-console__status {
        font-size: .48rem;
    }
    .n4c-request {
        gap: 8px;
        padding: 10px;
    }
    .n4c-request__icon {
        width: 30px;
        height: 30px;
    }
    .n4c-request strong {
        font-size: .7rem;
    }
    .n4c-router__core {
        width: 90%;
        padding: 10px;
    }
    .n4c-router__core strong {
        font-size: .8rem;
    }
    .n4c-layer {
        padding: 8px 6px;
    }
    .n4c-layer strong {
        font-size: .6rem;
        margin: 6px 0 3px;
    }
    .n4c-console__footer {
        gap: 5px;
        padding-top: 10px;
    }
    .n4c-console__footer span {
        font-size: .48rem;
    }
    .n4c-console__footer strong {
        font-size: .6rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .n4c-live-dot { box-shadow: none; }
    .n4c-btn-primary:hover svg { transform: none; }
}