/* ---------------------------------------------------------------------------
 * /ai-income/ on the digalu shell (income_products/income_landing.html).
 *
 * The page moved from base_marketing.html to themes/digalu/base_theme.html so
 * its navbar is the same one /features/ uses. That navbar floats over the top
 * of the page, so the hero has to clear it. --sticky-nav-h is the bar's
 * measured height (css/sticky-navbar.css, js/sticky-navbar.js).
 * ------------------------------------------------------------------------ */

/* Let the page's own dark/light surface run up under the floating navbar box,
 * instead of the shell's padding showing a pale band above the hero. */
body.ai-income-page .site-main {
  padding-top: 0;
}

body.ai-income-page .ipx-hero {
  padding-top: calc(var(--sticky-nav-h) + 4rem);
}

/* The light/dark toggle keeps its top-right corner, just below the navbar
 * rather than underneath it. */
body.ai-income-page .ipx > .ip-theme-toggle {
  top: calc(var(--sticky-nav-h) + 1rem);
}