/*! GENERATED by tools/scope-css.php from styles.css — do not edit. */
body.eehp-ported-page{
  --bg: #0c0917;
  --surface: #151022;
  --surface2: #1c1730;
  --surface3: #221d3a;
  --border: rgba(255,255,255,0.08);
  --border-accent: rgba(199,160,82,0.45);
  --border-green: rgba(46,204,113,0.3);
  /* Premium gold — deeper/warmer antique-brass tone vs. the prior flat yellow-gold,
     with a champagne highlight + bronze shadow for the gradient headline treatment below. */
  --gold: #c7a052;
  --gold-light: #f2d99b;
  --gold-dark: #86651f;
  --green: #2ecc71;
  --green-bright: #7ded6f;
  --red-warn: #e74c3c;
  --text: #eeecf5;
  --text-muted: #cdc9e2;
  --text-faint: #9c97b3;
  --radius: 18px;
  --radius-sm: 10px;
  --radius-pill: 100px;
}
body.eehp-ported-page *, body.eehp-ported-page *::before, body.eehp-ported-page *::after{ box-sizing: border-box; margin: 0; padding: 0; }
body.eehp-ported-page{ scroll-behavior: smooth; }
body.eehp-ported-page{
  background: var(--bg);
  color: var(--text);
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 16px;
  line-height: 1.65;
  overflow-x: hidden;
}

/* ── AMBIENT BACKGROUND ORBS ── */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .bg-orbs{
  position: fixed; top: 0; left: 0; width: 100%; height: 100%;
  pointer-events: none; z-index: 0; overflow: hidden;
  /* Two soft green glows lower in the fixed viewport so the hero's green atmosphere
     carries down the page instead of fading out below the fold. Opaque sections
     (the charcoal deep-dive band) still sit above this layer and stay charcoal. */
  background:
    radial-gradient(440px 440px at 16% 60%, rgba(46,204,113,0.08), transparent 60%),
    radial-gradient(500px 500px at 88% 84%, rgba(46,204,113,0.07), transparent 62%);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .orb{
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.18;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .orb-1{ width: 700px; height: 700px; top: -150px; left: 50%; transform: translateX(-50%); background: radial-gradient(circle, #2ecc71, transparent); opacity: 0.10; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .orb-2{ width: 500px; height: 500px; top: 40%; right: -100px; background: radial-gradient(circle, #2ecc71, transparent); opacity: 0.08; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .orb-3{ width: 400px; height: 400px; bottom: 20%; left: -80px; background: radial-gradient(circle, var(--gold), transparent); opacity: 0.07; }

body.eehp-ported-page.eehp-ported-page.eehp-ported-page .page{ position: relative; z-index: 1; }

/* ── LAYOUT ── */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .wrap{ max-width: 1100px; margin: 0 auto; padding: 0 28px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .wrap-wide{ max-width: 1060px; margin: 0 auto; padding: 0 28px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .tc{ text-align: center; }
body.eehp-ported-page section{ padding: 80px 0; }

/* ── TYPOGRAPHY ── */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .overline{
  display: inline-block;
  font-size: 10px; font-weight: 700;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: rgba(255,255,255,0.4); margin-bottom: 14px;
}
body.eehp-ported-page h1{ font-size: clamp(32px, 5vw, 52px); font-weight: 800; line-height: 1.15; }
body.eehp-ported-page h2{ font-size: clamp(24px, 3.5vw, 36px); font-weight: 700; line-height: 1.25; }
body.eehp-ported-page h3{ font-size: 20px; font-weight: 600; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .gold{ color: var(--gold); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .green{ color: var(--green-bright); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .muted{ color: var(--text-muted); }
/* Premium shimmer — reserved for headline-scale gold moments (hero h1, reviews h2 "5.0").
   Small badge/label gold text stays flat var(--gold) on purpose: a metallic gradient
   reads as banding, not shine, below ~20px. */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page h1 .gold, body.eehp-ported-page.eehp-ported-page.eehp-ported-page h2 .gold{
  background: linear-gradient(120deg, var(--gold) 0%, var(--gold-light) 40%, var(--gold) 70%, var(--gold-light) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: var(--gold);
}

/* ── PILLS / BADGES ── */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .pill{
  display: inline-block;
  font-size: 10px; font-weight: 700;
  padding: 4px 12px; border-radius: var(--radius-pill);
  letter-spacing: 0.06em; text-transform: uppercase;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .pill-gold{ background: rgba(199,160,82,0.12); color: var(--gold); border: 1px solid rgba(199,160,82,0.28); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .pill-green{ background: rgba(46,204,113,0.1); color: var(--green-bright); border: 1px solid rgba(125,237,111,0.22); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .pill-dark{ background: var(--surface2); color: var(--text-muted); border: 1px solid var(--border); }

/* ── CARDS ── */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .card{
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 28px 32px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .card-featured{
  background: var(--surface2);
  border: 1px solid rgba(46,204,113,0.3);
  border-radius: var(--radius);
  padding: 28px 32px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .card-green{
  background: rgba(46,204,113,0.05);
  border: 1px solid var(--border-green);
  border-radius: var(--radius-sm);
  padding: 14px 18px;
}
/* Premium depth pass — soft ambient shadow on the main card surfaces, replacing the
   flat look with gentle elevation. Same palette/borders; only adds a shadow layer. */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .card, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .card-featured, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .step-card, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .reveal-outer, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .tl-card, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .pillar, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .review-card, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .proto-card, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cost-col, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .callout-box, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .faq-item, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .for-item, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .sym-card{
  box-shadow: 0 4px 20px rgba(0,0,0,0.22);
}

/* ── BUTTONS ── */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn-primary{
  display: block; width: 100%;
  background: var(--green); color: #050e07;
  border: none; border-radius: var(--radius-sm);
  padding: 15px 24px;
  font-size: 15px; font-weight: 700; cursor: pointer;
  letter-spacing: 0.02em; text-align: center;
  transition: opacity .2s, box-shadow .2s;
  box-shadow: 0 6px 20px rgba(46,204,113,0.22);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn-primary:hover{ opacity: .88; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn-ghost{
  display: block; width: 100%;
  background: transparent; color: var(--text-muted);
  border: 1.5px solid rgba(255,255,255,0.2); border-radius: var(--radius-sm);
  padding: 12px 24px;
  font-size: 14px; font-weight: 500; cursor: pointer;
  text-align: center; transition: border-color .2s;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn-ghost:hover{ border-color: rgba(255,255,255,0.34); }

/* ── DIVIDERS ── */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .divider{ height: 1px; background: var(--border); margin: 24px 0; }

/* ══════════════════════════════════
   1. TRUST STRIP
══════════════════════════════════ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .trust-strip{
  padding: 22px 0 28px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .trust-strip .wrap{
  display: flex; gap: 10px; align-items: stretch;
  justify-content: stretch; flex-wrap: nowrap;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ts-item{
  flex: 1; min-width: 0; text-align: center;
  font-size: 11px; font-weight: 600; letter-spacing: 0.06em;
  text-transform: uppercase; color: var(--green-bright);
  padding: 10px 12px;
  background: rgba(46,204,113,0.07);
  border: 1px solid rgba(125,237,111,0.3);
  border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
}
/* Mobile: 2x2 grid instead of 4 squeezed columns */
@media (max-width: 700px) {
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .trust-strip .wrap{ display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ts-item{ font-size: 10px; padding: 9px 8px; }
}

/* ══════════════════════════════════
   2. PROTOCOL REVEAL CARD
══════════════════════════════════ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .s-reveal{ padding: 60px 0 0; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .reveal-card-wrap{  margin: 0 auto; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .reveal-outer{
  position: relative;
  background: var(--bg);
  border: 1px solid rgba(46,204,113,0.35);
  border-radius: 22px;
  padding: 36px 40px 32px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .reveal-outer::before{
  content: '';
  position: absolute; inset: -1px;
  border-radius: 23px;
  background: transparent;
  z-index: -1;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .reveal-overline{
  display: flex; align-items: center; gap: 7px;
  font-size: 10px; font-weight: 700; letter-spacing: .14em;
  text-transform: uppercase; color: var(--green-bright);
  margin-bottom: 10px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .reveal-title{ font-size: 22px; font-weight: 700; color: var(--text); margin-bottom: 10px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .free-badge{
  display: flex; align-items: flex-start; gap: 10px;
  background: rgba(46,204,113,0.07);
  border: 1px solid rgba(125,237,111,0.2);
  border-radius: var(--radius-sm);
  padding: 10px 14px; margin-bottom: 22px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .free-badge-text{ font-size: 13px; color: var(--green-bright); line-height: 1.5; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .free-badge-text strong{ color: #a0f59e; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .free-badge-sub{ font-size: 11px; color: var(--text-muted); margin-top: 2px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .product-line{
  display: flex; align-items: center; gap: 12px;
  padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,0.06);
  font-size: 14px; color: var(--text);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .product-line:last-child{ border-bottom: none; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .product-chk{ color: var(--green); font-size: 13px; flex-shrink: 0; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .product-name{ flex: 1; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .product-price{ color: var(--text-muted); font-size: 13px; }
/* Priced Warhorse-Protocol lineup: struck retail sits left (by the product), member
   price pins right forming a subtotal column, % off at the foot. Mobile stacks them. */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .product-line--priced{ flex-wrap: wrap; border-bottom: none; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .product-line--priced .product-name{ flex: 0 1 auto; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .wp-orig{
  position: relative; display: inline-block; line-height: 1; flex-shrink: 0;
  font-size: 14px; font-weight: 700; color: #ff2020;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .wp-orig::after{
  content: ""; position: absolute; left: -2px; right: -2px; top: 0; bottom: 0;
  background: linear-gradient(to bottom right, transparent calc(50% - 1.4px), #fff calc(50% - 0.5px), #fff calc(50% + 0.5px), transparent calc(50% + 1.4px));
  pointer-events: none;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .wp-disc{ margin-left: auto; flex-shrink: 0; font-size: 15px; font-weight: 800; color: var(--text); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .wp-subtotal{
  display: flex; justify-content: flex-end; align-items: baseline;
  padding-top: 10px; margin-top: 6px; border-top: 1px solid rgba(255,255,255,0.10);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .wp-subtotal-pct{
  font-size: 13px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase;
  color: var(--green-bright);
}
@media (max-width: 560px) {
  /* Stack: product name, then struck retail, then member price — each on its own line,
     right-aligned. Keep .wp-orig shrink-to-text so the diagonal strike hugs the price. */
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .product-line--priced .product-name{ flex: 1 1 100%; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .product-line--priced .wp-orig{ margin-left: auto; margin-top: 4px; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .product-line--priced .wp-disc{ flex: 1 1 100%; margin-left: 0; text-align: right; }
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .gifts-block{
  margin: 20px 0;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 10px;
  padding: 14px 18px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .gift-mo{
  font-size: 9px; font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase; color: var(--text-muted);
  margin: 10px 0 5px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .gift-mo:first-child{ margin-top: 0; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .gift-line{ font-size: 13px; color: var(--gold); padding: 2px 0; display: flex; gap: 7px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .gift-line.hl{ color: var(--green-bright); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .price-row{
  display: flex; align-items: baseline; gap: 12px;
  margin: 20px 0 16px; flex-wrap: wrap;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .p-orig{ font-size: 36px; font-weight: 700; color: #ff2020; position: relative; display: inline-block; line-height: 1; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .p-orig::after{ content: ""; position: absolute; left: -3px; right: -3px; top: 0; bottom: 0; background: linear-gradient(to bottom right, transparent calc(50% - 2px), #fff calc(50% - 1px), #fff calc(50% + 1px), transparent calc(50% + 2px)); pointer-events: none; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .p-sub{ font-size: 26px; font-weight: 800; color: var(--text); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .mp-strike{ position: relative; display: inline-block; line-height: 1; font-size: 19px; font-weight: 700; color: #ff2020; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .mp-strike::after{ content: ""; position: absolute; left: -2px; right: -2px; top: 0; bottom: 0; background: linear-gradient(to bottom right, transparent calc(50% - 1.3px), #fff calc(50% - 0.6px), #fff calc(50% + 0.6px), transparent calc(50% + 1.3px)); pointer-events: none; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .p-save{
  font-size: 11px; font-weight: 700; background: var(--gold);
  color: #0c0917; padding: 3px 10px; border-radius: 100px;
  letter-spacing: 0.05em; text-transform: uppercase;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .guarantee-line{
  display: flex; align-items: center; justify-content: center; gap: 7px;
  font-size: 14px; font-weight: 500; color: var(--green-bright);
  margin-bottom: 14px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cta-main{
  display: block; width: 100%;
  background: linear-gradient(135deg, var(--green-bright) 0%, var(--green) 100%); color: #050e07;
  border: none; border-radius: 12px;
  padding: 16px 24px;
  font-size: 16px; font-weight: 800; cursor: pointer;
  letter-spacing: 0.02em; text-align: center;
  transition: opacity .2s, transform .15s, box-shadow .2s;
  box-shadow: 0 8px 28px rgba(46,204,113,0.28);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cta-main:hover{ opacity: .88; transform: scale(1.01); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cta-ghost{
  display: block; text-align: center;
  font-size: 13px; color: var(--text-muted);
  margin-top: 12px; cursor: pointer;
}

/* ══════════════════════════════════
   3. DIAGNOSIS / BASED ON ANSWERS
══════════════════════════════════ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .s-diag{ background: transparent; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .diag-h1{ margin-bottom: 16px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .diag-lead{ font-size: 16px; color: var(--text-muted); margin-bottom: 24px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .sym-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 16px; max-width: 720px; margin-left: auto; margin-right: auto; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .sym-card{
  display: flex; align-items: center; gap: 12px;
  background: var(--surface); border: 1px solid var(--border);
  border-radius: 12px; padding: 12px 16px;
  font-size: 13px; font-weight: 500; color: var(--text);
  transition: border-color .2s;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .sym-card.selected{
  background: rgba(46,204,113,0.07);
  border-color: rgba(125,237,111,0.3);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .sym-card.muted{
  background: rgba(46,204,113,0.07);
  border-color: rgba(125,237,111,0.3);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .sym-icon{ font-size: 18px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .bridge{
  font-size: 15px; font-weight: 500;
  color: var(--gold); margin: 20px 0 16px;
  padding-left: 0;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .closing{ font-size: 15px; color: var(--text-muted); margin-top: 20px; line-height: 1.7; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .callouts{ display: flex; flex-direction: column; gap: 16px; margin-top: 28px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .callout-box{
  background: var(--surface2);
  border: 1px solid var(--border);
  border-left: 3px solid rgba(46,204,113,0.55);
  border-radius: 0 12px 12px 0;
  padding: 16px 20px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .callout-title{ font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--green-bright); margin-bottom: 6px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .callout-body{ font-size: 14px; color: var(--text-muted); line-height: 1.65; }

/* ══════════════════════════════════
   4. 3-STEP SYSTEM
══════════════════════════════════ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .s-protocol{ }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .section-intro{ text-align: center; max-width: 600px; margin: 0 auto 48px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .section-intro p{ color: var(--text-muted); margin-top: 12px; font-size: 15px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .steps-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
/* Tablet band: 3 narrow columns squeeze the fixed-height cards until front copy
   overflows — drop to 2 columns until the viewport is wide enough for 3 to breathe. */
@media (max-width: 1080px) and (min-width: 701px){ body.eehp-ported-page.eehp-ported-page.eehp-ported-page .steps-grid{ grid-template-columns: 1fr 1fr; } }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .step-card.addon-flip{ margin-top: 22px; min-height: auto; background: rgba(125,237,111,0.06); border: 1px dashed rgba(125,237,111,0.55); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .addon-flip .flip-inner{ height: 430px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .addon-flip.flipped .flip-inner{ transform: rotateX(180deg) !important; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .addon-flip .flip-back{ transform: rotateX(180deg) !important; }
@media (max-width: 700px){ body.eehp-ported-page.eehp-ported-page.eehp-ported-page .addon-flip .flip-inner{ height: 460px; } }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .addon-badge{ display:inline-block; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--green-bright); background:rgba(125,237,111,0.12); border:1px solid rgba(125,237,111,0.4); border-radius:999px; padding:4px 12px; margin-bottom:14px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .addon-grid{ display:grid; grid-template-columns:1.2fr 1fr; gap:24px; align-items:start; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .addon-label{ font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--text-muted); margin-bottom:6px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .addon-name{ font-size:18px; font-weight:700; color:var(--gold); margin-bottom:4px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .addon-name span{ color:var(--text-muted); font-size:14px; font-weight:600; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .addon-price{ font-size:13px; color:var(--text-muted); margin-bottom:12px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .addon-desc{ font-size:13px; line-height:1.65; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .addon-ings-label{ font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--green-bright); margin-bottom:8px; }
@media(max-width:600px){ body.eehp-ported-page.eehp-ported-page.eehp-ported-page .addon-grid{ grid-template-columns:1fr; } }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .step-card{
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 0;
  position: relative;
  perspective: 1200px;
  cursor: pointer;
  min-height: 680px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .steps-grid .step-card:nth-child(1){ background: rgba(231,76,60,0.12); border-color: rgba(46,204,113,0.35); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .steps-grid .step-card:nth-child(2){ background: rgba(46,204,113,0.12); border-color: rgba(46,204,113,0.35); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .steps-grid .step-card:nth-child(3){ background: rgba(52,152,219,0.12); border-color: rgba(46,204,113,0.35); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .step-num{
  font-size: 10px; font-weight: 800; letter-spacing: .1em;
  text-transform: uppercase; color: rgba(255,255,255,0.35);
  margin-bottom: 8px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .step-label{
  font-size: 10px; font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase; color: var(--text-muted);
  margin-bottom: 12px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .step-product{ font-size: 14px; font-weight: 700; color: var(--gold); margin-bottom: 4px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .step-price{ font-size: 13px; color: var(--text-muted); margin-bottom: 14px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .step-desc{ font-size: 13px; color: var(--text-muted); line-height: 1.65; }
/* Front-face benefit bullets (added 2026-09-15) */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-benefits-label{ position: relative; display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--text-muted); margin: 16px 0 12px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-benefits-label .hand-underline{ position: absolute; left: -2px; bottom: -8px; width: calc(100% + 4px); height: 9px; overflow: visible; pointer-events: none; transform: rotate(-1.5deg); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-benefits{ list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 7px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-benefits li{ display: flex; gap: 8px; align-items: flex-start; font-size: 12.5px; line-height: 1.4; color: var(--text); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-benefits li::before{ content: "\2713"; color: var(--green-bright); font-weight: 800; font-size: 12px; flex-shrink: 0; margin-top: 1px; }

/* ══════════════════════════════════
   5. WHO IT'S FOR
══════════════════════════════════ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .for-list{ list-style: none; display: flex; flex-direction: column; gap: 14px; margin-top: 18px; }
/* Tighten the dead space between the 3-step cards and the who-it-is-for block */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .s-protocol{ padding-bottom: 30px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .s-whoitsfor{ padding-top: 42px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .for-item{
  display: flex; gap: 14px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px; padding: 16px 20px;
  font-size: 14px; color: var(--text-muted); line-height: 1.6;
  align-items: flex-start;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .for-icon{ color: var(--green); font-size: 16px; flex-shrink: 0; margin-top: 2px; }

/* ══════════════════════════════════
   6. TIMELINE
══════════════════════════════════ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .timeline-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 40px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .tl-card{
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 24px 24px;
  position: relative;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .tl-card:nth-child(3){
  background: var(--surface2);
  border-color: rgba(46,204,113,0.35);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .tl-num{
  width: 36px; height: 36px; border-radius: 50%;
  background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1);
  display: flex; align-items: center; justify-content: center;
  font-size: 13px; font-weight: 800; color: rgba(255,255,255,0.5);
  margin-bottom: 16px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .tl-range{ font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 6px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .tl-title{ font-size: 16px; font-weight: 700; margin-bottom: 10px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .tl-desc{ font-size: 13px; color: var(--text-muted); line-height: 1.65; }

/* ══════════════════════════════════
   7. WHY EEHP / THREE PILLARS
══════════════════════════════════ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .pillars-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 40px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .pillar{
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius); padding: 28px 24px;
  text-align: center;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .pillar-icon{
  width: 52px; height: 52px; border-radius: 14px;
  background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08);
  display: flex; align-items: center; justify-content: center;
  font-size: 22px; margin: 0 auto 18px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .pillar-title{ font-size: 16px; font-weight: 700; margin-bottom: 10px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .pillar-desc{ font-size: 13px; color: var(--text-muted); line-height: 1.65; }

/* ══════════════════════════════════
   8. REVIEWS
══════════════════════════════════ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .s-reviews{ }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .reviews-grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 40px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .review-card{
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius); padding: 24px 24px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .review-stars{ color: var(--gold); font-size: 13px; margin-bottom: 12px; letter-spacing: 2px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .review-text{ font-size: 13px; color: var(--text-muted); line-height: 1.7; margin-bottom: 16px; font-style: italic; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .review-author{ font-size: 12px; font-weight: 700; color: var(--text); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .review-context{ font-size: 11px; color: var(--green); margin-top: 2px; }

/* ══════════════════════════════════
   9. FAQ
══════════════════════════════════ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .faq-list{ display: flex; flex-direction: column; gap: 2px; margin-top: 40px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .faq-item{
  background: rgba(46,204,113,0.07);
  border: 1px solid rgba(125,237,111,0.3);
  border-radius: 12px; overflow: hidden;
  margin-bottom: 8px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .faq-q{
  display: flex; justify-content: space-between; align-items: center;
  padding: 18px 22px;
  font-size: 15px; font-weight: 600; cursor: pointer;
  color: var(--text);
}

body.eehp-ported-page.eehp-ported-page.eehp-ported-page .faq-q::after{ content: '+'; color: rgba(255,255,255,0.35); font-size: 22px; font-weight: 300; transition: transform .3s ease; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .faq-item.open .faq-q::after{ content: '−'; transform: rotate(0deg); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .faq-a{
  padding: 0 22px;
  font-size: 14px; color: var(--text-muted); line-height: 1.7;
  background: rgba(0,0,0,0.18);
  max-height: 0; overflow: hidden;
  transition: max-height .35s ease, padding .35s ease;
  border-top: 1px solid transparent;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .faq-item.open .faq-a{
  max-height: 900px; /* headroom for long answers on narrow screens (longest measures ~360px at 375px vw) */
  padding: 14px 22px 18px;
  border-top: 1px solid rgba(125,237,111,0.15);
}

/* ══════════════════════════════════
   VIDEO TESTIMONIALS — WALL OF VOICES
══════════════════════════════════ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .s-videos{ padding: 70px 0 30px; overflow: hidden; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-section-intro{ text-align: center; max-width: 720px; margin: 0 auto 36px; padding: 0 24px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-section-intro .overline{ color: var(--green-bright); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-section-intro h2{ margin: 10px 0 12px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-section-intro p{ color: var(--text-muted); font-size: 15px; line-height: 1.65; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-wall{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  height: 660px;
  overflow: hidden;
  mask-image: linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);
  padding: 0 20px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-col{
  display: flex;
  flex-direction: column;
  gap: 16px;
  animation: vt-scroll var(--vt-dur, 36s) linear infinite;
  will-change: transform;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-col:nth-child(1){ --vt-dur: 38s; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-col:nth-child(2){ --vt-dur: 46s; animation-direction: reverse; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-col:nth-child(3){ --vt-dur: 32s; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-col:nth-child(4){ --vt-dur: 42s; animation-direction: reverse; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-col:nth-child(5){ --vt-dur: 36s; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-col:hover{ animation-play-state: paused; }
@keyframes vt-scroll {
  0%   { transform: translateY(0); }
  100% { transform: translateY(-50%); }
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-card{
  position: relative;
  aspect-ratio: 9 / 16;
  border-radius: 14px;
  overflow: hidden;
  background: #0a0f0c;
  border: 1px solid rgba(125,237,111,0.18);
  cursor: pointer;
  flex-shrink: 0;
  transition: transform .25s ease, border-color .25s ease;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-card:hover{
  transform: scale(1.02);
  border-color: rgba(125,237,111,0.45);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-card video, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-card .vc-poster{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .vc-poster{
  background: linear-gradient(135deg, #1a2e22 0%, #0d1a14 60%, #050e07 100%);
  display: flex; align-items: center; justify-content: center;
  color: rgba(125,237,111,0.4); font-size: 56px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-card .vc-overlay{
  position: absolute; inset: 0;
  background: linear-gradient(180deg, transparent 50%, rgba(0,0,0,0.85) 100%);
  display: flex; flex-direction: column; justify-content: flex-end;
  padding: 14px 14px 16px;
  z-index: 2;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-card .vc-name{
  color: #fff; font-size: 13px; font-weight: 700; margin-bottom: 2px;
  text-shadow: 0 1px 4px rgba(0,0,0,0.6);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-card .vc-context{
  color: rgba(255,255,255,0.78); font-size: 11px; font-weight: 500;
  text-transform: uppercase; letter-spacing: 0.04em;
  text-shadow: 0 1px 4px rgba(0,0,0,0.6);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-card .vc-play{
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 56px; height: 56px; border-radius: 50%;
  background: rgba(125,237,111,0.92);
  display: flex; align-items: center; justify-content: center;
  z-index: 3;
  opacity: 0; transition: opacity .3s ease;
  pointer-events: none;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-card:hover .vc-play{ opacity: 1; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-card .vc-play::after{
  content: ''; display: block;
  width: 0; height: 0;
  border-style: solid;
  border-width: 9px 0 9px 15px;
  border-color: transparent transparent transparent #050e07;
  margin-left: 3px;
}

/* Video modal */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-modal{
  position: fixed; inset: 0;
  background: rgba(0,0,0,0.92);
  z-index: 10000;
  display: none;
  align-items: center; justify-content: center;
  padding: 24px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-modal.open{ display: flex; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-modal-inner{
  position: relative;
  width: 100%;
  max-width: 420px;
  aspect-ratio: 9 / 16;
  background: #000;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-modal-inner iframe{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  border: 0;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-modal-close{
  position: absolute; top: -44px; right: 0;
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.2);
  color: #fff; font-size: 18px; line-height: 1;
  width: 36px; height: 36px;
  border-radius: 50%;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-modal-close:hover{ background: rgba(255,255,255,0.18); }

/* Mobile: 2-column scrolling marquee. JS redistributes ALL testimonials into these 2 columns (none hidden). Keeps base overflow + mask + auto-scroll. */
@media (max-width: 700px) {
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-wall{
    grid-template-columns: repeat(2, 1fr);
    height: 560px;
    gap: 14px;
    padding: 0 16px;
  }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-col:nth-child(n+3){ display: none; }   /* cols 3-5 emptied by JS on mobile; hide their cells */
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-col:nth-child(1){ --vt-dur: 60s; }     /* slower: ~15 cards per column on mobile */
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-col:nth-child(2){ --vt-dur: 72s; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-modal-inner{ max-width: 92vw; }
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-see-more-btn{
  display: none;
  margin: 16px auto 0;
  background: rgba(125,237,111,0.1);
  border: 1px dashed rgba(125,237,111,0.4);
  color: var(--green-bright);
  font-size: 13px; font-weight: 700; letter-spacing: .04em;
  padding: 10px 22px; border-radius: 100px;
  cursor: pointer;
  align-items: center; gap: 6px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-see-more-btn:hover{ background: rgba(125,237,111,0.18); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-see-all-wrap{ text-align: center; padding: 8px 24px 0; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-see-all-btn{
  display: inline-flex; align-items: center; gap: 8px; margin: 18px auto 0;
  background: rgba(125,237,111,0.1); border: 1px solid rgba(125,237,111,0.4);
  color: var(--green-bright); font-size: 14px; font-weight: 700; letter-spacing: .03em;
  padding: 12px 26px; border-radius: 100px; cursor: pointer; transition: background .15s, transform .15s;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-see-all-btn:hover{ background: rgba(125,237,111,0.2); transform: translateY(-1px); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-grid-modal{ position: fixed; inset: 0; z-index: 9000; background: rgba(5,12,8,0.96); display: none; flex-direction: column; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-grid-modal.open{ display: flex; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .vgm-head{ display: flex; align-items: center; justify-content: space-between; padding: 16px 22px; border-bottom: 1px solid rgba(125,237,111,0.18); background: rgba(5,12,8,0.98); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .vgm-head h3{ font-size: 16px; color: #fff; margin: 0; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .vgm-close{ background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); color: #fff; font-size: 18px; width: 38px; height: 38px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .vgm-close:hover{ background: rgba(255,255,255,0.18); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .vgm-grid{ flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; padding: 20px 22px 44px; align-content: start; align-items: start; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .vgm-card{ position: relative; width: 100%; height: 0; padding-bottom: 177.78%; border-radius: 12px; overflow: hidden; background: #0a0f0c; border: 1px solid rgba(125,237,111,0.18); cursor: pointer; transition: transform .2s, border-color .2s; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .vgm-card:hover{ transform: scale(1.03); border-color: rgba(125,237,111,0.5); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .vgm-poster{ position: absolute; inset: 0; background-size: cover; background-position: center; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .vgm-ov{ position: absolute; inset: 0; z-index: 2; background: linear-gradient(180deg, transparent 45%, rgba(0,0,0,0.85) 100%); display: flex; flex-direction: column; justify-content: flex-end; padding: 10px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .vgm-name{ color: #fff; font-size: 12px; font-weight: 700; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .vgm-ctx{ color: rgba(255,255,255,0.8); font-size: 10px; text-transform: uppercase; letter-spacing: .03em; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .vgm-play{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 3; width: 44px; height: 44px; border-radius: 50%; background: rgba(125,237,111,0.92); display: flex; align-items: center; justify-content: center; color: #050e07; font-size: 15px; }
@media (max-width: 700px) { body.eehp-ported-page.eehp-ported-page.eehp-ported-page .vgm-grid{ grid-template-columns: repeat(3, 1fr); gap: 8px; padding: 14px 14px 32px; } }
@media (max-width: 700px) { body.eehp-ported-page.eehp-ported-page.eehp-ported-page .vet-grid{ grid-template-columns: 1fr !important; gap: 14px !important; } }


/* ══════════════════════════════════
   10. MAIN CTA
══════════════════════════════════ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .s-main-cta{
  background: linear-gradient(180deg, #0f0d18 0%, var(--bg) 100%);
  border-top: 1px solid rgba(46,204,113,0.12);
  border-bottom: 1px solid rgba(255,255,255,0.04);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cta-h2{ font-size: clamp(28px, 4vw, 44px); font-weight: 800; margin-bottom: 8px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cta-lead{ font-size: 16px; color: var(--text-muted); margin-bottom: 40px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cta-bundle-box{
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px; padding: 20px 24px;
  margin: 0 auto 28px; max-width: 560px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .bundle-line{ font-size: 14px; color: var(--text); padding: 5px 0; display: flex; gap: 10px; align-items: flex-start; text-align: left; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .bundle-line .free-tag{ color: var(--gold); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .bundle-divider{ height: 1px; background: var(--border); margin: 12px 0; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cta-price-row{ display: flex; align-items: baseline; gap: 14px; justify-content: center; margin-bottom: 10px; flex-wrap: wrap; }

/* ══════════════════════════════════
   11. ALL PROTOCOLS
══════════════════════════════════ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocols-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 40px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .proto-card{
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius); padding: 24px 22px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .proto-card.active{
  background: var(--surface2);
  border-color: rgba(46,204,113,0.35);
}
/* Per-protocol colored borders (match the science-section product colors) */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .proto-card.proto-warhorse{border-color:rgba(125,237,111,0.5)}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .proto-card.proto-victory{border-color:rgba(165,125,255,0.55)}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .proto-card.proto-showhorse{border-color:rgba(92,184,245,0.55)}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .proto-card.active .proto-link{color:#6fbef5}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .proto-pill{ margin-bottom: 14px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .proto-name{ font-size: 17px; font-weight: 700; margin-bottom: 6px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .proto-tagline{ font-size: 12px; color: rgba(255,255,255,0.55); margin-bottom: 12px; line-height: 1.5; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .proto-products{ font-size: 12px; color: var(--text-muted); line-height: 1.6; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .proto-link{ display: inline-block; font-size: 12px; font-weight: 600; color: var(--green-bright); margin-top: 14px; }

/* ══════════════════════════════════
   STICKY BAR
══════════════════════════════════ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .sticky-bar{
  position: static; margin-top: 44px;
  background: rgba(12,9,23,0.92);
  backdrop-filter: blur(16px);
  border-top: 1px solid rgba(46,204,113,0.2);
  padding: 14px 28px;
  padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px)); /* iOS home-bar clearance */
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
}
/* Keep the last section reachable above the fixed bar */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .page{ padding-bottom: 0; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .sticky-text{ font-size: 14px; font-weight: 500; color: var(--text); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .sticky-text span{ color: var(--gold); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .sticky-btn{
  background: var(--green); color: #050e07;
  border: none; border-radius: 8px;
  padding: 10px 24px;
  font-size: 14px; font-weight: 700; cursor: pointer;
  white-space: nowrap; flex-shrink: 0;
}


/* ══════════════════════════════════
   CTA SECTION ANIMATIONS
══════════════════════════════════ */
@keyframes fade-up {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes pulse-scale {
  0%,100% { transform: scale(1);    opacity: 1; }
  50%      { transform: scale(1.03); opacity: 0.92; }
}
@keyframes glow-pulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(46,204,113,0); }
  50%      { box-shadow: 0 0 24px 4px rgba(46,204,113,0.35); }
}
@keyframes text-pulse {
  0%,100% { opacity: 1; }
  50%      { opacity: 0.65; }
}

body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cta-anim{ opacity: 0; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cta-anim.visible{ animation: fade-up 0.55s ease forwards; }

body.eehp-ported-page.eehp-ported-page.eehp-ported-page #cta-main-btn.pulse{ animation: pulse-scale 0.7s ease 3; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #cta-main-btn.glow{ animation: glow-pulse 1.8s ease infinite; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .guarantee-pulse{ animation: text-pulse 1.5s ease 2; }

/* ══════════════════════════════════
   COST REALITY SECTION
══════════════════════════════════ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cost-split{
  display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 40px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cost-col{
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--radius); padding: 28px 24px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cost-col.before{ border-color: rgba(231,76,60,0.35); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cost-col.after{ background: var(--surface2); border-color: rgba(46,204,113,0.35); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cost-col-label{
  font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
  margin-bottom: 16px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cost-col.before .cost-col-label{ color: rgba(231,76,60,0.8); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cost-col.after  .cost-col-label{ color: var(--green-bright); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cost-item{
  display: flex; justify-content: space-between; align-items: center;
  padding: 8px 0; border-bottom: 1px solid var(--border);
  font-size: 13px; color: var(--text-muted);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cost-item:last-of-type{ border-bottom: none; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cost-item .cost-name{ flex: 1; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cost-item .cost-val{ font-weight: 600; color: var(--text); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cost-total{
  display: flex; justify-content: space-between; align-items: baseline;
  margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--border);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cost-total-label{ font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--text-muted); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cost-total-val{ font-size: 24px; font-weight: 800; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cost-col.before .cost-total-val{ color: #ff2020; text-decoration: line-through; text-decoration-color: #fff; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cost-col.after  .cost-total-val{ color: var(--green-bright); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cost-included{
  font-size: 12px; color: var(--text-muted); margin-top: 14px; line-height: 1.7;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cost-included span{ color: var(--green); }

/* ══════════════════════════════════
   COMPARISON TABLE SECTION
══════════════════════════════════ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-table{
  width: 100%; border-collapse: collapse; margin-top: 40px;
  font-size: 13px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-table th{
  padding: 14px 16px; text-align: center;
  font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
  background: var(--surface2); color: var(--text-muted);
  border-bottom: 1px solid var(--border);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-table th.col-eehp{
  background: var(--surface2);
  color: var(--green-bright);
  border: 1px solid rgba(46,204,113,0.3);
  border-bottom: none;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-table td{
  padding: 12px 16px; text-align: center;
  border-bottom: 1px solid var(--border);
  color: var(--text-muted);
  background: var(--surface);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-table td.row-label{
  text-align: left; font-weight: 500; color: var(--text);
  background: rgba(255,255,255,0.02);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-table td.col-eehp{
  background: rgba(46,204,113,0.05);
  border-left: 1px solid rgba(46,204,113,0.2);
  border-right: 1px solid rgba(46,204,113,0.2);
  color: var(--text);
  font-weight: 600;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-table tr:last-child td.col-eehp{
  border-bottom: 1px solid rgba(46,204,113,0.3);
  border-radius: 0 0 8px 8px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .chk{ color: var(--green); font-size: 15px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cross{ color: #ff4444; font-size: 15px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .partial{ color: var(--gold); font-size: 13px; }

@media (max-width: 700px) {
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cost-split{ grid-template-columns: 1fr; }
  /* Table min-content width (~422px) exceeds small phones (~375px):
     let it scroll horizontally instead of being clipped by body overflow-x:hidden */
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-table{ display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; font-size: 11px; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-table th, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-table td{ padding: 10px 10px; }
}

/* Comparison table: mobile horizontal-scroll affordances (sticky feature column,
   swipe hint with animated arrow, right-edge fade). Desktop shows the full table,
   so these only engage under 700px. */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-wrap{ position: relative; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-hint{ display: none; }
@media (max-width: 700px) {
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-wrap{ margin-top: 40px; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-table{ margin-top: 10px; }
  /* Pin the first column so the feature labels stay visible while values scroll. */
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-table thead th:first-child, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-table td.row-label{
    position: sticky; left: 0; z-index: 2;
    box-shadow: 6px 0 9px -6px rgba(0,0,0,0.55);
  }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-table thead th:first-child{ z-index: 3; background: var(--surface2); }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-table td.row-label{
    background-image: linear-gradient(rgba(255,255,255,0.02), rgba(255,255,255,0.02));
    background-color: var(--surface);
  }
  /* Right-edge fade signalling more columns off-screen; clears at the end of scroll. */
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-wrap::after{
    content: ""; position: absolute; top: 50px; right: 0; bottom: 1px; width: 36px;
    pointer-events: none; border-radius: 0 8px 8px 0;
    background: linear-gradient(to right, rgba(6,10,8,0), rgba(6,10,8,0.32));
    opacity: 1; transition: opacity .25s ease;
  }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-wrap.at-end::after, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-wrap.no-overflow::after{ opacity: 0; }
  /* Swipe hint: "Swipe to compare ->" with the arrow nudging right. */
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-hint{
    display: flex; align-items: center; justify-content: flex-end; gap: 7px;
    font-size: 10.5px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase;
    color: var(--green-bright); opacity: .95; transition: opacity .3s ease;
  }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-hint .ch-arrow{
    display: inline-block; font-size: 16px; line-height: 1;
    animation: cmpSwipe 1.3s ease-in-out infinite;
  }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-wrap.scrolled .compare-hint, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-wrap.no-overflow .compare-hint{ opacity: 0; pointer-events: none; }
}
@keyframes cmpSwipe {
  0%, 100% { transform: translateX(0); opacity: .5; }
  50% { transform: translateX(8px); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-hint .ch-arrow{ animation: none; }
}

/* Free-gifts box: soft ambient green glow echoing the hero orbs (#2ecc71 low-opacity),
   so the box picks up the same green atmosphere as the top of the page. */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .free-gifts-box{ position: relative; overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(125,237,111,0.14), 0 0 26px -12px rgba(46,204,113,0.28); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .free-gifts-box::before, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .free-gifts-box::after{
  content: ""; position: absolute; pointer-events: none; border-radius: 50%; z-index: 0;
  filter: blur(6px);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .free-gifts-box::before{
  width: 230px; height: 165px; top: -78px; left: -46px;
  background: radial-gradient(circle, rgba(46,204,113,0.22), transparent 68%);
  animation: giftGlow1 7.5s ease-in-out infinite;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .free-gifts-box::after{
  width: 205px; height: 150px; bottom: -74px; right: -36px;
  background: radial-gradient(circle, rgba(125,237,111,0.16), transparent 70%);
  animation: giftGlow2 9.5s ease-in-out infinite;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .free-gifts-box > *{ position: relative; z-index: 1; }
@keyframes giftGlow1 {
  0%, 100% { transform: translate(0,0) scale(1); opacity: .55; }
  50% { transform: translate(14px,9px) scale(1.08); opacity: .8; }
}
@keyframes giftGlow2 {
  0%, 100% { transform: translate(0,0) scale(1); opacity: .4; }
  50% { transform: translate(-12px,-8px) scale(1.1); opacity: .62; }
}
@media (prefers-reduced-motion: reduce) {
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .free-gifts-box::before, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .free-gifts-box::after{ animation: none; }
}

/* Polish: comparison-table Warhorse checkmarks drop in and pop as they land, each with a
   sparkle. JS sets --d (per-mark delay) and the cascade direction (top-first scrolling down,
   bottom-first scrolling up), and toggles .in-view so it replays every time. No JS = shown. */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-table td.col-eehp .chk{ position: relative; display: inline-block; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-table.in-view td.col-eehp .chk{
  animation: chkPop var(--dur,1.35s) cubic-bezier(.2,.85,.3,1.35) var(--d,0s) both;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-table.in-view td.col-eehp .chk::after{
  content: "\2726"; position: absolute; top: -4px; right: -8px;
  font-size: 12px; line-height: 1; color: #ffffff;
  text-shadow: 0 0 6px rgba(125,237,111,0.95), 0 0 11px rgba(46,204,113,0.7);
  opacity: 0; pointer-events: none;
  animation: chkSparkle var(--dur,1.35s) ease-out var(--d,0s) both;
}
@keyframes chkPop {
  0%   { opacity: 0; transform: translateY(-7px) scale(.3); }
  45%  { opacity: 1; transform: translateY(0) scale(.9); }
  62%  { transform: translateY(0) scale(1.4); }
  80%  { transform: scale(.96); }
  100% { transform: scale(1); }
}
@keyframes chkSparkle {
  0%, 46% { opacity: 0; transform: scale(0) rotate(0deg); }
  62%     { opacity: 1; transform: scale(1.15) rotate(20deg); }
  82%     { opacity: .85; transform: scale(1) rotate(36deg); }
  100%    { opacity: 0; transform: scale(1.55) rotate(54deg); }
}

/* Polish: hand-drawn green underlines draw themselves in when scrolled into view.
   JS sets the dash offset; the transition here does the drawing. No JS = fully visible. */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hand-underline path{ transition: stroke-dashoffset 1.58s ease; }

/* Polish: tie the product/flip-card hover lift to the page green with a faint glow. */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .step-card:hover{ box-shadow: 0 12px 34px rgba(0,0,0,0.34), 0 0 26px -10px rgba(46,204,113,0.32); }

@media (prefers-reduced-motion: reduce) {
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-table.in-view td.col-eehp .chk, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-table.in-view td.col-eehp .chk::after{ animation: none; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hand-underline path{ transition: none; }
}

/* Polish: gentle green halo pulse on the sticky purchase button so it draws the eye
   without changing the bar's behavior. */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .sticky-btn{ animation: stickyBtnPulse 2.6s ease-in-out infinite; }
@keyframes stickyBtnPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(46,204,113,0); }
  50% { box-shadow: 0 0 18px 2px rgba(46,204,113,0.38); }
}
@media (prefers-reduced-motion: reduce) { body.eehp-ported-page.eehp-ported-page.eehp-ported-page .sticky-btn{ animation: none; } }

/* Money-on-fire: the fragmented-approach red cost figures pulse (a red ember flicker) while
   the calculator is on screen (.calc-live). Any figure toggled to zero (.calc-zero) drops the
   pulse and turns a static green. Classes set by updateTotal() + a section observer. */
@keyframes moneyFirePulse {
  0%, 100% { text-shadow: 0 0 0 rgba(255,70,45,0); }
  50% { text-shadow: 0 0 11px rgba(255,85,50,0.9), 0 0 4px rgba(255,120,60,0.7); }
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .s-calc.calc-live .calc-col.left .calc-price:not(.calc-zero) .calc-price-dollar, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .s-calc.calc-live .calc-col.left .calc-price:not(.calc-zero) input, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .s-calc.calc-live .calc-total-val.calc-fire:not(.calc-zero) #calc-left-total, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .s-calc.calc-live #calc-left-perserving:not(.calc-zero){
  animation: moneyFirePulse 1.8s ease-in-out infinite;
}
/* Zeroed figures: static green (overrides the inline / CSS red). */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-col.left .calc-price.calc-zero input, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-col.left .calc-price.calc-zero .calc-price-dollar, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-total-val.calc-fire.calc-zero, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-total-val.calc-fire.calc-zero #calc-left-total, body.eehp-ported-page.eehp-ported-page.eehp-ported-page #calc-left-perserving.calc-zero{ color: var(--green-bright) !important; }
@media (prefers-reduced-motion: reduce) {
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .s-calc.calc-live .calc-col.left .calc-price .calc-price-dollar, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .s-calc.calc-live .calc-col.left .calc-price input, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .s-calc.calc-live .calc-total-val.calc-fire #calc-left-total, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .s-calc.calc-live #calc-left-perserving{ animation: none; }
}

/* Polish: reviews rating heading. Stars are gold, the 5.0 is white; JS orchestrates a
   one-time gold fill wave across the stars, a star wave, and a coin-spin on the 5 each
   time the heading scrolls into view. No JS = static gold stars, white 5.0 (correct rest). */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .rating-line{ perspective: 640px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .rating-stars{ display: inline-block; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .rstar{ display: inline-block; position: relative; color: var(--gold); will-change: transform, color; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .rspark{
  position: absolute; top: -0.34em; right: -0.12em;
  font-size: 0.5em; line-height: 1;
  color: var(--gold-light);
  opacity: 0; transform: scale(0);
  pointer-events: none;
  text-shadow: 0 0 6px rgba(242,217,155,0.85);
  will-change: transform, opacity;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .rating-num{ color: #ffffff; -webkit-text-fill-color: #ffffff; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .rating-5{ display: inline-block; transform-origin: 50% 55%; will-change: transform; }
@media (prefers-reduced-motion: reduce) {
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .rstar, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .rating-5{ animation: none; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .rspark{ display: none; }
}

/* ══════════════════════════════════
   FLIP CARDS — INGREDIENT REVEAL
══════════════════════════════════ */

/* Rotating inner wrapper */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-inner{
  position: relative;
  width: 100%; height: 680px;
  transform-style: preserve-3d;
  transition: transform 0.65s cubic-bezier(0.4,0,0.2,1);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .step-card.flipped .flip-inner{ transform: rotateY(180deg); }
/* Per-card heights (added 2026-09-15): size each card to its taller face (the back),
   so there is no dead space under the front copy. Values measured at the narrowest
   column width; wider columns wrap less and simply leave a little headroom. */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .steps-grid .step-card{ min-height: 0; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .steps-grid .step-card:nth-child(1) .flip-inner{ height: 664px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .steps-grid .step-card:nth-child(2) .flip-inner{ height: 632px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .steps-grid .step-card:nth-child(3) .flip-inner{ height: 600px; }

/* Both faces fill the flip-inner exactly */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-front, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-back{
  position: absolute; inset: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  padding: 28px 24px;
  border-radius: var(--radius);
  box-sizing: border-box;
}

/* Front face: transparent bg (step-card nth-child bg shows through) */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-front{ background: transparent; }

/* ── Blur / reveal ── */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-content-blur{
  filter: blur(4px);
  transition: filter 0.45s ease;
  user-select: none;
  /* padding-right: 76px; clear top-right button */
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .step-card.revealed .flip-content-blur{
  filter: none;
  user-select: auto;
}

/* ── Initial overlay: ? + tap to reveal ── */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-overlay{
  position: absolute; inset: 0;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 14px;
  transition: opacity 0.35s ease;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .step-card.revealed .flip-overlay{ opacity: 0; pointer-events: none; }

body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-qmark{
  font-size: 72px; font-weight: 800;
  color: rgba(255,255,255,0.18); line-height: 1;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-prompt{
  display: flex; align-items: center; gap: 8px;
  background: rgba(46,204,113,0.12);
  border: 1px solid rgba(125,237,111,0.35);
  border-radius: 100px; padding: 8px 18px;
  font-size: 12px; font-weight: 700;
  letter-spacing: 0.06em; text-transform: uppercase;
  color: var(--green-bright);
  animation: teeter-rock 2.2s ease-in-out infinite,
             prompt-glow 2.2s ease-in-out infinite;
  transform-origin: center bottom;
}
@keyframes teeter-rock {
  0%,100% { transform: rotate(0deg); }
  18%     { transform: rotate(-5deg); }
  50%     { transform: rotate(5deg); }
  78%     { transform: rotate(-2.5deg); }
}
@keyframes prompt-glow {
  0%,100% { box-shadow: 0 0 0 0 rgba(46,204,113,0); }
  50%     { box-shadow: 0 0 18px 4px rgba(46,204,113,0.4); }
}

/* ── Stage-2: flip to see ingredients button ── */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-prompt-2{
  position: absolute;
  top: 14px; right: 14px;
  bottom: auto; left: auto; width: auto;
  display: flex; align-items: center; justify-content: center; gap: 5px;
  background: linear-gradient(135deg, var(--green-bright), var(--green));
  color: #050e07; border-radius: 7px; padding: 5px 10px;
  font-size: 10px; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase;
  white-space: nowrap;
  opacity: 0; pointer-events: none;
  transform: translateY(-4px);
  transition: opacity 0.4s ease 0.35s, transform 0.4s ease 0.35s;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .step-card.revealed:not(.flipped) .flip-prompt-2{
  opacity: 1; transform: translateY(0); pointer-events: auto;
  animation: cta-pulse 1.8s ease-in-out infinite 0.8s;
}
@keyframes cta-pulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(46,204,113,0); }
  50%     { box-shadow: 0 0 22px 5px rgba(46,204,113,0.45); }
}

/* ── Back face ── */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-back{
  transform: rotateY(180deg);
  background: var(--surface2);
  border: 1px solid rgba(125,237,111,0.3);
  display: flex; flex-direction: column;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-back-title{
  font-size: 15px; font-weight: 800; color: var(--text); margin-bottom: 4px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-back-label{
  font-size: 9px; font-weight: 700; letter-spacing: .14em;
  text-transform: uppercase; color: var(--green-bright); margin-bottom: 16px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-back-graphics{
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed rgba(255,255,255,0.08);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-back-graphics-label{
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--text-muted);
  margin-bottom: 8px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-back-tiles{
  display: grid;
  grid-template-columns: repeat(2, 80px);
  gap: 8px;
  justify-content: center;
  max-width: 100%;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-back-tile{
  min-height: 54px;
  background: linear-gradient(135deg, rgba(125,237,111,0.12) 0%, rgba(46,204,113,0.06) 100%);
  border: 1px solid rgba(125,237,111,0.22);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 6px 4px;
  text-align: center;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-back-tile-icon{
  font-size: 18px;
  margin-bottom: 2px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-back-tile-name{
  font-size: 9px;
  font-weight: 600;
  color: var(--text);
  line-height: 1.15;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-ingredient-list{
  list-style: none; display: flex; flex-direction: column; gap: 9px; flex: 1;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-ingredient-list li{
  display: flex; align-items: flex-start; gap: 9px;
  font-size: 12.5px; color: var(--text); line-height: 1.4;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-ingredient-list li .ck{ color: var(--green); font-size: 12px; flex-shrink: 0; margin-top: 2px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-ingredient-list li .ing-name{ font-weight: 600; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-ingredient-list li .ing-note{ color: var(--text-muted); font-size: 11px; margin-left: 3px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-back-footer{
  margin-top: 14px; font-size: 11px; color: var(--text-muted);
  text-align: center; opacity: 0.55;
}


/* Peek hint — demos the flip after reveal */
@keyframes flip-peek {
  0%   { transform: rotateY(0deg); }
  28%  { transform: rotateY(150deg); }
  42%  { transform: rotateY(20deg); }
  62%  { transform: rotateY(150deg); }
  78%  { transform: rotateY(150deg); }
  100% { transform: rotateY(0deg); }
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-inner.peeking{
  animation: flip-peek 2.8s cubic-bezier(0.4, 0, 0.2, 1);
}
/* Button depressed state when peeking */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .step-card.peeking-card .flip-prompt-2{
  transform: scale(0.93);
  box-shadow: none;
}
@media (max-width: 700px) {
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-inner{ height: 740px; }
}
/* ── RESPONSIVE ── */
@media (max-width: 700px) {
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .steps-grid, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .timeline-grid, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .pillars-grid, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .protocols-grid{ grid-template-columns: 1fr; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .reviews-grid{ grid-template-columns: 1fr; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .sym-grid{ grid-template-columns: 1fr; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .reveal-outer{ padding: 24px 22px; }
}

  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .s-vetvid{padding:60px 0}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .vv-wide{max-width:1100px;margin:0 auto;padding:0 28px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .vv-grid{display:grid;grid-template-columns:300px 1fr;gap:40px;align-items:stretch;margin-top:8px}
  @media(max-width:820px){body.eehp-ported-page.eehp-ported-page.eehp-ported-page .vv-grid{grid-template-columns:1fr}}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .vv-phone{background:#000;border:6px solid #2a2440;border-radius:30px;padding:6px;box-shadow:0 18px 60px rgba(0,0,0,.55);width:100%;max-width:280px;margin:0 auto;display:flex;flex-direction:column}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .vv-side{display:flex;flex-direction:column;gap:14px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .vv-player{position:relative;flex:1;min-height:320px;border-radius:22px;overflow:hidden;background:linear-gradient(160deg,#1c1630,#100b1d);cursor:pointer;display:flex;align-items:center;justify-content:center}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .vv-player .vv-play{width:68px;height:68px;border-radius:50%;background:rgba(46,204,113,.92);display:flex;align-items:center;justify-content:center;color:#06210f;font-size:26px;box-shadow:0 8px 30px rgba(46,204,113,.35);transition:transform .2s}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .vv-player:hover .vv-play{transform:scale(1.08)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .vv-player .vv-cap{position:absolute;bottom:0;left:0;right:0;padding:14px 16px;background:linear-gradient(transparent,rgba(0,0,0,.7));font-size:12px;color:var(--text);text-align:left}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .vv-quotes{display:flex;flex-direction:column;gap:14px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .vv-quote{background:var(--surface);border-left:3px solid var(--green);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:15px 18px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .vv-quote p{font-size:15px;line-height:1.5;color:var(--text);font-style:italic;margin:0}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .vv-quote .vv-attr{margin-top:8px;font-size:12px;font-weight:700;color:var(--green-bright)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .vv-cred{margin-top:4px;font-size:12px;color:var(--text-muted)}

body.eehp-ported-page.eehp-ported-page.eehp-ported-page .s-calc{ padding: 60px 0 40px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-wrap{ max-width: 1080px; margin: 0 auto; padding: 0 24px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-intro{ text-align: center; margin-bottom: 36px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-intro .overline{ color: var(--green-bright); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-intro h2{ margin: 10px 0 12px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-intro p{ color: var(--text-muted); font-size: 15px; line-height: 1.65; max-width: 680px; margin: 0 auto; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-controls-row{ display: flex; gap: 14px; justify-content: center; align-items: center; flex-wrap: wrap; margin-top: 22px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-horse-count{ display: inline-flex; gap: 2px; align-items: center; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 100px; padding: 5px 14px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-ctrl-label{ font-size: 12px; font-weight: 600; color: var(--text-muted); margin-right: 6px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-hc-btn{ background: transparent; border: 0; color: var(--text-muted); width: 24px; height: 26px; font-size: 16px; cursor: pointer; border-radius: 50%; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-hc-btn:hover{ color: var(--green-bright); background: rgba(125,237,111,0.1); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-horse-count input{ background: transparent; border: 0; color: var(--text); width: 28px; text-align: center; font-size: 13px; font-weight: 700; padding: 0; -moz-appearance: textfield; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-horse-count input::-webkit-outer-spin-button, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-horse-count input::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-freq-toggle{ display: inline-flex; gap: 0; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 100px; padding: 4px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-fbtn{ background: transparent; border: 0; color: var(--text-muted); font-size: 12px; font-weight: 600; padding: 7px 16px; border-radius: 100px; cursor: pointer; transition: all .25s ease; letter-spacing: .03em; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-fbtn.active{ background: var(--green-bright); color: #050e07; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-fbtn:hover:not(.active){ color: var(--text); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-view-toggle{ display: inline-flex; gap: 0; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 100px; padding: 4px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-vbtn{ background: transparent; border: 0; color: var(--text-muted); font-size: 13px; font-weight: 600; padding: 8px 22px; border-radius: 100px; cursor: pointer; transition: all .25s ease; letter-spacing: .03em; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-vbtn.active{ background: var(--green-bright); color: #050e07; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-vbtn.casual-pulse:not(.active){ color: var(--green-bright); animation: casualPulse 2.2s ease-in-out infinite; }
@keyframes casualPulse { 0%,100% { box-shadow: 0 0 0 0 rgba(125,237,111,0.35); } 50% { box-shadow: 0 0 0 8px rgba(125,237,111,0); } }
/* Include Phoenix toggle: match the Casual Rider pill's glowing/pulsing green outline */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .crp-toggle{ animation: casualPulse 2.2s ease-in-out infinite; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .crp-toggle:hover{ animation-play-state: paused; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-grid{ display: grid; grid-template-columns: 1fr auto minmax(280px, 360px); gap: 18px; margin-top: 32px; align-items: end; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-col{ background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 16px; padding: 22px 22px 18px; display: flex; flex-direction: column; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-col.left{ background: rgba(231,76,60,0.05); border-color: rgba(231,76,60,0.32); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-col.right{ background: rgba(46,204,113,0.06); border-color: rgba(125,237,111,0.28); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-col-hdr{ padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,0.06); margin-bottom: 14px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-col-tag{ font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 4px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-col.right .calc-col-tag{ color: var(--green-bright); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-col-title{ font-size: 15px; font-weight: 700; color: var(--text); line-height: 1.3; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-col-sub{ font-size: 12px; color: var(--text-muted); margin-top: 4px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-vs{ display: flex; align-items: center; justify-content: center; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-vs-bub{ width: 44px; height: 44px; border-radius: 50%; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; letter-spacing: .04em; color: var(--text-muted); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-rows{ flex: 1; display: flex; flex-direction: column; gap: 8px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-row{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; padding: 10px 0; border-bottom: 1px dashed rgba(255,255,255,0.05); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-row > .calc-row-name{ flex: 1 1 100%; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-row > .calc-qty{ flex: 0 0 auto; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-row > .calc-price{ flex: 0 1 120px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-row > .calc-row-del{ flex: 0 0 auto; margin-left: auto; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-row-name{ font-size: 13px; color: var(--text); display: flex; flex-direction: column; gap: 2px; min-width: 0; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-row-name input{ background: transparent; border: 0; color: var(--text); font-size: 14px; font-weight: 500; width: 100%; padding: 2px 0; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-row-name input:focus{ outline: 1px solid rgba(125,237,111,0.4); border-radius: 4px; padding: 2px 4px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-row-sub{ font-size: 12px; color: var(--text-muted); white-space: normal; overflow: visible; line-height: 1.3; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-qty{ display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; overflow: hidden; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-qty button{ background: transparent; border: 0; color: var(--text-muted); width: 24px; height: 28px; font-size: 16px; cursor: pointer; font-weight: 400; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-qty button:hover{ color: var(--green-bright); background: rgba(125,237,111,0.08); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-qty input{ background: transparent; border: 0; color: var(--text); width: 32px; text-align: center; font-size: 13px; font-weight: 600; padding: 0; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-price{ display: flex; align-items: center; gap: 4px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; padding: 4px 8px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-price-dollar{ color: var(--text-muted); font-size: 12px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-price input{ background: transparent; border: 0; color: var(--text); width: 100%; font-size: 14px; font-weight: 600; padding: 0; -moz-appearance: textfield; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-price input::-webkit-outer-spin-button, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-price input::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-row-del{ background: transparent; border: 0; color: rgba(255,255,255,0.3); width: 24px; height: 24px; border-radius: 4px; cursor: pointer; font-size: 14px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-row-del:hover{ color: #ff4040; background: rgba(255,64,64,0.08); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-actions{ display: flex; gap: 10px; justify-content: space-between; margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,0.06); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-add-btn{ background: rgba(255,32,32,0.1); border: 1px dashed rgba(255,32,32,0.5); color: #ff2020; font-size: 12px; font-weight: 700; padding: 8px 16px; border-radius: 8px; cursor: pointer; flex: 1; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-add-btn:hover{ background: rgba(255,32,32,0.2); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-reset-btn{ background: var(--green-bright); border: 0; color: #050e07; font-size: 12px; font-weight: 700; padding: 8px 14px; border-radius: 8px; cursor: pointer; animation: cta-pulse 1.8s ease-in-out infinite; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-reset-btn:hover{ filter: brightness(1.08); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-total-row{ display: flex; justify-content: space-between; align-items: baseline; margin-top: 18px; padding-top: 14px; border-top: 2px solid rgba(255,255,255,0.08); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-total-lbl{ font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--text-muted); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-total-val{ font-size: 32px; font-weight: 800; color: #ff2020; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-col.right .calc-total-val{ color: var(--green-bright); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-feat-list{ flex: 1; display: flex; flex-direction: column; gap: 10px; font-size: 13px; color: var(--text); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-feat{ display: flex; gap: 10px; align-items: flex-start; line-height: 1.5; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-feat .ck{ color: var(--green-bright); flex-shrink: 0; font-weight: 700; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-feat-name{ font-weight: 600; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-feat-desc{ color: var(--text-muted); font-size: 12px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-right-price-block{ padding-top: 14px; margin-top: auto; border-top: 1px solid rgba(125,237,111,0.18); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-right-price-lbl{ font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--green-bright); margin-bottom: 6px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-right-first{ font-size: 13px; color: var(--text-muted); margin-bottom: 4px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-right-first strong{ color: var(--text); font-weight: 700; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-right-maint{ font-size: 24px; font-weight: 800; color: var(--green-bright); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-right-maint-lbl{ font-size: 12px; color: var(--text-muted); margin-top: 2px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .crp-row{ margin-bottom: 14px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .crp-row-maint{ border-top: 1px solid rgba(125,237,111,0.22); padding-top: 14px; margin-top: 4px; margin-bottom: 0; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .crp-head{ display: flex; justify-content: space-between; align-items: baseline; gap: 14px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .crp-when{ font-weight: 700; color: var(--text); font-size: 13px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .crp-price{ font-weight: 700; white-space: nowrap; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .crp-row-maint .crp-price{ color: var(--green-bright); font-weight: 800; line-height: 1; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .crp-desc{ margin-top: 6px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .crp-name{ font-size: 12.5px; font-weight: 700; color: var(--text); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .crp-gift{ font-size: 12px; color: var(--green-bright); margin-top: 3px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .crp-val{ font-size: 12px; color: var(--text-muted); margin-top: 3px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .crp-comp{ font-size: 12px; color: var(--text-muted); margin-top: 3px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .crp-bill{ font-size: 13px; color: var(--green-bright); font-weight: 600; margin-top: 6px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .crp-toggle{ display: inline-flex; gap: 6px; align-items: center; cursor: pointer; font-size: 11.5px; color: #cfc9dd; background: rgba(125,237,111,0.08); border: 1px solid rgba(125,237,111,0.25); border-radius: 7px; padding: 5px 9px; margin-top: 10px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-phx-note{ font-size: 11.5px; color: #ff7a7a; background: rgba(231,76,60,0.08); border: 1px solid rgba(231,76,60,0.25); border-radius: 7px; padding: 7px 10px; margin-top: 10px; line-height: 1.4; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-savings-banner{ margin-top: 28px; padding: 18px 24px; background: rgba(46,204,113,0.1); border: 1px solid rgba(125,237,111,0.35); border-radius: 14px; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-savings-text{ font-size: 15px; color: var(--text); line-height: 1.5; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-savings-text strong{ color: var(--green-bright); font-weight: 800; font-size: 20px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-savings-yr{ text-align: right; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-savings-yr-lbl{ font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 2px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-savings-yr-val{ font-size: 22px; font-weight: 800; color: var(--green-bright); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-casual-reframe{ margin-top: 14px; padding: 14px 18px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 10px; font-size: 14px; color: var(--text-muted); line-height: 1.6; text-align: center; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-casual-reframe strong{ color: var(--green-bright); font-weight: 700; }
@media (max-width: 800px) {
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-grid{ grid-template-columns: 1fr; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-vs{ display: none; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-row{ gap: 8px; } /* was grid-template-columns on a flex container — inert; flex-wrap handles the 2-row layout */
  /* Mobile readability — 40+ avatar */
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-col-title{ font-size: 17px; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-col-sub{ font-size: 14px; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-col-tag{ font-size: 12px; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-row-name{ font-size: 15px; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-row-name input{ font-size: 16px; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-row-sub{ font-size: 13px; white-space: normal; overflow: visible; line-height: 1.35; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-qty input{ font-size: 15px; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-price input{ font-size: 16px; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-feat-list{ font-size: 15px; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-feat-desc{ font-size: 14px; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-vbtn{ font-size: 15px; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-fbtn{ font-size: 14px; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-total-lbl{ font-size: 14px; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-savings-text{ font-size: 16px; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-intro p{ font-size: 16px; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-ctrl-label{ font-size: 14px; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-hc-btn{ font-size: 18px; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-horse-count input{ font-size: 15px; }
}

  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ba-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:8px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ba-card{background:var(--surface);border:1px solid var(--border-green);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ba-pair{display:grid;grid-template-columns:1fr 1fr;position:relative}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ba-frame{position:relative;aspect-ratio:4/5;background:linear-gradient(160deg,#1c1630,#120d20);overflow:hidden;display:flex;align-items:center;justify-content:center}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ba-frame img{width:100%;height:100%;object-fit:cover;display:block}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ba-frame.empty::after{content:"📷 photo";color:var(--text-faint);font-size:12px;font-weight:600;letter-spacing:.04em}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ba-tag{position:absolute;bottom:10px;left:10px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:var(--radius-pill);backdrop-filter:blur(4px)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ba-tag.before{background:#c0392b;color:#fff;border:1px solid #e74c3c}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ba-tag.after{background:#1e8b4e;color:#fff;border:1px solid #2ecc71}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ba-divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(var(--green),var(--green-bright));transform:translateX(-50%);z-index:2}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ba-cap{padding:16px 18px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ba-cap .ba-horse{font-weight:700;color:var(--text);font-size:15px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ba-cap .ba-meta{font-size:12px;color:var(--green-bright);font-weight:600;margin-top:2px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ba-cap .ba-note{font-size:13px;color:var(--text-muted);line-height:1.55;margin-top:8px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ba-reveal{position:relative;cursor:pointer}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ba-reveal .flip-content-blur{padding-right:0;filter:blur(7px);transition:filter .55s ease}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ba-reveal.shown .flip-content-blur{filter:none}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ba-reveal .flip-overlay{background:rgba(12,9,23,.45);border-radius:var(--radius);transition:opacity .4s ease}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ba-reveal.shown .flip-overlay{opacity:0;pointer-events:none}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ba-reveal:hover .flip-prompt{background:rgba(46,204,113,0.2)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ba-flipgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  @media(max-width:560px){body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ba-flipgrid{grid-template-columns:1fr}}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .baf-card{position:relative;perspective:1200px;cursor:pointer}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .baf-inner{position:relative;width:100%;aspect-ratio:3/2;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.4,0,.2,1)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .baf-inner.peeking{animation:flip-peek 2.8s cubic-bezier(.4,0,.2,1)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .baf-card.flipped .baf-inner{transform:rotateY(180deg)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .baf-front, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .baf-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius);overflow:hidden;box-sizing:border-box}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .baf-front{background:linear-gradient(160deg,#1c1630,#120d20);border:1px solid var(--border-green)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .baf-content{position:absolute;inset:0;filter:blur(8px);transition:filter .55s ease;display:flex;align-items:center;justify-content:center;color:var(--text-faint);font-size:13px;font-weight:600}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .baf-card.revealed .baf-content{filter:none}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .baf-tag{z-index:5}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .baf-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;background:rgba(12,9,23,.4);transition:opacity .35s ease}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .baf-card.revealed .baf-overlay{opacity:0;pointer-events:none}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .baf-qmark{font-size:60px;font-weight:800;color:rgba(255,255,255,.2);line-height:1}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .baf-prompt{display:flex;align-items:center;gap:8px;background:rgba(46,204,113,.12);border:1px solid rgba(125,237,111,.35);border-radius:100px;padding:7px 16px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--green-bright)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .baf-prompt2{position:absolute;bottom:12px;left:50%;background:linear-gradient(135deg,var(--green-bright),var(--green));color:#050e07;border-radius:7px;padding:5px 9px;font-size:10px;font-weight:800;opacity:0;transform:translate(-50%,4px);transition:opacity .3s,transform .3s;pointer-events:none}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .baf-card.revealed:not(.flipped) .baf-prompt2{opacity:1;transform:translate(-50%,0)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .baf-badge{position:absolute;right:12px;bottom:12px;width:19%;aspect-ratio:1;border-radius:50%;z-index:5;pointer-events:none;box-shadow:0 2px 8px rgba(0,0,0,.5)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .baf-back{transform:rotateY(180deg);background:var(--surface2);border:1px solid rgba(125,237,111,.3);display:flex;flex-direction:column;justify-content:center;padding:24px 26px 46px;text-align:center}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .baf-back-label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--green-bright);margin-bottom:10px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .baf-back p{font-size:14px;line-height:1.6;color:var(--text);margin:0}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .baf-back-foot{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:10px;color:var(--text-muted)}

  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .origin-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:34px;align-items:center;margin-top:8px}
  @media(max-width:760px){body.eehp-ported-page.eehp-ported-page.eehp-ported-page .origin-grid{grid-template-columns:1fr}}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .origin-photo{aspect-ratio:4/5;border-radius:var(--radius);overflow:hidden;background:linear-gradient(160deg,#1c1630,#120d20);border:1px solid var(--border-green);display:flex;align-items:center;justify-content:center;color:var(--text-faint);font-size:13px;font-weight:600}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .origin-figs{display:flex;flex-direction:column;gap:16px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .origin-proof{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .origin-photo.pf{aspect-ratio:1/1;font-size:11px;text-align:center;padding:8px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .origin-cap{font-size:10px;color:var(--text-faint);text-align:center;margin-top:6px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .origin-sign{font-family:'Great Vibes','Segoe Script','Brush Script MT',cursive;font-size:clamp(34px,5vw,44px);line-height:1.05;color:var(--green-bright);margin-top:20px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .sensitive{position:relative}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .sensitive img{filter:blur(18px);transform:scale(1.05);transition:filter .45s ease}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .sensitive.revealed img{filter:none;transform:none}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .sens-tag{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;padding:8px;background:rgba(10,8,20,.5);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.02em;line-height:1.3;transition:opacity .35s ease}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .sens-tag .warn{font-size:20px;color:var(--gold,#c7a052)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .sensitive.revealed .sens-tag{opacity:0;pointer-events:none}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .sens-hide{position:absolute;top:8px;right:8px;z-index:4;display:none;border:none;cursor:pointer;background:rgba(10,8,20,.72);color:#fff;font-weight:700;font-size:9px;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:100px;font-family:inherit}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .sensitive.revealed .sens-hide{display:inline-flex}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .sens-h{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .sens-sub{font-size:9px;font-weight:500;opacity:.82;max-width:92%;line-height:1.35;text-transform:none;letter-spacing:0}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .sens-btn{margin-top:5px;border:none;cursor:pointer;background:linear-gradient(135deg,var(--green-bright),var(--green));color:#06210f;font-weight:800;font-size:10px;padding:5px 13px;border-radius:100px;font-family:inherit}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .origin-copy p{font-size:15px;line-height:1.7;color:var(--text-muted);margin:0 0 14px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .origin-copy p:last-child{margin-bottom:0;color:var(--text);font-weight:500}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .origin-copy strong{color:var(--green-bright);font-weight:700}

  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .tw-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:34px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .tw-pair{display:grid;grid-template-columns:0fr 1fr;gap:0;height:clamp(240px,42vw,380px);border-radius:var(--radius-sm);overflow:hidden;transition:grid-template-columns .55s cubic-bezier(.4,0,.2,1),gap .4s ease}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .tw-item.open .tw-pair{grid-template-columns:1fr 1fr;gap:6px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .tw-shot{position:relative;height:100%;min-width:0;overflow:hidden;background:#120d20}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .tw-shot img{width:100%;height:100%;object-fit:contain;display:block}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .tw-tag{position:absolute;bottom:10px;left:10px;z-index:2;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:100px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .tw-tag.after{background:#1e8b4e;color:#fff;border:1px solid #2ecc71}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .tw-tag.before{background:#c0392b;color:#fff;border:1px solid #e74c3c}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .tw-viewbtn{position:absolute;bottom:11px;left:50%;transform:translateX(-50%);z-index:3;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,var(--green-bright),var(--green));color:#06210f;font-size:9.5px;font-weight:800;letter-spacing:.01em;padding:5px 10px;border-radius:100px;white-space:nowrap;font-family:inherit}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .tw-item:not(.open) .tw-viewbtn{animation:cta-pulse 1.6s ease-in-out infinite}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .tw-quote{text-align:center;max-width:580px;margin:16px auto 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 18px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .tw-quote p{margin:0;font-size:14px;line-height:1.55;font-style:italic;color:var(--text)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .tw-quote .tw-by{margin-top:8px;font-size:12px;font-weight:700;color:var(--green-bright)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .tw-horse{font-size:16px;font-weight:800;color:var(--text);margin-bottom:7px;letter-spacing:.01em}

  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cs-feature{width:100%;aspect-ratio:3/2;object-fit:contain;background:#120d20;border-radius:var(--radius);display:block;border:1px solid var(--border-green);margin-top:8px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cs-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cs-thumbs img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#120d20;border-radius:var(--radius-sm);display:block;border:1px solid var(--border)}
  @media(max-width:600px){body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cs-thumbs{grid-template-columns:1fr 1fr}}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cs-quote{max-width:720px;margin:26px auto 0;text-align:center}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cs-quote p{font-size:17px;line-height:1.6;font-style:italic;color:var(--text);margin:0}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cs-quote .cs-by{margin-top:12px;font-size:13px;font-weight:800;color:var(--green-bright)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cs-quote .cs-disc{margin-top:4px;font-size:11px;color:var(--text-faint)}

  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .s-lastchance{padding-bottom:40px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .s-deepdive{padding:30px 0 60px}
  @media(max-width:700px){ body.eehp-ported-page.eehp-ported-page.eehp-ported-page .s-lastchance{padding-bottom:24px} }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 18px;position:sticky;top:0;z-index:30;padding:12px 0;background:rgba(12,9,23,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-chip{font-size:13px;font-weight:600;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:8px 16px;cursor:pointer;transition:all .18s}
  /* product-colored chips: each pill carries its product's color */
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-chip[data-target="dd-ude"]{color:#7ded6f;border-color:rgba(125,237,111,.45)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-chip[data-target="dd-victory"]{color:#b492ff;border-color:rgba(165,125,255,.5)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-chip[data-target="dd-dragon"]{color:#ff5c5c;border-color:rgba(255,64,64,.5)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-chip[data-target="dd-phoenix"]{color:#ff9a4d;border-color:rgba(255,122,26,.55)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-chip[data-target="dd-refs"]{color:#6fbef5;border-color:rgba(92,184,245,.5)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-chip[data-target="dd-ude"]:hover, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-chip[data-target="dd-ude"].active{background:rgba(125,237,111,.14);border-color:#7ded6f;color:#7ded6f}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-chip[data-target="dd-victory"]:hover, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-chip[data-target="dd-victory"].active{background:rgba(165,125,255,.16);border-color:#b492ff;color:#c4acff}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-chip[data-target="dd-dragon"]:hover, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-chip[data-target="dd-dragon"].active{background:rgba(255,64,64,.14);border-color:#ff5c5c;color:#ff7a7a}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-chip[data-target="dd-phoenix"]:hover, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-chip[data-target="dd-phoenix"].active{background:rgba(255,122,26,.16);border-color:#ff9a4d;color:#ffb066}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-chip[data-target="dd-refs"]:hover, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-chip[data-target="dd-refs"].active{background:rgba(92,184,245,.16);border-color:#6fbef5;color:#8ccef8}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-acc{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;scroll-margin-top:24px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-item.open{border-color:var(--border-green)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-head{display:flex;align-items:center;gap:16px;padding:20px 24px;cursor:pointer;user-select:none}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-role{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--green-bright);background:rgba(46,204,113,.12);border:1px solid var(--border-green);border-radius:var(--radius-pill);padding:4px 10px;flex-shrink:0}
  /* accordion role pills match the sticky-menu product colors (Ulcer stays green) */
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page #dd-victory .dd-role{color:#b492ff;background:rgba(165,125,255,.14);border-color:rgba(165,125,255,.4)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page #dd-dragon .dd-role{color:#ff7a7a;background:rgba(255,64,64,.12);border-color:rgba(255,64,64,.4)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page #dd-phoenix .dd-role{color:#ffb066;background:rgba(255,122,26,.14);border-color:rgba(255,122,26,.4)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page #dd-refs .dd-role{color:#8ccef8;background:rgba(92,184,245,.14);border-color:rgba(92,184,245,.4)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-htext{flex:1}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-name{font-size:17px;font-weight:700;color:var(--text)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-one{font-size:13px;color:var(--text-muted);margin-top:2px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-chev{font-size:20px;color:var(--text-muted);transition:transform .25s;flex-shrink:0;line-height:1}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-item.open .dd-chev{transform:rotate(180deg);color:var(--green-bright)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-body{max-height:0;overflow:hidden;transition:max-height .4s ease}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-item.open .dd-body{max-height:2800px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-inner{padding:0 24px 24px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-block{margin-top:18px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--green-bright);margin-bottom:8px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-block p{font-size:14px;line-height:1.7;color:var(--text-muted);margin:0 0 14px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-block p:last-child{margin-bottom:0}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-ings{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}
  @media(max-width:600px){body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-ings{grid-template-columns:1fr}}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-ings li{display:flex;gap:8px;font-size:13px;color:var(--text);line-height:1.45}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-ings .ck{color:var(--green);flex-shrink:0}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-ings .ing-name{font-weight:600}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-ings .ing-note{color:var(--text-muted);font-size:11px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-placeholder{font-style:italic;color:var(--text-faint)!important}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-img{margin:0 0 4px;text-align:center}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-img img{max-width:100%;max-height:540px;width:auto;border-radius:10px;display:inline-block}
  @media(max-width:600px){body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-img img{max-height:400px}}
  /* ── product gallery (hero + thumbnail strip) ── */
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ddg{margin:0 0 4px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ddg-hero{text-align:center;background:var(--surface2);border:1px solid var(--border);border-radius:14px;padding:14px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ddg-hero img{max-width:100%;max-height:540px;width:auto;border-radius:8px;display:inline-block}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ddg-thumbs{display:flex;gap:12px;justify-content:center;margin-top:12px;flex-wrap:wrap}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ddg-tw{display:flex;flex-direction:column;align-items:center}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ddg-thumb{width:74px;height:74px;border-radius:10px;border:2px solid var(--border);background:var(--surface);overflow:hidden;cursor:pointer;padding:0;transition:border-color .15s,transform .15s}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ddg-thumb img{width:100%;height:100%;object-fit:cover;display:block}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ddg-thumb:hover{transform:translateY(-2px)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ddg-thumb.active{border-color:var(--green)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ddg-thumb-label{font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-top:4px}
  @media(max-width:600px){body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ddg-hero img{max-height:400px}}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-refs ol{margin:8px 0 0;padding-left:20px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-refs li{font-size:12px;color:var(--text-muted);line-height:1.8}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-disc{margin-top:12px;font-size:11px;color:var(--text-faint);line-height:1.6}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-refblock{margin-top:16px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-reflabel{font-size:12px;font-weight:700;color:var(--green-bright);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-refs ol li{margin-bottom:5px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-refs a{color:var(--text-muted);text-decoration:underline;text-decoration-color:rgba(125,237,111,.4);word-break:break-word}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-refs a:hover{color:var(--green-bright)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-refs.open .dd-body{max-height:12000px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-research{margin-top:4px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-rsg{font-size:13px;line-height:1.55;margin-bottom:7px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-rsg .ing{font-weight:700;color:var(--text)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-rsg a{color:var(--text-muted);text-decoration:underline;text-decoration-color:rgba(125,237,111,.35)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-rsg a:hover{color:var(--green-bright)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-rsg .sep{color:var(--text-faint);margin:0 2px}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-research-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:rgba(46,204,113,.07);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 16px;cursor:pointer;color:var(--green-bright);font-size:13px;font-weight:700;font-family:inherit}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-research-toggle:hover{border-color:var(--border-green)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-rt-chev{transition:transform .25s;color:var(--text-muted);font-size:16px;line-height:1}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-research-wrap.open .dd-rt-chev{transform:rotate(180deg)}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-research{max-height:0;overflow:hidden;transition:max-height .45s ease;margin-top:0}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-research-wrap.open .dd-research{max-height:1600px;margin-top:12px}

/* ══════════════════════════════════════════════════════════════════
   v2.1 — UI/UX POLISH PASS (WP review, 2026-07-27)
   CSS-only and additive — markup + scripts.js are shared with v1 and
   unchanged. Focus: motion polish, honest interaction affordances,
   keyboard accessibility, reduced-motion support.
══════════════════════════════════════════════════════════════════ */

/* 1. Living shimmer — the v2 gold headline gradient slowly sweeps, so
      "Warhorse Protocol" / the reviews "5.0" read as metal catching
      light. Headline-scale only, same scope as the v2 shimmer. */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page h1 .gold, body.eehp-ported-page.eehp-ported-page.eehp-ported-page h2 .gold{
  background-size: 220% auto;
  animation: gold-sheen 7s linear infinite;
}
@keyframes gold-sheen {
  from { background-position: 0% center; }
  to   { background-position: -220% center; }
}

/* 2. Interaction affordance — ONLY genuinely clickable cards lift on
      hover (step flip-cards, video testimonials); non-clickable cards
      deliberately get no lift so hover never lies about clickability.
      FAQ rows signal with a border shift instead. */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .step-card, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-card{
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .step-card:hover, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 12px 34px rgba(0,0,0,0.34);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .faq-item{ transition: border-color .2s ease; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .faq-item:hover{ border-color: var(--border-green); }

/* 3. Primary CTA hover: intensify, don't dim — the stock hover dropped
      opacity to .88, which reads as the action being disabled. */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cta-main:hover{
  opacity: 1;
  filter: brightness(1.08);
  transform: translateY(-1px) scale(1.01);
  box-shadow: 0 12px 36px rgba(46,204,113,0.42);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cta-main:active, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .sticky-btn:active{ transform: translateY(1px) scale(0.995); filter: brightness(0.96); }

/* 4. Centerpiece halo — a soft gold ambience behind the protocol
      reveal card so the page's key moment visually leads. */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .reveal-outer{
  box-shadow: 0 4px 20px rgba(0,0,0,0.22), 0 0 80px rgba(199,160,82,0.10);
}

/* 5. Keyboard accessibility — visible focus ring for tab navigation
      (focus-visible: pointer clicks are unaffected). */
body.eehp-ported-page button:focus-visible, body.eehp-ported-page a:focus-visible, body.eehp-ported-page input:focus-visible, body.eehp-ported-page [tabindex]:focus-visible{
  outline: 2px solid var(--green-bright);
  outline-offset: 2px;
}

/* 6. Brand selection tint */
body.eehp-ported-page ::selection{ background: rgba(125,237,111,0.28); color: #fff; }

/* 7. Horizontal scroll surfaces (comparison table on mobile) — thin
      brand scrollbar instead of the OS default. */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-table{ scrollbar-width: thin; scrollbar-color: rgba(125,237,111,0.35) rgba(255,255,255,0.05); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-table::-webkit-scrollbar{ height: 6px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-table::-webkit-scrollbar-thumb{ background: rgba(125,237,111,0.35); border-radius: 999px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .compare-table::-webkit-scrollbar-track{ background: rgba(255,255,255,0.05); }

/* 8. Reduced motion — collapse decorative animation/transitions for
      users who opt out (pulse, shimmer, flips resolve instantly). */
@media (prefers-reduced-motion: reduce) {
  body.eehp-ported-page *, body.eehp-ported-page *::before, body.eehp-ported-page *::after{
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  body.eehp-ported-page{ scroll-behavior: auto; }
}


/* ══════════════════════════════════════════════════════════════════
   v2.2 — FULL-PAGE DESIGN ELEVATION (WP review, 2026-07-27)
   At-rest visible pass, CSS-only. Targets the shared components that
   repeat in every section so the whole page lifts: ambient canvas,
   section headers, card surfaces, centerpiece card, trust strip,
   CTAs, sticky bar. Step-card tints and all copy/layout untouched.
══════════════════════════════════════════════════════════════════ */

/* ── Ambient canvas: colored light instead of flat black ── */
body.eehp-ported-page{
  background-color: var(--bg);
  background-image:
    radial-gradient(1100px 520px at 50% -80px, rgba(46,204,113,0.07), transparent 70%),
    radial-gradient(900px 600px at 88% 18%, rgba(199,160,82,0.05), transparent 70%);
  background-attachment: fixed;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .orb-1{ opacity: 0.16; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .orb-2{ opacity: 0.13; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .orb-3{ opacity: 0.12; }

/* ── Typography: tighter display headings, glowing green accents ── */
body.eehp-ported-page h1{ letter-spacing: -0.02em; }
body.eehp-ported-page h2{ letter-spacing: -0.015em; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page h1 .green, body.eehp-ported-page.eehp-ported-page.eehp-ported-page h2 .green{ text-shadow: 0 0 26px rgba(125,237,111,0.35); }

/* ── Section headers: gold-ruled overline eyebrow on every section ── */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .section-intro .overline{
  color: var(--gold-light);
  letter-spacing: 0.22em;
  position: relative;
  padding: 0 20px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .section-intro .overline::before, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .section-intro .overline::after{
  content: '';
  position: absolute; top: 50%; width: 14px; height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold));
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .section-intro .overline::before{ left: 0; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .section-intro .overline::after{ right: 0; transform: scaleX(-1); }

/* ── Card surfaces: gradient face + lit top edge (neutral cards only —
      step-card red/green/blue tints and for/against panels keep their
      intentional colors and get the edge/shadow treatment below) ── */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .card, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .tl-card, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .pillar, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .review-card, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .faq-item, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .sym-card{
  background: linear-gradient(180deg, var(--surface2) 0%, var(--surface) 100%);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .card, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .card-featured, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .step-card, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .tl-card, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .pillar, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .review-card, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .proto-card, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cost-col, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .callout-box, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .faq-item, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .for-item, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .sym-card{
  border-color: rgba(255,255,255,0.11);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 6px 26px rgba(0,0,0,0.30);
}

/* ── Centerpiece: gold gradient ring + halo on the protocol reveal ── */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .reveal-outer{
  border: 1px solid transparent;
  background:
    linear-gradient(var(--bg), var(--bg)) padding-box,
    linear-gradient(140deg, rgba(199,160,82,0.65), rgba(46,204,113,0.4) 45%, rgba(199,160,82,0.18)) border-box;
  box-shadow: 0 10px 40px rgba(0,0,0,0.35), 0 0 90px rgba(199,160,82,0.12);
}

/* ── Trust strip: pills read as lit glass, not flat boxes ── */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .ts-item{
  background: linear-gradient(180deg, rgba(46,204,113,0.14), rgba(46,204,113,0.05));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
}

/* ── Step hierarchy: "STEP 1/2/3" eyebrows in gold ── */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .step-num{ color: var(--gold-light); }

/* ── Primary CTA: inner bevel highlight = tactile, pressable ── */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .cta-main{
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.35), 0 10px 32px rgba(46,204,113,0.35);
}

/* ── Sticky bar: green→gold accent hairline across the top ── */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .sticky-bar{
  border-top: 1px solid transparent;
  border-image: linear-gradient(90deg, transparent, rgba(125,237,111,0.65), rgba(199,160,82,0.65), transparent) 1;
  background: rgba(12,9,23,0.9);
}


/* ══════════════════════════════════════════════════════════════════
   v2.3 — VERIFIED REVIEWS → SLIDER (v2 only, WP review 2026-07-27)
   The 8-card 2-col grid becomes a 2-up scroll-snap slider (1-up on
   mobile). --eehp-slider is a feature flag read by
   warhorse-wp-wiring.js, which injects the shared .tw-nav controls;
   v1 has no flag, so its grid stays untouched.
══════════════════════════════════════════════════════════════════ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .reviews-grid{
  --eehp-slider: 1;
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .reviews-grid::-webkit-scrollbar{ display: none; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .reviews-grid > .review-card{
  flex: 0 0 calc(50% - 8px);  /* 2-up, honoring the grid's 16px gap */
  scroll-snap-align: start;
  min-width: 0;
}
@media (max-width: 700px) {
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .reviews-grid > .review-card{ flex: 0 0 100%; }
}


/* ══════════════════════════════════════════════════════════════════
   v2.4 — WIDER FAQ SECTION (v2 only, WP review 2026-07-27)
   The FAQ .wrap carries an inline max-width:680px in the generated
   markup (shared with v1), so the widen needs !important + an
   attribute selector to win without touching the markup.
══════════════════════════════════════════════════════════════════ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page section .wrap[style*="max-width:680px"]{ max-width: 920px !important; }

/* === Ingredient circle tiles (added 2026-08-16) === */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .wh-ings{display:grid;grid-template-columns:repeat(5,1fr);gap:16px 10px;margin:12px 0 6px;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .wh-tile{text-align:center;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .wh-circle{width:82px;height:82px;border-radius:50%;margin:0 auto 7px;overflow:hidden;border:1px solid var(--border-green);background:radial-gradient(circle at 50% 38%,rgba(46,204,113,.12),var(--surface2));display:flex;align-items:center;justify-content:center;position:relative;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .wh-circle img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .wh-circle svg{width:52px;height:52px;position:relative;z-index:1;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .wh-circle.icon{background:radial-gradient(circle at 50% 38%,rgba(199,160,82,.13),var(--surface2));}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .wh-circle .wh-ph{position:absolute;inset:0;z-index:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);font-size:9px;gap:2px;text-align:center;padding:4px;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .wh-name{font-size:11.5px;font-weight:600;color:#dcd9ea;line-height:1.2;}
@media(max-width:600px){body.eehp-ported-page.eehp-ported-page.eehp-ported-page .wh-ings{grid-template-columns:repeat(3,1fr);}}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-back-tile-circle{width:46px;height:46px;border-radius:50%;overflow:hidden;border:1px solid var(--border-green);background:radial-gradient(circle at 50% 38%,rgba(46,204,113,.16),rgba(0,0,0,.25));display:inline-flex;align-items:center;justify-content:center;position:relative;margin:0 auto 4px;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-back-tile-circle img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-back-tile-circle svg{width:28px;height:28px;position:relative;z-index:1;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-back-tile-circle .wh-ph{position:absolute;inset:0;z-index:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:15px;opacity:.5;}

/* Phoenix flip: all ingredients as tiles (added 2026-08-16) */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-all-tiles{grid-template-columns:repeat(5,1fr) !important;gap:16px 16px !important;max-width:640px;margin:2px auto 0;justify-content:center !important;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-all-tiles .flip-back-tile{min-height:0 !important;background:none !important;border:none !important;padding:0 !important;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-all-tiles .flip-back-tile-circle{width:72px;height:72px;margin-bottom:7px;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-all-tiles .flip-back-tile-circle svg{width:42px;height:42px;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-all-tiles .flip-back-tile-name{font-size:11px;line-height:1.15;color:var(--text);}
/* Phoenix flip-back on mobile: 5 fixed 72px circles overflow a phone card (content width
   ~295px), so drop to 4 columns with smaller circles and lengthen the card to fit 3 rows. */
@media (max-width: 700px){
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-all-tiles{ grid-template-columns:repeat(3,1fr) !important; gap:16px 10px !important; max-width:100%; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-all-tiles .flip-back-tile-circle{ width:70px; height:70px; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .addon-flip .flip-inner{ height:600px; }
  /* Mobile (3-col): stack the 4 gold-coin icons down the CENTER column, top to bottom.
     Same tile DOM as desktop; only Polyphenols<->Nettle swap + centering the lone last
     tile differ, so re-order all 10 explicitly (default order:0 would break a partial set). */
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-all-tiles .flip-back-tile:nth-child(1){ order:1; }   /* Mullein */
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-all-tiles .flip-back-tile:nth-child(2){ order:2; }   /* MSM (gold, center row 1) */
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-all-tiles .flip-back-tile:nth-child(3){ order:3; }   /* Hawthorne Berry */
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-all-tiles .flip-back-tile:nth-child(4){ order:5; }   /* Polyphenols (gold) -> center row 2 */
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-all-tiles .flip-back-tile:nth-child(5){ order:4; }   /* Nettle -> left row 2 */
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-all-tiles .flip-back-tile:nth-child(6){ order:6; }   /* Hawthorne L&F */
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-all-tiles .flip-back-tile:nth-child(7){ order:7; }   /* Turmeric */
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-all-tiles .flip-back-tile:nth-child(8){ order:8; }   /* Bromelain (gold, center row 3) */
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-all-tiles .flip-back-tile:nth-child(9){ order:9; }   /* Frankincense */
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-all-tiles .flip-back-tile:nth-child(10){ order:10; grid-column:2; } /* Antioxidants (gold) centered, row 4 */
}

/* Ulcer Defense — dual ingredient sets with coin-flip toggle (front thumbs) */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .wh-ings-wrap{position:relative;perspective:850px;overflow:hidden;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .wh-ings-wrap .wh-set:not(.active){display:none;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .wh-ings-wrap .wh-circle{transform-style:preserve-3d;will-change:transform;}

/* Ulcer Defense — text variants (call-outs + descriptions) toggle with the circles */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-item .ude-txt:not(.active){display:none;}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-item .ude-txt.active{animation:udeFade .42s ease both;}
@keyframes udeFade{from{opacity:0}to{opacity:1}}

/* Phoenix: gold coins form a centered vertical spine — MOBILE ONLY (≤600px, 3-col).
   Desktop/tablet keep the even 2/4-column distribution. */
@media(max-width:600px){
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page #dd-phoenix .wh-ings{grid-auto-flow:row dense;}
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page #dd-phoenix .wh-tile.wh-coin{grid-column:2;}
}

/* ── Testimonials: stacked-deck swipe — MOBILE ONLY (activated by JS via .deck-mode) ──
   Top card swings off from its top-right corner to reveal the next; stays retrievable.
   Touch on a card = swipe gesture; touch below the deck = normal page scroll. */
@media(max-width:700px){
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .reviews-grid.deck-mode{
    display:block; position:relative; overflow:visible;
    width:90%; max-width:440px; margin:36px auto 0;
    perspective:1200px; -webkit-user-select:none; user-select:none;
    transition:height .4s ease;
  }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .reviews-grid.deck-mode > .review-card{
    position:absolute; top:0; left:0; right:0; margin:0;
    transform-origin:100% 0%;                 /* pivot: top-right corner */
    transition:transform .5s cubic-bezier(.2,.72,.2,1), opacity .4s ease;
    will-change:transform; touch-action:none; /* card captures the swipe */
    box-shadow:0 14px 36px rgba(0,0,0,.55);
  }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .reviews-grid.deck-mode > .review-card.dragging{ transition:none; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .deck-hint{ text-align:center; font-size:12px; color:var(--text-muted); margin:12px auto 0; opacity:.85; }
}

@media(max-width:700px){
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .deck-reset{ display:block; margin:12px auto 0; padding:10px 24px; font-size:13px; font-weight:700;
    color:var(--text); background:rgba(255,255,255,.05); border:1px solid var(--border-green);
    border-radius:8px; cursor:pointer; -webkit-tap-highlight-color:transparent; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .deck-reset:active{ background:rgba(46,204,113,.14); }
}

/* Mobile: tighten section vertical padding (80px reads as too much on phones —
   e.g. the "In the arena" spotlight). Class-specific section paddings are unaffected. */
@media(max-width:700px){
  body.eehp-ported-page section{ padding:48px 0; }
}

/* Mobile: tighten space beneath the testimonial deck's reset button */
@media(max-width:700px){
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .s-reviews{ padding-bottom:18px; }
}

/* Testimonial deck: white border makes the fanned stack read as a deck of cards */
@media(max-width:700px){
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .reviews-grid.deck-mode > .review-card{
    border:2px solid rgba(255,255,255,0.92);
    box-shadow:0 16px 40px rgba(0,0,0,0.6);
  }
}

/* DragonX "X" — mirror front-label treatment: bright green, larger, dynamic */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dxx{color:#ff2020;font-size:1.2em;font-weight:900;font-style:italic;letter-spacing:-.01em;}

/* ============================================================================
   LAST-CHANCE OFFER BOX (close-out sell-down: Dragon Tamer / DragonX / Black Label)
   Fully namespaced under #lc-box + .lc-* classes + --lc-* vars so nothing
   collides with the rest of the results page. Section = #s-lastchance.
   ========================================================================== */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .lc-banner{
  display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;
  max-width:920px;margin:26px auto 0;padding:12px 20px;
  background:linear-gradient(180deg,#231615,#1b1210);
  border:1px solid #4a2320;border-radius:12px;
  color:#eef3f6;font-size:13.5px;line-height:1.4;text-align:center;text-decoration:none;
  transition:border-color .15s, transform .08s;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .lc-banner:hover{border-color:#7a3730}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .lc-banner:active{transform:translateY(1px)}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .lc-banner b{color:#ff3b2e;font-weight:800;letter-spacing:.01em}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .lc-banner .lc-banner-x{color:#ff2020;font-weight:900;font-style:italic}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .lc-banner-dot{width:8px;height:8px;border-radius:50%;background:#ff3b2e;flex:0 0 auto;
  box-shadow:0 0 0 0 rgba(255,59,46,.6);animation:lcPulse 1.8s infinite}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .lc-banner-cta{font-weight:800;color:#7ded6f;white-space:nowrap}

body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box{
  --lc-box:#161c21; --lc-box2:#1c242a; --lc-line:#2b353d; --lc-line2:#39454e;
  --lc-ink:#eef3f6; --lc-muted:#94a6b1; --lc-faint:#6d7d87;
  --lc-green:#7ded6f; --lc-green-deep:#3f8f38; --lc-red:#ff3b2e; --lc-red-deep:#ff2020;
  --lc-amber:#ffcf5c;
  width:100%;max-width:460px;margin:0 auto;
  color:var(--lc-ink);font-family:Inter,-apple-system,'Segoe UI',Roboto,sans-serif;
  background:linear-gradient(180deg,#0f1519,#0c1114);
  border:1px solid var(--lc-line);border-radius:20px;
  padding:26px 22px 24px;box-shadow:0 18px 50px rgba(0,0,0,.45);
}
/* Desktop: widen the offer box to match the content columns above/below it. */
@media (min-width:701px){ body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box{ max-width:680px; padding:30px 34px 28px; } }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box *{box-sizing:border-box}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-hdr{text-align:center;padding:0 2px 6px}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-eyebrow{
  display:inline-flex;align-items:center;gap:7px;
  font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;
  color:var(--lc-red);border:1px solid #4a2320;background:#231615;border-radius:999px;padding:5px 13px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-dot{width:7px;height:7px;border-radius:50%;background:var(--lc-red);
  box-shadow:0 0 0 0 rgba(255,59,46,.6);animation:lcPulse 1.8s infinite}
@keyframes lcPulse{0%{box-shadow:0 0 0 0 rgba(255,59,46,.55)}70%{box-shadow:0 0 0 7px rgba(255,59,46,0)}100%{box-shadow:0 0 0 0 rgba(255,59,46,0)}}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box h3.lc-h{font-size:26px;line-height:1.12;font-weight:900;letter-spacing:-.02em;margin:14px 0 8px;text-wrap:balance}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-thru{color:var(--lc-green)}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-x{color:var(--lc-red-deep);font-weight:900;font-style:italic}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-lede{font-size:13.5px;line-height:1.5;color:var(--lc-muted);margin:0 auto;max-width:34ch}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-clock{display:flex;justify-content:center;gap:8px;margin:16px 0 2px}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-unit{background:var(--lc-box);border:1px solid var(--lc-line);border-radius:10px;padding:7px 0;width:62px;text-align:center}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-unit b{display:block;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1;color:#fff}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-unit span{display:block;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--lc-faint);margin-top:5px}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-clock-cap{text-align:center;font-size:11.5px;color:var(--lc-faint);margin-top:9px;letter-spacing:.02em}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-clock-cap b{color:var(--lc-muted);font-weight:600}
/* Upsell-only: 10-minute offer-expiry warning, injected above the clock. Fast "pop" pulse. */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-urgent{margin:18px 0 6px;padding:12px 14px;border-radius:12px;
  background:linear-gradient(180deg,#2a0f0d,#1e0a09);border:1.5px solid var(--lc-red);
  color:#ffd7d3;text-align:center;font-size:12px;line-height:1.45;letter-spacing:.01em;
  animation:lcPop .9s ease-in-out infinite;transform-origin:center}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-urgent b{color:#fff;font-weight:800}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-urgent-l1{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-urgent-l2{margin-top:8px}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-urgent-t{display:inline-block;padding:5px 15px;
  background:#000;border:1px solid #2b2b2b;border-radius:9px;
  font-size:26px;font-weight:900;color:#fff;
  font-variant-numeric:tabular-nums;letter-spacing:.06em;line-height:1.15}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-urgent-s{color:var(--lc-red)}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-urgent.lc-expired{animation:none;background:#1a1414;border-color:var(--lc-line2);color:var(--lc-faint)}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-urgent.lc-expired .lc-urgent-t{color:var(--lc-faint);font-size:18px;background:transparent;border-color:transparent}
@keyframes lcPop{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,59,46,.6)}
  50%{transform:scale(1.03);box-shadow:0 0 0 9px rgba(255,59,46,0)}}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-tabs{display:flex;gap:6px;margin:22px 0 0;background:var(--lc-box);border:1px solid var(--lc-line);border-radius:12px;padding:5px}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-tab{flex:1;border:0;background:transparent;color:var(--lc-muted);
  font-family:inherit;font-size:13px;font-weight:700;letter-spacing:-.01em;
  padding:9px 4px;border-radius:8px;cursor:pointer;transition:.15s;white-space:nowrap}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-tab .lc-x{font-size:1.08em}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-tab[aria-selected="true"]{background:var(--lc-box2);color:var(--lc-ink);box-shadow:inset 0 0 0 1px var(--lc-line2)}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-tab:focus-visible{outline:2px solid var(--lc-green);outline-offset:2px}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-panel{margin-top:14px}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-p-desc{font-size:12.5px;color:var(--lc-muted);text-align:center;margin:2px 0 14px;min-height:16px}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-p-desc b{color:var(--lc-ink);font-weight:600}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-p-title{font-size:16.5px;font-weight:800;color:var(--lc-ink);text-align:center;letter-spacing:-.01em;line-height:1.2;margin:14px 0 3px}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-packs{display:flex;flex-direction:column;gap:10px}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-pack{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;
  background:var(--lc-box);border:1px solid var(--lc-line);border-radius:13px;
  padding:12px 14px;cursor:pointer;position:relative;transition:border-color .15s, background .15s;
  text-align:left;width:100%;font-family:inherit;color:inherit}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-pack:hover{border-color:var(--lc-line2)}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-pack.on{border-color:var(--lc-green);background:linear-gradient(180deg,#16221a,var(--lc-box))}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-pack.lc-bestrow:not(.on){border-color:rgba(125,237,111,0.35);background:rgba(46,204,113,0.07)}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-pack.lc-bestrow .lc-save{animation:lcSavePulse 2.2s ease-in-out infinite}
@keyframes lcSavePulse{0%,100%{box-shadow:0 0 0 0 rgba(125,237,111,0.45)}50%{box-shadow:0 0 0 6px rgba(125,237,111,0)}}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-pack:focus-visible{outline:2px solid var(--lc-green);outline-offset:2px}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-qty{display:flex;flex-direction:column;align-items:center;gap:4px;width:56px;flex:0 0 auto}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-qm, body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-qp{width:30px;height:26px;border-radius:7px;border:1.5px solid var(--lc-line2);
  background:transparent;color:var(--lc-ink);font-family:inherit;font-size:17px;font-weight:800;line-height:1;
  cursor:pointer;display:grid;place-items:center;transition:.15s;padding:0}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-qm:hover, body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-qp:hover{border-color:var(--lc-green);color:var(--lc-green)}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-qm:focus-visible, body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-qp:focus-visible{outline:2px solid var(--lc-green);outline-offset:2px}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-qn{font-size:15px;font-weight:800;line-height:1;min-width:20px;text-align:center;
  font-variant-numeric:tabular-nums;color:var(--lc-faint);transition:color .15s}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-pack.on .lc-qn{color:var(--lc-green)}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-pack.on .lc-qm, body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-pack.on .lc-qp{border-color:#2c4a2f}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-pk-name{font-size:15.5px;font-weight:800;letter-spacing:-.01em}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-pk-sub{font-size:11.5px;color:var(--lc-faint);margin-top:2px;font-variant-numeric:tabular-nums}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-pk-right{text-align:right}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-pk-price{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-pk-was{font-size:11.5px;color:var(--lc-faint);text-decoration:line-through;font-variant-numeric:tabular-nums;margin-top:3px}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-badge{position:absolute;top:-9px;right:14px;font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:999px}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-badge.lc-pop{background:var(--lc-amber);color:#2a2000}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-badge.lc-best{background:var(--lc-green);color:#08210a}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-save{display:inline-block;margin-left:8px;font-size:10.5px;font-weight:800;
  color:var(--lc-green);background:#15271a;border:1px solid #2c4a2f;border-radius:5px;padding:1px 6px;
  vertical-align:2px;font-variant-numeric:tabular-nums}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-cta-wrap{margin-top:16px}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-cta{width:100%;border:0;border-radius:13px;cursor:pointer;font-family:inherit;
  background:linear-gradient(180deg,#8ff07f,#63c94f);color:#07240a;
  font-size:15.5px;font-weight:800;letter-spacing:-.01em;
  padding:15px;display:flex;align-items:center;justify-content:center;gap:9px;
  box-shadow:0 6px 18px rgba(99,201,79,.28);transition:transform .08s, filter .15s}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-cta:hover{filter:brightness(1.04)}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-cta:active{transform:translateY(1px)}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-cta:focus-visible{outline:2px solid #fff;outline-offset:2px}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-cta .lc-amt{font-variant-numeric:tabular-nums}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-cta.lc-done{background:linear-gradient(180deg,#2b3a2c,#223026);color:var(--lc-green);box-shadow:none}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-geo{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;
  font-size:11.5px;line-height:1.4;color:var(--lc-amber);padding:0}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-geo[hidden]{display:none}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-geo b{color:#ffe08a;font-weight:800}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-geo-i{flex:0 0 auto;width:16px;height:16px;border-radius:50%;background:var(--lc-amber);color:#2a2000;
  font-size:11px;font-weight:900;display:grid;place-items:center}
/* Not-show-safe / competition warning (red) — shown on both surfaces */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-warn{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 14px;padding:9px 13px;
  border-radius:10px;text-align:center;line-height:1.35;font-size:12.5px;font-weight:700;
  color:#ff6a5c;background:#231615;border:1px solid var(--lc-red)}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-warn b{color:#ff8579;font-weight:900}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-warn-i{flex:0 0 auto;width:16px;height:16px;border-radius:50%;background:var(--lc-red);color:#fff;
  font-size:11px;font-weight:900;display:grid;place-items:center}
/* Vertical (9:16) testimonial video at the top of the box */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-video{position:relative;width:100%;max-width:206px;margin:0 auto 16px;aspect-ratio:9/16;
  border-radius:14px;overflow:hidden;background:#000;box-shadow:0 10px 34px rgba(0,0,0,.5)}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-video-f{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-video-unmute{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);
  display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 15px;border-radius:999px;
  background:rgba(0,0,0,.72);color:#fff;font-size:12.5px;font-weight:800;letter-spacing:.01em;
  border:1.5px solid rgba(255,255,255,.55);cursor:pointer;z-index:3;
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:lcPulse 1.7s infinite}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-video-unmute[hidden]{display:none}
/* Capped/shorter on mobile; normal size on desktop (box widens at 701px) */
@media (min-width:701px){ body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-video{max-width:296px} }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-video-ph{display:grid;place-items:center;background:linear-gradient(160deg,#1a1414,#0c0a0a)}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-video-phl{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--lc-faint);
  font-size:13px;font-weight:700;text-align:center;padding:0 16px}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-video-phl small{font-size:11px;font-weight:500;color:var(--lc-faint);opacity:.8}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-video-phplay{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;margin-bottom:4px;
  background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.28);color:#fff;font-size:16px;padding-left:3px}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-cart{margin-top:14px;background:var(--lc-box);border:1px solid var(--lc-line);border-radius:12px;padding:12px 14px}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-cart[hidden]{display:none}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-cart-hd{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--lc-faint);margin-bottom:9px}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-cart-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:5px 0;font-size:12.5px}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-cart-name{color:var(--lc-muted)}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-cart-name b{color:var(--lc-ink);font-weight:700}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-cart-r{display:flex;align-items:center;gap:9px;white-space:nowrap}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-cart-price{font-variant-numeric:tabular-nums;font-weight:700;color:var(--lc-ink)}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-cart-rm{border:0;background:transparent;color:var(--lc-faint);font-size:17px;line-height:1;cursor:pointer;padding:0 2px;transition:color .15s}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-cart-rm:hover{color:var(--lc-red)}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-cart-x{color:var(--lc-faint);font-weight:800;font-variant-numeric:tabular-nums}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-cart-sub{display:flex;justify-content:space-between;align-items:center;margin-top:6px;padding-top:6px;font-size:12.5px;font-weight:700;color:var(--lc-muted)}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-cart-sub span:last-child{color:var(--lc-ink);font-variant-numeric:tabular-nums}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-cart-total{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:9px;border-top:1px solid var(--lc-line);font-size:13.5px;font-weight:800}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-cart-total span:last-child{color:var(--lc-green);font-variant-numeric:tabular-nums}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box #cta-complete-btn{margin-top:12px}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-deepen{text-align:center;font-size:11.5px;color:var(--lc-muted);margin-top:14px;padding-top:13px;border-top:1px solid var(--lc-line)}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-deepen b{color:var(--lc-ink);font-weight:700}
@media (prefers-reduced-motion:reduce){body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-dot, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .lc-banner-dot, body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-save, body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-urgent{animation:none}body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box *{transition:none!important}}

/* Skip button in the offer box: mirrors the "Buy once" ghost (black + heavier border) */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-skip{
  display:block;width:100%;margin-top:10px;
  background:transparent;color:var(--lc-muted);
  border:1.5px solid rgba(255,255,255,0.2);border-radius:12px;
  padding:13px 24px;font-family:inherit;
  font-size:14px;font-weight:600;cursor:pointer;text-align:center;
  transition:border-color .2s;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-skip:hover{border-color:rgba(255,255,255,0.34)}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-skip:focus-visible{outline:2px solid var(--lc-green);outline-offset:2px}


/* ============================================================
   WARHORSE DESIGN REFINEMENTS (2026-09-15) — folded in from the
   side-by-side design review: red-box system, calculator styling,
   burning-money flourish, hand-underlines, offer-box price lineup.
   ============================================================ */
/* ============================================================
   Design-review refinements, part 1 (2026-09-15)
   Trust/pill/pulse colors, savings box, offer-box price lineup, hand-underline.
   ============================================================ */

/* 1. Top trust-strip green boxes -> white text */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .trust-strip .ts-item{ color: #ffffff !important; }

/* 3. Hovering "Tap to reveal" pill -> white text */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .flip-prompt{ color: #ffffff !important; }

/* 4. Reveal pulse button "Tap to see ingredients" -> reverted to the base green
      pill (black had too much contrast); no override needed. */

/* Green-text callouts -> white text */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .video-see-all-btn{ color: #ffffff !important; }

/* 5. Phoenix "Optional add-on" badge -> white text */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .addon-flip .addon-badge{ color: #ffffff !important; }

/* 9. Smaller green savings box under the calculator -> light gray (matches the
      sell-down pack cards), to break it up */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-savings-banner{
  background: #1c242a !important;
  border-color: #39454e !important;
}

/* 10. Sell-down funnel: recolor the green "Best Value" pack row to charcoal,
       matching the other pack cards */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page #lc-box .lc-pack.lc-bestrow:not(.on){
  background: var(--lc-box) !important;
  border-color: var(--lc-line2) !important;
}

/* Shared hand-drawn underline wrapper for the Retiring / Show-horse leads */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hand-ul{ position: relative; display: inline-block; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .hand-ul .hand-underline{
  position: absolute; left: -2px; bottom: -4px;
  width: calc(100% + 4px); height: 10px; overflow: visible; pointer-events: none;
}

/* 4. Offer-box "Warhorse Protocol" pricing lineup — cleaner two-column rows:
      [check + product name] on the left, a right-aligned price stack
      (struck retail over bold member price) on the right. */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .product-line--priced{ flex-wrap: nowrap !important; align-items: center !important;
  gap: 12px !important; padding: 9px 0 !important; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .product-line--priced .product-chk{ align-self: flex-start; margin-top: 3px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .product-line--priced .product-name{ flex: 1 1 auto !important; text-align: left !important;
  min-width: 0; line-height: 1.35; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .product-line--priced .wp-prices{ flex: 0 0 auto; display: flex; flex-direction: column;
  align-items: flex-end; justify-content: center; line-height: 1.05; white-space: nowrap; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .product-line--priced .wp-orig{ margin: 0 0 3px 0 !important; font-size: 12.5px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .product-line--priced .wp-disc{ margin: 0 !important; flex: 0 0 auto !important;
  text-align: right !important; font-size: 18px; font-weight: 800; color: #fff; }
@media (max-width: 560px) {
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .product-line--priced .product-name{ flex: 1 1 auto !important; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .product-line--priced .wp-orig{ margin: 0 0 3px 0 !important; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .product-line--priced .wp-disc{ flex: 0 0 auto !important; }
}

/* Calc stacked comparison: keep "/mo" inline right behind the price number */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-col.left .calc-total-val{ white-space: nowrap; }
/* ============================================================
   Design-review refinements, part 2 (2026-09-15)
   Page keeps its blue palette; the offer-box (#lc-box) charcoal-green
   system is applied selectively:
     - the two diagnosis callout boxes (gray)
     - the bottom band: Deep Dive science + All Protocols
     - the red boxes: Retiring banner, Show-horse warning, vet-cost
       cards, and the red calculator (near-black ground, red border)
   Plus: calculator row/price coloring, add-product button, Victory
   card height, and the burning-money flourish keyframes.
   ============================================================ */

/* Two diagnosis callout boxes: keep the charcoal gray (base is var(--surface2)) */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .callout-box{ background: #1a2124 !important; }

/* Red calculator "what you're currently paying" box: same treatment as the
   Warhorse/vet boxes -> black ground, red border, subtle green halo */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-col.left{
  background: #0e100f !important;
  border: 1px solid rgba(255,59,46,0.42) !important;
  box-shadow: 0 0 30px rgba(46,204,113,0.05) !important;
}
/* Each row's dollar amount -> same red as the bottom total (#ff2020) */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-col.left .calc-price, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-col.left .calc-price-dollar, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-col.left .calc-price input{ color: #ff2020 !important; }

/* Add-product button: white text on the red button (was red-on-red) */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .calc-col.left .calc-add-btn{
  color: #ffffff !important;
  background: rgba(255,45,35,0.16) !important;
  border-color: rgba(255,59,46,0.5) !important;
}

/* Burning-money flourish: a large $100 bill consumed by flames + smoke when a
   row is toggled up. Substantially larger and slower so it reads clearly. */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .money-burn{
  position: fixed; z-index: 9999; pointer-events: none;
  width: 132px; height: 64px; margin: -32px 0 0 -66px;
  will-change: transform, opacity;
  animation: mbRise 2600ms cubic-bezier(.32,.55,.38,1) forwards;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .mb-bill{
  position: absolute; inset: 0; border-radius: 5px; overflow: hidden;
  background:
    radial-gradient(ellipse at 50% 42%, rgba(255,255,255,.16), transparent 62%),
    linear-gradient(135deg, #338257 0%, #276646 48%, #1d5035 100%);
  border: 1px solid #17402c;
  box-shadow: inset 0 0 0 3px rgba(255,255,255,.09), inset 0 0 16px rgba(0,0,0,.4);
  font-family: Georgia, 'Times New Roman', serif; color: #e2f4e8;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .mb-bill::before{
  content: "$100"; position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  font-weight: 800; font-size: 28px; letter-spacing: 1px;
  text-shadow: 0 1px 2px rgba(0,0,0,.55);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .mb-oval{
  position: absolute; top: 50%; left: 14px; width: 28px; height: 38px;
  transform: translateY(-50%); border: 1px solid rgba(255,255,255,.28);
  border-radius: 50%; background: rgba(255,255,255,.05);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .mb-corner{ position: absolute; font-size: 11px; font-weight: 700; opacity: .85; font-family: Georgia, serif; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .mb-corner.tl{ top: 5px; left: 8px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .mb-corner.br{ bottom: 5px; right: 9px; }
/* charred front sweeping up from the bottom, consuming the bill */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .mb-char{
  position: absolute; left: -5px; right: -5px; bottom: -3px; height: 5px;
  background: linear-gradient(to top, #060606 0%, #140b04 42%, #3a1e07 76%, #7a3a0c 100%);
  border-radius: 0 0 5px 5px;
  animation: mbChar 2600ms ease-in forwards;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .mb-flames{ position: absolute; left: -3px; right: -3px; top: -22px; height: 30px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .mb-flame{
  position: absolute; bottom: 0; width: 20px; height: 30px;
  background: radial-gradient(ellipse at 50% 78%, #fff3bf 0%, #ffd24a 20%, #ff9420 46%, #ff3d1f 70%, rgba(255,50,20,0) 84%);
  border-radius: 50% 50% 48% 48% / 66% 66% 34% 34%;
  transform-origin: 50% 100%; filter: blur(.5px);
  animation: mbFlick 360ms ease-in-out infinite alternate;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .mb-smoke{
  position: absolute; top: -14px; left: 50%; width: 30px; height: 30px;
  border-radius: 50%; background: radial-gradient(circle, rgba(130,130,130,.32), rgba(90,90,90,0) 70%);
  filter: blur(4px); animation: mbSmoke 2600ms ease-out forwards;
}
@keyframes mbRise {
  0%   { transform: translateY(8px) rotate(0deg) scale(.9); opacity: 0; }
  10%  { opacity: 1; }
  30%  { transform: translateY(-34px) rotate(-6deg) scale(1.04); }
  70%  { transform: translateY(-104px) rotate(5deg) scale(1); opacity: 1; }
  100% { transform: translateY(-168px) rotate(11deg) scale(.9); opacity: 0; }
}
@keyframes mbChar { 0% { height: 5px; } 100% { height: 82px; } }
@keyframes mbFlick {
  0%   { transform: scaleY(.82) scaleX(1.03); opacity: .9; }
  100% { transform: scaleY(1.16) scaleX(.93) translateY(-3px); opacity: 1; }
}
@keyframes mbSmoke {
  0%   { opacity: 0; transform: translateX(-50%) translateY(0) scale(.5); }
  30%  { opacity: .45; }
  100% { opacity: 0; transform: translateX(-50%) translateY(-52px) scale(2.1); }
}
/* Finer smoke: several thin wisps stream off the top of the burning bill, drifting and
   tapering as they rise -- more pronounced than the two soft puffs alone. */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .mb-wisp{
  position: absolute; top: -4px; width: 4px; height: 26px;
  border-radius: 60% 60% 45% 45%;
  background: linear-gradient(to top, rgba(165,165,165,.52) 0%, rgba(135,135,135,.22) 55%, rgba(120,120,120,0) 100%);
  filter: blur(1.6px); pointer-events: none;
  animation: mbWisp 2500ms ease-out forwards;
}
@keyframes mbWisp {
  0%   { opacity: 0; transform: translateY(4px) translateX(0) scaleY(.45); }
  18%  { opacity: .72; }
  55%  { transform: translateY(-34px) translateX(calc(var(--sx, 6px) * .5)) scaleY(1.25); }
  100% { opacity: 0; transform: translateY(-80px) translateX(var(--sx, 6px)) scaleY(1.75); }
}
@media (prefers-reduced-motion: reduce) { body.eehp-ported-page.eehp-ported-page.eehp-ported-page .money-burn{ display: none !important; } }

/* Offer-box price lineup: red struck ORIGINAL price larger than the white sale
   price, so the anchor dominates and the actual (white) price reads as smaller. */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .product-line--priced .wp-orig{ font-size: 19px !important; font-weight: 800 !important; line-height: 1.05 !important; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .product-line--priced .wp-disc{ font-size: 14px !important; }

/* Victory (card 2) false bottom: front content is shorter than the card, leaving
   an empty green band. Trim the shared card height so the front fills better while
   the back (footer ~603px) stays clear and blue to the bottom. */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .steps-grid .step-card:nth-child(2) .flip-inner{ height: 664px; }

/* Bottom band stays in the charcoal-green system. Custom properties set on the
   section inherit to the cards inside (which read the surface and text tokens). */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .s-deepdive, body.eehp-ported-page.eehp-ported-page.eehp-ported-page #s-allprotocols{
  background: #0a0e0c;
  --surface: #12181a;
  --surface2: #1a2124;
  --surface3: #232c2f;
  --border: rgba(255,255,255,0.07);
  --text: #f2f5f6;
  --text-muted: #b9c4c9;
  --text-faint: #7f8c92;
}
/* Deep-dive sticky nav: hardcoded purple backdrop -> charcoal */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-nav{ background: rgba(10,14,12,0.90) !important; }

/* RED CALLOUT BOXES - immediate near-black ground, subtle green halo, red accent */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .lc-banner{
  background: linear-gradient(180deg, #14100f, #0e0b0a) !important;
  border: 1px solid #4a2320 !important;
  box-shadow: 0 0 34px rgba(46,204,113,0.05) !important;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .show-horse-warn{
  background: #0e100f !important;
  border: 1px solid rgba(255,59,46,0.38) !important;
  box-shadow: 0 0 30px rgba(46,204,113,0.05) !important;
}

/* Untold Story vet-cost cards: same look as the Warhorse/Show-horse box
   (black ground, red border, subtle green halo) */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .vet-card{
  background: #0e100f !important;
  border: 1px solid rgba(255,59,46,0.38) !important;
  box-shadow: 0 0 30px rgba(46,204,113,0.05) !important;
}

/* Client 2026-10-05: short lines around the calculator and the close-out box. */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .s-note{ padding: 36px 0 0; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .s-note .wrap{ max-width: 780px; text-align: center; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .s-note p{ margin: 0 0 10px; color: var(--text-muted); font-size: 1.05rem; line-height: 1.55; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .s-note__lead{ color: #fff; font-size: 1.3rem; line-height: 1.35; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .s-note--after{ padding: 8px 0 0; }