/* RAVID Landing Final Spacing v26.3
   Scope ketat: hanya ketika section landing sedang tampil.
   Tujuan: landing hemat ruang, tidak ada blank bawah percuma.
*/

body.ravid-landing-active,
html:has(#section-landing:not(.hidden)) body {
  min-height: auto !important;
}

body.ravid-landing-active .main-container,
html:has(#section-landing:not(.hidden)) .main-container {
  min-height: auto !important;
  height: auto !important;
  padding-top: clamp(10px, 1.4vw, 18px) !important;
  padding-bottom: clamp(10px, 1.4vw, 18px) !important;
}

body.ravid-landing-active #card-root,
html:has(#section-landing:not(.hidden)) #card-root {
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  padding: clamp(12px, 1.4vw, 18px) !important;
  margin-bottom: 0 !important;
}

body.ravid-landing-active #section-landing,
html:has(#section-landing:not(.hidden)) #section-landing {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

body.ravid-landing-active #section-landing .hero-grid,
html:has(#section-landing:not(.hidden)) #section-landing .hero-grid {
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: clamp(28px, 3.1vw, 48px) clamp(34px, 4vw, 64px) !important;
  align-items: center !important;
}

body.ravid-landing-active #section-landing .hero-copy h1,
html:has(#section-landing:not(.hidden)) #section-landing .hero-copy h1 {
  margin-top: 16px !important;
  margin-bottom: 14px !important;
}

body.ravid-landing-active #section-landing .hero-subtitle,
html:has(#section-landing:not(.hidden)) #section-landing .hero-subtitle {
  margin-bottom: 18px !important;
}

body.ravid-landing-active #section-landing .hero-highlights,
html:has(#section-landing:not(.hidden)) #section-landing .hero-highlights {
  margin-bottom: 0 !important;
}

body.ravid-landing-active #section-landing .hero-logo-panel,
html:has(#section-landing:not(.hidden)) #section-landing .hero-logo-panel {
  max-width: 350px !important;
  margin: 0 auto !important;
}

body.ravid-landing-active #section-landing .hero-logo-caption b,
html:has(#section-landing:not(.hidden)) #section-landing .hero-logo-caption b {
  line-height: 1.25 !important;
}

body.ravid-landing-active #section-landing .hero-logo-caption span,
html:has(#section-landing:not(.hidden)) #section-landing .hero-logo-caption span {
  display: none !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,
html:has(#section-landing:not(.hidden)) #landing-features,
html:has(#section-landing:not(.hidden)) .ravid-ecosystem-section,
html:has(#section-landing:not(.hidden)) .ravid-cta-section,
html:has(#section-landing:not(.hidden)) .ravid-footer-section {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

@media (min-width: 1200px) {
  body.ravid-landing-active #section-landing .hero-grid,
  html:has(#section-landing:not(.hidden)) #section-landing .hero-grid {
    grid-template-columns: minmax(0, 1.18fr) minmax(300px, 0.82fr) !important;
  }
}

@media (max-width: 920px) {
  body.ravid-landing-active #section-landing .hero-grid,
  html:has(#section-landing:not(.hidden)) #section-landing .hero-grid {
    grid-template-columns: 1fr !important;
    padding: 24px 18px !important;
  }
}