/* RAVID Landing Compact Premium v26.2
   Scope: hanya saat section landing aktif. Tidak menyentuh halaman login/admin/siswa.
*/

body.ravid-landing-active .main-container {
  padding-top: clamp(14px, 2vw, 28px) !important;
  padding-bottom: clamp(18px, 2vw, 32px) !important;
}

body.ravid-landing-active #card-root {
  min-height: 0 !important;
  height: auto !important;
  padding: clamp(14px, 1.6vw, 24px) !important;
}

body.ravid-landing-active #section-landing.landing-page {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  display: block !important;
}

body.ravid-landing-active #section-landing .hero-grid {
  min-height: 0 !important;
  margin: 0 !important;
  padding: clamp(32px, 4vw, 60px) clamp(32px, 4.2vw, 72px) !important;
  align-items: center !important;
  border-radius: clamp(24px, 3vw, 36px) !important;
  box-shadow:
    0 28px 80px rgba(37, 99, 235, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}

body.ravid-landing-active #section-landing .hero-copy {
  align-self: center !important;
}

body.ravid-landing-active #section-landing .hero-copy h1 {
  margin-top: 18px !important;
  margin-bottom: 16px !important;
  max-width: 720px !important;
  letter-spacing: -0.055em !important;
  line-height: 1.03 !important;
}

body.ravid-landing-active #section-landing .hero-subtitle {
  max-width: 720px !important;
  line-height: 1.72 !important;
  margin-bottom: 22px !important;
}

body.ravid-landing-active #section-landing .hero-highlights {
  margin-top: 0 !important;
  max-width: 680px !important;
}

body.ravid-landing-active #section-landing .hero-mini-stat {
  min-height: 88px !important;
  padding: 18px 20px !important;
  border-radius: 18px !important;
}

body.ravid-landing-active #section-landing .hero-focus-clean {
  display: none !important;
  min-height: 0 !important;
  margin: 0 !important;
}

body.ravid-landing-active #section-landing .hero-logo-panel {
  transform: translateY(-2px) !important;
  max-width: 360px !important;
  justify-self: center !important;
  box-shadow:
    0 30px 70px rgba(37, 99, 235, 0.22),
    inset 0 1px 0 rgba(255,255,255,0.35) !important;
}

body.ravid-landing-active #section-landing .hero-logo-stage {
  min-height: 230px !important;
}

body.ravid-landing-active #section-landing .hero-logo-image {
  width: min(190px, 62%) !important;
  height: auto !important;
  filter: drop-shadow(0 18px 28px rgba(15, 23, 42, 0.22)) !important;
}

body.ravid-landing-active #landing-features,
body.ravid-landing-active .ravid-ecosystem-section,
body.ravid-landing-active .ravid-cta-section,
body.ravid-landing-active .ravid-footer-section {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

body.ravid-landing-active .ambient-bubbles {
  opacity: 0.75 !important;
}

@media (max-width: 980px) {
  body.ravid-landing-active #section-landing .hero-grid {
    grid-template-columns: 1fr !important;
    padding: 30px 24px !important;
  }

  body.ravid-landing-active #section-landing .hero-logo-panel {
    max-width: 100% !important;
  }

  body.ravid-landing-active #section-landing .hero-highlights {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  body.ravid-landing-active .main-container {
    padding-top: 10px !important;
  }

  body.ravid-landing-active #card-root {
    padding: 10px !important;
  }

  body.ravid-landing-active #section-landing .hero-grid {
    padding: 24px 18px !important;
    border-radius: 24px !important;
  }

  body.ravid-landing-active #section-landing .hero-copy h1 {
    font-size: clamp(2.15rem, 12vw, 3.1rem) !important;
  }
}