/*! GENERATED by tools/scope-css.php from eehp-home-merge.css — do not edit. */
/*!
 * EEHP Pages — merged home page layer (client review 2026-09-22).
 *
 * Loads after homepage.css on the home template only. Three jobs:
 *   1. the "Take the 60-Second Quiz" button on the explainer card, with the
 *      same green pulse the results pages use (their @keyframes cta-pulse)
 *   2. the wrapper around the legacy Elementor home content merged in below
 *      the quiz, so it sits flush with the ported sections
 *   3. small tidy-ups so the page reads as one flow
 *
 * Scoped copy (eehp-home-merge.scoped.css) is generated by tools/scope-css.php.
 */

/* ---- 1. Explainer CTA ------------------------------------------------ */
@keyframes eehp-cta-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(46, 204, 113, 0); }
  50%      { box-shadow: 0 0 22px 5px rgba(46, 204, 113, 0.45); }
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-pulse{
  animation: eehp-cta-pulse 1.8s ease-in-out infinite 0.8s;
}
@media (prefers-reduced-motion: reduce) {
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .eehp-pulse{ animation: none; }
}

/* The card is a 2-column grid: stats live in row 3 col 1, the CTA in row 3
   col 2, right-aligned — "bottom right of that section". */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__stats{ grid-column: 1; grid-row: 3; z-index: 1; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__stats strong{ white-space: nowrap; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__stats li{ padding: .25rem 1.1rem; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__action{
  grid-column: 2;
  grid-row: 3;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__cta{
  background: #479243;
  border-color: #479243;
  color: #fff;
  font-family: "Satoshi Bold", "Satoshi", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  padding: 1rem 1.6rem;
  border-radius: 999px;
  letter-spacing: .01em;
  white-space: nowrap;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__cta:hover{
  background: #3a7a37;
  border-color: #3a7a37;
  color: #fff;
  transform: translateY(-1px);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__cta, body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-ported-page a.quiz-intro__cta{ color: #fff; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__cta:hover, body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-ported-page a.quiz-intro__cta:hover{ color: #fff; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__cta .arrow-icon{ width: 16px; height: 16px; }

@media (max-width: 880px) {
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__card{
    grid-template-rows: auto auto auto auto auto auto;
  }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__stats{ grid-column: 1; grid-row: 5; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__action{
    grid-column: 1;
    grid-row: 6;
    justify-content: stretch;
    border-top: 0;
    padding-top: 0;
  }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__cta{ width: 100%; justify-content: center; }
}

/* ---- 2. Legacy content wrapper --------------------------------------- */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .home-legacy{
  background: var(--bg, #fff);
  color: var(--ink, #00205C);
  overflow: hidden;
}
/* Elementor prints its own section spacing; keep the join with the quiz tight. */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .home-legacy > .elementor > .e-con:first-child{ padding-top: clamp(2rem, 4vw, 3.5rem); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .home-legacy > .elementor > .e-con:last-child{ padding-bottom: clamp(2rem, 4vw, 3.5rem); }
/* No click-aways: anything that still renders as a link inside the legacy
   block behaves like text. */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .home-legacy a[href]:not([href^="#"]){ pointer-events: none; cursor: default; text-decoration: none; }
/* Headline typography inherits the brand serif from the ported page rather
   than the kit's, so the two halves read as one page. */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .home-legacy .elementor-heading-title{ color: var(--ink, #00205C); }

/* ---- 3. Flow tidy-ups ------------------------------------------------- */
/* The quiz section is the hand-off to the results pages; give it room. */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section{ padding-block: clamp(2.5rem, 5vw, 4rem); }

/* Phone width: stat rows flush left (the desktop side padding is not needed once they stack). */
@media (max-width: 880px) {
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__stats li{ padding: .85rem 0; }
}

/* ---- 4. Pre-quiz free-gifts incentive line (Kenny spec 2026-09-23) ---- */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-incentive{
  display: inline-flex;
  align-items: flex-start;
  gap: .6rem;
  margin: 1.1rem 0 0;
  padding: .7rem 1rem .7rem .85rem;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid rgba(0, 32, 92, 0.12);
  box-shadow: 0 6px 18px -12px rgba(0, 32, 92, 0.35);
  color: #00205C;
  font-family: "Satoshi Medium", "Satoshi", sans-serif;
  font-size: .95rem;
  line-height: 1.4;
  max-width: 660px;
  text-align: left;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-incentive__icon{ width: 22px; height: 22px; flex-shrink: 0; color: #479243; margin-top: .05rem; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-incentive__text span{ display: block; font-size: .8rem; color: #6b7a72; font-family: "Satoshi Regular", "Satoshi", sans-serif; margin-top: .1rem; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-incentive__text strong{ color: #2f6b2c; }
/* On the navy quiz stage it sits centred above the card, in the same glass style. */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section .quiz-incentive{
  margin: -1rem auto 1.75rem;
  background: rgba(255, 255, 255, 0.10);
  border-color: rgba(255, 255, 255, 0.22);
  color: #fff;
  box-shadow: none;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section .quiz-incentive__icon{ color: #8fd98a; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section .quiz-incentive__text span{ color: rgba(255, 255, 255, 0.7); }
@media (max-width: 880px) {
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-incentive{ font-size: .9rem; }
}