@media (min-width: 1600px) {
  .hero h1 { font-size: 5rem; }
}
@media (max-width: 1023px) {
  .header-inner { min-height: 84px; }
  .hero-layout { gap: var(--space-6); padding-top: var(--space-12); }
  .hero h1 { font-size: 4.65vw; }
  .hero-description { font-size: 1.2rem; }
  .actions { gap: var(--space-4); }
  .hero-figure figcaption { font-size: .9rem; }
  .visual-coordinate { font-size: .4rem; }
  .split-layout { gap: var(--space-12); }
  .workflow-steps li { padding-right: var(--space-4); }
  .outcomes .split-layout { gap: var(--space-12); }
  .access-layout { gap: var(--space-8); }
  .access-copy { padding-left: var(--space-6); }
  .workflow-steps h3 { font-size: 1.25rem; }
  .context-copy { padding: var(--space-6); }
}
@media (max-width: 767px) {
  html { scroll-padding-top: 6rem; }
  .header-inner { min-height: 78px; gap: var(--space-4); }
  .brand { width: 132px; }
  .nav-section { display: none; }
  .button-small { padding: .7rem .85rem; gap: .65rem; }
  .hero-layout { grid-template-columns: 1fr; gap: var(--space-8); padding-block: var(--space-8); }
  .hero h1 { font-size: clamp(2.3rem, 8.6vw, 4.3rem); }
  .hero-description { max-width: 29rem; font-size: 1.3rem; margin-top: var(--space-6); }
  .hero .eyebrow { margin-bottom: var(--space-6); }
  .hero-figure { width: 100%; }
  .hero-image { aspect-ratio: 1.12; }
  .hero-image img { top: -67%; }
  .visual-coordinate { font-size: .5rem; }
  .hero-baseline { padding-block: var(--space-4); }
  .hero-baseline > :last-child { max-width: 10rem; text-align: right; font-size: .45rem; }
  .split-layout, .outcomes .split-layout, .access-layout, .vision-layout { grid-template-columns: 1fr; }
  .section-heading { align-items: flex-start; flex-direction: column; gap: var(--space-6); margin-bottom: var(--space-8); }
  .section-intro { font-size: 1rem; }
  .decision-diagram { height: 300px; margin-bottom: var(--space-2); }
  .scattered-inputs span { font-size: .6rem; padding-inline: .3rem; }
  .workflow-steps { grid-template-columns: 1fr; }
  .workflow-steps::before { display: none; }
  .workflow-steps li::before { left: -4px; top: 2.25rem; }
  .workflow-steps li, .workflow-steps li:first-child, .workflow-steps li:last-child { position: relative; padding: var(--space-6) 0 var(--space-6) 4rem; border: 0; border-bottom: var(--border); border-left: 1px solid rgb(114 57 233 / 35%); margin-left: 1rem; }
  .step-number { position: absolute; left: 1rem; right: auto; top: 1.7rem; padding: .25rem 0; background: var(--alignd-soft-grey); }
  .step-number > span { display: none; }
  .workflow-steps h3 { font-size: 1.5rem; margin-bottom: var(--space-2); }
  .workflow-steps p { max-width: 22rem; }
  .workflow-steps .approval-step { border-left-color: var(--alignd-purple); }
  .approval-step::after { top: 2.5rem; bottom: 0; left: -1px; right: auto; height: auto; width: 1px; }
  .workflow-media { grid-template-columns: 1fr; margin-top: var(--space-8); }
  .context-image { aspect-ratio: 1.12; }
  .context-image img { top: -65%; }
  .context-copy { margin-left: 1rem; padding: var(--space-6) 0 0 var(--space-6); }
  .product-media { padding: .65rem; }
  /* Enlarge the spatial view on small screens rather than shrinking all concept UI. */
  .product-image { aspect-ratio: 1.4; border-radius: 3px; }
  .product-image img { width: 170%; left: -38%; top: -98%; }
  .product-caption { flex-direction: column; gap: var(--space-2); }
  .product-caption > span { align-self: flex-start; }
  .outcomes h2 { font-size: var(--heading-size); }
  .outcome-list { margin-left: var(--space-4); }
  .outcome-list article { padding: var(--space-6) 0 var(--space-6) var(--space-4); grid-template-columns: 1.5rem 1fr; gap: var(--space-3); }
  .outcome-list article::before { left: -1rem; width: 1rem; }
  .outcome-list h3 { font-size: 1.3rem; }
  .audience-grid { grid-template-columns: 1fr; margin-top: var(--space-8); }
  .audience-grid article, .audience-grid article:first-child, .audience-grid article:last-child { padding: var(--space-6) 3rem var(--space-6) 0; border-right: 0; }
  .audience-marker { position: absolute; right: 0; top: 1.5rem; }
  .audience-grid h3 { font-size: 1rem; }
  .audience-grid p { max-width: 25rem; }
  .audience-baseline { font-size: .85rem; }
  .audience-baseline span { display: block; margin-top: .5rem; }
  .vision-copy { padding: var(--section-space) 0 var(--space-12); }
  .vision-cross { margin-top: var(--space-8); }
  .vision-image { margin-bottom: var(--space-8); }
  .access-layout { gap: var(--space-8); padding-top: var(--space-6); }
  .access-copy { max-width: none; padding: var(--space-6) 0 0; border-left: 0; border-top: 1px solid rgb(255 255 255 / 65%); }
  .early-access .large-subhead { font-size: 1.5rem; }
  .access-form { margin-top: var(--space-6); }
  .footer-inner { flex-wrap: wrap; padding-block: var(--space-6); gap: var(--space-4); }
  .footer-signoff { flex-basis: 100%; font-size: .55rem; }
}
@media (max-width: 374px) {
  :root { --page-gutter: 1rem; }
  .brand { width: 115px; }
  .hero h1 { font-size: 8.3vw; }
  .actions { gap: var(--space-3); }
  .actions .button { padding-inline: 1rem; }
  .text-link { font-size: 1rem; gap: .5rem; }
}