/* =========================================================
   RANAVERSE — Responsive
   ========================================================= */
@media (max-width:1024px){
  .svc-grid,.portfolio-grid{grid-template-columns:repeat(2,1fr)}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:var(--s5)}
}
@media (max-width:900px){
  :root{--s8:88px;--s7:64px}
  .nav-links,.nav-actions .btn.desktop{display:none}
  .menu-btn{display:inline-flex}
  .nav-links.open{display:flex;position:absolute;top:74px;left:0;right:0;flex-direction:column;background:var(--bg-2);border-bottom:1px solid var(--border);padding:var(--s3);gap:var(--s3)}
  .nav-links.open a{font-size:16px}
  .hero-grid{grid-template-columns:1fr}
  .hero-3d{height:380px;max-width:460px;margin:0 auto}
  .contact-grid{grid-template-columns:1fr;gap:var(--s5)}
  .stats-band{grid-template-columns:repeat(2,1fr);gap:var(--s5)}
}
@media (max-width:640px){
  :root{--s8:72px;--s7:52px;--s6:44px}
  .svc-grid,.svc-grid.two,.portfolio-grid,.feature-grid,.team-grid,.form-row{grid-template-columns:1fr}
  .hero-stats{grid-template-columns:1fr 1fr;gap:var(--s4)}
  .footer-grid{grid-template-columns:1fr}
  .card3d.c1{width:86%}.card3d.c2{width:68%}.card3d.c3{width:56%}
  .hero-3d{height:340px}
  .foot-bottom{flex-direction:column;text-align:center}
  .cta-band{padding:var(--s6) var(--s4)}
}
@media (max-width:400px){.wrap{padding:0 18px}.form{padding:var(--s4)}}