/* ==========================================================================
   HostPilot Theme Suite — Responsive
   ========================================================================== */

@media (max-width:1100px){
  .hp-footer-cols{grid-template-columns:1fr 1fr 1fr}
  .hp-grid-4{grid-template-columns:repeat(2,1fr)}
  .hp-nav-menu>li>a{padding:7px 10px;font-size:12px}
}
@media (max-width:900px){
  .hp-section{padding:56px 0}
  .hp-hero{padding:48px 0}
  .hp-hero-grid{grid-template-columns:1fr;gap:32px}
  .hp-hero-image{order:2;max-width:360px;margin:0 auto}
  .hp-grid-3{grid-template-columns:repeat(2,1fr)}
  .hp-pricing-grid{grid-template-columns:repeat(2,1fr)}
  .hp-footer-cols{grid-template-columns:1fr 1fr}
  .hp-pricing-tabs{overflow-x:auto;width:100%;justify-content:flex-start}
  .hp-nav-menu{display:none}
  .hp-nav-actions{display:none}
  .hp-nav-toggle{display:flex;flex-direction:column;justify-content:center}
  .hp-mobile-menu{display:block}
  body.hp-nav-open .hp-nav-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  body.hp-nav-open .hp-nav-toggle span:nth-child(2){opacity:0}
  body.hp-nav-open .hp-nav-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .hp-dash-stats{grid-template-columns:repeat(2,1fr)}
  .hp-dash-actions-grid{grid-template-columns:repeat(4,1fr)}
  .hp-dash-grid-2{grid-template-columns:1fr}
  .hp-dash-welcome{flex-direction:column;align-items:flex-start}
}
@media (max-width:640px){
  .hp-section{padding:40px 0}
  .hp-section-head{margin-bottom:32px}
  .hp-grid-2,.hp-grid-3,.hp-grid-4{grid-template-columns:1fr}
  .hp-pricing-grid{grid-template-columns:1fr;max-width:380px;margin-left:auto;margin-right:auto}
  .hp-footer-cols{grid-template-columns:1fr;gap:24px}
  .hp-domain{margin-top:20px;padding:16px}
  .hp-domain-form{flex-direction:column}
  .hp-hero-cta{flex-direction:column}
  .hp-hero-cta .hp-btn{width:100%}
  .hp-cta-panel{padding:32px 20px}
  .hp-card{padding:18px}
  .hp-footer-bottom{flex-direction:column;align-items:flex-start}
  .hp-compare{min-width:520px}
  .hp-page-header{padding:24px 0}
  .hp-page-header h1{font-size:20px}
  .hp-dash-stats{grid-template-columns:1fr 1fr}
  .hp-dash-actions-grid{grid-template-columns:repeat(2,1fr)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}