/* ═════════════════════════════════════════════════
   responsive.css
   ═════════════════════════════════════════════════ */

/* ═══ RESPONSIVE ═══ */
@media(max-width:1024px){
  .hero-bullets{grid-template-columns:repeat(2,1fr)}
  .features-grid,.pricing-wrap,.use-grid,.story-grid{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr 1fr}
  .steps::before{display:none}
  .metrics{grid-template-columns:1fr 1fr}
  .friction-grid{grid-template-columns:1fr;gap:20px}
  .friction-arrow{transform:rotate(90deg)}
  .cap-panel.active{grid-template-columns:1fr}
  .scheduled-wrap{grid-template-columns:1fr}
}
@media(max-width:720px){
  nav{padding:16px 20px}
  .nav-links{display:none}
  .container,.section,.hero,.features,.pricing,.use-cases,.stories,.steps-section,.scheduled,.operator,.friction,.showcase,.testimonials-section{padding-left:20px;padding-right:20px}
  .section,.features,.pricing,.use-cases,.stories,.steps-section,.scheduled,.operator,.friction,.testimonials-section{padding-top:80px;padding-bottom:80px}
  .hero{padding-top:100px;padding-bottom:60px}
  .hero h1{font-size:38px;letter-spacing:-1.5px}
  .hero p.lead{font-size:15px}
  .hero-bullets,.features-grid,.pricing-wrap,.use-grid,.story-grid,.steps,.metrics{grid-template-columns:1fr}
  .section-head h2{font-size:28px;letter-spacing:-1px}
  .showcase-shell{padding:24px}
  #cursor-glow{display:none}
}

/* Hide glow on touch devices */
@media(hover:none){#cursor-glow{display:none}}