@media(max-width:1200px){
  .sources-grid,.features-grid{grid-template-columns:1fr 1fr}
  .dash-card-body{grid-template-columns:1fr}
  .dash-sidebar{display:none}
  .full-dash .dash-layout{grid-template-columns:1fr}
}
@media(max-width:1024px){
  .pricing-grid,.modules-grid,.partner-grid,.ctf-grid{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .dash-quick-stats{grid-template-columns:1fr 1fr}
  .cost-grid{grid-template-columns:1fr}
  .cost-card .cost-amount{font-size:34px}
}
@media(max-width:768px){
  .nav-links{display:none!important}
  .mobile-menu-btn{display:flex!important}
  .sources-grid,.features-grid,.pricing-grid,.modules-grid,.partner-grid,.ctf-grid,.cost-grid,.contact-grid{grid-template-columns:1fr}
  .metrics-grid,.dash-activity,.dash-quick-stats,.dash-stats{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;gap:24px}
  .hero h1{font-size:clamp(1.8rem,8vw,2.5rem)}
  .section-title{font-size:clamp(1.5rem,6vw,2rem)}
  .hero-actions,.cta-actions{flex-direction:column}
  .container,.navbar-inner{padding:0 16px}
  .dash-preview,.full-dash{padding:0 16px}
  .full-dash{padding:calc(var(--nav-height) + 16px) 16px 16px}
  .dash-card-header .left{flex-wrap:wrap}
  .dash-tabs{overflow-x:auto;max-width:100%}
  .dash-card-body{grid-template-columns:1fr}
  .dash-sidebar{display:none}
  .alt-payment .process-grid{grid-template-columns:1fr}
  .cost-details{grid-template-columns:1fr}
  .pricing-card.featured{transform:scale(1)}
  .pricing-card.featured:hover{transform:translateY(-4px)}
}
@media(max-width:480px){
  .metric-card .metric-number{font-size:36px}
  .pricing-card .plan-price{font-size:28px}
  .module-card .module-price{font-size:26px}
  .btn-lg{padding:14px 28px;font-size:14px}
  .page-hero{padding:calc(var(--nav-height) + 40px) 0 24px}
}