/* Mobile-first responsive refinements, v27.0.42 */
html,body{max-width:100%;overflow-x:clip}
.h-btn,.h-links a,.h-drawer a{touch-action:manipulation}

@media(max-width:680px){
  .h-container{width:min(100% - 20px,1180px)}
  .h-header{padding-top:env(safe-area-inset-top);background:color-mix(in srgb,var(--h-bg) 94%,transparent)}
  .h-nav{height:60px;gap:8px}
  .h-brand{min-width:0;flex:1}
  .h-brand>span:last-child{min-width:0}
  .h-brand strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .h-logo{width:38px;height:38px;flex:0 0 38px;border-radius:12px}
  .h-actions{gap:6px}
  .h-icon{width:44px;height:44px;min-height:44px;flex:0 0 44px}
  .h-drawer{z-index:1200;direction:rtl}
  .h-drawer-inner{right:0;left:auto;width:min(88vw,350px);padding:calc(20px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom));gap:4px;box-shadow:-28px 0 70px rgba(2,6,23,.24)}
  .h-drawer a{min-height:46px;display:flex;align-items:center;padding:9px 12px}
  .h-drawer .h-btn{justify-content:center;margin-top:4px}
  .h-hero{padding:28px 0 22px;gap:24px;text-align:right}
  .h-hero:before{inset:-25px -45% auto;height:260px}
  .h-hero h1{font-size:clamp(28px,9.2vw,35px);line-height:1.36;letter-spacing:-.7px;margin:14px 0}
  .h-lead{font-size:13px;line-height:2}
  .h-hero-actions{gap:8px;margin-top:18px}
  .h-hero-actions .h-btn{min-height:48px;padding-inline:12px}
  .h-pills{display:grid;grid-template-columns:1fr;gap:6px;margin-top:16px}
  .h-pills span{font-size:11px}
  .h-preview img{border-radius:20px}
  .h-preview-note{margin:-10px 8px 0;padding:9px 11px;border-radius:14px}
  .h-quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:4px;margin-bottom:34px}
  .h-quick a{min-width:0;padding:12px;border-radius:16px}
  .h-quick i{width:36px;height:36px;margin-bottom:8px;border-radius:11px}
  .h-quick b{font-size:12px;line-height:1.65}
  .h-quick small{font-size:9px;line-height:1.65;margin-top:2px}
  .h-trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .h-trust>div{padding:11px;border-radius:15px}
  .h-trust strong{font-size:12px}.h-trust span{font-size:9px}
  .h-section{padding:36px 0}
  .h-head{margin-bottom:18px}
  .h-head h2{font-size:clamp(23px,7.3vw,31px);line-height:1.45}
  .h-head p{font-size:12px;line-height:1.9;margin-top:8px}
  .h-grid3,.h-tools,.h-local,.h-product,.h-faq{gap:10px}
  .h-card,.h-tool,.h-plan{padding:17px;border-radius:19px}
  .h-card .h-btn,.h-plan .h-btn{width:100%;margin-top:12px}
  .h-role-grid{grid-template-columns:1fr;gap:8px}
  .h-role-grid article{padding:15px;min-height:auto;border-radius:18px}
  .h-feature{padding:12px;border-radius:16px}
  .h-tool h3{font-size:19px}
  .h-control{height:50px;font-size:16px}
  .h-faq-intro{padding:20px;border-radius:21px}
  .h-faq details{padding:12px 13px}
  .h-faq summary{font-size:13px}
  .h-cta{margin:36px 10px;width:auto;padding:20px;border-radius:22px}
  .h-trust-symbols>.h-container{gap:14px}
  .h-trust-symbols-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .h-trust-symbols-list a,.h-trust-symbols-list>span{width:100%;height:82px}
  .h-footer{padding-top:34px}
  .h-footer-grid{gap:22px}
  .h-footer-bottom{padding-bottom:env(safe-area-inset-bottom)}
}

@media(max-width:380px){
  .h-container{width:min(100% - 16px,1180px)}
  .h-actions #themeToggle{display:none}
  .h-hero h1{font-size:28px}
  .h-quick{grid-template-columns:1fr}
  .h-trust-symbols-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}