/* Small accessibility and mobile refinements to the source site's visual system. */
html{scroll-padding-top:96px}
body{min-width:320px}
:focus-visible{outline:3px solid #087d72;outline-offset:4px}
video{aspect-ratio:16/9;object-fit:contain;background:#e8eef0}
.mobile-menu-button{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}
@media(min-width:1024px){.mobile-menu-button{display:none}}
section>div>div>p.text-\[15px\],section .leading-relaxed.text-\[14px\]{font-size:16px}
@media(max-width:640px){
  .workspace-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:100%}
  .workspace-tabs>button{padding:10px 5px;white-space:normal;font-size:12px;line-height:1.4;min-height:52px}
  section{overflow-wrap:break-word}
  .mockup-frame{min-width:0}
  .mockup-frame .grid>*{min-width:0}
  footer nav{row-gap:16px}
  #roi-calculator input{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}
  .opacity-0{opacity:1!important}
  [style*="will-change: opacity"]{opacity:1!important;transform:none!important}
}

/* Readable mobile body copy and generously sized primary actions. */
#product p.leading-relaxed,#faq p.leading-relaxed{font-size:16px;line-height:1.65}
@media(max-width:640px){
  section.hero-ambient{padding-top:108px;padding-bottom:64px}
  .hero-ambient h1{font-size:40px}
  .hero-ambient h1+p{margin-bottom:28px}
  .hero-ambient .flex.mb-14{margin-bottom:32px}
  .hero-ambient .flex.mb-14>a{width:100%}
  #faq button>span{font-size:16px}
}