*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
    body { font-family: 'Poppins', sans-serif; color: #1A2E40; overflow-x: hidden; background: #fff; }
    html { scroll-behavior: smooth; }
    img { display: block; }

    @keyframes floatA {
      0%, 100% { transform: translateY(0px) rotate(-12deg); }
      50% { transform: translateY(-22px) rotate(-7deg); }
    }
    @keyframes floatB {
      0%, 100% { transform: translateY(0px) rotate(20deg); }
      50% { transform: translateY(-16px) rotate(26deg); }
    }
    @keyframes floatC {
      0%, 100% { transform: translateY(0px) rotate(-5deg); }
      50% { transform: translateY(-10px) rotate(-2deg); }
    }
    @keyframes dotPulse {
      0%, 100% { opacity: 0.25; transform: scale(1); }
      50% { opacity: 0.8; transform: scale(1.4); }
    }
    @keyframes glowRing {
      0%, 100% { box-shadow: 0 0 30px rgba(14,165,206,0.2), 0 0 0 0 rgba(14,165,206,0.15); }
      50% { box-shadow: 0 0 60px rgba(14,165,206,0.4), 0 0 80px rgba(14,165,206,0.1); }
    }
    @keyframes heroTextIn {
      from { opacity: 0; transform: translateX(-40px); }
      to { opacity: 1; transform: translateX(0); }
    }
    @keyframes heroImgIn {
      from { opacity: 0; transform: scale(0.78); }
      to { opacity: 1; transform: scale(1); }
    }
    @keyframes rotate {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
    }
    @keyframes rotateRev {
      from { transform: rotate(0deg); }
      to { transform: rotate(-360deg); }
    }
    @keyframes statsIn {
      from { opacity: 0; transform: translateY(20px); }
      to { opacity: 1; transform: translateY(0); }
    }
    @keyframes scrollBounce {
      0%, 100% { transform: translateX(-50%) translateY(0); }
      50% { transform: translateX(-50%) translateY(8px); }
    }

    /* ── Tablet & below ── */
    @media (max-width: 1024px) {
      .about-card { width: 100% !important; max-width: 480px; margin: 0 auto; }
      .section-grid { flex-direction: column !important; align-items: stretch !important; }
    }

    /* ── Mobile nav ── */
    @media (max-width: 768px) {
      .nav-links { display: none !important; }
      .hamburger { display: flex !important; }
      .stats-divider { display: none !important; }
      .footer-grid { flex-direction: column !important; gap: 28px !important; }
    }

    /* ── Mobile hero ── */
    @media (max-width: 768px) {
      .hero-grid {
        flex-direction: column-reverse !important;
        text-align: center;
        gap: 32px !important;
        align-items: center !important;
      }
      .hero-grid > div:first-child { align-items: center; }
      .hero-grid .hero-badge { justify-content: center; }
      .hero-grid .hero-ctas { justify-content: center !important; }
      .hero-grid .trust-row { justify-content: center !important; }
      .hero-logo-wrap { width: 240px !important; height: 240px !important; }
      .hero-logo { width: 190px !important; height: 190px !important; }
    }

    /* ── Small mobile ── */
    @media (max-width: 480px) {
      /* Nav */
      [data-nav] > div { padding: 0 16px !important; }

      /* Hero */
      #home { padding: 88px 16px 56px !important; }
      .hero-hindi { font-size: 38px !important; }
      .hero-h1 { font-size: 26px !important; }
      .hero-desc { font-size: 14px !important; }
      .hero-cta-btn { padding: 12px 20px !important; font-size: 13px !important; }
      .hero-logo-wrap { width: 200px !important; height: 200px !important; }
      .hero-logo { width: 158px !important; height: 158px !important; }
      .trust-row { gap: 12px !important; }
      .trust-divider { display: none !important; }

      /* Stats */
      .stats-bar { padding: 8px 0 !important; }
      .stat-item { padding: 16px 12px !important; }
      .stat-num { font-size: 26px !important; }
      .stat-label { font-size: 10px !important; }

      /* Sections */
      #about, #products, #services, #contact { padding: 60px 16px !important; }
      .section-title { font-size: 28px !important; }
      .about-card { max-width: 100% !important; }

      /* Products / Services cards */
      .card-grid { gap: 16px !important; }

      /* Why Choose Us */
      .why-section { padding: 60px 16px !important; }
      .why-grid { gap: 14px !important; }

      /* Contact CTA card */
      .contact-cta-card { width: 100% !important; }

      /* Footer */
      footer { padding: 40px 16px 20px !important; }
      .footer-bottom { flex-direction: column !important; gap: 6px !important; text-align: center; }
    }

    /* ── Mid-mobile (481–768) ── */
    @media (min-width: 481px) and (max-width: 768px) {
      #home { padding: 90px 20px 60px !important; }
      .hero-hindi { font-size: 44px !important; }
      .hero-h1 { font-size: 30px !important; }
      .hero-logo-wrap { width: 220px !important; height: 220px !important; }
      .hero-logo { width: 174px !important; height: 174px !important; }
      .trust-divider { display: none !important; }
      .trust-row { gap: 14px !important; }
      #about, #products, #services, #contact { padding: 72px 20px !important; }
      .section-title { font-size: 32px !important; }
      .contact-cta-card { width: 100% !important; }
      footer { padding: 48px 20px 24px !important; }
      .footer-bottom { flex-direction: column !important; gap: 6px !important; text-align: center; }
      .why-section { padding: 72px 20px !important; }
      .stat-num { font-size: 28px !important; }
    }