/* ============================================================
 * AI4EBITDA - RESPONSIVE OVERRIDES
 * Loaded after page CSS so responsive rules win the cascade,
 * matching the original single-file HTML order.
 * ============================================================ */

@media (max-width: 1180px) {
  nav { min-height: 74px; }
  .nav-inner { gap: 0; }
  .nav-links {
    display: none; position: absolute; top: 74px; left: 0; right: 0;
    background: rgba(7,9,13,.97); border-bottom: 1px solid var(--g3);
    flex-direction: column; padding: 1.2rem 1.8rem 1.5rem; gap: .8rem;
    border-top: 1px solid rgba(255,255,255,.08);
  }
  .nav-links.open { display: flex; }
  .nav-menu-toggle { display: block; }
  .hero { padding-top: 9.5rem; }
  .page-hdr { padding-top: 8.5rem; }
}

@media (max-width: 1024px) {
  .proof-bar { grid-template-columns: repeat(2, 1fr); }
  .two-col, .cta-inner { grid-template-columns: 1fr; gap: 2.5rem; }
  .ai-pillars, .ways-grid, .path-grid { grid-template-columns: repeat(2, 1fr); }
  .proof-grid, .team-grid { grid-template-columns: 1fr; }
  .what-do-grid { grid-template-columns: 1fr; }
  .gap-grid { grid-template-columns: 1fr; }
  .gap-arrow { display: none; }
  .wf-hero-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 620px; }
}

@media (max-width: 768px) {
  .ai-pillars, .ways-grid, .path-grid, .stats-row { grid-template-columns: 1fr; }
  .capability-layout { grid-template-columns: 1fr; gap: 2rem; }
  .capability-copy { max-width: none; }
  .capability-stats { margin-top: 0; }
  .proof-bar { grid-template-columns: 1fr 1fr; }
  .fg-row { grid-template-columns: 1fr; }
  .section { padding: 4rem 0; }
  .hero { padding: 8rem 0 4rem; }
  .chain-map {
    grid-template-columns: minmax(0, 1fr) 2.6rem;
    gap: 1.35rem .9rem;
  }
  .chain-map::before { display: none; }
  .chain-marker { min-height: 4rem; padding-bottom: 1.35rem; white-space: normal; }
  .chain-marker-start { grid-column: 1 / 3; grid-row: 1; justify-self: start; text-align: left; }
  .cn { min-height: 0; }
  .chain-node-1 { grid-column: 1; grid-row: 2; }
  .chain-node-2 { grid-column: 1; grid-row: 4; }
  .chain-node-3 { grid-column: 1; grid-row: 6; }
  .chain-node-4 { grid-column: 1; grid-row: 8; }
  .chain-flow {
    position: static;
    display: contents;
  }
  .chain-flow span {
    display: grid;
    justify-self: center;
    align-self: center;
    margin: 0;
    width: auto;
  }
  .chain-flow span:nth-child(1) {
    grid-column: 1;
    grid-row: 3;
  }
  .chain-flow span:nth-child(2) {
    grid-column: 1;
    grid-row: 5;
  }
  .chain-flow span:nth-child(3) {
    grid-column: 1;
    grid-row: 7;
  }
  .chain-flow strong {
    background: var(--light);
  }
  .chain-flow span::after {
    transform: rotate(135deg);
  }
  .chain-dependent {
    grid-column: 2;
    grid-row: 2 / 9;
    align-self: stretch;
    height: auto;
    margin: .2rem .2rem;
    border-top: 2px solid rgba(33,89,104,.42);
    border-right: 2px solid rgba(33,89,104,.42);
    border-bottom: 2px solid rgba(33,89,104,.42);
    border-left: none;
  }
  .chain-dependent::before { display: none; }
  .chain-dependent span {
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, 50%) rotate(90deg);
  }
  .chain-marker-end {
    grid-column: 1;
    grid-row: 9;
    justify-self: end;
    text-align: right;
    margin-top: .8rem;
    padding: 1.7rem 0 0;
  }
  .chain-marker-end::after {
    top: -.25rem;
    bottom: auto;
    animation-name: markerRise;
  }
  .wf-hero-stats { grid-template-columns: 1fr; max-width: 100%; }
  .wf-hero-stat { padding: 1.25rem 1.5rem; }
}

@media (max-width: 480px) {
  .nav-inner { padding: 0 1rem; }
  .nav-logo svg { height: 26px; max-width: 190px; }
  .nav-actions { gap: .5rem; }
  .nav-actions .btn-lime { padding: .72rem .9rem; font-size: .7rem; }
  .proof-bar { grid-template-columns: 1fr; }
  .team-tags { display: none; }
  .ws-stats { gap: 1.2rem; }
}