/* Leave room for the three feature badges while Safari's bars are visible. */
@media(max-width:700px){
  .site-header{padding:12px 0 9px;gap:6px}
  .language-switcher{padding:10px 0 2px}
  .hero{padding:18px 0 16px}
  .hero-copy{min-width:0}
  .hero .site-name{display:none}
  .hero .hero-eyebrow{font-size:8px;letter-spacing:.35px;line-height:1.5;gap:9px}
  .hero .hero-eyebrow:before{flex-shrink:0;width:11px;height:11px}
  .hero h1{font-size:clamp(34px,10vw,44px);line-height:1.35;margin:9px 0 13px}
  html:lang(en) .hero h1{font-size:clamp(27px,7.5vw,34px);line-height:1.2;margin:9px 0 13px}
  .hero .hero-lead{font-size:16px;line-height:1.6}
  .hero .hero-sub{font-size:11px;line-height:1.7;margin-top:8px}
  .hero .hero-action{margin-top:15px;gap:12px;flex-wrap:wrap}
  .hero .hero-action .primary-button{min-height:48px;padding:11px 15px;font-size:12px;gap:19px}
  .hero .hero-action .action-note{font-size:8px}
  .hero .hero-copy>.text-button{font-size:11px;min-height:32px;padding:4px 0}
  .hero .hero-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:14px}
  .hero .hero-meta span,.hero .hero-meta span+span{font-size:clamp(6px,1.9vw,8px);letter-spacing:0;padding:4px 3px;text-align:center;white-space:nowrap;min-width:0}
}
@media(max-width:700px) and (max-height:680px){
  .hero{padding-top:12px}
  .hero h1{font-size:34px;margin-bottom:10px}
  html:lang(en) .hero h1{font-size:27px}
  .hero .hero-action{margin-top:10px}
  .hero .hero-meta{margin-top:10px}
}