/* SecureScore mobile overlap fix + app-like UX */
@media(max-width:980px){
 html,body{max-width:100%;overflow-x:hidden!important}
 body{padding-bottom:110px!important}
 .top{min-height:86px!important;padding:14px 18px!important;position:sticky!important;top:0!important;z-index:1000!important;flex-direction:row!important;align-items:center!important}
 .brand{min-width:0!important;gap:10px!important}
 .brand img{width:46px!important;height:46px!important;object-fit:contain!important;flex-shrink:0!important}
 .brand h1{font-family:Inter,Arial,sans-serif!important;color:#fff!important;font-size:24px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 .brand p{font-size:9px!important;letter-spacing:1.7px!important;white-space:nowrap!important}
 .topActions{width:auto!important;flex-shrink:0!important}
 .topActions a,.topActions button{width:auto!important;min-height:52px!important;border-radius:18px!important}
 .scoreDrawer{top:92px!important;max-height:calc(100svh - 120px)!important;overflow:auto!important}
 .page{padding:14px!important}
 .hero{display:block!important;min-height:auto!important;padding:22px!important;border-radius:28px!important;overflow:hidden!important}
 .pills{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-bottom:22px!important;width:100%!important}
 .pills span{width:100%!important;min-width:0!important;white-space:normal!important;text-align:center!important;font-size:12px!important;line-height:1.1!important;padding:11px 10px!important;overflow:hidden!important}
 h2.big,.big{font-family:Inter,Arial,sans-serif!important;color:#fff!important;font-size:38px!important;line-height:1.08!important;letter-spacing:-1.1px!important}
 .big:after{font-size:30px!important;line-height:1.05!important;margin-top:14px!important}
 .lead{font-size:16px!important;line-height:1.68!important}
 .heroActions{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin-top:24px!important}
 .goldBtn,.darkBtn,.ghost{width:100%!important;min-height:58px!important;border-radius:18px!important;font-size:16px!important;padding:16px!important}
 .logoBox{min-height:160px!important;border-radius:22px!important;padding:14px!important}
 .logoBox img{max-width:150px!important}
 .miniCards{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}
 .grid4,.grid3,.grid2,.formRow,.simGrid,.moduleGrid,.riskCards,.leadForm{grid-template-columns:1fr!important;gap:12px!important}
 .card,.feature,.metric,.riskPulse,.simCard,.riskCard,.module,.contactBlock{padding:18px!important;border-radius:22px!important}
 .sectionTitle h2{font-family:Inter,Arial,sans-serif!important;font-size:26px!important;line-height:1.22!important}
 .resultHero{padding:18px 12px!important}
 .scoreRing{width:124px!important;height:124px!important;font-size:40px!important}
 .resultHero h1{font-size:28px!important;line-height:1.22!important}
 .resultConversionBand{margin:18px 12px!important;padding:18px!important;border-radius:20px!important}
 .resultCtaButtons{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
 .scoreStickyCTA{display:block!important;position:fixed!important;left:12px!important;right:12px!important;bottom:12px!important;z-index:9999!important;border-radius:18px!important}
}
@media(max-width:390px){
 .brand h1{font-size:20px!important}.brand p{font-size:8px!important}
 h2.big,.big{font-size:32px!important}.big:after{font-size:26px!important}
 .pills{grid-template-columns:1fr!important}
}