.gc-ingx {
	--gc-ingx-max: var(--gc-container, 1312px);
	--gc-ingx-pad: 48px;
	--gc-ingx-h: 400px;
	--gc-ingx-gap: 28px;
	--gc-ingx-list-w: 316px;
	--gc-ingx-row-h: 52px;
	--gc-ingx-row-pad: 16px;
	--gc-ingx-row-radius: 10px;
	--gc-ingx-radius: 20px;
	--gc-ingx-panel-pad: 40px;
	--gc-ingx-stack: 28px;
	--gc-ingx-line-w: 1px;

	--gc-ingx-eyebrow: #3D82B3;
	--gc-ingx-title: #14212B;
	--gc-ingx-lede: #5A6B75;
	--gc-ingx-line: #E8F1F8;
	--gc-ingx-row: #14212B;
	--gc-ingx-row-val: #5A6B75;
	--gc-ingx-row-hover: #F4F8FB;
	--gc-ingx-row-on-bg: #EAF3FA;
	--gc-ingx-row-on: #3D82B3;
	--gc-ingx-scroll: #DCEEFA;
	--gc-ingx-panel-bg: #FFFFFF;
	--gc-ingx-panel-line: #E8F1F8;
	--gc-ingx-shadow: 0px 10px 28px -8px rgba(20, 33, 43, 0.12);
	--gc-ingx-datum: #3D82B3;
	--gc-ingx-datum-dim: #9BB0BD;
	--gc-ingx-name: #14212B;
	--gc-ingx-dose-label: #3D82B3;
	--gc-ingx-dose: #14212B;
	--gc-ingx-unit: #5A6B75;
	--gc-ingx-blurb: #5A6B75;
	--gc-ingx-pulse: rgba(91, 167, 219, 0.55);
	--gc-ingx-pulse-w: 2px;
	--gc-ingx-pulse-speed: 2.6s;
	--gc-ingx-mark: #5BA7DB;
	--gc-ingx-mark-op: 0.07;
	--gc-ingx-mark-size: 260px;
	--gc-ingx-mark-x: 32px;
	--gc-ingx-mark-y: 28px;
	--gc-ingx-btn1-text: #FFFFFF;

	position: relative;
	padding: 88px 0;
	font-family: var(--gc-font-body, "Inter", system-ui, sans-serif);
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}
.gc-ingx *, .gc-ingx *::before, .gc-ingx *::after { box-sizing: border-box; }

.gc-ingx--full {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

.gc-ingx__inner {
	position: relative;
	z-index: 1;
	width: 100%;
	padding-inline: var(--gc-ingx-pad);
}
.gc-ingx__wrap {
	max-width: var(--gc-ingx-max, none);
	margin-inline: auto;
}

.gc-ingx__head { margin-bottom: 40px; }
.gc-ingx--center .gc-ingx__head { text-align: center; }
.gc-ingx--center .gc-ingx__lede { margin-inline: auto; }

.gc-ingx__eyebrow {
	display: block;
	color: var(--gc-ingx-eyebrow);
	font-family: var(--gc-font-heading, "Manrope", sans-serif);
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}
.gc-ingx__title {
	margin: 10px 0 0;
	color: var(--gc-ingx-title);
	font-family: var(--gc-font-heading, "Manrope", sans-serif);
	font-size: clamp(28px, 3.2vw, 40px);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -0.02em;
	text-wrap: balance;
}
.gc-ingx__lede {
	margin: 14px 0 0;
	max-width: 62ch;
	color: var(--gc-ingx-lede);
	font-size: 16px;
}

.gc-ingx__split {
	display: grid;
	grid-template-columns: minmax(0, var(--gc-ingx-list-w)) minmax(0, 1fr);
	gap: var(--gc-ingx-gap);
	align-items: stretch;
}
.gc-ingx--rev .gc-ingx__split { grid-template-columns: minmax(0, 1fr) minmax(0, var(--gc-ingx-list-w)); }
.gc-ingx--rev .gc-ingx__list { order: 2; padding: 0 0 0 10px; }
.gc-ingx--rev .gc-ingx__panels { order: 1; }

.gc-ingx__list {
	height: var(--gc-ingx-h);
	overflow-y: auto;
	overscroll-behavior: contain;
	list-style: none;
	margin: 0;
	padding: 0 10px 0 0;
	scrollbar-width: thin;
	scrollbar-color: var(--gc-ingx-scroll) transparent;
}
.gc-ingx__list.is-scrollable {
	-webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 44px), transparent 100%);
	mask-image: linear-gradient(to bottom, #000 calc(100% - 44px), transparent 100%);
}
.gc-ingx__list::-webkit-scrollbar { width: 5px; }
.gc-ingx__list::-webkit-scrollbar-track { background: transparent; }
.gc-ingx__list::-webkit-scrollbar-thumb { background: var(--gc-ingx-scroll); border-radius: 999px; }
.gc-ingx__list li + li { border-top: var(--gc-ingx-line-w) solid var(--gc-ingx-line); }

.gc-ingx__tab {
	width: 100%;
	min-height: var(--gc-ingx-row-h);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 8px var(--gc-ingx-row-pad);
	border: 0;
	border-radius: var(--gc-ingx-row-radius);
	background: transparent;
	color: var(--gc-ingx-row);
	font-family: var(--gc-font-body, "Inter", system-ui, sans-serif);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.35;
	text-align: left;
	cursor: pointer;
	transition: background .18s ease, color .18s ease;
}
.gc-ingx__tab:hover { background: var(--gc-ingx-row-hover); }
.gc-ingx__tab:focus-visible { outline: 2px solid var(--gc-ingx-eyebrow); outline-offset: -2px; }
.gc-ingx__tab-val {
	color: var(--gc-ingx-row-val);
	font-family: var(--gc-font-heading, "Manrope", sans-serif);
	font-weight: 600;
	font-size: 13px;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}
.gc-ingx__tab[aria-selected="true"] {
	background: var(--gc-ingx-row-on-bg);
	color: var(--gc-ingx-row-on);
	font-weight: 700;
}
.gc-ingx__tab[aria-selected="true"] .gc-ingx__tab-val { color: var(--gc-ingx-row-on); }

.gc-ingx__panels {
	position: relative;
	display: grid;
}

.gc-ingx__panel {
	position: relative;
	grid-area: 1 / 1;
	height: var(--gc-ingx-h);
	visibility: hidden;
	background: var(--gc-ingx-panel-bg);
	border: var(--gc-ingx-line-w) solid var(--gc-ingx-panel-line);
	border-radius: var(--gc-ingx-radius);
	box-shadow: var(--gc-ingx-shadow);
	padding: var(--gc-ingx-panel-pad);
	display: flex;
	flex-direction: column;
	gap: var(--gc-ingx-stack);
	overflow: hidden;
}
.gc-ingx__panel.is-on {
	visibility: visible;
	z-index: 1;
	animation: gcIngxIn .28s ease both;
}
.gc-ingx--flat .gc-ingx__panel { box-shadow: none; }

.gc-ingx__panel > * { position: relative; z-index: 1; }
.gc-ingx__mark {
	position: absolute;
	z-index: 0;
	right: var(--gc-ingx-mark-x);
	bottom: var(--gc-ingx-mark-y);
	width: var(--gc-ingx-mark-size);
	height: var(--gc-ingx-mark-size);
	display: grid;
	place-items: center;
	color: var(--gc-ingx-mark);
	opacity: var(--gc-ingx-mark-op);
	pointer-events: none;
}
.gc-ingx__mark svg { width: 100%; height: 100%; fill: currentColor; }
.gc-ingx__mark i { font-size: var(--gc-ingx-mark-size); line-height: 1; }
.gc-ingx--spread .gc-ingx__panel { justify-content: space-between; }

@keyframes gcIngxIn {
	from { opacity: 0; transform: translateY(5px); }
	to { opacity: 1; transform: none; }
}

.gc-ingx--pulse .gc-ingx__panel.is-on::after {
	content: "";
	position: absolute;
	inset: calc(var(--gc-ingx-line-w) * -1);
	z-index: 2;
	border: var(--gc-ingx-pulse-w) solid var(--gc-ingx-pulse);
	border-radius: inherit;
	pointer-events: none;
	animation: gcIngxPulse var(--gc-ingx-pulse-speed) ease-out infinite;
}
@keyframes gcIngxPulse {
	0%   { opacity: 0; transform: scale(0.995); }
	35%  { opacity: 1; }
	100% { opacity: 0; transform: scale(1.012); }
}

.gc-ingx__datum {
	display: block;
	color: var(--gc-ingx-datum);
	font-family: var(--gc-font-heading, "Manrope", sans-serif);
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}
.gc-ingx__datum i { font-style: normal; color: var(--gc-ingx-datum-dim); }

.gc-ingx__name {
	margin: 10px 0 0;
	color: var(--gc-ingx-name);
	font-family: var(--gc-font-heading, "Manrope", sans-serif);
	font-size: 32px;
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -0.025em;
	text-wrap: balance;
}
.gc-ingx__panel-head { flex: none; }
.gc-ingx__panel-head .gc-ingx__name:first-child { margin-top: 0; }

.gc-ingx__dose {
	flex: none;
	display: grid;
	gap: 8px;
	padding-bottom: 26px;
	border-bottom: var(--gc-ingx-line-w) solid var(--gc-ingx-line);
}
.gc-ingx__dose:last-child { padding-bottom: 0; border-bottom: 0; }
.gc-ingx__dose-label {
	color: var(--gc-ingx-dose-label);
	font-family: var(--gc-font-heading, "Manrope", sans-serif);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}
.gc-ingx__dose-value {
	color: var(--gc-ingx-dose);
	font-family: var(--gc-font-heading, "Manrope", sans-serif);
	font-size: 52px;
	font-weight: 800;
	line-height: 0.95;
	letter-spacing: -0.04em;
	font-variant-numeric: tabular-nums;
}
.gc-ingx__dose-unit {
	font-style: normal;
	margin-left: 5px;
	color: var(--gc-ingx-unit);
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -0.01em;
}
.gc-ingx__dose--text .gc-ingx__dose-value { font-size: 30px; letter-spacing: -0.02em; }

.gc-ingx__blurb {
	flex: 0 1 auto;
	margin: 0;
	color: var(--gc-ingx-blurb);
	font-size: 15px;
	line-height: 1.65;
	max-width: 48ch;
	overflow: hidden;
}

.gc-ingx__foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 20px;
	margin-top: 32px;
}
.gc-ingx--center .gc-ingx__foot { justify-content: center; }

.gc-ingx__btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 13px 26px;
	border: 0;
	border-radius: var(--gc-radius-pill, 999px);
	background: var(--gc-ingx-btn1-bg, linear-gradient(135deg, var(--gc-glider-start, #6EC1E4), var(--gc-glider-end, #5BA7DB)));
	color: var(--gc-ingx-btn1-text);
	font-family: var(--gc-font-body, "Inter", system-ui, sans-serif);
	font-size: 14.5px;
	font-weight: 600;
	text-decoration: none;
	box-shadow: var(--gc-shadow-button, 0px 6px 16px -2px rgba(91, 167, 219, 0.3));
	cursor: pointer;
	transition: filter .15s ease;
}
.gc-ingx__btn:hover { filter: brightness(0.95); color: var(--gc-ingx-btn1-text); }
.gc-ingx__btn:focus-visible { outline: 2px solid var(--gc-ingx-eyebrow); outline-offset: 3px; }

.gc-ingx__note {
	color: var(--gc-ingx-lede);
	font-size: 13.5px;
}

.gc-ingx__empty {
	margin: 0;
	padding: 22px 24px;
	border: var(--gc-ingx-line-w) dashed var(--gc-ingx-line);
	border-radius: var(--gc-ingx-radius);
	color: var(--gc-ingx-lede);
	font-size: 14.5px;
}

@media (max-width: 900px) {
	.gc-ingx__split,
	.gc-ingx--rev .gc-ingx__split { grid-template-columns: minmax(0, 1fr); }
	.gc-ingx--rev .gc-ingx__list { order: 0; padding: 0 6px 0 0; }
	.gc-ingx--rev .gc-ingx__panels { order: 0; }
	.gc-ingx__list { padding-right: 6px; }
	.gc-ingx__panel { height: auto; min-height: 260px; }
	.gc-ingx__mark { --gc-ingx-mark-size: 200px; }
}

@media (max-width: 640px) {
	.gc-ingx__name { font-size: 27px; }
	.gc-ingx__dose-value { font-size: 42px; }
	.gc-ingx__dose-unit { font-size: 17px; }
}

@media (prefers-reduced-motion: reduce) {
	.gc-ingx__panel.is-on { animation: none; }
	.gc-ingx--pulse .gc-ingx__panel.is-on::after { animation: none; opacity: 0; }
	.gc-ingx__tab { transition: none; }
	.gc-ingx__btn { transition: none; }
}