.imow-sc-hero {
	--imow-badge-size: 84px;
	--imow-glow-color: var(--bg-highlight-base, #E5F937);

	--imow-hero-bg: var(--bg-brand-strong, #0E3D33);
	--imow-hero-padding: 32px 16px;
	--imow-hero-radius: 12px;
	--imow-hero-border-w: 1px;
	--imow-hero-border-c: var(--bg-highlight-base, #E5F937);

	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding: var(--imow-hero-padding);
	background-color: var(--imow-hero-bg);
	background-image: var(--imow-glow-image, none);
	border: var(--imow-hero-border-w) solid var(--imow-hero-border-c);
	border-radius: var(--imow-hero-radius);
	text-align: center;
	overflow: visible;
}
.imow-sc-hero:has(.imow-sc-hero__glow) {
	--imow-glow-image: radial-gradient(circle at var(--imow-glow-x, 88%) var(--imow-glow-y, 0%), var(--imow-glow-color) 0%, transparent var(--imow-glow-size, 35%));
}
.imow-sc-hero__glow { display: none; }

:where(.imow-sc-hero__label) {
	position: relative;
	font-size: 1.25rem;
	font-weight: 500;
	color: #fff;
}
:where(.imow-sc-hero__value) {
	position: relative;
	font-size: 3.5rem;
	font-weight: 600;
	line-height: 1.05;
	letter-spacing: -0.02em;
	font-variant-numeric: tabular-nums;
	color: var(--bg-highlight-base, #E5F937);
	word-break: break-word;
}

.imow-sc-hero__badge {
	position: absolute;
	top: -8px;
	right: -8px;
	width: var(--imow-badge-size);
	height: var(--imow-badge-size);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	z-index: 2;
}
.imow-sc-hero__badge-star {
	position: absolute;
	inset: 0;
	background-color: var(--bg-highlight-base, #E5F937);
	/* clip-path is injected via inline style mathematically based on user settings */
}
:where(.imow-sc-hero__badge-value) {
	position: relative;
	font-size: 1.125rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--bg-brand-strong, #0E3D33);
	font-variant-numeric: tabular-nums;
}

@container (max-width: 560px) {
	:where(.imow-sc-hero__value) { font-size: 2.5rem; }
	.imow-sc-hero__badge { --imow-badge-size: 66px; }
}