/* 3P — homepage extras styles (vanilla, CSP-safe). Pairs with 3p-extras.js.
   Uses the site's existing CSS vars (--green-deep, --gold-soft, --green, --disp, --maxw…). */

/* 1) stat band */
.statband{background:var(--green-deep);color:#eee7d6;position:relative;overflow:hidden}
.statband .row{max-width:var(--maxw,1200px);margin:0 auto;padding:30px 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative;z-index:1}
.statband .st{text-align:center;border-right:1px solid rgba(255,255,255,.12)}
.statband .st:last-child{border-right:none}
.statband .n{font-family:var(--disp,'Prompt',sans-serif);font-weight:700;font-size:1.3rem;color:#fff;line-height:1.35}
.statband .n .u{color:var(--gold-soft,#e8d49a)}
.statband::before{content:"";position:absolute;width:520px;height:520px;left:-12%;top:-60%;border-radius:50%;background:radial-gradient(circle,rgba(44,138,120,.35) 0%,rgba(44,138,120,0) 60%);pointer-events:none}
@media(max-width:620px){.statband .row{grid-template-columns:repeat(2,1fr);gap:22px 8px}.statband .st:nth-child(2){border-right:none}.statband .n{font-size:1.12rem}}

/* 2) hero rotating proof line */
.hero-rotator{display:flex;align-items:center;gap:10px;margin-top:18px;font-family:var(--disp,'Prompt',sans-serif);font-weight:600;color:#fff;font-size:1.02rem;min-height:1.6em}
.hero-rotator .dotmark{width:9px;height:9px;border-radius:50%;background:var(--gold-soft,#e8d49a);flex:none}
.hero-rotator .txt.swap{animation:tp-swap .5s cubic-bezier(.2,.7,.2,1)}
@keyframes tp-swap{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: no-preference){
  .hero-rotator .dotmark{box-shadow:0 0 0 0 rgba(232,212,154,.6);animation:tp-ping 1.8s infinite}
}
@keyframes tp-ping{0%{box-shadow:0 0 0 0 rgba(232,212,154,.5)}70%{box-shadow:0 0 0 9px rgba(232,212,154,0)}100%{box-shadow:0 0 0 0 rgba(232,212,154,0)}}

/* 3) floating jump-to-plots CTA */
.jump-cta{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);z-index:55;display:inline-flex;align-items:center;gap:10px;background:var(--green,#1d6b5d);color:#fff;font-family:var(--disp,'Prompt',sans-serif);font-weight:600;font-size:.95rem;padding:13px 22px;border:none;border-radius:999px;box-shadow:0 12px 30px -8px rgba(13,53,48,.6);cursor:pointer;opacity:0;visibility:hidden;transition:opacity .35s,transform .35s,background .25s}
.jump-cta.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.jump-cta:hover{background:var(--green-deep,#0d3530)}
.jump-cta .cnt{background:var(--gold,#c2982f);color:#3a2c08;font-weight:700;border-radius:999px;padding:2px 9px;font-size:.82rem}
.jump-cta .arr{transition:transform .25s}
.jump-cta:hover .arr{transform:translateY(3px)}
@media(max-width:620px){.jump-cta{bottom:76px}}
@media (prefers-reduced-motion: no-preference){.jump-cta.show{animation:tp-floatcta 2.6s ease-in-out infinite}}
@keyframes tp-floatcta{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}