.tech-visual{border:1px solid var(--line);background:#fff;padding:12px}.tech-visual img{width:100%;max-height:700px;object-fit:cover}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{padding:28px;border-top:3px solid var(--blue);background:#fff}.step .num{font-size:2rem;font-weight:950;color:var(--blue)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.compare-card{padding:30px;border:1px solid var(--line);background:#fff}.compare-card.highlight{border-color:var(--red);box-shadow:0 12px 30px rgba(241,77,72,.12)}.bar-chart{display:grid;gap:19px;margin-top:28px}.bar-row{display:grid;grid-template-columns:125px 1fr 60px;align-items:center;gap:14px}.bar-track{height:14px;background:#e3e7ea}.bar-fill{height:100%;background:var(--blue)}.bar-fill.red{background:var(--red)}


/* Technology visuals: fill their existing display area */
.tech-visual{padding:0;background:#f5f7f9;overflow:hidden}
.tech-visual img{width:100%;height:auto;max-height:520px;object-fit:cover;object-position:center}


/* Airflow page only: preserve original image aspect ratios inside existing frames */
body.page-airflow .tech-visual{
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
}
body.page-airflow .tech-visual img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
}
body.page-airflow .story-media{
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  background:#eef1f4;
}
body.page-airflow .story-media img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  min-height:0;
  object-fit:contain;
  object-position:center;
}