/* ── Performance section layout ── */
.work-scene {
  padding-top: 8rem;
  padding-bottom: 6rem;
}

.work-scene__title {
  margin-bottom: 0;
}

/* ── Split scene column gaps ── */
.split-scene__left {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.split-scene__right {
  position: relative;
}

/* ── Platform section (tile grid right-aligned) ── */
#platform .split-scene__left { justify-content: center; }

/* ── Pipeline section ── */
#pipeline {
  background: var(--bg-deep);
}

/* ── Signals section ── */
#signals {
  overflow: hidden;
}

/* ── Dashboard section ── */
#dashboard {
  background: var(--bg-deep);
}

/* ── Access / exit CTA ── */
#access {
  background: var(--bg);
  border-top: 1px solid var(--border);
}

/* ── About methodology ── */
#methodology {
  background: var(--bg-deep);
}

/* ── Responsive overrides ── */
@media (max-width: 768px) {
  .site-section {
    padding-top: 6rem;
    padding-bottom: 4rem;
  }

  .stats-row {
    gap: 2rem;
  }

  .footer-grid {
    grid-template-columns: 1fr;
  }

  .mockup-body {
    grid-template-columns: 1fr;
  }

  .mockup-panel {
    border-right: none;
    border-bottom: 1px solid var(--border);
  }

  .mockup-panel:last-child {
    border-bottom: none;
  }
}

@media (max-width: 480px) {
  .display-xl { font-size: clamp(3rem, 12vw, 5rem); }
  .display-lg { font-size: clamp(2rem, 8vw, 3.5rem); }

  .ai-panel__footer {
    flex-direction: column;
    align-items: flex-start;
  }
}