/* =========================================================
      Responsive
    ========================================================== */
    @media (max-width: 991px) {
      .hero {
        min-height: auto;
        padding: 132px 0 78px;
      }

      .dashboard-shell {
        transform: none;
      }

      .floating-stat,
      .step-arrow {
        display: none;
      }

      .section-padding {
        padding: 78px 0;
      }

      .navbar-collapse {
        padding-top: 16px;
      }

      .demo-info,
      .demo-form {
        padding: 32px;
      }
    }

    @media (max-width: 575px) {
      body {
        font-size: 15px;
      }

      .hero h1 {
        letter-spacing: -0.064em;
      }

      .hero-description {
        font-size: 0.98rem;
      }

      .btn-ready,
      .btn-soft,
      .btn-white {
        width: 100%;
      }

      .dashboard-shell {
        padding: 10px;
        border-radius: 26px;
      }

      .screen-body {
        padding: 16px;
      }

      .chart-panel {
        height: 152px;
        gap: 8px;
      }

      .feature-card,
      .step-card,
      .pricing-card,
      .why-panel,
      .terminal-card,
      .testimonial-card,
      .stats-card {
        padding: 24px;
      }

      .cta-box {
        padding: 54px 22px;
        border-radius: 30px;
      }

      .demo-info,
      .demo-form {
        padding: 26px;
      }
    }