/* Phone width (ADR-174): the design's inline styles hold above 640px; below, sizes and paddings
   shrink so nothing scrolls sideways. */
html{-webkit-text-size-adjust:100%}
input:focus,button:focus,a:focus-visible{outline:2px solid #E8A33D;outline-offset:2px}
/* desktop hero: the headline on two lines, "See the risk / before the headline." (owner, 2026-10-18) */
@media (min-width:641px){
  .hero-text{flex-basis:600px !important}
  .h1{font-size:62px !important}
}
@media (max-width:640px){
  .nav{padding:20px 16px !important;gap:12px !important}
  .nav>div:last-child{gap:16px !important;font-size:14px !important}
  .hero{padding:40px 16px 56px !important;gap:36px !important}
  .h1{font-size:40px !important}
  .h2{font-size:28px !important}
  .sec{padding-left:16px !important;padding-right:16px !important;padding-top:48px !important;padding-bottom:40px !important}
  .sec>div{padding-left:0 !important;padding-right:0 !important}
  .pilot{padding:28px 20px !important}
  .clip{padding:16px !important}
  footer>div{padding:24px 16px !important}
  section>div[style*="padding: 96px 32px"]{padding:56px 16px !important}
}