@media (max-width:980px){
.container{padding-left:20px!important;padding-right:20px!important}
.hero-grid,.grid-2,.grid-3,.platforms,.split,.stack,.cta-band-grid,.footer-main{display:grid!important;grid-template-columns:1fr!important;gap:18px!important}
h1{font-size:50px!important;line-height:1.06!important;max-width:100%!important}
h2{font-size:34px!important;line-height:1.12!important}
.lead,.top{font-size:17px!important;line-height:1.7!important;max-width:100%!important}
.hero{padding-top:64px!important;padding-bottom:56px!important}
.section{padding-top:56px!important;padding-bottom:56px!important}
.panel,.card,.platform,.cta-band{padding:22px!important;border-radius:22px!important}
.platform .icon{width:52px!important;height:52px!important}
input,textarea,select,button,.btn{min-height:48px!important;font-size:16px!important}
textarea{min-height:140px!important}
.btn-row{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important}
.btn{width:100%!important}
.logo-strip-inner{justify-content:flex-start!important;overflow-x:auto!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.logo-item{flex:0 0 auto!important;padding:16px 18px!important;font-size:14px!important}
.logo-divider{flex:0 0 auto!important}
.footer-main{gap:22px!important}
}
@media (max-width:768px){
header{position:static!important}
.nav{min-height:auto!important;padding-top:16px!important;padding-bottom:16px!important;align-items:flex-start!important;gap:14px!important;flex-direction:column!important}
.brand{width:100%!important}
.brand img{width:40px!important;height:40px!important}
.brand-title{font-size:17px!important;letter-spacing:.12em!important}
.brand-sub{font-size:10px!important;letter-spacing:.22em!important}
nav{width:100%!important}
nav ul{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:12px 16px!important;width:100%!important}
nav a{display:inline-block!important;padding:8px 0!important;font-size:15px!important}
h1{font-size:40px!important}
h2{font-size:30px!important}
.lead,.top{font-size:16px!important}
.eyebrow,.badge,.panel .label{font-size:11px!important;letter-spacing:.16em!important}
.panel .value,.card h3,.platform h3,.cta-band h3{font-size:24px!important;line-height:1.22!important}
.logo-strip{padding-top:16px!important;padding-bottom:16px!important}
.logo-strip-inner{border-radius:16px!important}
}
@media (max-width:480px){
.container{padding-left:16px!important;padding-right:16px!important}
h1{font-size:34px!important;line-height:1.08!important}
h2{font-size:27px!important}
.lead,.top,.card p,.platform ul,.cta-band p{font-size:15px!important;line-height:1.65!important}
.panel,.card,.platform,.cta-band{padding:18px!important;border-radius:18px!important}
.brand-title{font-size:15px!important}
.brand-sub{font-size:9px!important;letter-spacing:.18em!important}
nav ul{gap:10px 14px!important}
nav a{font-size:14px!important}
.logo-item{padding:14px 16px!important;font-size:13px!important}
}