@media(max-width:760px){
  .btn,.btn.primary,.btn.secondary{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;font-size:15px}
  .cta-row .btn,.pe-cta .btn,header.hero .btn,.pghero .btn{width:100%}
  nav.topnav .tn-cta,nav.topnav .tn-ghost{min-height:42px;display:inline-flex;align-items:center}
  nav.topnav .tn-brand{min-height:44px;display:inline-flex;align-items:center}
  .fcols a{padding:9px 0}
  .soc{min-height:42px;display:inline-flex;align-items:center;gap:8px}
  a.textlink,.seclink,.solgo,.mail{min-height:42px;display:inline-flex;align-items:center}
  input,textarea,select{font-size:16px!important}
  input[type=range]{height:6px!important}
  input[type=range]::-webkit-slider-thumb{width:22px!important;height:22px!important}
  input[type=range]::-moz-range-thumb{width:22px!important;height:22px!important}
  .apitable{min-width:560px}
  .apiwrap,.apiblur,.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .cta-band .wl .btn.primary{min-height:44px!important;padding:11px 0 14px!important;align-items:flex-end}
  .lsec,.pq-h{max-width:none}
  .pecon,.pq-con{padding:18px 16px}
}
@media(max-width:560px){
  .app{height:440px}
  header.hero{padding-top:clamp(112px,26vw,150px)!important}
  .pghero{padding-top:clamp(110px,26vw,150px)!important}
  .prhero .headblock h1{font-size:clamp(32px,10vw,42px)}
  .hv-stage,.hvid{border-radius:14px}
  .wrap,.wrap.wide{padding-left:18px!important;padding-right:18px!important}
}