/* ── RESPONSIVE 1024px ── */
@media(max-width:1024px){
  .pillars{grid-template-columns:1fr 1fr 1fr}
  .lanes{grid-template-columns:repeat(3,1fr)}
  .token-stats{grid-template-columns:repeat(2,1fr)}
  .highway-lane,.highway-label-row{grid-template-columns:3rem 1fr 5rem 7rem}
  .highway-letter{font-size:1.25rem}
  .breakthrough{grid-template-columns:1fr}
  .zc-grid{grid-template-columns:1fr}
  .chain-compare{grid-template-columns:1fr 1fr 1fr}
  .hero-bg .orb{width:350px!important;height:350px!important}
  .stats-bar{grid-template-columns:repeat(2,1fr)}
  .audience-cards{grid-template-columns:1fr}
}

/* ── RESPONSIVE 768px ── */
@media(max-width:768px){
  section{padding:4rem 0}
  .pillars{grid-template-columns:1fr;margin-top:-2rem}
  .flywheel-comparison{grid-template-columns:1fr;gap:0}
  .flywheel-vs{padding:1rem 0;flex-direction:row}
  .flywheel-vs::before{top:50%;bottom:auto;left:0;right:0;width:auto;height:1px;background:linear-gradient(to right,transparent,var(--surface-200),transparent)}
  .bottleneck-grid{grid-template-columns:1fr}
  .chain-compare{grid-template-columns:1fr}
  .cnp-props{grid-template-columns:1fr}
  .cnp-benchmark{padding:1.5rem}
  .scenario-grid{grid-template-columns:1fr}
  .security-grid{grid-template-columns:1fr}
  .lanes{grid-template-columns:1fr 1fr}
  .highway-lane,.highway-label-row{grid-template-columns:2.5rem 1fr 4.5rem;padding:.75rem 1rem}
  .highway-engine{display:none}
  .highway-label-row .highway-col-label:last-child{display:none}
  .highway-letter{font-size:1.125rem}
  .highway-price{font-size:.8rem}
  .highway-name{font-size:.8rem}
  .highway-desc{font-size:.7rem}
  .highway-divider{padding:.3rem 1rem;font-size:.6rem}
  .pipeline{flex-direction:column}
  .pipeline-step{border-radius:.75rem!important;width:100%}
  .pipeline-arrow{transform:rotate(90deg)}
  .pipeline-flow{gap:.375rem}
  .pipeline-stage{padding:.5rem .75rem}
  .pipeline-stage-name{font-size:.75rem}
  .pipeline-arrow-sm{font-size:.75rem}
  .token-stats{grid-template-columns:1fr 1fr}
  .token-functions{grid-template-columns:1fr}
  .dev-revenue-grid{grid-template-columns:1fr}
  .hero-title{font-size:2.25rem}
  .hero-bg .orb{width:250px!important;height:250px!important}
  .cta-section{padding:3rem 1.5rem}
  .cta-section h2{font-size:2rem}
  .fee-table{font-size:.8125rem}
  .fee-table th,.fee-table td{padding:.625rem .5rem}
  .speed-bar-callout{margin-left:0;margin-top:.25rem;display:block}
  .audit-callout{flex-direction:column}
  .ddws-highlight{flex-direction:column;text-align:center;padding:1.5rem}
  .ddws-speedup{font-size:2.75rem}
  .stats-bar{grid-template-columns:1fr 1fr;margin-top:-2rem}
  .audience-cards{grid-template-columns:1fr}
}