/* ===== RESPONSIVE STYLES ===== */

/* Large Desktop */
@media (min-width: 1400px) {
  .container { max-width: 1400px; }
  .hero-title { font-size: 5rem; }
}

/* Desktop / Tablet Landscape */
@media (max-width: 1100px) {
  #globeCanvas { width: 60%; right: -8%; }
  .hero-title { font-size: clamp(2.2rem, 4.5vw, 3.5rem); }
  .contact-wrapper { grid-template-columns: 1fr 1.2fr; gap: 2rem; }
  .footer-top { grid-template-columns: 1fr 1.5fr; gap: 2rem; }
  .pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .partners-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hero-command-center { right: 4%; width: 235px; }
}

/* Tablet */
@media (max-width: 900px) {
  section { padding: 5rem 0; }
  
  /* Navbar compact */
  .navbar { padding: 0.7rem 0; }
  .navbar.scrolled { padding: 0.5rem 0; }
  .logo-img { height: 30px; }

  /* Hero — text above globe on mobile via flex order */
  .hero { min-height: auto; padding: 0; display: flex; flex-direction: column; }
  .particles-bg { order: 0; position: absolute; }
  .hero-content { order: 1; padding: 5.5rem 1.5rem 0.5rem; }
  #globeCanvas {
    order: 2;
    position: relative; top: auto; right: auto; transform: none;
    width: 100%; height: 38vh;
    display: block; margin-top: 0;
  }
  .hero-globe-label { order: 3; display: none; }
  .scroll-indicator { order: 4; display: none; }
  .hero-title { font-size: clamp(2rem, 6vw, 3rem); margin-bottom: 0.5rem; }
  .hero-badge { margin-bottom: 0.8rem; font-size: 0.78rem; padding: 0.3rem 1rem; }
  .hero-subtitle { font-size: 1rem; margin-bottom: 0.5rem; }
  .hero-desc { font-size: 0.95rem; margin-bottom: 1rem; }
  .hero-btns { margin-bottom: 1.2rem; }

  /* Nav */
  .nav-links { display: none; }
  .nav-links.open {
    display: flex; flex-direction: column;
    position: fixed; top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(255,255,255,0.98); backdrop-filter: blur(20px);
    justify-content: center; align-items: center;
    gap: 2rem; font-size: 1.5rem; z-index: 9999;
  }
  .nav-container { border-radius: 0; border-left: 0; border-right: 0; }
  .nav-links.open a { font-size: 1.4rem; }
  .nav-toggle { display: block; z-index: 10000; }
  .nav-cta { display: none; }
  .hero-command-center { display: none; }
  .hero-proof { justify-content: center; margin-top: -0.4rem; }

  /* Ecosystem */
  .eco-wrapper { height: 400px; }
  .eco-node { transform: translate(-50%,-50%) rotate(var(--angle)) translateX(160px) rotate(calc(-1 * var(--angle))); }

  /* Contact */
  .contact-wrapper { grid-template-columns: 1fr; }

  /* Footer */
  .footer-top { grid-template-columns: 1fr; gap: 2rem; }
  .footer-links { grid-template-columns: repeat(2, 1fr); }
}

/* Mobile */
@media (max-width: 600px) {
  section { padding: 3.5rem 0; }
  .container { padding: 0 1rem; }

  .hero-content { 
    padding: 8.5rem 1.2rem 1.5rem; 
    text-align: center; 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
  }
  .hero-title { font-size: clamp(1.6rem, 7vw, 2.2rem); margin: 0 auto 0.8rem; }
  .hero-desc { font-size: 0.95rem; margin: 0 auto 1.5rem; text-align: center; }
  .hero-btns { flex-direction: column; gap: 0.6rem; width: 100%; align-items: center; justify-content: center; }
  .hero-btns .btn-primary, .hero-btns .btn-ghost { text-align: center; padding: 0.75rem 2rem; font-size: 0.95rem; width: 100%; max-width: 280px; }
  .hero-stats { gap: 0.8rem; justify-content: center; width: 100%; margin-top: 2rem; }
  .stat-num, .stat-num + span { font-size: 1.3rem; }
  .stat-label { font-size: 0.7rem; }
  #globeCanvas { height: 35vh; margin-top: 1rem; position: relative; width: 100%; transform: none; top: auto; right: auto; }

  .section-title { font-size: clamp(1.5rem, 6vw, 2rem); }
  .section-sub { font-size: 0.9rem; margin-bottom: 2.5rem; }

  .about-grid { grid-template-columns: 1fr; }
  .about-showcase { grid-template-columns: 1fr; gap: 2rem; margin-top: 3rem; }
  .features-grid { grid-template-columns: 1fr; }
  .pricing-grid { grid-template-columns: 1fr; }
  .pricing-card.popular { transform: none; }
  .pricing-card.popular:hover { transform: translateY(-6px); }
  .partners-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .partners-row { gap: 0.8rem; }
  .partner-badge { min-width: 100px; padding: 1.2rem 1rem; }
  .about-showcase { padding: 0.8rem; }
  .about-showcase-content { padding: 0 0.4rem 0.6rem; }

  .contact-form { padding: 1.2rem; }
  .footer-links { grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }

  .whatsapp-fab { bottom: 1rem; right: 1rem; width: 48px; height: 48px; }

  .pricing-card { padding: 1.3rem; }
  .amount { font-size: 1.8rem; }
}

/* Very small mobile */
@media (max-width: 380px) {
  .hero-content { 
    padding: 8rem 0.6rem 1rem; 
    text-align: center; 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
  }
  .hero-title { font-size: 1.5rem; }
  .hero-desc { font-size: 0.85rem; }
  .nav-logo .logo-text { font-size: 1.1rem; }
  .logo-icon { font-size: 1.4rem; }
  .stat-divider { display: none; }
  .hero-stats { justify-content: space-around; }
  #globeCanvas { height: 30vh; }
}

/* ===== FINAL REDESIGN OVERRIDES (loaded last) ===== */
.hero::before,
.hero::after {
  display: none !important;
}

.features::before {
  opacity: 0.55;
}

.hero-content {
  max-width: 1180px;
}

.hero-title,
.hero-subtitle,
.hero-desc,
.hero-btns,
.hero-proof,
.hero-stats {
  position: relative;
  z-index: 5;
}

.hero-command-center {
  right: 3.4%;
  bottom: 13%;
  width: 248px;
  z-index: 6;
}

.command-metric b {
  font-size: 1.45rem;
}

.command-bars {
  height: 64px;
  margin: 0.75rem 0;
}

@media (max-width: 1100px) {
  .hero-command-center {
    display: none;
  }
}