/* ==========================================================================
   Evidence Reporting product page - Full Elevate brand, LEMON theme
   (Reporting wears its mega-menu pairing: lemon yellow / dark lemon).
   Tokens from ../../../brand/elevate-tokens.css; chrome from ../../site.css.
   Spacing on the 4px grid per the brand rule.
   ========================================================================== */

/* ---------- shared page bits ---------- */
/* overflow guard on BODY (on main it would create a nested scroll container) */
body{overflow-x:hidden;}
.rep .hl{position:relative;z-index:-1;background:var(--lemon);color:var(--lemon-companion);font-family:var(--font-display);font-weight:700;border-radius:8px;padding:4px 12px;-webkit-box-decoration-break:clone;box-decoration-break:clone;}   /* z-index:-1: the pill never covers the previous line's descenders */
.rp-h{font-family:var(--font-display);font-weight:700;font-size:clamp(32px,4.6vw,56px);line-height:1.2;letter-spacing:-0.03em;color:var(--ink);margin:0;text-align:center;}
.rp-h .hl{font-size:inherit;line-height:1.2;}
.rp-p{font-size:18px;line-height:1.6;color:var(--ink);max-width:680px;margin:32px auto 0;text-align:center;}

/* ---------- 1 hero: the decay curve ---------- */
.rphero{position:relative;min-height:92vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:96px 24px;overflow:hidden;}
.rphero__curve{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
.rphero__scrim{position:absolute;inset:0;pointer-events:none;background:radial-gradient(54% 48% at 50% 46%, rgba(255,255,255,0.88) 0%, rgba(255,255,255,0.5) 55%, rgba(255,255,255,0) 78%);}
.rphero__copy{position:relative;z-index:1;max-width:920px;}
.rphero__h{font-family:var(--font-display);font-weight:700;font-size:clamp(40px,5.8vw,80px);line-height:1.1;letter-spacing:-0.035em;color:var(--ink);margin:0;}   /* no text glow - the scrim handles legibility */
.rphero__lead{font-size:20px;line-height:1.6;color:var(--ink);max-width:42em;margin:28px auto 0;}
.rphero__cta{display:flex;gap:16px;justify-content:center;margin-top:36px;flex-wrap:wrap;}

/* ---------- 2 the translation problem ---------- */
.rptrans{padding:var(--space-2xl) 0 var(--space-xl);}

/* ---------- 3 the numbers (the App widget family, lemon chips) ---------- */
.rpnums{padding:var(--space-xl) 0;}
.rpnums__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:var(--space-md);}
@media(max-width:880px){.rpnums__grid{grid-template-columns:1fr;}}
.w{background:var(--fill-1);border-radius:var(--radius-card);padding:24px;display:flex;flex-direction:column;}
.w__head{display:flex;align-items:center;gap:8px;margin-bottom:24px;}
.w__name{font-size:16px;font-weight:600;line-height:1.25;color:var(--slate-600);margin-right:auto;}
.w__ic{flex:none;width:32px;height:32px;border-radius:12px;background:var(--lemon);color:var(--lemon-companion);display:inline-flex;align-items:center;justify-content:center;}
.w__ic svg{width:28px;height:28px;stroke-width:2.6;}
.w__num{font-family:var(--font-display);font-weight:700;font-size:clamp(40px,4vw,56px);line-height:1;letter-spacing:-0.03em;color:var(--ink);font-variant-numeric:tabular-nums;display:flex;align-items:flex-start;}
.w__cur{font-size:0.46em;font-weight:700;margin-right:0.06em;margin-top:0.16em;}
.w__sub{font-size:14px;color:var(--slate-500);margin-top:12px;}
.w__foot{font-size:14px;line-height:1.4;color:var(--slate-600);margin-top:12px;}
.w__foot strong{color:var(--ink);font-weight:700;}

/* ---------- 4 trending: the rising bars ---------- */
.rptrend{padding:var(--space-lg) 0;}
.rptrend__panel{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center;background:var(--lemon);border-radius:var(--radius-card);padding:56px;color:var(--lemon-companion);}
@media(max-width:880px){.rptrend__panel{grid-template-columns:1fr;padding:32px;}}
.rptrend__h{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,3.4vw,44px);line-height:1.15;letter-spacing:-0.025em;margin:0 0 16px;}
.rptrend__body p{font-size:18px;line-height:1.6;margin:0;}
.rptrend__chart{background:rgba(255,255,255,0.38);border-radius:var(--radius-card);padding:32px 32px 24px;}
.rpbars{display:flex;align-items:flex-end;gap:12px;height:220px;}
.rpbars span{flex:1;height:8px;background:var(--lemon-companion);border-radius:8px 8px 0 0;opacity:0.55;transition:height .9s var(--ease-silk),opacity .9s var(--ease-silk);}
.rpbars span:last-child{opacity:1;}
.rpbars.in span:nth-child(1){height:16%;transition-delay:0ms;}
.rpbars.in span:nth-child(2){height:28%;transition-delay:90ms;}
.rpbars.in span:nth-child(3){height:38%;transition-delay:180ms;}
.rpbars.in span:nth-child(4){height:52%;transition-delay:270ms;}
.rpbars.in span:nth-child(5){height:70%;transition-delay:360ms;}
.rpbars.in span:nth-child(6){height:88%;transition-delay:450ms;}
.rptrend__chartlab{font-size:14px;font-weight:600;margin-top:12px;text-align:center;}
@media(prefers-reduced-motion:reduce){
  .rpbars span{transition:none;}
  .rpbars span:nth-child(1){height:16%;}
  .rpbars span:nth-child(2){height:28%;}
  .rpbars span:nth-child(3){height:38%;}
  .rpbars span:nth-child(4){height:52%;}
  .rpbars span:nth-child(5){height:70%;}
  .rpbars span:nth-child(6){height:88%;}
}

/* ---------- 5 reporting reads everything (siblings wear their own pairings) ---------- */
.rpfeeds{padding:var(--space-xl) 0;}
.rpfeeds__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:var(--space-md);}
@media(max-width:880px){.rpfeeds__grid{grid-template-columns:1fr;}}
.fcard{display:block;border-radius:var(--radius-card);padding:36px;transition:transform .25s var(--ease-silk);}
.fcard:hover{transform:translateY(-4px);}
.fcard h3{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-0.02em;margin:0 0 8px;}
.fcard p{font-size:16px;line-height:1.55;margin:0;}
.fcard__ic{display:inline-flex;width:44px;height:44px;border-radius:14px;align-items:center;justify-content:center;margin-bottom:20px;}
.fcard__ic svg{width:36px;height:36px;stroke-width:2.4;}
.fcard--surf{background:var(--blueberry);color:var(--blueberry-companion);}
.fcard--surf .fcard__ic{background:var(--blueberry-companion);color:var(--blueberry);}
.fcard--scan{background:var(--grapefruit);color:var(--grapefruit-companion);}
.fcard--scan .fcard__ic{background:var(--grapefruit-companion);color:var(--grapefruit);}
.fcard--warr{background:var(--lime-300);color:var(--forest);}
.fcard--warr .fcard__ic{background:var(--forest);color:var(--lime-300);}

/* ---------- 6 dark closer (bright lemon on its dark companion) ---------- */
.rpfinal{padding:var(--space-lg) 0 0;}
.rpfinal__panel{background:var(--lemon-companion);border-radius:var(--radius-card);padding:80px 56px;text-align:center;color:var(--lemon);}
@media(max-width:880px){.rpfinal__panel{padding:48px 24px;}}
.rpfinal__h{font-family:var(--font-display);font-weight:700;font-size:clamp(32px,4.4vw,60px);line-height:1.1;letter-spacing:-0.03em;margin:0;max-width:20em;margin-left:auto;margin-right:auto;}
.rpfinal__p{font-size:18px;line-height:1.6;max-width:42em;margin:24px auto 0;}
.rpfinal__btn{background:var(--lemon);color:var(--lemon-companion);margin-top:32px;}
.rpfinal__btn:hover{background:#fff;}

/* ---------- reveal-on-scroll (the shared motion language) ---------- */
.r{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease-silk),transform .6s var(--ease-silk);}
.r.in{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){
  .r{opacity:1;transform:none;transition:none;}
}