@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: calc(var(--nav-height) + 16px) 0 48px; }
    .n4c-hero__container { grid-template-columns: minmax(0, 1fr); gap: 28px; }
    .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; padding-top: 18px; }
    .n4c-hero__eyebrow { max-width: calc(100% - 176px); }
}

@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;
        height: auto;
        padding: calc(var(--nav-height) + 12px) 0 32px;
        overflow: visible;
        overflow-x: clip;
    }
    .n4c-hero__container {
        gap: 20px;
    }
    .n4c-hero__title {
        font-size: clamp(1.85rem, 8.4vw, 2.45rem);
        line-height: 1.12;
        margin-bottom: 12px;
    }
    .n4c-hero__desc {
        line-height: 1.5;
        margin-bottom: 14px;
        font-size: 0.95rem;
    }
    .n4c-hero__proof {
        grid-template-columns: 1fr;
        margin-bottom: 14px;
    }
    .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: 8px;
        margin-bottom: 10px;
    }
    .n4c-hero__actions .btn {
        width: 100%;
        white-space: normal;
        text-align: center;
        padding: 12px 16px;
        font-size: var(--font-size-sm);
        min-height: 44px;
    }
    .n4c-hero__trust { font-size: 0.78rem; margin-bottom: 0; }
    .n4c-float-card { display: none; }
    .n4c-hero__visual { padding-top: 0; }
    .n4c-console {
        padding: 12px;
        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) + 10px) 0 28px;
    }
    .n4c-hero__eyebrow {
        margin-bottom: 10px;
        font-size: .58rem;
        letter-spacing: .06em;
        max-width: calc(100% - 168px);
    }
    .n4c-hero__title {
        font-size: clamp(1.7rem, 8.8vw, 2.15rem);
        line-height: 1.14;
        margin-bottom: 10px;
    }
    .n4c-hero__desc {
        line-height: 1.45;
        margin-bottom: 12px;
    }
    .n4c-hero__proof {
        margin-bottom: 12px;
    }
    .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 (max-width: 900px) and (max-height: 780px) {
    .n4c-hero__trust { display: none; }
    .n4c-hero__proof { display: none; }
    .n4c-hero__desc { margin-bottom: 10px; }
    .n4c-console__footer { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 380px) and (max-height: 600px) {
    .n4c-hero__desc { display: none; }
    .n4c-hero__title { font-size: clamp(1.55rem, 8vw, 1.9rem); margin-bottom: 8px; }
    .n4c-hero__actions { margin-bottom: 8px; }
}

@media (max-width: 768px) {
    .n4c-console__footer { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
}

@media (prefers-reduced-motion: reduce) {
    .n4c-live-dot { box-shadow: none; }
    .n4c-btn-primary:hover svg { transform: none; }
    .n4c-console.is-live .n4c-router__pulse,
    .n4c-console__status i { animation: none !important; }
}