/* R198 css/hero.css */
.hero-section{position:relative;border-radius:20px;overflow:hidden;min-height:320px;margin-bottom:16px}
.hero-bg{position:absolute;inset:0;background:linear-gradient(160deg,var(--primary),color-mix(in srgb,var(--primary) 40%,var(--bg)))}
.hero-content{position:relative;padding:32px 20px;color:#fff;text-align:center;z-index:1}
.hero-org{font-size:13px;opacity:.9;margin-bottom:8px}
.hero-title{font-size:24px;font-weight:800;margin-bottom:8px}
.hero-formula{font-size:12px;opacity:.85;margin-bottom:20px}
.hero-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.hero-kpi{background:rgba(255,255,255,.15);border-radius:12px;padding:14px 8px;position:relative}
.hero-kpi-val{display:block;font-size:28px;font-weight:800}
.hero-kpi-label{font-size:11px;opacity:.9}
.hero-empty p{margin-bottom:16px}
.hero-scroll{text-align:center;padding:12px;color:#fff;font-size:12px;opacity:.85}
.scroll-arrow{display:block;font-size:20px;animation:bounce 2s infinite}
.hero-scroll-indicator{display:none}
@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}