/* Responsive overrides and reduced-motion preferences. */

/* ---------- Responsive ---------- */
@media(max-width:1320px){
  .nav-phone{display:none}
}
@media(max-width:1200px){
  .nav-links,.nav-phone{display:none}
  .burger{display:flex}
  .drawer{display:block}
}
@media(max-width:1024px){
  .cols-4{grid-template-columns:repeat(2,1fr)}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .areas-grid{grid-template-columns:repeat(3,1fr)}
  .trust-grid{grid-template-columns:repeat(3,1fr);gap:24px}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:880px){
  .hero-inner{grid-template-columns:1fr;gap:32px;text-align:left;min-height:0;padding:36px 0 44px}
  .cols-3{grid-template-columns:1fr 1fr}
  .stat-strip{grid-template-columns:repeat(2,1fr);gap:24px}
  .nav{height:64px}
  .nav-cta{gap:8px}
  .nav-cta .btn-gold{padding:10px 16px;font-size:.82rem}
  .brand{font-size:1.18rem;gap:9px}
  .mark{width:38px;height:38px;flex:0 0 38px}
  .hero h1{font-size:clamp(2.1rem,8.5vw,3rem);margin-bottom:16px}
  .hero p{font-size:1.04rem;max-width:100%}
  .hero-actions{margin-top:24px}
  .hero-meta{margin-top:30px;gap:20px 28px}
}
@media(max-width:600px){
  .container{padding:0 20px}
  .nav-cta .btn-gold{padding:9px 14px;font-size:.78rem}
  .brand small{font-size:.52rem;letter-spacing:.2em}
  .brand{font-size:1.05rem}
  .hero-actions{flex-direction:column;align-items:stretch;gap:10px}
  .hero-actions .btn{width:100%}
  .hero-meta{gap:18px 24px}
  .hero-meta .num{font-size:1.9rem}
  .hero-tag{left:16px;right:16px;bottom:16px;padding:11px 14px;font-size:.82rem}
}
@media(max-width:640px){
  body{font-size:16px}
  .cols-2,.cols-3,.cols-4,.frow{grid-template-columns:1fr}
  .slider-grid{grid-template-columns:1fr}
  .areas-grid{grid-template-columns:repeat(2,1fr)}
  .why-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .hero-meta{gap:24px}
  .step{flex-direction:column;gap:8px}
  .step .n{flex-basis:auto}
  .section>.container>.frame img{height:min(320px,78vw)!important}
  .cookie-banner{grid-template-columns:1fr;bottom:10px;left:10px;right:10px;padding:18px}
  .cookie-actions .btn{width:100%}
  .cookie-modal-card{padding:24px 18px}
  .cookie-modal-actions .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
}