/*! GENERATED by tools/scope-css.php from homepage.css — do not edit. */
    /* ================================================================
       EEHP — CLIENT-ALIGNED HOMEPAGE — SPRINT A SHIP
       ================================================================
       Self-contained CSS so this file can be reviewed standalone.
       No reliance on the Claude editorial styles.css. When pasting
       into the live WordPress homepage, only the hero / quiz /
       bottom-CTA blocks need to come over with their styles.
       ================================================================ */

    @font-face {
      font-family: "Apparel Black";
      src: url("../assets/fonts/Apparel-Black.woff2") format("woff2");
      font-weight: 100 900;
      font-style: normal;
      font-display: swap;
    }
    @font-face {
      font-family: "Satoshi Regular";
      src: url("../assets/fonts/Satoshi-Regular.woff2") format("woff2");
      font-weight: 100 900;
      font-style: normal;
      font-display: swap;
    }
    @font-face {
      font-family: "Satoshi Medium";
      src: url("../assets/fonts/Satoshi-Medium.woff2") format("woff2");
      font-weight: 100 900;
      font-style: normal;
      font-display: swap;
    }
    @font-face {
      font-family: "Satoshi Bold";
      src: url("../assets/fonts/Satoshi-Bold.woff2") format("woff2");
      font-weight: 100 900;
      font-style: normal;
      font-display: swap;
    }
    /* Unified family — use font-family: "Satoshi" + font-weight for proper weight selection */
    @font-face {
      font-family: "Satoshi";
      src: url("../assets/fonts/Satoshi-Regular.woff2") format("woff2");
      font-weight: 400;
      font-style: normal;
      font-display: swap;
    }
    @font-face {
      font-family: "Satoshi";
      src: url("../assets/fonts/Satoshi-Medium.woff2") format("woff2");
      font-weight: 500;
      font-style: normal;
      font-display: swap;
    }
    @font-face {
      font-family: "Satoshi";
      src: url("../assets/fonts/Satoshi-Bold.woff2") format("woff2");
      font-weight: 700;
      font-style: normal;
      font-display: swap;
    }

    body.eehp-ported-page *, body.eehp-ported-page *::before, body.eehp-ported-page *::after{ box-sizing: border-box; }
    body.eehp-ported-page, body.eehp-ported-page{ margin: 0; padding: 0; }
    body.eehp-ported-page img, body.eehp-ported-page svg{ display: block; max-width: 100%; }
    body.eehp-ported-page button{ font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
    body.eehp-ported-page a{ color: inherit; text-decoration: none; }
    body.eehp-ported-page ul{ margin: 0; padding: 0; list-style: none; }
    body.eehp-ported-page h1, body.eehp-ported-page h2, body.eehp-ported-page h3, body.eehp-ported-page p{ margin: 0; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn{ font-family: "Satoshi Medium";}

    /* Design tokens are defined ONCE in style.css :root.
       Do not redefine here — edit style.css instead. */
body.eehp-ported-page{font-family: "Satoshi Regular", Sans-serif;}
    body.eehp-ported-page{
      font-family: "Satoshi Regular", Sans-serif;
      font-size: 16px;
      line-height: 1.55;
      color: var(--ink);
      background: var(--bg);
      -webkit-font-smoothing: antialiased;
      scroll-behavior: smooth;
    }
    body.eehp-ported-page section[id]{ scroll-margin-top: 80px; }
    @media (prefers-reduced-motion: reduce) { body.eehp-ported-page{ scroll-behavior: auto; } }

    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .container{
      width: 100%;
      max-width: var(--max-width);
      margin: 0 auto;
      padding: 0 var(--gutter);
    }

    /* ============================================================== */
    /* MINIMAL MASTHEAD — live site replaces with its own              */
    /* ============================================================== */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .masthead{
      border-bottom: 1px solid var(--line);
      background: #fff;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .masthead__row{
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 7px 15px;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .brand{
      display: inline-flex;
      align-items: center;
      gap: .6rem;
      font-weight: 600;
      letter-spacing: -0.01em;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .brand__logo{ width: 56px; height: 56px; object-fit: contain; }

    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .masthead__nav{
      display: flex;
      align-items: center;
      gap: 2rem;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .masthead__nav a{
      position: relative;
      font-size: .95rem;
      font-weight: 500;
      color: var(--ink);
      letter-spacing: .005em;
      padding: .25rem 0;
      font-family: "Satoshi Medium";
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .masthead__nav a::after{
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: -2px;
      height: 2px;
      background: var(--ink);
      transform: scaleX(0);
      transform-origin: left center;
      transition: transform .2s ease;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .masthead__nav a:hover::after, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .masthead__nav a[aria-current="page"]::after{
      transform: scaleX(1);
    }

    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .masthead__actions{
      display: inline-flex;
      align-items: center;
      gap: .5rem;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn--login{
      padding: .6rem 1.4rem;
      font-size: .88rem;
      border-radius: var(--radius);
      background: var(--accent);
      color: #fff;
      border: 1px solid var(--accent-deep);
      font-weight: 600;
      letter-spacing: .01em;
      transition: background .18s ease, border-color .18s ease, transform .15s ease;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn--login:hover{
      background: var(--accent-deep);
      border-color: var(--accent-deep);
      transform: translateY(-1px);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .masthead__icon{
      position: relative;
      width: 38px;
      height: 38px;
      border-radius: 50%;
      border: 1px solid transparent;
      background: transparent;
      color: var(--ink);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: background .18s ease, border-color .18s ease;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .masthead__icon svg{ width: 18px; height: 18px; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .masthead__icon:hover{ background: var(--bg-soft); border-color: var(--line); }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .masthead__icon--cart .masthead__cart-count{
      position: absolute;
      top: -2px;
      right: -2px;
      min-width: 18px;
      height: 18px;
      padding: 0 5px;
      border-radius: 9px;
      background: #c44a3a;
      color: #fff;
      font-size: .68rem;
      font-weight: 600;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      line-height: 1;
    }

    @media (max-width: 880px) {
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .masthead__nav{ display: none; }
    }
    @media (max-width: 520px) {
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn--login{ display: none; }
    }

    /* ============================================================== */
    /* BUTTONS — primary ochre + secondary outline                     */
    /* ============================================================== */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: .55rem;
      padding: .85rem 1.35rem;
      font-size: .95rem;
      font-weight: 600;
      line-height: 1.2;
      border-radius: var(--radius);
      border: 1px solid transparent;
      transition: background .18s ease, border-color .18s ease, transform .15s ease, box-shadow .18s ease;
      white-space: nowrap;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn:focus-visible{ outline: 2px solid var(--accent); outline-offset: 3px; }

    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn--primary{
      background: var(--accent);
      color: #fff;
      border-color: var(--accent-deep);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn--primary:hover{ background: var(--bg-soft); color:var(--accent); translateY(-1px); }

    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn--secondary{
      background:var(--ink);
      color:  #fff;
      border-color: var(--ink);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn--secondary:hover{ border-color: var(--ink); color:var(--ink); background: var(--bg-soft); }

    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn--lg{ padding: 1rem 1.5rem; font-size: 1rem; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn--block{ display: flex; width: 100%; justify-content: center; }

    /* Ochre CTA — alias of --primary, used by quiz state machine */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn--ochre{
      background: var(--accent);
      color: #fff;
      border-color: var(--accent-deep);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn--ochre:hover{ background: var(--accent-deep); transform: translateY(-1px); }

    /* Ghost CTA — used on reveal "Browse all protocols" */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn--ghost{
      background: transparent;
      color: var(--ink);
      border-color: var(--line-strong);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn--ghost:hover{ border-color: var(--ink); background: var(--bg-soft); }

    /* XL CTA — used on reveal continue-to-cart */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn--xl{
      padding: 1.05rem 1.6rem;
      font-size: 1.02rem;
      border-radius: 10px;
      align-items: center;
      gap: 0;
      position: relative;
      flex-wrap: wrap;
      text-align: left;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn--xl .btn__label{
      display: block;
      font-weight: 600;
      font-size: 1rem;
      width: 100%;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn--xl .btn__meta{
      display: block;
      font-size: .68rem;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.85);
      width: 100%;
      margin-top: .15rem;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn--xl .arrow--lg{
      position: absolute;
      right: 1rem;
      top: 50%;
      transform: translateY(-50%);
      width: 22px;
      height: 22px;
      transition: transform .18s ease;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn--xl:hover .arrow--lg{ transform: translate(4px, -50%); }

    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .arrow-icon{ width: 16px; height: 16px; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .arrow{ width: 16px; height: 16px; flex-shrink: 0; }

    /* ============================================================== */
    /* BLOCK 1 — HERO  (background image + left-aligned copy)          */
    /* ============================================================== */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero{
      position: relative;
      padding-block: clamp(3rem, 7vw, 5.5rem) clamp(2.5rem, 5vw, 4rem);
      background-color: var(--bg-soft);
      /* min-height: clamp(520px, 81vh, 81vh); */
      height: calc(100vh - 170px);
      min-height: 750px;
      display: flex;
      align-items: center;
      overflow: hidden;
      isolation: isolate;
    }
    /* Hero carousel — auto-rotating 4-discipline backgrounds */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__bg{
      position: absolute;
      inset: 0;
      z-index: -2;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__bg-slide{
      position: absolute;
      inset: 0;
      background-size: cover;
      /* background-position: 25% center;  */
      background-repeat: no-repeat;
      opacity: 0;
      transition: opacity 1.2s ease-in-out;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__bg-slide.is-active{ opacity: 1; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__bg-overlay{
      position: absolute;
      inset: 0;
      background:   linear-gradient(100deg, rgb(255 255 255) 0%, rgb(255 255 255 / 82%) 28%, rgb(255 255 255 / 56%) 44%, rgb(255 255 255 / 0%) 58%, rgb(255 255 255 / 0%) 72%);
      pointer-events: none;
    }
    @media (max-width: 880px) {
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__bg-overlay{
        background: linear-gradient(
          180deg,
          rgba(255, 255, 255, 0.94) 0%,
          rgba(255, 255, 255, 0.78) 50%,
          rgba(255, 255, 255, 0.4)  82%,
          rgba(255, 255, 255, 0.1)  100%
        );
      }
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__inner{
      width: 100%;
      max-width: var(--max-width);
      margin: 0 auto;
      padding: 0 var(--gutter);
      text-align: left;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__inner--split{
      display: grid;
      grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
      gap: clamp(1.5rem, 3.5vw, 3rem);
      align-items: center;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__copy-wrap{
      max-width: 630px;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__rating{
      display: inline-flex;
      align-items: center;
      gap: .55rem;
      background: rgba(255, 255, 255, 0.85);
      backdrop-filter: blur(6px);
      border: 1px solid var(--line);
      border-radius: 999px;
      padding: .35rem .85rem .35rem .55rem;
      margin-bottom: 1.25rem;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__stars{
      display: inline-flex;
      gap: 1px;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__stars svg{
      width: 14px;
      height: 14px;
      fill: var(--accent);
      stroke: var(--accent);
      stroke-width: .8;
      stroke-linejoin: round;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__rating-text{
      --e-global-color-88a9247: #00205C;
      font-family: "Oswald", sans-serif;
      font-size: 20px;
      font-weight: 400;
      text-transform: none;
      font-style: normal;
      line-height: 24px;
      letter-spacing: 0px;
      text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
      color: var(--e-global-color-88a9247);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__rating-text strong{ color: var(--e-global-color-88a9247); font-weight: 600; }
    @media (max-width: 540px) {
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__rating-text{ font-size: 22px; line-height: 22px; }
    }

    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__headline{
      --e-global-color-88a9247: #00205C;
      font-family: "Apparel Black", sans-serif;
      font-size: 4rem;
      font-weight: 600;
      line-height: 4.5rem;
      letter-spacing: -0.02em;
      /* text-shadow: 1px 1px 0px #ffffff; */
      color: var(--e-global-color-88a9247);
      margin-bottom: 1.1rem;
      text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);

    }
    @media (max-width: 880px) {
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__headline{ font-size: 2.6rem; line-height: 3rem; }
    }
    @media (max-width: 540px) {
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__headline{ font-size: 2.1rem; line-height: 2.4rem; }
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__headline-accent{
      color: var(--accent-deep);
      /* background: linear-gradient(180deg, transparent 60%, rgba(184, 101, 26, 0.18) 60%); */
      padding: 0 .15em;
      /* text-shadow: 1px 1px 0px #ffffff; */
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__sub{
      font-size: clamp(1rem, 1.4rem, 1.5rem);
      max-width: 50ch;
      margin: 0 0 1.8rem;
     font-weight: 400;
    text-transform: none;
    font-style: normal;
    line-height: 2rem;
    letter-spacing: 0px;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    color: #00205C;
        font-family: "Satoshi Regular", Sans-serif;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__cta-row{
      display: flex;
      justify-content: flex-start;
      gap: .8rem;
      flex-wrap: wrap;
      margin-bottom: 1.6rem;
    }

    /* "As Seen In" press strip below CTAs */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__press{
      max-width: 540px;
      margin: 0;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__press-label{
      font-family: "Apparel Black", "Satoshi Bold", sans-serif;
      font-size: 1.6rem;
      font-weight: 700;
      letter-spacing: -0.01em;
      color: var(--ink);
      margin: 0 0 .9rem;
      text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.18);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__press-logos{
      display: block;
      width: 100%;
      height: auto;
      max-width: 540px;
      opacity: .92;
      filter: saturate(0.9);
    }
    @media (max-width: 540px) {
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__press-label{ font-size: 1.25rem; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__press{ max-width: 100%; }
    }

    /* Premium dark-glass scoreboard strip — visual partner of the right sidecard */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__credentials{
      position: relative;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 0;
      max-width: 620px;
      margin: 0;
      padding: 1.5rem 1.75rem;
      background: linear-gradient(135deg, rgba(31, 48, 39, 0.92) 0%, rgba(22, 36, 28, 0.88) 100%);
      backdrop-filter: blur(20px) saturate(180%);
      -webkit-backdrop-filter: blur(20px) saturate(180%);
      border: 1px solid rgba(244, 238, 219, 0.1);
      border-radius: 16px;
      box-shadow:
        inset 0 1px 0 rgba(244, 238, 219, 0.08),
        0 1px 2px rgba(15, 30, 22, 0.18),
        0 18px 40px -14px rgba(15, 30, 22, 0.55),
        0 36px 64px -32px rgba(15, 30, 22, 0.4);
      overflow: hidden;
      transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .3s ease;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__credentials::before{
      content: "";
      position: absolute;
      top: -60%;
      right: -25%;
      width: 320px;
      height: 320px;
      background: radial-gradient(circle, rgba(184, 101, 26, 0.32) 0%, transparent 65%);
      pointer-events: none;
      filter: blur(8px);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__credentials::after{
      content: "";
      position: absolute;
      top: 0; left: 1.75rem; right: 1.75rem;
      height: 1px;
      background: linear-gradient(90deg, transparent 0%, rgba(184, 101, 26, 0.6) 30%, rgba(184, 101, 26, 0.6) 70%, transparent 100%);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__credentials:hover{
      transform: translateY(-3px);
      box-shadow:
        inset 0 1px 0 rgba(244, 238, 219, 0.12),
        0 1px 2px rgba(15, 30, 22, 0.22),
        0 24px 48px -14px rgba(184, 101, 26, 0.28),
        0 44px 72px -32px rgba(15, 30, 22, 0.5);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__credentials li{
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: .55rem;
      padding: 0 1.1rem;
      text-align: left;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__credentials li:first-child{ padding-left: 0; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__credentials li:last-child{ padding-right: 0; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__credentials li + li::before{
      content: "";
      position: absolute;
      left: 0;
      top: 8%;
      bottom: 8%;
      width: 1px;
      background: linear-gradient(180deg, transparent 0%, rgba(244, 238, 219, 0.15) 30%, rgba(244, 238, 219, 0.15) 70%, transparent 100%);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__credentials .num{
      position: relative;
      font-size: clamp(2rem, 3.6vw, 2.85rem);
      font-weight: 800;
      letter-spacing: -0.04em;
      line-height: 1;
      color: #fff;
      font-variant-numeric: tabular-nums;
      display: inline-flex;
      align-items: baseline;
      text-shadow: 0 1px 0 rgba(15, 30, 22, 0.25);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__credentials .num sup{
      font-size: .48em;
      font-weight: 800;
      margin-left: 2px;
      top: -0.85em;
      color: var(--accent);
      text-shadow: 0 0 12px rgba(184, 101, 26, 0.5);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__credentials .num small{
      font-size: .42em;
      font-weight: 600;
      letter-spacing: .01em;
      color: rgba(244, 238, 219, 0.7);
      text-shadow: none;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__credentials .lbl{
      position: relative;
      font-size: .68rem;
      color: rgba(244, 238, 219, 0.7);
      line-height: 1.45;
      max-width: 18ch;
      letter-spacing: .04em;
    }
    /* Right-side interactive sidecard — concern picker → quiz */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__sidecard{
      /* background: linear-gradient(160deg, rgba(31, 48, 39, 0.88) 0%, rgba(22, 36, 28, 0.84) 100%); */
      background-color: #00000080;
      backdrop-filter: blur(18px) saturate(160%);
      -webkit-backdrop-filter: blur(18px) saturate(160%);
      color: #f4eedb;
      border-radius: var(--radius-lg);
      padding: clamp(1.4rem, 2.4vw, 1.85rem);
      box-shadow:
        0 18px 40px -12px rgba(15, 30, 22, 0.45),
        0 2px 6px rgba(15, 30, 22, 0.22);
      border: 1px solid rgba(244, 238, 219, 0.12);
      max-width: 350px;
      width: 100%;
      justify-self: end;
      position: relative;
      overflow: hidden;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__sidecard::before{
      content: "";
      position: absolute;
      inset: -40% -30% auto auto;
      width: 280px;
      height: 280px;
      background: radial-gradient(circle, rgba(184, 101, 26, 0.18) 0%, transparent 65%);
      pointer-events: none;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__sidecard-eyebrow{
      
      font-size: .68rem;
      letter-spacing: .18em;
      text-transform: uppercase;
      color: #ffffffbf;
      margin: 0 0 .5rem;
      position: relative;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__sidecard-title{
      font-size: clamp(1.2rem, 1.9vw, 1.45rem);
      font-weight: 700;
      letter-spacing: -0.012em;
      line-height: 1.2;
      color: #fff;
      margin: 0 0 1.1rem;
      position: relative;
      font-family: "Apparel Black", Sans-serif;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__sidecard-title em{
      font-style: normal;
      color: var(--accent);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__sidecard-helper{
      font-size: .78rem;
      color: rgba(244, 238, 219, 0.6);
      margin: -.7rem 0 .9rem;
      letter-spacing: .02em;
      position: relative;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__chip{
      width: 100%;
      text-align: left;
      font: inherit;
      cursor: pointer;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__chip-check{
      flex: 0 0 auto;
      width: 18px;
      height: 18px;
      border-radius: 4px;
      border: 1.5px solid rgba(244, 238, 219, 0.3);
      background: transparent;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      transition: background .18s ease, border-color .18s ease;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__chip.is-active .hero__chip-check{
      background: var(--accent);
      border-color: var(--accent);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__chip.is-active .hero__chip-check::after{
      content: "";
      width: 9px;
      height: 5px;
      border: 2px solid #fff;
      border-top: 0;
      border-right: 0;
      transform: rotate(-45deg) translate(1px, -1px);
    }
    /* .hero__chip.is-active {
      background: rgba(184, 101, 26, 0.18);
      border-color: rgba(184, 101, 26, 0.55);
    } */
    /* .hero__chip.is-active .hero__chip-icon {
      background: rgba(184, 101, 26, 0.35);
    } */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__chip--more{
      justify-content: space-between;
      padding-left: 1.05rem;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__chip--more .hero__chip-body strong{
      color: #FFF;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__sidecard-chips{
      display: flex;
      flex-direction: column;
      gap: .5rem;
      margin-bottom: 1rem;
      position: relative;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__chip{
      display: flex;
      align-items: center;
      gap: .85rem;
      padding: .7rem .85rem;
      background: rgba(244, 238, 219, 0.06);
      border: 1px solid rgba(244, 238, 219, 0.12);
      border-radius: var(--radius);
      color: #f4eedb;
      transition: background .18s ease, border-color .18s ease, transform .15s ease;
      cursor: pointer;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__chip:hover{
      /* background: rgba(244, 238, 219, 0.1);
      border-color: rgba(184, 101, 26, 0.55); */
      transform: translateX(2px);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__chip-icon{
      flex: 0 0 auto;
      width: 32px;
      height: 32px;
      border-radius: 8px;
      background: #479243;
      color: #FBFBFB;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__chip-icon svg{ width: 18px; height: 18px; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__chip-body{
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: .05rem;
      min-width: 0;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__chip-body strong{
      font-size: .92rem;
      font-weight: 600;
      color: #fff;
      letter-spacing: -0.005em;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__chip-body small{
      font-size: .74rem;
      color: rgba(244, 238, 219, 0.6);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__chip-arrow{
      width: 14px;
      height: 14px;
      color: rgba(244, 238, 219, 0.5);
      flex: 0 0 auto;
      transition: color .18s ease, transform .15s ease;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__chip:hover .hero__chip-arrow{
      color: var(--accent);
      transform: translateX(2px);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__sidecard-cta{
      width: 100%;
      justify-content: center;
      margin-top: .25rem;
      position: relative;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__sidecard-foot{
      display: flex;
      align-items: center;
      justify-content: center;
      gap: .4rem;
      margin: .85rem 0 0;
      font-size: .76rem;
      color: rgba(244, 238, 219, 0.65);
      position: relative;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__sidecard-foot svg{ width: 14px; height: 14px; color: var(--accent); flex-shrink: 0; }

    @media (max-width: 880px) {
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero{ min-height: clamp(420px, 70vh, 600px); }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__bg-slide{ background-position: center center; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__inner--split{
        grid-template-columns: 1fr;
        gap: 1.75rem;
      }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__copy-wrap{ max-width: 100%; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__cta-row{ justify-content: flex-start; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__sidecard{ justify-self: stretch; max-width: none; }
    }
    @media (max-width: 540px) {
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__credentials{ grid-template-columns: 1fr; gap: 0; max-width: none; padding: 1.1rem 1.25rem; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__credentials li{ padding: .85rem 0; flex-direction: row; align-items: center; gap: 1rem; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__credentials li + li{ border-top: 1px solid rgba(244, 238, 219, 0.1); padding-top: .9rem; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__credentials li + li::before{ display: none; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__credentials li > .num{ font-size: 1.85rem; flex: 0 0 auto; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hero__credentials li > .lbl{ max-width: none; flex: 1; }
    }

    /* Trust strip directly below hero — premium chip-cards with depth */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .trust-strip{
      position: relative;
      background:
        radial-gradient(circle at 20% 0%, rgba(184, 101, 26, 0.07) 0%, transparent 55%),
        radial-gradient(circle at 80% 100%, rgba(42, 108, 79, 0.05) 0%, transparent 55%),
        linear-gradient(180deg, var(--bg) 0%, #faf6ec 100%);
      border-bottom: 1px solid var(--line);
      padding-block: 1.5rem;
      overflow: hidden;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .trust-strip::before{
      content: "";
      position: absolute;
      inset: 0;
      background-image: radial-gradient(circle, rgba(26, 42, 32, 0.06) 1px, transparent 1px);
      background-size: 18px 18px;
      background-position: 0 0;
      opacity: .55;
      pointer-events: none;
      mask-image: linear-gradient(180deg, transparent 0%, #000 30%, #000 70%, transparent 100%);
      -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 30%, #000 70%, transparent 100%);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .trust-strip::after{
      content: "";
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 1px;
      background: linear-gradient(90deg, transparent 0%, var(--accent) 30%, var(--green) 70%, transparent 100%);
      opacity: .45;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .trust-strip__row{
      position: relative;
      display: flex;
      justify-content: center;
      align-items: stretch;
      flex-wrap: wrap;
      gap: .7rem;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .trust-item{
      position: relative;
      display: inline-flex;
      align-items: center;
      gap: .8rem;
      padding: .7rem 1.4rem .7rem .65rem;
      background: linear-gradient(180deg, #fff 0%, #fdfaf2 100%);
      border: 1px solid var(--line);
      border-radius: 999px;
      font-size: 1rem;
      font-weight: 400;
      color: var(--ink);
      letter-spacing: -0.01em;
      cursor: default;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 1px 2px rgba(26, 42, 32, 0.04),
        0 6px 14px -6px rgba(26, 42, 32, 0.12);
      transition: border-color .25s ease, transform .2s cubic-bezier(0.4, 0, 0.2, 1),
                  box-shadow .25s ease, background .25s ease;
      overflow: hidden;
    }
    /* Shimmer sweep on hover */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .trust-item::after{
      content: "";
      position: absolute;
      top: 0;
      left: -60%;
      width: 40%;
      height: 100%;
      background: linear-gradient(100deg,
        transparent 0%,
        rgba(255, 255, 255, 0.55) 50%,
        transparent 100%);
      transform: skewX(-20deg);
      transition: left .7s cubic-bezier(0.4, 0, 0.2, 1);
      pointer-events: none;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .trust-item:hover::after{ left: 130%; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .trust-item:hover{
      transform: translateY(-3px);
      border-color: var(--accent);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 1),
        0 1px 2px rgba(26, 42, 32, 0.06),
        0 14px 28px -10px rgba(184, 101, 26, 0.32),
        0 24px 48px -16px rgba(26, 42, 32, 0.18);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .trust-item img{
      width: 36px;
      height: 36px;
      object-fit: contain;
      flex-shrink: 0;
      transition: transform .35s cubic-bezier(0.4, 0, 0.2, 1);
      display: block;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .trust-item:hover img{
      transform: rotate(-6deg) scale(1.08);
    }
    @media (max-width: 720px) {
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .trust-strip{ padding-block: 1.25rem; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .trust-strip__row{ gap: .5rem; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .trust-item{ font-size: .9rem; padding: .55rem 1.1rem .55rem .5rem; gap: .6rem; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .trust-item img{ width: 30px; height: 30px; }
    }

    /* ============================================================== */
    /* BLOCK 1.25 — MOST FREQUENTLY PURCHASED PROTOCOLS                */
    /* Three-up product card grid. Featured card (Gut Health) gets an */
    /* accent border + "Most popular" badge. Cards collapse to a       */
    /* single column under 720px.                                      */
    /* ============================================================== */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .popular-protocols{
      position: relative;
      padding-block: clamp(2.75rem, 5vw, 4.25rem);
      background: var(--bg);
      border-bottom: 1px solid var(--line);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .popular-protocols__inner{
      max-width: 1180px;
      margin: 0 auto;
      padding: 0 var(--gutter);
      text-align: center;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .popular-protocols__eyebrow{
      display: inline-block;
      font-family: "JetBrains Mono", monospace;
      font-size: .72rem;
      letter-spacing: .2em;
      text-transform: uppercase;
      color: var(--accent-deep);
      background: var(--accent-soft);
      border: 1px solid #f0d9b5;
      padding: .35rem .85rem;
      border-radius: 999px;
      margin: 0 0 1rem;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .popular-protocols__title{
      font-family: "Apparel Black", sans-serif;
      font-size: clamp(1.6rem, 2.8vw, 2.4rem);
      font-weight: 600;
      line-height: 1.15;
      letter-spacing: -0.015em;
      color: var(--ink);
      margin: 0 0 .85rem;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .popular-protocols__title em{
      font-style: normal;
      color: var(--accent-deep);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .popular-protocols__lede{
      font-family: "Satoshi Regular", sans-serif;
      font-size: 1rem;
      line-height: 1.6;
      color: var(--ink-soft);
      max-width: 60ch;
      margin: 0 auto 2.25rem;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .popular-protocols__grid{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1.1rem;
      align-items: stretch;
      text-align: left;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocol-card{
      position: relative;
      display: flex;
      flex-direction: column;
      background: #fff;
      border: 1.5px solid var(--line);
      border-radius: 14px;
      overflow: hidden;
      box-shadow:
        0 1px 2px rgba(26, 42, 32, 0.04),
        0 8px 24px -10px rgba(26, 42, 32, 0.08);
      transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocol-card:hover{
      border-color: var(--accent);
      transform: translateY(-3px);
      box-shadow:
        0 1px 2px rgba(26, 42, 32, 0.06),
        0 14px 28px -10px rgba(184, 101, 26, 0.22),
        0 28px 56px -20px rgba(26, 42, 32, 0.16);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocol-card--featured{
      border-color: var(--accent);
      box-shadow:
        0 1px 2px rgba(26, 42, 32, 0.04),
        0 10px 28px -10px rgba(184, 101, 26, 0.22),
        0 24px 48px -20px rgba(26, 42, 32, 0.14);
    }
    /* Visitor-matched card — highlighted by the personalization JS after the
       visitor picks a concern chip in the hero. Subtle outline so it reads as
       "this is for you" without competing with --featured for primary weight. */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocol-card--matched{
      outline: 2px solid var(--accent);
      outline-offset: 4px;
    }
    /* Lifestyle hero image at the top of every card */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocol-card__media{
      position: relative;
      width: 100%;
      aspect-ratio: 4 / 3;
      overflow: hidden;
      background: var(--bg-soft);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocol-card__media img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      display: block;
      transition: transform .5s cubic-bezier(0.4, 0, 0.2, 1);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocol-card:hover .protocol-card__media img{ transform: scale(1.04); }
    /* Show-safe verified tag overlay (only on featured card) */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocol-card__tag{
      position: absolute;
      top: .85rem;
      left: .85rem;
      display: inline-flex;
      align-items: center;
      gap: .4rem;
      padding: .35rem .7rem .35rem .55rem;
      background: rgba(255, 255, 255, 0.95);
      backdrop-filter: blur(6px);
      border: 1px solid var(--line);
      border-radius: 999px;
      font-family: "Satoshi Bold", sans-serif;
      font-size: .68rem;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--accent-deep);
      box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.15);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocol-card__tag img{ width: 16px; height: 16px; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocol-card__body{
      display: flex;
      flex-direction: column;
      gap: .65rem;
      padding: 1.25rem 1.25rem 1.25rem;
      flex: 1;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocol-card__num{
      font-family: "JetBrains Mono", monospace;
      font-size: .72rem;
      letter-spacing: .18em;
      text-transform: uppercase;
      color: var(--accent-deep);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocol-card__name{
      font-family: "Apparel Black", sans-serif;
      font-size: 1.35rem;
      font-weight: 600;
      letter-spacing: -0.01em;
      color: var(--ink);
      margin: 0;
      line-height: 1.15;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocol-card__why{
      font-family: "Satoshi Regular", sans-serif;
      font-size: .92rem;
      color: var(--ink-soft);
      line-height: 1.55;
      margin: 0;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocol-card__includes{
      display: flex;
      flex-direction: column;
      gap: .35rem;
      padding: 0;
      margin: 0;
      list-style: none;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocol-card__includes li{
      position: relative;
      padding-left: 1.4rem;
      font-size: .88rem;
      color: var(--ink-soft);
      line-height: 1.45;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocol-card__includes li::before{
      content: "";
      position: absolute;
      left: 0;
      top: .55em;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--accent);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocol-card__pricing{
      margin-top: auto;
      padding-top: .85rem;
      border-top: 1px dashed var(--line);
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: .75rem;
      flex-wrap: wrap;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocol-card__price-row{
      display: flex;
      flex-direction: column;
      gap: .15rem;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocol-card__price-main{
      font-family: "Apparel Black", sans-serif;
      font-size: 1.35rem;
      font-weight: 700;
      color: var(--ink);
      letter-spacing: -0.015em;
      line-height: 1.1;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocol-card__price-main small{
      font-family: "Satoshi Medium", sans-serif;
      font-size: .68rem;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--ink-mute);
      font-weight: 500;
      margin-left: .25rem;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocol-card__price-sub{
      font-family: "Satoshi Medium", sans-serif;
      font-size: .82rem;
      color: var(--accent-deep);
      font-weight: 600;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocol-card__price-sub small{
      font-family: "Satoshi Regular", sans-serif;
      font-size: .72rem;
      color: var(--ink-mute);
      letter-spacing: .04em;
      text-transform: none;
      font-weight: 400;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocol-card__perday{
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 0;
      line-height: 1;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocol-card__perday-amt{
      font-family: "Apparel Black", sans-serif;
      font-size: 1.2rem;
      font-weight: 700;
      color: var(--accent-deep);
      letter-spacing: -0.01em;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocol-card__perday-lbl{
      font-family: "Satoshi Regular", sans-serif;
      font-size: .68rem;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--ink-mute);
      margin-top: .2rem;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocol-card__cta{
      margin-top: .35rem;
      padding: .8rem 1rem;
      font-size: .92rem;
      border-radius: var(--radius);
    }
    /* "Not sure which?" link below the grid */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .popular-protocols__note{
      margin: 1.5rem 0 0;
      font-size: .95rem;
      color: var(--ink-soft);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .popular-protocols__quizlink{
      color: var(--accent-deep);
      font-weight: 600;
      text-decoration: none;
      border-bottom: 1px solid currentColor;
      transition: color .15s ease;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .popular-protocols__quizlink:hover{ color: var(--accent); }

    @media (max-width: 900px) {
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .popular-protocols__grid{ grid-template-columns: 1fr 1fr; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocol-card--featured{ grid-column: 1 / -1; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocol-card--featured .protocol-card__media{ aspect-ratio: 21 / 9; }
    }
    @media (max-width: 600px) {
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .popular-protocols__grid{ grid-template-columns: 1fr; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocol-card--featured{ grid-column: auto; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocol-card--featured .protocol-card__media{ aspect-ratio: 4 / 3; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocol-card__pricing{ flex-direction: column; align-items: stretch; gap: .55rem; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocol-card__perday{ flex-direction: row; align-items: baseline; gap: .35rem; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocol-card__perday-lbl{ margin-top: 0; }
    }

    /* ============================================================== */
    /* BLOCK 1.5 — QUIZ INTRO  (EquiFlavin product-finder dark card)   */
    /* Two-column grid:                                                */
    /*   left  — eyebrow / lede / 3-stat row                           */
    /*   right — heading / 3 value-pill chips                          */
    /* ============================================================== */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro{
      position: relative;
      padding-block: clamp(2.5rem, 5vw, 4rem);
      background: var(--bg-soft);
      overflow: hidden;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__inner{
      max-width: 1180px;
      margin: 0 auto;
      padding: 0 var(--gutter);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__card{
      position: relative;
      background: #1A1A1A;
      color: #f4eedb;
      border-radius: 24px;
      padding: clamp(2rem, 4vw, 3.25rem) clamp(1.75rem, 4vw, 3.5rem);
      border: 1px solid rgba(255, 255, 255, 0.06);
      box-shadow:
        0 24px 60px -18px rgba(0, 0, 0, 0.55),
        0 4px 10px rgba(0, 0, 0, 0.25);
      overflow: hidden;
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      grid-template-rows: auto 1fr auto;
      column-gap: clamp(1.5rem, 2vw, 3rem);
      row-gap: clamp(1.75rem, 3.5vw, 2.75rem);
      min-height: 480px;
    }
    /* Darker vignette circles — top-right and bottom-left.
     * Sit on top of the card surface so they actually register against
     * the #1A1A1A background. z-index is set on content as well so the
     * text/chips stack cleanly above the vignettes. */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__card::before, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__card::after{
      content: "";
      position: absolute;
      width: 440px;
      height: 440px;
      border-radius: 50%;
      pointer-events: none;
      z-index: 0;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__card::before{
      top: -200px;
      right: -200px;
      background: radial-gradient(circle at center, rgb(0 0 0 / 0%) 0%, rgb(120 177 17 / 16%) 45%, #00000000 72%);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__card::after{
      bottom: -220px;
      left: -220px;
      background: radial-gradient(circle at center, rgb(0 0 0 / 60%) 0%, rgb(20 71 27 / 47%) 45%, #19b91000 72%);
    }
    /* Grid placement + keep content above the vignettes */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__eyebrow{ grid-column: 1; grid-row: 1; position: relative; z-index: 1; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__title{ grid-column: 2; grid-row: 1; z-index: 1; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__lede{ grid-column: 1; grid-row: 2; align-self: center; z-index: 1; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__chips{ grid-column: 2; grid-row: 2; align-self: center; z-index: 1; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__stats{ grid-column: 1 / span 2; grid-row: 3; z-index: 1; }

    /* Eyebrow with horizontal accent line on each side */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__eyebrow{
      position: relative;
      display: inline-flex;
      align-items: center;
      gap: .85rem;
      font-family: "Satoshi Bold", sans-serif;
      font-size: .78rem;
      font-weight: 700;
      letter-spacing: .22em;
      text-transform: uppercase;
      color: var(--accent);
      margin: 0;
      align-self: start;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__eyebrow::before{
      content: "";
      width: 28px;
      height: 1px;
      background: var(--accent);
      flex-shrink: 0;
      opacity: .8;
    }

    /* Right-column headline */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__title{
      position: relative;
      font-family: "Apparel Black", sans-serif;
      font-size: clamp(1.6rem, 2.2vw, 2.1rem);
      font-weight: 600;
      line-height: 1.3;
      letter-spacing: -0.005em;
      color: #fff;
      margin: 0;
      text-transform: uppercase;
      text-align: center;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__title em{
      font-style: normal;
      color: var(--accent);
    }

    /* Left-column body copy */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__lede{
      position: relative;
      font-family: "Satoshi Regular", sans-serif;
      font-size: 1rem;
      line-height: 1.65;
      color: rgba(255, 255, 255, 0.7);
      margin: 0;
      max-width: 36ch;
      text-align: center;
      justify-self: center;
    }

    /* Right-column value pills */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__chips{
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: .7rem;
      list-style: none;
      margin: 0;
      padding: 0;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__chips li{
      display: inline-flex;
      align-items: center;
      padding: .65rem 1.4rem;
      background: rgba(255, 255, 255, 0.04);
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 999px;
      color: #fff;
      font-family: "Satoshi Medium", sans-serif;
      font-size: .92rem;
      font-weight: 500;
      letter-spacing: -0.005em;
      white-space: nowrap;
    }

    /* Bottom 3-up stat row spanning both columns */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__stats{
      position: relative;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, max-content));
      justify-content: start;
      gap: 0;
      list-style: none;
      margin: 0;
      padding: 1.5rem 0 0;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__stats li{
      position: relative;
      display: flex;
      flex-direction: column;
      gap: .25rem;
      padding: .25rem 1.6rem;
      min-width: 0;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__stats li:first-child{ padding-left: 0; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__stats li + li::before{
      content: "";
      position: absolute;
      left: 0;
      top: 8%;
      bottom: 8%;
      width: 1px;
      background: rgba(255, 255, 255, 0.12);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__stats strong{
      display: inline-flex;
      align-items: center;
      gap: .45rem;
      font-family: "Apparel Black", sans-serif;
      font-size: 1.05rem;
      font-weight: 700;
      color: #fff;
      letter-spacing: -0.005em;
      line-height: 1.2;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__stats strong svg{
      width: 18px;
      height: 18px;
      color: var(--accent);
      flex-shrink: 0;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__stats small{
      font-family: "Satoshi Regular", sans-serif;
      font-size: .72rem;
      color: rgba(255, 255, 255, 0.5);
      line-height: 1.45;
      letter-spacing: 0;
    }

    @media (max-width: 880px) {
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__card{
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto auto;
        row-gap: 1.5rem;
        min-height: 0;
        padding: 2rem 1.5rem;
      }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__eyebrow{ grid-column: 1; grid-row: 1; justify-self: start; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__title{ grid-column: 1; grid-row: 2; text-align: left; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__lede{ grid-column: 1; grid-row: 3; text-align: left; justify-self: start; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__chips{ grid-column: 1; grid-row: 4; align-items: flex-start; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__stats{ grid-column: 1; grid-row: 5; grid-template-columns: 1fr; padding-top: 1.25rem; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__stats li{ padding: .85rem 0; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__stats li + li{
        border-top: 1px solid rgba(255, 255, 255, 0.08);
      }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-intro__stats li + li::before{ display: none; }
    }

    /* ============================================================== */
    /* BLOCK 2 — INLINE QUIZ  (Warhorse dark skin, 2026-08-11)         */
    /* ============================================================== */
    /* The funnel's results pages are black/green/gold; the quiz
       adopts the same palette for continuity into them. Tokens mirror
       eehp/warhorse-v2/styles.css. The discount modal is body-level
       (template-parts/home/discount-modal.php) so it is scoped
       alongside — every var() below the remap resolves dark inside
       these two roots and stays light everywhere else. */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal{
      --bg: #0c0917;
      --bg-soft: #151022;
      --ink: #eeecf5;
      --ink-soft: #b9b5cc;
      --ink-mute: #8a86a8;
      --line: rgba(255, 255, 255, 0.10);
      --line-strong: rgba(255, 255, 255, 0.22);
      --accent: #2ecc71;
      --accent-deep: #27ae60;
      --accent-soft: rgba(46, 204, 113, 0.10);
      --green: #2ecc71;
      --green-deep: #27ae60;
      --warn: #e74c3c;
    }
    /* Global .btn variants keep their light-theme white text; inside the
       dark skin they adopt the Warhorse CTA treatment instead (green
       gradient + near-black text — mirrors .cta-main in the results
       build) so contrast holds on the brighter green. */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section .btn--ochre, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section .btn--primary, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal .btn--ochre, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal .btn--primary{
      background: linear-gradient(135deg, #7ded6f 0%, #2ecc71 100%);
      color: #050e07;
      border-color: transparent;
      box-shadow: 0 8px 28px rgba(46, 204, 113, 0.28);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section .btn--ochre:hover, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section .btn--primary:hover, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal .btn--ochre:hover, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal .btn--primary:hover{
      background: linear-gradient(135deg, #7ded6f 0%, #2ecc71 100%);
      color: #050e07;
      opacity: .88;
      transform: translateY(-1px);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section{
      position: relative;
      padding-block: clamp(2rem, 4vw, 3.25rem);
      background:
        radial-gradient(circle at 15% 0%, rgba(199, 160, 82, 0.06) 0%, transparent 45%),
        radial-gradient(circle at 85% 100%, rgba(46, 204, 113, 0.06) 0%, transparent 45%),
        var(--bg);
      overflow: hidden;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section__inner{
      max-width: 820px;
      margin: 0 auto;
      text-align: center;
      position: relative;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section__eyebrow{
      display: inline-flex;
      align-items: center;
      gap: .45rem;
      font-family: "JetBrains Mono", monospace;
      font-size: .7rem;
      letter-spacing: .18em;
      text-transform: uppercase;
      color: var(--accent-deep);
      background: var(--accent-soft);
      border: 1px solid rgba(199, 160, 82, 0.45);
      padding: .35rem .85rem;
      border-radius: 999px;
      margin-bottom: 1rem;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section__eyebrow svg{ width: 12px; height: 12px; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section__title{
    font-size: clamp(1.6rem, 3rem, 3rem);
    color: #f2d99b;
    margin-bottom: .85rem;
    font-family: "Apparel Black", Sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    text-decoration: none;
    line-height: 3.5rem;
      margin-bottom: .85rem;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section__title em{ font-style: normal; color: var(--accent-deep); }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section__lede{
         font-family: "Satoshi Regular", Sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: none;
    font-style: normal;
    line-height: 1.5rem;
    letter-spacing: 0px;
    color: #f2d99b;
      max-width: 60ch;
      margin: 0 auto 2.25rem;
      line-height: 1.55;
    }

    /* Horizontal progress bar above the quiz card */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-stepper{
      max-width: 820px;
      margin: 0 auto 1.25rem;
      padding: 0 .25rem;
      text-align: left;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-stepper[hidden]{ display: none; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-stepper__track{
      position: relative;
      height: 6px;
      background: var(--line);
      border-radius: 999px;
      overflow: hidden;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-stepper__fill{
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 0%;
      background: var(--accent);
      border-radius: 999px;
      transition: width .35s cubic-bezier(0.4, 0, 0.2, 1);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-stepper__label{
      display: block;
      margin-top: .55rem;
      font-family: "Satoshi Medium", sans-serif;
      font-size: .88rem;
      color: var(--ink-mute);
      text-align: right;
      letter-spacing: 0;
    }

    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-card{
      background: #1c1730;
      border: 1px solid var(--line);
      border-radius: 16px;
      box-shadow:
        0 1px 2px rgba(0, 0, 0, 0.04),
        0 8px 24px -8px rgba(0, 0, 0, 0.08),
        0 24px 56px -24px rgba(0, 0, 0, 0.18);
      overflow: hidden;
      text-align: left;
      position: relative;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-card::before{
      content: "";
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 3px;
      background: linear-gradient(90deg, var(--accent) 0%, var(--accent-deep) 50%, var(--green) 100%);
      opacity: 0.85;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-card__head{
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      padding: 1rem 1.4rem;
      background: linear-gradient(180deg, #221d3a 0%, #151022 100%);
      border-bottom: 1px solid var(--line);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-card__edition{
      display: inline-flex;
      align-items: center;
      gap: .4rem;
      font-size: .68rem;
      letter-spacing: .14em;
      text-transform: uppercase;
      color: var(--ink-mute);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-card__edition::before{
      content: "";
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--accent);
      box-shadow: 0 0 0 3px rgba(199, 160, 82, 0.18);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-progress{
      display: flex;
      gap: .25rem;
      align-items: center;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-progress span{
      width: 26px;
      height: 4px;
      background: var(--line-strong);
      border-radius: 999px;
      transition: background .3s ease, transform .3s ease;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-progress span.is-active{
      background: var(--accent);
      transform: scaleX(1.15);
      transform-origin: left;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-progress span.is-done{ background: var(--accent-deep); }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-card__body{
      padding: clamp(1.5rem, 3vw, 2rem);
      animation: q-fade .35s ease-out;
    }
    @keyframes q-fade {
      from { opacity: 0; transform: translateY(6px); }
      to   { opacity: 1; transform: translateY(0); }
    }
    @media (prefers-reduced-motion: reduce) {
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-card__body{ animation: none; }
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-card__foot{
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      padding: .9rem 1.4rem;
      background: linear-gradient(180deg, #151022 0%, #221d3a 100%);
      border-top: 1px solid var(--line);
      font-size: .68rem;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--ink-mute);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-back{
      display: inline-flex;
      align-items: center;
      gap: .35rem;
      color: var(--ink);
      font-size: .72rem;
      letter-spacing: .12em;
      text-transform: uppercase;
      cursor: pointer;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-back svg{ width: 14px; height: 14px; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-back[hidden]{ display: none; }

    /* Quiz screen internals — used by homepage-inline-quiz.js */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-screen{ display: flex; flex-direction: column; gap: 1.35rem; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-screen__chapter{
      display: inline-flex;
      align-items: center;
      gap: .55rem;
      font-size: .68rem;
      letter-spacing: .14em;
      text-transform: uppercase;
      color: var(--ink-mute);
      margin: 0;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-screen__chapter strong{
      color: var(--accent-deep);
      font-weight: 600;
      background: var(--accent-soft);
      border: 1px solid rgba(199, 160, 82, 0.45);
      padding: .25rem .55rem;
      border-radius: 999px;
      letter-spacing: .14em;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-screen__title{
      font-size: clamp(1.5rem, 2.8vw, 2rem);
      font-weight: 700;
      letter-spacing: -0.018em;
      line-height: 1.18;
      color: var(--ink);
      margin: 0;
          font-family: "Apparel Black", Sans-serif;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-screen__title em{ font-style: normal; color: var(--accent-deep); }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-screen__sub{
          font-family: "Satoshi Regular", Sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: none;
    font-style: normal;
    line-height: 1.5rem;
    letter-spacing: 0px;
    color: #f2d99b; }

    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-options{ display: grid; gap: .6rem; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-options--row{ grid-template-columns: repeat(3, 1fr); }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-options--col{ grid-template-columns: 1fr; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-options--check{ grid-template-columns: 1fr 1fr; }
    @media (max-width: 580px) {
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-options--row{ grid-template-columns: 1fr 1fr; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-options--check{ grid-template-columns: 1fr; }
    }

    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option{
      position: relative;
      display: flex;
      align-items: center;
      gap: .85rem;
      padding: 1rem 1.1rem;
      border: 1.5px solid var(--line);
      border-radius: 10px;
      background: #1c1730;
      text-align: left;
      font-size: .95rem;
      color: var(--ink);
      cursor: pointer;
      transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .15s ease;
      min-height: 60px;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option::after{
      content: "";
      position: absolute;
      left: 0; top: 0; bottom: 0;
      width: 3px;
      background: transparent;
      border-radius: 10px 0 0 10px;
      transition: background .18s ease;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option:hover{
      border-color: var(--accent);
      background: linear-gradient(180deg, #1c1730 0%, rgba(46, 204, 113, 0.08) 100%);
      transform: translateY(-1px);
      box-shadow: 0 6px 16px -8px rgba(199, 160, 82, 0.25);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option.is-active{
      border-color: var(--accent-deep);
      background: linear-gradient(180deg, #1c1730 0%, rgba(46, 204, 113, 0.08) 100%);
      box-shadow: 0 0 0 3px rgba(199, 160, 82, 0.15), 0 6px 14px -8px rgba(199, 160, 82, 0.3);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option.is-active::after{ background: var(--accent); }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option .marker{
      width: 22px; height: 22px;
      border-radius: 50%;
      border: 1.8px solid var(--line-strong);
      flex-shrink: 0;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: #1c1730;
      transition: border-color .18s ease, background .18s ease, transform .15s ease;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option .marker--check{ border-radius: 6px; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option:hover .marker{ border-color: var(--accent); }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option.is-active .marker{
      border-color: var(--accent-deep);
      background: var(--accent);
      transform: scale(1.05);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option.is-active .marker::after{
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #1c1730;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option.is-active .marker--check::after{
      content: "";
      width: 10px;
      height: 5px;
      border: 2px solid #1c1730;
      border-top: 0;
      border-right: 0;
      transform: rotate(-45deg) translate(1px, -1px);
      border-radius: 0;
      background: transparent;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option__label{ display: flex; flex-direction: column; gap: .15rem; flex: 1; min-width: 0; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option__label strong{ font-weight: 600; font-size: .96rem; letter-spacing: -0.005em; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option__label small{
      font-size: .8rem;
      color: var(--ink-mute);
      line-height: 1.4;
    }

    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-input{
      display: block;
      width: 100%;
      padding: 1rem 1.1rem;
      font: inherit;
      font-size: 1rem;
      color: var(--ink);
      background: #1c1730;
      border: 1.5px solid var(--line);
      border-radius: 10px;
      transition: border-color .18s ease, box-shadow .18s ease;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-input:focus{
      outline: none;
      border-color: var(--accent);
      box-shadow: 0 0 0 4px rgba(199, 160, 82, 0.15);
    }

    /* Inline Back + Continue row at the bottom of every quiz step.
     * Back is a small outlined pill on the left; Continue is the
     * filled accent pill that grows to fill the rest of the row. */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-actions{
      display: flex;
      align-items: stretch;
      gap: .6rem;
      padding-top: 1.25rem;
      margin-top: .25rem;
      border-top: 1px solid var(--line);
      flex-wrap: nowrap;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-actions__back{
      display: inline-flex;
      align-items: center;
      gap: .45rem;
      padding: .9rem 1.4rem;
      background: transparent;
      border: 1.5px solid var(--line-strong);
      border-radius: var(--radius);
      color: var(--ink);
      font-family: "Satoshi Medium", sans-serif;
      font-size: .92rem;
      font-weight: 500;
      cursor: pointer;
      flex: 0 0 auto;
      white-space: nowrap;
      transition: background .18s ease, border-color .18s ease, color .18s ease, opacity .18s ease;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-actions__back svg{ width: 14px; height: 14px; flex-shrink: 0; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-actions__back:hover:not(:disabled){
      border-color: var(--ink);
      background: var(--bg-soft);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-actions__back:focus-visible{
      outline: 2px solid var(--accent);
      outline-offset: 2px;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-actions__back:disabled{
      opacity: .4;
      cursor: not-allowed;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-actions__continue{
      flex: 1 1 auto;
      border-radius: var(--radius);
      padding: .95rem 1.5rem;
      justify-content: center;
      font-size: 1rem;
      font-weight: 600;
    }
    @media (max-width: 480px) {
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-actions__back{ padding: .8rem 1.1rem; font-size: .88rem; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-actions__continue{ padding: .85rem 1.2rem; font-size: .94rem; }
    }

    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-horse-banner{
      padding: .65rem .9rem;
      border-left: 3px solid var(--accent);
      background: var(--accent-soft);
      border-radius: 0 6px 6px 0;
      font-size: .9rem;
      color: var(--ink);
      margin: 0;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-horse-banner strong{ color: var(--accent-deep); }

    /* Per-concern count rows (Q4) and horse-name rows (Q6) */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-count-stack, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-name-stack{
      display: flex;
      flex-direction: column;
      gap: .55rem;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-count-row, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-name-row{
      display: grid;
      grid-template-columns: minmax(0, 1fr) 120px;
      align-items: center;
      gap: .85rem;
      padding: .75rem .9rem;
      border: 1.5px solid var(--line);
      border-radius: 10px;
      background: #1c1730;
      transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-name-row{ grid-template-columns: 90px minmax(0, 1fr); }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-count-row:focus-within, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-name-row:focus-within{
      border-color: var(--accent);
      background: linear-gradient(180deg, #1c1730 0%, rgba(46, 204, 113, 0.08) 100%);
      box-shadow: 0 0 0 3px rgba(199, 160, 82, 0.12);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-count-row--accent{
      border-color: var(--accent);
      background: linear-gradient(180deg, #1c1730 0%, rgba(46, 204, 113, 0.08) 100%);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-count-row__label, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-name-row__label{
      font-size: .95rem;
      font-weight: 600;
      color: var(--ink);
      letter-spacing: -0.005em;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-count-row__input, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-name-row__input{
      padding: .65rem .8rem;
      border-radius: 8px;
      font-size: .95rem;
      border-width: 1px;
    }
    @media (max-width: 480px) {
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-count-row{ grid-template-columns: 1fr 90px; gap: .55rem; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-name-row{ grid-template-columns: 1fr; gap: .35rem; }
    }

    /* Per-horse card on the combined Names+Age step */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-horse-stack{
      display: flex;
      flex-direction: column;
      gap: .8rem;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-horse-card{
      display: flex;
      flex-direction: column;
      gap: .9rem;
      padding: 1.1rem 1.15rem;
      border: 1.5px solid var(--line);
      border-radius: 12px;
      background: #1c1730;
      transition: border-color .18s ease, box-shadow .18s ease;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-horse-card:focus-within{
      border-color: var(--accent);
      box-shadow: 0 0 0 3px rgba(199, 160, 82, 0.12);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-horse-card__head{
      display: grid;
      grid-template-columns: 90px minmax(0, 1fr);
      align-items: center;
      gap: .85rem;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-horse-card__num{
      font-family: "Satoshi Bold", sans-serif;
      font-size: .8rem;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: var(--accent-deep);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-horse-card__name{
      padding: .7rem .85rem;
      border-radius: 8px;
      font-size: .95rem;
      border-width: 1px;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-horse-card__age-row{
      display: grid;
      grid-template-columns: 90px minmax(0, 1fr);
      align-items: start;
      gap: .85rem;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-horse-card__age-label{
      font-family: "Satoshi Medium", sans-serif;
      font-size: .85rem;
      font-weight: 500;
      color: var(--ink-mute);
      padding-top: .55rem;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-horse-card__age-options{
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: .45rem;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-age-pill{
      display: flex;
      align-items: center;
      gap: .5rem;
      padding: .55rem .7rem;
      border: 1.5px solid var(--line);
      border-radius: 8px;
      background: #1c1730;
      color: var(--ink);
      cursor: pointer;
      font: inherit;
      text-align: left;
      transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
      min-height: 52px;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-age-pill:hover{
      border-color: var(--accent);
      background: linear-gradient(180deg, #1c1730 0%, rgba(46, 204, 113, 0.08) 100%);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-age-pill.is-active{
      border-color: var(--accent-deep);
      background: linear-gradient(180deg, #1c1730 0%, rgba(46, 204, 113, 0.08) 100%);
      box-shadow: 0 0 0 2px rgba(199, 160, 82, 0.12);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-age-pill__dot{
      width: 14px;
      height: 14px;
      border-radius: 50%;
      border: 1.5px solid var(--line-strong);
      background: #1c1730;
      flex-shrink: 0;
      transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-age-pill.is-active .q-age-pill__dot{
      border-color: var(--accent-deep);
      background: var(--accent);
      box-shadow: inset 0 0 0 2px #1c1730;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-age-pill__body{
      display: flex;
      flex-direction: column;
      gap: .05rem;
      min-width: 0;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-age-pill__body strong{
      font-family: "Satoshi Medium", sans-serif;
      font-size: .9rem;
      font-weight: 600;
      letter-spacing: -0.005em;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-age-pill__body small{
      font-size: .72rem;
      color: var(--ink-mute);
      line-height: 1.3;
    }
    @media (max-width: 720px) {
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-horse-card__head, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-horse-card__age-row{
        grid-template-columns: 1fr;
        gap: .55rem;
      }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-horse-card__age-label{ padding-top: 0; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-horse-card__age-options{ grid-template-columns: 1fr 1fr; }
    }

    /* Email gate */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-email{ display: flex; flex-direction: column; gap: 1rem; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-email__lead{ color: var(--ink-mute); font-size: .95rem; margin: 0; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-email__field{ display: flex; gap: .5rem; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-email__field .q-input{ flex: 1; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-email__check{
      display: flex;
      align-items: flex-start;
      gap: .55rem;
      font-size: .9rem;
      color: var(--ink-soft);
      cursor: pointer;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-email__check input[type="checkbox"]{ width: 16px; height: 16px; margin-top: 3px; accent-color: var(--accent); }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-email__legal{
      font-size: .72rem;
      color: var(--ink-mute);
      line-height: 1.5;
      border-top: 1px dashed var(--line);
      padding-top: .65rem;
      margin: 0;
    }

    /* Loading reveal */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-loading{ text-align: center; padding-block: 1.5rem; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-loading__title{ font-size: clamp(1.3rem, 2.4vw, 1.6rem); font-weight: 700; color: var(--ink); margin: 0 0 1.4rem; letter-spacing: -0.01em; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-loading__title em{ font-style: normal; color: var(--accent-deep); }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-loading__bar{
      height: 4px;
      width: 100%;
      max-width: 320px;
      margin: 0 auto 1.4rem;
      background: var(--line);
      border-radius: 999px;
      overflow: hidden;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-loading__bar i{
      display: block;
      height: 100%;
      width: 30%;
      background: linear-gradient(90deg, var(--accent) 0%, var(--accent-deep) 100%);
      border-radius: 999px;
      animation: bar 1.4s ease infinite;
    }
    @keyframes bar {
      0% { transform: translateX(-100%); }
      60% { transform: translateX(220%); }
      100% { transform: translateX(220%); }
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-loading__steps{
      font-size: .72rem;
      letter-spacing: .14em;
      text-transform: uppercase;
      color: var(--ink-mute);
      display: flex;
      flex-direction: column;
      gap: .35rem;
      align-items: center;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-loading__steps span.done{ color: var(--accent-deep); }

    /* Reveal */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal{ display: flex; flex-direction: column; gap: 1.4rem; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__chapter{
      display: inline-flex;
      align-items: center;
      gap: .45rem;
      font-size: .68rem;
      letter-spacing: .16em;
      text-transform: uppercase;
      color: var(--accent-deep);
      margin: 0;
      align-self: flex-start;
      background: var(--accent-soft);
      border: 1px solid rgba(199, 160, 82, 0.45);
      padding: .35rem .75rem;
      border-radius: 999px;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__chapter::before{
      content: "✓";
      color: var(--accent-deep);
      font-weight: 700;
      font-size: .8rem;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__title{
      font-size: clamp(1.5rem, 2.6vw, 2rem);
      font-weight: 700;
      letter-spacing: -0.018em;
      line-height: 1.2;
      color: var(--ink);
      margin: 0;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__title em{ font-style: normal; color: var(--accent-deep); }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__card{
      position: relative;
      border: 1px solid var(--line);
      border-radius: 12px;
      background: #1c1730;
      padding: 1.4rem;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 12px -6px rgba(0, 0, 0, 0.08);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__card:first-of-type{
      background: linear-gradient(180deg, #1c1730 0%, #221d3a 100%);
      border-color: var(--accent);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__card:first-of-type::before{
      content: "";
      position: absolute;
      top: 0; left: 1.4rem; right: 1.4rem;
      height: 3px;
      background: linear-gradient(90deg, var(--accent) 0%, var(--accent-deep) 100%);
      border-radius: 0 0 3px 3px;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__name{
      font-size: .68rem;
      letter-spacing: .14em;
      color: var(--accent-deep);
      text-transform: uppercase;
      margin: 0 0 .5rem;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__protocol{ font-size: 1.4rem; font-weight: 700; letter-spacing: -0.015em; margin: 0 0 .8rem; color: var(--ink); }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__items{ display: flex; flex-direction: column; gap: .35rem; font-size: .92rem; color: var(--ink-soft); }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__items li{
      padding-left: 1.4rem;
      position: relative;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__items li::before{
      content: "";
      position: absolute;
      left: 0;
      top: .5em;
      width: 6px;
      height: 6px;
      background: var(--accent);
      border-radius: 50%;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__note{ font-size: .9rem; color: var(--ink-mute); margin: .8rem 0 0; line-height: 1.55; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__note strong{ color: var(--ink); }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__actions{ display: flex; gap: .6rem; flex-wrap: wrap; padding-top: .25rem; }

    /* Cadence toggle */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cadence{
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: .5rem;
      padding-top: 1rem;
      margin-top: .8rem;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cadence__opt{
      position: relative;
      display: flex;
      flex-direction: column;
      gap: .2rem;
      padding: .9rem .85rem;
      border: 1.5px solid var(--line);
      border-radius: 10px;
      background: #1c1730;
      text-align: left;
      cursor: pointer;
      transition: border-color .18s ease, transform .15s ease, box-shadow .18s ease;
      font-size: .85rem;
      min-height: 76px;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cadence__opt:hover{
      border-color: var(--accent);
      transform: translateY(-1px);
      box-shadow: 0 4px 12px -6px rgba(199, 160, 82, 0.25);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cadence__opt.is-active{
      border-color: var(--accent-deep);
      background: linear-gradient(180deg, #1c1730 0%, rgba(46, 204, 113, 0.08) 100%);
      box-shadow: 0 0 0 3px rgba(199, 160, 82, 0.15), 0 4px 12px -6px rgba(199, 160, 82, 0.3);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cadence__opt strong{ font-size: .98rem; color: var(--ink); font-weight: 600; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cadence__opt small{ color: var(--ink-mute); font-size: .74rem; line-height: 1.35; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cadence__opt .price{ color: var(--accent-deep); font-weight: 700; font-size: .9rem; margin-top: .35rem; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cadence__opt .ribbon{
      position: absolute;
      top: -9px;
      right: 8px;
      background: linear-gradient(135deg, var(--accent) 0%, var(--accent-deep) 100%);
      color: #050e07;
      font-size: .56rem;
      letter-spacing: .14em;
      text-transform: uppercase;
      padding: 3px 8px;
      border-radius: 999px;
      font-weight: 600;
      box-shadow: 0 2px 6px -1px rgba(199, 160, 82, 0.4);
    }
    @media (max-width: 660px) { body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cadence{ grid-template-columns: 1fr 1fr; } }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__total{
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      padding: .9rem 1rem;
      background: var(--bg-soft);
      border-radius: 8px;
      flex-wrap: wrap;
      gap: .35rem 1rem;
      margin-top: 1rem;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__total .label{font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-mute); }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__total .amount{ font-size: 1.5rem; font-weight: 700; color: var(--ink); letter-spacing: -0.015em; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__total .perday{ font-size: .9rem; color: var(--accent-deep); font-weight: 500; }

    /* Add-ons block */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__addon-list{ display: flex; flex-direction: column; gap: .5rem; margin: .25rem 0 0; padding: 0; list-style: none; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__addon label{
      display: flex;
      align-items: center;
      gap: .75rem;
      padding: .75rem .85rem;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: #1c1730;
      cursor: pointer;
      transition: border-color .18s ease, background .18s ease;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__addon label:hover{ border-color: var(--accent); }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__addon input[type="checkbox"]{ width: 18px; height: 18px; accent-color: var(--accent); flex: 0 0 auto; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__addon-body{ flex: 1; display: flex; flex-direction: column; gap: .15rem; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__addon-body strong{ font-size: .95rem; color: var(--ink); }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__addon-body small{ font-size: .8rem; color: var(--ink-mute); }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__addon-price{ font-size: .95rem; font-weight: 600; color: var(--accent-deep); flex: 0 0 auto; }

    /* Bundle vs à la carte savings bar */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__savings{ background: linear-gradient(180deg, #1c1730 0%, #151022 100%); }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .savings-bar{ display: flex; flex-direction: column; gap: .65rem; margin-top: .5rem; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .savings-bar__row{ display: grid; grid-template-columns: 100px 1fr; align-items: center; gap: .8rem; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .savings-bar__label{
      font-size: .7rem;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--ink-mute);
      font-weight: 500;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .savings-bar__track{
      position: relative;
      height: 36px;
      background: rgba(255, 255, 255, 0.12);
      border-radius: 8px;
      overflow: hidden;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .savings-bar__fill{
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      padding: 0 .85rem;
      border-radius: 8px;
      transition: width .45s cubic-bezier(0.4, 0, 0.2, 1);
      min-width: 70px;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .savings-bar__fill--alacarte{
      background: linear-gradient(90deg, #c7a052 0%, #86651f 100%);
      color: #050e07;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .savings-bar__fill--bundle{
      background: linear-gradient(90deg, var(--accent) 0%, var(--accent-deep) 100%);
      color: #050e07;
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .savings-bar__amount{ font-size: .9rem; font-weight: 700; letter-spacing: .01em; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__savings-callout{
      margin: .85rem 0 0;
      padding: .8rem 1rem;
      background: linear-gradient(135deg, rgba(46, 204, 113, 0.10) 0%, rgba(199, 160, 82, 0.10) 100%);
      border: 1.5px solid var(--accent);
      border-radius: 10px;
      font-size: .92rem;
      display: flex;
      gap: .55rem;
      align-items: baseline;
      flex-wrap: wrap;
      box-shadow: 0 2px 8px -3px rgba(199, 160, 82, 0.2);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__savings-callout::before{
      content: "🏷";
      font-size: 1.1rem;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__savings-callout strong{
      font-size: 1.15rem;
      color: var(--accent-deep);
      letter-spacing: -0.01em;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__savings-callout span{ color: var(--ink-soft); font-size: .85rem; }
    @media (max-width: 480px) {
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .savings-bar__row{ grid-template-columns: 80px 1fr; gap: .55rem; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .savings-bar__amount{ font-size: .82rem; }
    }

    /* ============================================================== */
    /* Reveal — Bundle line-items card                                 */
    /* ============================================================== */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__bundle{ background: #1c1730; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .bundle-items{
      list-style: none;
      padding: 0;
      margin: .5rem 0 0;
      display: flex;
      flex-direction: column;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .bundle-items__row{
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      align-items: center;
      gap: .85rem;
      padding: .85rem 0;
      border-bottom: 1px dashed var(--line);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .bundle-items__row:last-child{ border-bottom: 0; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .bundle-items__qty{
      font-family: "Apparel Black", sans-serif;
      font-size: 1.1rem;
      font-weight: 700;
      color: var(--accent-deep);
      padding: .3rem .55rem;
      background: var(--accent-soft);
      border: 1px solid rgba(199, 160, 82, 0.45);
      border-radius: 6px;
      letter-spacing: -0.005em;
      min-width: 44px;
      text-align: center;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .bundle-items__body{
      display: flex;
      flex-direction: column;
      gap: .15rem;
      min-width: 0;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .bundle-items__name{
      font-family: "Satoshi Bold", sans-serif;
      font-size: .98rem;
      font-weight: 700;
      color: var(--ink);
      letter-spacing: -0.005em;
      line-height: 1.3;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .bundle-items__bucket{
      font-size: .72rem;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--ink-mute);
      font-family: "Satoshi Medium", sans-serif;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .bundle-items__price{
      font-family: "Apparel Black", sans-serif;
      font-size: 1.1rem;
      font-weight: 700;
      color: var(--ink);
      letter-spacing: -0.01em;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .bundle-items__subtotal{
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: .75rem;
      margin-top: .65rem;
      padding: .85rem 1rem;
      background: var(--bg-soft);
      border-radius: 8px;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .bundle-items__sub-label{
      font-size: .78rem;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--ink-mute);
      font-family: "Satoshi Medium", sans-serif;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .bundle-items__sub-amt{
      font-family: "Apparel Black", sans-serif;
      font-size: 1.3rem;
      font-weight: 700;
      color: var(--ink);
      letter-spacing: -0.015em;
    }
    @media (max-width: 480px) {
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .bundle-items__row{ grid-template-columns: auto minmax(0, 1fr); }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .bundle-items__price{ grid-column: 2; padding-left: 0; font-size: 1rem; }
    }

    /* ============================================================== */
    /* Reveal — Buy-X-Get-Y Offer card                                 */
    /* ============================================================== */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__offer{
      background: linear-gradient(135deg, rgba(46, 204, 113, 0.10) 0%, rgba(199, 160, 82, 0.10) 100%) !important;
      border: 1.5px solid var(--accent) !important;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .offer__head{ margin-bottom: 1.1rem; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .offer__badge{
      display: inline-block;
      font-family: "JetBrains Mono", monospace;
      font-size: .65rem;
      letter-spacing: .18em;
      text-transform: uppercase;
      color: #050e07;
      background: var(--accent-deep);
      padding: .35rem .75rem;
      border-radius: 999px;
      margin-bottom: .65rem;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .offer__title{
      font-family: "Apparel Black", sans-serif;
      font-size: clamp(1.35rem, 2.4vw, 1.7rem);
      font-weight: 600;
      letter-spacing: -0.01em;
      color: var(--ink);
      margin: 0 0 .35rem;
      line-height: 1.15;
      text-transform: uppercase;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .offer__detail{
      font-size: .9rem;
      color: var(--ink-soft);
      margin: 0;
      line-height: 1.5;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .offer__totals{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0;
      margin: 0 0 1.1rem;
      padding: 1rem 0;
      border-top: 1px solid rgba(199, 160, 82, 0.25);
      border-bottom: 1px solid rgba(199, 160, 82, 0.25);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .offer__total{
      display: flex;
      flex-direction: column;
      gap: .25rem;
      padding: 0 .85rem;
      position: relative;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .offer__total:first-child{ padding-left: 0; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .offer__total:not(:first-child)::before{
      content: "";
      position: absolute;
      left: 0;
      top: 10%;
      bottom: 10%;
      width: 1px;
      background: rgba(199, 160, 82, 0.25);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .offer__total small{
      font-size: .68rem;
      letter-spacing: .14em;
      text-transform: uppercase;
      color: var(--ink-mute);
      font-family: "Satoshi Medium", sans-serif;
      font-weight: 500;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .offer__total span, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .offer__total strong{
      font-family: "Apparel Black", sans-serif;
      font-weight: 700;
      color: var(--ink);
      letter-spacing: -0.015em;
      font-size: 1.4rem;
      line-height: 1.1;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .offer__total-strike{
      text-decoration: line-through;
      color: var(--ink-mute) !important;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .offer__total--save strong{ color: var(--accent-deep); }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .offer__total--final strong{ color: var(--accent-deep); font-size: 1.65rem !important; }

    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .offer__coupon{
      display: flex;
      align-items: center;
      gap: .85rem;
      padding: .85rem 1rem;
      background: #1c1730;
      border: 1.5px dashed var(--accent);
      border-radius: 10px;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .offer__coupon svg{
      width: 24px;
      height: 24px;
      color: var(--accent-deep);
      flex-shrink: 0;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .offer__coupon-body{
      display: flex;
      flex-direction: column;
      gap: .2rem;
      min-width: 0;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .offer__coupon-body span{
      font-family: "Satoshi Regular", sans-serif;
      font-size: .95rem;
      color: var(--ink);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .offer__coupon-body strong{
      font-family: "JetBrains Mono", monospace;
      font-size: 1rem;
      font-weight: 700;
      letter-spacing: .12em;
      color: var(--ink);
      background: var(--accent-soft);
      padding: .1rem .4rem;
      border-radius: 4px;
      user-select: all;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .offer__coupon-body small{
      font-size: .76rem;
      color: var(--ink-mute);
      line-height: 1.45;
    }
    @media (max-width: 580px) {
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .offer__totals{ grid-template-columns: 1fr; gap: .75rem; padding: .85rem 0; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .offer__total{ padding: 0; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .offer__total:not(:first-child)::before{
        left: 0; right: 0; top: auto; bottom: auto;
        width: 100%; height: 1px;
        background: rgba(199, 160, 82, 0.18);
        position: relative;
        display: block;
        margin-bottom: .55rem;
      }
    }

    /* ============================================================== */
    /* Reveal — Recommended-for-your-horse / Guarantee / Testimonials */
    /* ============================================================== */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .reveal-recs{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: .7rem;
      margin-top: .6rem;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .rec-card{
      display: flex;
      flex-direction: column;
      gap: .65rem;
      padding: .9rem .85rem 1rem;
      border: 1px solid var(--line);
      border-radius: 10px;
      background: linear-gradient(180deg, #1c1730 0%, #221d3a 100%);
      transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
      min-width: 0;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .rec-card:hover{
      border-color: var(--accent);
      transform: translateY(-2px);
      box-shadow: 0 10px 22px -10px rgba(199, 160, 82, 0.25);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .rec-card__media{
      width: 100%;
      height: 80px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: var(--accent-soft);
      border: 1px solid rgba(199, 160, 82, 0.45);
      border-radius: 8px;
      color: var(--accent-deep);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .rec-card__media svg{ width: 32px; height: 32px; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .rec-card__body{
      display: flex;
      flex-direction: column;
      gap: .25rem;
      flex: 1;
      min-width: 0;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .rec-card__name{
      font-family: "Satoshi Bold", sans-serif;
      font-size: .92rem;
      font-weight: 700;
      color: var(--ink);
      margin: 0;
      letter-spacing: -0.005em;
      line-height: 1.25;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .rec-card__why{
      font-size: .76rem;
      color: var(--ink-mute);
      line-height: 1.4;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .rec-card__foot{
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: .5rem;
      padding-top: .35rem;
      border-top: 1px dashed var(--line);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .rec-card__price{
      font-family: "Apparel Black", sans-serif;
      font-size: 1rem;
      font-weight: 700;
      color: var(--accent-deep);
      margin: 0;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .rec-card__cta{
      padding: .4rem .8rem;
      font-size: .8rem;
      border-radius: 8px;
    }
    @media (max-width: 720px) {
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .reveal-recs{ grid-template-columns: 1fr; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .rec-card__media{ height: 64px; }
    }

    /* Guarantee banner */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__guarantee{
      background: linear-gradient(135deg, rgba(46, 204, 113, 0.10) 0%, rgba(199, 160, 82, 0.10) 100%) !important;
      border: 1.5px solid var(--accent) !important;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .guarantee-row{
      display: flex;
      align-items: center;
      gap: 1.1rem;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .guarantee-row__icon{
      width: 56px;
      height: 56px;
      flex-shrink: 0;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .guarantee-row__body strong{
      display: block;
      font-family: "Apparel Black", sans-serif;
      font-size: 1.1rem;
      font-weight: 600;
      color: var(--ink);
      letter-spacing: -0.01em;
      margin-bottom: .25rem;
      text-transform: uppercase;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .guarantee-row__body p{
      font-size: .9rem;
      color: var(--ink-soft);
      line-height: 1.5;
      margin: 0;
    }
    @media (max-width: 480px) {
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .guarantee-row{ flex-direction: column; align-items: flex-start; gap: .7rem; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .guarantee-row__icon{ width: 48px; height: 48px; }
    }

    /* Testimonials — single-card slider with prev/next + dots */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .testimonial-slider{
      margin-top: .6rem;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .testimonial-slider__viewport{
      overflow: hidden;
      border-radius: 10px;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .testimonial-slider__track{
      display: flex;
      transition: transform .4s cubic-bezier(0.4, 0, 0.2, 1);
      will-change: transform;
    }
    @media (prefers-reduced-motion: reduce) {
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .testimonial-slider__track{ transition: none; }
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .testimonial-slider__slide{
      flex: 0 0 100%;
      min-width: 0;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .testimonial-slider__nav{
      display: flex;
      align-items: center;
      justify-content: center;
      gap: .85rem;
      margin-top: .85rem;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .testimonial-slider__btn{
      width: 36px;
      height: 36px;
      border-radius: 50%;
      border: 1.5px solid var(--line-strong);
      background: #1c1730;
      color: var(--ink);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      flex-shrink: 0;
      transition: border-color .15s ease, background .15s ease, color .15s ease;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .testimonial-slider__btn:hover{
      border-color: var(--accent);
      background: var(--accent-soft);
      color: var(--accent-deep);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .testimonial-slider__btn:focus-visible{
      outline: 2px solid var(--accent);
      outline-offset: 2px;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .testimonial-slider__btn svg{ width: 14px; height: 14px; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .testimonial-slider__dots{
      display: inline-flex;
      align-items: center;
      gap: .4rem;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .testimonial-slider__dot{
      width: 8px;
      height: 8px;
      border-radius: 50%;
      border: 0;
      padding: 0;
      background: var(--line-strong);
      cursor: pointer;
      transition: background .15s ease, transform .15s ease;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .testimonial-slider__dot:hover{ background: var(--accent); }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .testimonial-slider__dot.is-active{
      background: var(--accent);
      transform: scale(1.35);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .testimonial-slider__dot:focus-visible{
      outline: 2px solid var(--accent);
      outline-offset: 2px;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .testimonial{
      display: flex;
      gap: .9rem;
      padding: .95rem .9rem;
      border: 1px solid var(--line);
      border-radius: 10px;
      background: #1c1730;
      transition: border-color .18s ease, box-shadow .18s ease;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .testimonial:hover{
      border-color: var(--accent);
      box-shadow: 0 6px 16px -10px rgba(199, 160, 82, 0.22);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .testimonial__avatar{
      flex-shrink: 0;
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--accent) 0%, var(--accent-deep) 100%);
      color: #050e07;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: "Satoshi Bold", sans-serif;
      font-size: .92rem;
      font-weight: 700;
      letter-spacing: .03em;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .testimonial__body{ flex: 1; min-width: 0; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .testimonial__stars{
      font-size: .9rem;
      color: #f5b417;
      letter-spacing: .06em;
      margin-bottom: .35rem;
      line-height: 1;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .testimonial__quote{
      font-size: .92rem;
      color: var(--ink);
      line-height: 1.55;
      margin: 0 0 .5rem;
      font-style: italic;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .testimonial__author{
      font-size: .82rem;
      color: var(--ink-mute);
      margin: 0;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .testimonial__author strong{ color: var(--ink); font-weight: 600; }

    /* Bottom CTA — two centered buttons */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .bottom-cta{
      padding-block: clamp(2rem, 4vw, 3.25rem);
      background:
        radial-gradient(circle at 50% 0%, rgba(199, 160, 82, 0.04) 0%, transparent 60%),
        var(--bg-soft);
      border-top: 1px solid var(--line);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .bottom-cta__row{
      display: flex;
      align-items: center;
      justify-content: center;
      gap: .8rem;
      flex-wrap: wrap;
    }

    /* ============================================================== */
    /* Discount popup — celebrates the email submit + delivers the    */
    /* coupon code. Theme matches EEHP (cream card, green accent).    */
    /* ============================================================== */
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal{
      position: fixed;
      inset: 0;
      z-index: 9999;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 1rem;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal[hidden]{ display: none; }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__backdrop{
      position: absolute;
      inset: 0;
      background: rgba(8, 12, 10, 0.55);
      backdrop-filter: blur(4px);
      -webkit-backdrop-filter: blur(4px);
      animation: discount-modal-fade .25s ease;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__card{
      position: relative;
      z-index: 1;
      width: 100%;
      max-width: 460px;
      background: #1c1730;
      border: 1px solid var(--line);
      border-radius: 16px;
      padding: 2.25rem 1.85rem 1.5rem;
      box-shadow:
        0 24px 60px -12px rgba(0, 0, 0, 0.4),
        0 4px 14px rgba(0, 0, 0, 0.18);
      text-align: center;
      animation: discount-modal-pop .35s cubic-bezier(0.4, 0, 0.2, 1);
    }
    @keyframes discount-modal-fade {
      from { opacity: 0; }
      to   { opacity: 1; }
    }
    @keyframes discount-modal-pop {
      from { opacity: 0; transform: translateY(20px) scale(0.94); }
      to   { opacity: 1; transform: translateY(0) scale(1); }
    }
    @media (prefers-reduced-motion: reduce) {
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__backdrop, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__card{ animation: none; }
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__close{
      position: absolute;
      top: .75rem;
      right: .75rem;
      width: 32px;
      height: 32px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: transparent;
      color: var(--ink-mute);
      border: 0;
      cursor: pointer;
      transition: background .15s ease, color .15s ease;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__close:hover{ background: var(--bg-soft); color: var(--ink); }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__close svg{ width: 14px; height: 14px; }

    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__title{
      font-family: "Apparel Black", sans-serif;
      font-size: clamp(1.35rem, 2.4vw, 1.7rem);
      font-weight: 600;
      line-height: 1.25;
      color: var(--ink);
      letter-spacing: -0.005em;
      margin: 0 0 .75rem;
      text-transform: uppercase;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__title em{
      font-style: normal;
      color: var(--accent);
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__emoji{
      display: inline-block;
      font-size: 1.15em;
      margin-right: .35em;
      vertical-align: -0.05em;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__sub{
      font-family: "Satoshi Regular", sans-serif;
      font-size: .95rem;
      color: var(--ink-mute);
      line-height: 1.55;
      margin: 0 0 1.4rem;
    }

    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__code-row{
      display: flex;
      align-items: stretch;
      gap: .45rem;
      padding: .35rem;
      border: 2px dashed var(--accent);
      border-radius: 10px;
      background: var(--accent-soft);
      margin: 0 0 1.25rem;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__code{
      flex: 1;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-family: "JetBrains Mono", monospace;
      font-size: 1.4rem;
      font-weight: 700;
      letter-spacing: .14em;
      color: var(--ink);
      padding: .65rem .5rem;
      user-select: all;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__copy{
      flex-shrink: 0;
      padding: .65rem 1.1rem;
      background: var(--ink);
      color: #050e07;
      border: 1px solid var(--ink);
      border-radius: 8px;
      font-family: "Satoshi Medium", sans-serif;
      font-size: .82rem;
      font-weight: 500;
      cursor: pointer;
      transition: background .15s ease, border-color .15s ease;
    }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__copy:hover{ background: var(--ink-soft); }
    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__copy.is-copied{
      background: var(--accent);
      border-color: var(--accent-deep);
    }

    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__cta{
      width: 100%;
      justify-content: center;
      padding: .95rem 1.5rem;
      font-size: 1rem;
    }

    body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__foot{
      font-size: .78rem;
      color: var(--ink-mute);
      margin: 1rem 0 0;
      line-height: 1.5;
    }

    @media (max-width: 480px) {
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__card{ padding: 1.85rem 1.25rem 1.25rem; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__code-row{ flex-direction: column; gap: .4rem; }
      body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__copy{ width: 100%; }
    }