@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; src: url("fonts/Inter-Regular.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; src: url("fonts/Inter-Medium.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; src: url("fonts/Inter-SemiBold.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; src: url("fonts/Inter-Bold.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 400; src: url("fonts/Inter-Italic.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "Inter Display"; font-style: normal; font-weight: 400; src: url("fonts/InterDisplay-Regular.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "Inter Display"; font-style: normal; font-weight: 600; src: url("fonts/InterDisplay-SemiBold.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "Inter Display"; font-style: normal; font-weight: 700; src: url("fonts/InterDisplay-Bold.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 700; src: url("fonts/JetBrainsMono-Bold.woff2") format("woff2"); font-display: swap; }

:root {
	--alt-yellow: #FFCB00;
	--alt-yellow-hover: #FDBE1C;
	--alt-yellow-active: #FDAE1C;
	--alt-ink: #22222E;
	--fg-primary: #22222E;
	--fg-secondary: #626C77;
	--fg-tertiary: #A3A3B1;
	--fg-on-dark: #FFFFFF;
	--fg-on-dark-2: #F9FBFD;
	--fg-on-dark-3: #919299;
	--color-success: #0DC268;
	--surface: #FFFFFF;
	--surface-muted: #F2F3F7;
	--surface-secondary: #F0F1F8;
	--surface-card: #F9FBFD;
	--surface-dark: #22222E;
	--surface-dark-2: #14141C;
	--surface-dark-3: #343442;
	--border-hairline: #EBEBEB;
	--border-muted: #DDE1E7;
	--radius-xs: 4px;
	--radius-sm: 8px;
	--radius-md: 12px;
	--radius-lg: 20px;
	--radius-xl: 32px;
	--radius-pill: 999px;
	--page-max: 1280px;
	--page-gutter: 40px;
	--page-gutter-md: 32px;
	--page-gutter-sm: 20px;
	--shadow-sm: 0 1px 2px rgba(34, 34, 46, 0.06), 0 1px 1px rgba(34, 34, 46, 0.04);
	--shadow-lg: 0 16px 40px rgba(34, 34, 46, 0.18), 0 6px 12px rgba(34, 34, 46, 0.10);
	--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--font-display: "Inter Display", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
	--type-c1-size: 12px;
	--type-c2-size: 12px;
	--type-p4-size: 14px;
	--type-p4-lh: 1.6;
}

.alt-container {
	width: 100%;
	max-width: var(--page-max);
	margin-inline: auto;
	padding-inline: var(--page-gutter);
	box-sizing: border-box;
}

.alt-gl {
	display: inline-block;
	font-family: var(--font-mono);
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
	color: var(--alt-yellow);
}

.alt-gl--bs { margin-right: 0.14em; }
.alt-gl--us { margin-left: 0.08em; transform: translateY(-0.05em); }

@keyframes alt-gl-blink {
	0%, 55% { opacity: 1; }
	56%, 100% { opacity: 0.18; }
}

.alt-gl--live { animation: alt-gl-blink 1.2s steps(2, end) infinite; }

.alt-btn,
.wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 14px 18px;
	border: 0;
	border-radius: var(--radius-md);
	background: var(--alt-yellow);
	color: var(--alt-ink);
	font-family: var(--font-sans);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
	text-decoration: none;
	transition: background-color 120ms ease, transform 80ms ease;
}

.alt-btn:hover,
.wp-block-button__link:hover { background: var(--alt-yellow-hover); }

.alt-btn:active,
.wp-block-button__link:active {
	background: var(--alt-yellow-active);
	transform: translateY(0.5px);
}

@media (max-width: 1023px) {
	.alt-container { padding-inline: var(--page-gutter-md); }
}

@media (max-width: 759px) {
	.alt-container { padding-inline: var(--page-gutter-sm); }
}