/* responsive */
@media(max-width:1199px){
  .feature-grid{grid-template-columns:repeat(3,1fr)}
  .feature-card:nth-child(4),.feature-card:nth-child(5){grid-column:span 1}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:991px){
  .desktop-menu{display:none!important}
  .main-nav{min-height:72px}
  .hero-section{min-height:760px}
  .hero-side-card{margin-left:0}
  .section{padding:85px 0}
  .section-heading-row{display:block}
  .section-intro{margin-top:22px}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .footer-main{grid-template-columns:2fr 1fr 1fr}
  .footer-col:last-child{grid-column:2}
  .contact-info,.contact-form-wrap{padding:45px 35px}
}
@media(max-width:767px){
  .topbar{height:auto;padding:8px 0}
  .topbar-left{gap:10px;flex-wrap:wrap}
  .topbar-right{display:none!important}
  .top-link{font-size:9px}
  .brand-mark{width:132px;height:52px;font-size:24px}
  .brand-copy strong{font-size:17px}
  .hero-section{min-height:760px;padding-top:110px}
  .hero-content{padding-bottom:75px}
  .hero-title{font-size:clamp(47px,14vw,72px)}
  .hero-text{font-size:14px}
  .hero-side-card{display:none}
  .scroll-cue{display:none}
  .section-title{font-size:clamp(38px,11vw,56px)}
  .feature-grid{grid-template-columns:1fr}
  .feature-card{min-height:290px}
  .feature-icon{margin-top:55px}
  .stats-grid{grid-template-columns:1fr 1fr;gap:25px}
  .values-grid {grid-template-columns: 1fr; gap: 25px;}
  .stat-item strong{font-size:48px}
  .product-media{height:280px}
  .application-list span{width:100%;font-size:17px}
  .footer-main{grid-template-columns:1fr 1fr;gap:35px}
  .footer-brand{grid-column:1/-1}
  .footer-col:last-child{grid-column:auto}
  .footer-bottom{display:block;line-height:2}
  .footer-bottom div{margin-top:5px}
}
@media(max-width:480px){
  .hero-actions{display:grid}
  .hero-actions .btn{width:100%}
  .stats-panel{padding:50px 25px}
  .stats-grid{grid-template-columns:1fr 1fr}
  .stat-item strong{font-size:40px}
  .contact-info,.contact-form-wrap{padding:38px 22px}
  .footer-main{grid-template-columns:1fr}
  .footer-brand,.footer-col:last-child{grid-column:auto}
}