section:not(.hero),footer{content-visibility:auto;contain-intrinsic-size:900px}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.button,.channel,.project-choice,.run{min-height:44px}
.final-output video{aspect-ratio:9/16;object-fit:contain}
@media(max-width:699px){
  .nav{padding-inline:1rem}.nav-cta{min-height:44px;display:flex;align-items:center}
  .section{padding:78px 1rem}.hero{min-height:calc(100svh - 68px);padding-top:56px;padding-bottom:48px}
  .hero-actions{display:grid;grid-template-columns:1fr}.button{display:flex;align-items:center;justify-content:space-between}
  .signal-grid{grid-template-columns:1fr}.signal-grid span,.kpis span,.buy-detail p,.media-card i{font-size:.75rem}
  .kpis strong{font-size:1.55rem}.chart-wrap{overflow:hidden}.line-chart{min-width:560px}
  .automation-picker{scroll-snap-type:x mandatory;overscroll-behavior-inline:contain}.project-choice{scroll-snap-align:start;min-width:72vw}
  .flow-shell{padding:1rem}.node{min-height:76px;display:flex;flex-direction:column;justify-content:center}.node small{font-size:.75rem}
  .media-card{min-height:210px}.contact-links{gap:1.1rem}
}
:where(section,footer){scroll-margin-top:88px}:where(a,button):focus-visible{outline:2px solid var(--mint);outline-offset:3px}.project p{font-size:.9rem;line-height:1.55}
@media(max-width:699px){.channel{font-size:.875rem}.project-choice{font-size:.75rem}.project-choice span{font-size:.875rem}.node small,.buy-detail p{font-size:.8rem}.kpis span{font-size:.75rem}.bi-pills button,.bi-report .segmented button{min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}