/* R38 — calm, meaningful, data-backed event dashboard. */
.hero{display:block;min-height:0;max-width:none;margin:28px auto 24px;padding:36px clamp(25px,4vw,58px)!important;border-radius:25px;background:radial-gradient(circle at 92% 14%,#427660 0,#42766000 27%),linear-gradient(125deg,#183d30,#235b46 70%,#37634c)!important;color:#f7f7ec;box-shadow:0 16px 45px #173c3020}
.hero:after{content:'';position:absolute;pointer-events:none}
.hero-copy{max-width:750px}
.hero .eyebrow{color:#c8d6af;letter-spacing:.2em}
.hero h1{font-size:clamp(32px,4.1vw,57px);color:#fff;margin:12px 0 15px;letter-spacing:-.045em;line-height:1.11}
.hero h1 em{color:#e9cda0}
.hero .hero-sub{font-size:14px;max-width:680px;color:#e0ebe0;line-height:1.65;margin-bottom:20px}
.hero .trustline{color:#d2e6d4;font-size:11px}
.hero .btn-primary{background:#e8cda5;color:#1d422f;box-shadow:none}
.hero .btn-primary:hover{background:#f5ddb8}
.hero .btn-outline{border:1px solid #d6e5c190;color:#f6f9ed;background:#ffffff12}
.hero .btn-outline:hover{background:#ffffff2a}
.hero .hero-visual{display:none!important}
.pofka-dashboard{--r38-accent:#347756;--r38-paper:#fff;--r38-ink:#213e32;--r38-muted:#597568;--r38-soft:#eef3ed;max-width:1180px;margin:0 auto;padding:10px 0 24px;color:var(--r38-ink)}
.r38-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 16px}
.r38-heading h2{font:500 clamp(27px,3.3vw,37px)/1.15 Georgia,serif;letter-spacing:-.035em;margin:0 0 6px}
.r38-heading p{margin:0;color:#5f786a;font-size:13px}
.r38-pill{display:inline-flex;gap:7px;align-items:center;background:#e5efe7;color:#315942;border:1px solid #c9dfce;border-radius:50px;padding:8px 12px;font-size:11px;font-weight:750;white-space:nowrap}
.r38-dot{width:7px;height:7px;border-radius:50%;background:#489469}
.r38-hero-info{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0;border:1px solid #d6e4d8;border-radius:16px;background:#f0f6f0;padding:15px 19px;margin:0 0 13px}
.r38-hero-info strong{font:600 21px/1.2 Georgia,serif;overflow-wrap:anywhere;color:#213d30}
.r38-hero-info span{font-size:12px;color:#486957;font-weight:650;white-space:nowrap}
.r38-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.r38-card{position:relative;min-width:0;min-height:187px;background:var(--r38-paper);border:1px solid #d9e4da;border-radius:17px;padding:19px 18px;box-shadow:0 9px 23px #203f2a08;overflow:hidden}
.r38-card-top{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:16px}
.r38-card-icon{background:#ebf2ed;color:#34765a;border-radius:10px;width:34px;height:34px;display:grid;place-items:center;font-size:18px;flex-shrink:0}
.r38-card-top h3{font:750 13px/1.3 system-ui;margin:0;color:#456351}
.r38-main-number{font:750 clamp(20px,2.5vw,29px)/1.16 system-ui;letter-spacing:-.045em;overflow-wrap:anywhere;color:#1b4634;font-variant-numeric:tabular-nums}
.r38-card p{font-size:11px;color:#597568;line-height:1.45;margin:10px 0 0;overflow-wrap:anywhere}
.r38-card progress{width:100%;height:8px;display:block;appearance:none;margin-top:13px;accent-color:#34785c;border:0;border-radius:10px;overflow:hidden;background:#e8eee9}
.r38-card progress::-webkit-progress-bar{background:#e8eee9;border-radius:10px}
.r38-card progress::-webkit-progress-value{background:#34785c;border-radius:10px}
.r38-card progress::-moz-progress-bar{background:#34785c;border-radius:10px}
.r38-budget-layout{display:flex;align-items:center;justify-content:space-between;gap:10px}
.r38-budget-layout>div{min-width:0}
.r38-ring{--r38-angle:0deg;width:62px;height:62px;border-radius:50%;flex-shrink:0;background:conic-gradient(#387a5c var(--r38-angle),#e5eee7 var(--r38-angle));display:grid;place-items:center;position:relative}
.r38-ring:after{position:absolute;content:'';background:#fff;inset:8px;border-radius:50%}
.r38-ring span{position:relative;z-index:1;font:800 12px system-ui;color:#285d43}
.r38-next{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #d3e3d5;border-radius:17px;background:linear-gradient(100deg,#eaf3e8,#f7f9f3);padding:16px 20px;margin:14px 0 6px}
.r38-next div{display:grid;gap:3px;min-width:0}
.r38-next small{font-size:10px;letter-spacing:.11em;color:#5b8664;font-weight:800;text-transform:uppercase}
.r38-next strong{font-size:15px;line-height:1.4;color:#23513a}
.r38-next a,.r38-empty a{display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;min-height:43px;padding:10px 16px;border-radius:10px;background:#1f503b;color:#fff;font-size:12px;font-weight:750}
.r38-next a:hover,.r38-empty a:hover{background:#327353}
.r38-source{font-size:11px;color:#5f7968;padding:9px 2px 0;margin:0}
.r38-empty{border:1px dashed #aac7b4;border-radius:17px;background:#f7faf6;text-align:center;padding:35px 16px}
.r38-empty .r38-empty-icon{font-size:30px;color:#468060;margin:0 auto 8px}
.r38-empty h3{font:500 23px Georgia,serif;margin:0 0 8px;color:#234636}
.r38-empty p{font-size:13px;color:#5d7666;margin:0 auto 17px;max-width:450px}
.quickstart{padding-top:38px;border-top:1px solid #dfe9dd;margin-top:12px}
.quickstart .feature{min-height:205px}
.r38-dashboard-only-marker{display:none}
html[data-pofka-theme="ocean"] .pofka-dashboard{--r38-accent:#16638a}
html[data-pofka-theme="rose"] .pofka-dashboard{--r38-accent:#9d4e68}
html[data-pofka-theme="dark"] .pofka-dashboard{--r38-paper:#243239;--r38-ink:#ebf5ef;--r38-muted:#c7d7d0}
html[data-pofka-theme="dark"] .r38-heading h2,html[data-pofka-theme="dark"] .r38-heading p{color:#e9f3ef}
html[data-pofka-theme="dark"] .r38-hero-info,html[data-pofka-theme="dark"] .r38-next,html[data-pofka-theme="dark"] .r38-card{background:#26373d;border-color:#3f5352;color:#e7f3eb}
html[data-pofka-theme="dark"] .r38-hero-info :is(strong,span),html[data-pofka-theme="dark"] .r38-next :is(strong,small),html[data-pofka-theme="dark"] .r38-card :is(.r38-main-number,h3,p){color:#e5f0ea}
html[data-pofka-theme="dark"] .r38-ring:after{background:#26373d}
html[data-pofka-theme="dark"] .r38-ring span{color:#e5f0ea}
html[data-pofka-theme="dark"] .r38-empty{background:#26373d;border-color:#54705f}
html[data-pofka-theme="dark"] .r38-empty :is(h3,p){color:#e5f0ea}
html[data-pofka-theme="dark"] .r38-source{color:#c9d8cb}
@media(max-width:1050px){.r38-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.r38-card{min-height:170px}}
@media(max-width:600px){.hero{margin:14px auto 23px;padding:27px 20px!important;border-radius:19px}.hero h1{font-size:36px}.hero .hero-sub{font-size:12px}.hero .trustline{font-size:10px}.pofka-dashboard{padding:0 0 12px}.r38-heading{align-items:start}.r38-heading h2{font-size:27px}.r38-pill{padding:7px 8px}.r38-hero-info{flex-wrap:wrap}.r38-hero-info strong{font-size:20px}.r38-metrics{gap:9px}.r38-card{min-height:176px;padding:13px}.r38-card-top{margin-bottom:12px}.r38-card-top h3{font-size:12px}.r38-main-number{font-size:22px}.r38-card p{font-size:10px}.r38-ring{height:47px;width:47px}.r38-ring:after{inset:6px}.r38-ring span{font-size:10px}.r38-next{padding:14px;align-items:start}.r38-next strong{font-size:13px}.r38-next a{font-size:11px;min-height:41px;padding:9px 11px}.quickstart{padding-top:29px}}
@media(max-width:360px){.r38-metrics{grid-template-columns:1fr}.r38-card{min-height:142px}.r38-next{flex-direction:column}.r38-next a{align-self:stretch}.r38-heading{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.r38-card,.r38-next{animation:none!important}}
/* Hero copy must remain legible even when legacy theme text overrides are active. */
html .hero .hero-sub,html:not([data-pofka-theme="dark"]) .hero .hero-sub{color:#e0ebe0!important}
html .hero .trustline,html:not([data-pofka-theme="dark"]) .hero .trustline{color:#d9eadb!important}
html .hero .trustline span{color:inherit!important}