@media (max-width: 860px) {
  .topbar-wrap {
    padding-top: max(0.6rem, env(safe-area-inset-top));
  }

  body.nav-menu-open {
    overflow: hidden;
  }

  .theme-toggle,
  .menu-toggle {
    width: 44px;
    height: 44px;
  }

  .button,
  .link-button {
    min-height: 44px;
  }

  .nav-links {
    max-height: min(70vh, 420px);
    overflow: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  .nav-links a {
    min-height: 44px;
    display: flex;
    align-items: center;
  }

  .command-palette {
    padding-top: max(0.8rem, env(safe-area-inset-top));
    padding-bottom: max(0.8rem, env(safe-area-inset-bottom));
  }

  .homepage .hero-grid-product {
    gap: 0.9rem;
  }

  .homepage .hero-note {
    margin-top: 0.72rem;
    font-size: 0.94rem;
  }

  .homepage .ops-step,
  .homepage .segmented-control [role='tab'] {
    min-height: 42px;
  }

  .homepage .contact-cta-actions {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
  }

  .homepage .contact-cta-actions .link-button {
    width: 100%;
  }

  .homepage .product-project-card {
    min-height: 0;
  }

  .homepage .product-project-card .project-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .homepage .product-project-card .project-metric {
    white-space: normal;
  }
}

@media (max-width: 640px) {
  :root {
    --container: min(100vw - 0.8rem, 100%);
  }

  .topbar {
    min-height: 62px;
    padding-inline: 0.72rem;
  }

  .brand span:last-child {
    max-width: 132px;
  }

  .section {
    padding: 58px 0;
  }

  .section.compact {
    padding: 50px 0;
  }

  .page-hero {
    padding: 58px 0 22px;
  }

  .section-heading h2 {
    font-size: clamp(1.75rem, 10vw, 2.8rem);
  }

  .section-heading p,
  .copy,
  .lead,
  .page-intro {
    font-size: 0.96rem;
  }

  .command-palette {
    padding-inline: 0.5rem;
  }

  .command-palette-panel {
    width: min(100%, calc(100vw - 1rem));
  }

  .command-palette-item {
    min-height: 44px;
    padding-block: 0.58rem;
  }

  input,
  textarea,
  .command-palette-input {
    font-size: 16px;
  }

  .homepage .hero-proof-copy {
    margin-bottom: 0.82rem;
  }

  .homepage .hero-signal-row {
    gap: 0.32rem;
  }

  .homepage .hero-systems-panel {
    padding: 0.78rem;
  }

  .homepage .ops-kpi {
    min-height: 62px;
    padding: 0.44rem 0.42rem;
  }

  .homepage .ops-kpi span {
    font-size: 0.59rem;
  }

  .homepage .ops-chart {
    min-height: clamp(5.9rem, 31vw, 7.1rem);
    height: auto;
    gap: 0.16rem;
    padding: 0.36rem 0.38rem 0.42rem;
  }

  .homepage .ops-chart span {
    width: 78%;
    min-height: 12px;
  }

  .homepage .ops-head {
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .homepage .ops-pipeline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.42rem;
  }

  .homepage .ops-event {
    grid-template-columns: 1fr;
    grid-template-areas:
      'copy'
      'time'
      'state';
    gap: 0.3rem;
    padding: 0.42rem;
  }

  .homepage .ops-event-state {
    justify-self: flex-start;
  }

  .homepage .flagship-header h2 {
    font-size: clamp(1.9rem, 11vw, 2.5rem);
  }

  .homepage .flagship-header p {
    font-size: 0.92rem;
    line-height: 1.42;
  }

  .homepage .flagship-visual {
    min-height: 248px;
  }

  .homepage .flagship-panel {
    padding: 0;
  }

  .homepage .flow-step-label,
  .homepage .alert-text,
  .homepage .flagship-proof-card strong {
    font-size: 0.8rem;
  }

  .homepage .flagship-sequence [data-flagship-sequence-control],
  .homepage .segmented-control [role='tab'] {
    min-height: 38px;
    padding-inline: 0.36rem;
    font-size: 0.68rem;
  }

  .homepage .flagship-copy {
    padding: 0.58rem 0.62rem;
    font-size: 0.83rem;
    line-height: 1.42;
  }

  .homepage .flagship-proof-card {
    min-height: 0;
    padding: 0.54rem 0.58rem;
    gap: 0.14rem;
  }

  .homepage .flagship-proof-card p {
    display: none;
  }

  .homepage .flagship-highlight strong,
  .homepage .flagship-proof-card strong {
    font-size: 0.77rem;
    line-height: 1.28;
  }

  .homepage .product-project-card {
    padding: 0.92rem;
  }

  .homepage .product-project-card .project-preview {
    height: 118px;
  }

  .homepage .module-row {
    flex-wrap: wrap;
    gap: 0.26rem 0.45rem;
  }

  .homepage .module-row strong {
    width: 100%;
    text-align: left;
  }

  .homepage .loop-node,
  .homepage .repo-step {
    min-height: 28px;
    font-size: 0.64rem;
  }

  .homepage .state-pill,
  .homepage .capability-chip,
  .homepage .cta-signal-row span {
    min-height: 30px;
  }

  .homepage .contact-cta {
    padding: 0.82rem;
  }
}

@media (hover: none), (pointer: coarse) {
  .homepage .module-preview::after,
  .homepage .ops-chart::after,
  .homepage .module-progress span,
  .homepage .loop-node,
  .homepage .repo-step.done,
  .homepage .repo-step.active,
  .homepage .state-pill,
  .homepage .ops-chart span,
  .homepage .status-dot {
    animation: none;
  }

  .homepage .module-preview::after {
    opacity: 0.16;
  }

  .homepage .project-state-panel {
    opacity: 1;
    transform: none;
  }

  .homepage .ops-chart span {
    transform: none;
  }
}