#carousel {
    display: flex;
    /*width: 100%;*/
    height: 100%;
}

#carousel > div {
    flex: 0 0 100%;
}
html { scroll-behavior: smooth; }
    body { font-family: 'Inter', system-ui, sans-serif; }

    /* Critical CSS for above-the-fold */
    .hero-gradient {
      background: linear-gradient(135deg, #1a3a2a 0%, #0e2017 60%, #2c1c0a 100%);
    }

    /* Prevent CLS on images */
    img { max-width: 100%; height: auto; }

    /* WhatsApp pulse animation */
    @keyframes pulse-ring {
      0% { transform: scale(0.8); opacity: 1; }
      100% { transform: scale(2); opacity: 0; }
    }
    .whatsapp-pulse::before {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: 50%;
      background: #25D366;
      animation: pulse-ring 1.5s ease-out infinite;
      z-index: -1;
    }

    /* Scroll reveal */
    .reveal {
      opacity: 0;
      transform: translateY(30px);
      transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    }
    .reveal.visible {
      opacity: 1;
      transform: translateY(0);
    }

    /* FAQ accordion */
    .faq-answer {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.35s ease-out, padding 0.35s ease-out;
    }
    .faq-item.active .faq-answer {
      max-height: 300px;
    }
    .faq-item.active .faq-icon {
      transform: rotate(45deg);
    }
    .faq-icon {
      transition: transform 0.3s ease;
    }

    /* Rating stars */
    .stars { color: #f59e0b; }

    /* Counter animation */
    .counter { font-variant-numeric: tabular-nums; }