/* Homepage spacing reference, shared only with Harga and Promo. */
:is(.page-home .hero, .hero.pricing-hero--harga, .hero.pricing-hero--promo) {
  --aligned-hero-height:655px;
}
:is(.page-home .hero, .hero.pricing-hero--harga, .hero.pricing-hero--promo) .hero-layout {
  max-width:1536px;
  min-height:var(--aligned-hero-height);
  margin-inline:auto;
}
:is(.page-home .hero, .hero.pricing-hero--harga, .hero.pricing-hero--promo) .hero-copy h1 {
  margin:0 0 24px;
}
:is(.page-home .hero, .hero.pricing-hero--harga, .hero.pricing-hero--promo) .actions {
  margin:32px 0 0;
}
@media (min-width:1500px) {
  :is(.page-home .hero, .hero.pricing-hero--harga, .hero.pricing-hero--promo) { --aligned-hero-height:760px; }
}
@media (max-width:1100px) {
  :is(.page-home .hero, .hero.pricing-hero--harga, .hero.pricing-hero--promo) { --aligned-hero-height:560px; }
  :is(.page-home .hero, .hero.pricing-hero--harga, .hero.pricing-hero--promo) .actions { margin-top:24px; }
}
@media (max-width:900px) {
  :is(.page-home .hero, .hero.pricing-hero--harga, .hero.pricing-hero--promo) { --aligned-hero-height:0px; }
}
/* Pricing and Promo retain the compact desktop hero height. */
@media (min-width:1101px) {
  :is(.hero.pricing-hero--harga, .hero.pricing-hero--promo) { --aligned-hero-height:610px; }
}