/* ============ tokens ============ */
@font-face {
	font-family: "Roboto";
	src: url("/images/copy-400.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Roboto";
	src: url("/images/copy-500.woff2") format("woff2");
	font-weight: 500 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Roboto";
	src: url("/images/copy-700.woff2") format("woff2");
	font-weight: 700 800;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Outfit";
	src: url("/images/lede-600.woff2") format("woff2");
	font-weight: 500 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Outfit";
	src: url("/images/lede-800.woff2") format("woff2");
	font-weight: 700 800;
	font-style: normal;
	font-display: swap;
}

:root {
	--color-main: #28ec89;
	--color-action: #24ee8d;
	--color-spot-deep: #0fdf71;
	--color-back: #242828;
	--color-bg-elevated: #2c3232;
	--color-copy: #ffffff;
	--color-faint: #c0c0c0;
	--color-hairline: #39403f;
	--color-edge-hard: #4d5654;
	--color-gradient-light: #97f6c9;
	--color-fade-bottom: #52f4a1;
	--color-warn-band: #a93226;
	--color-deep: #1b1f1f;
	--color-pit: #101414;
	--color-ink: #0c1512;
	--color-ink-soft: #12291f;

	--gap-step-0: 4px;
	--gap-step-1: 8px;
	--gap-step-2: 12px;
	--gap-step-3: 16px;
	--gap-step-4: 24px;
	--gap-step-5: 40px;
	--gap-step-6: 64px;
	--gap-step-7: 96px;

	--corner-step-0: 2px 2px 0 0;
	--corner-step-1: 4px 4px 0 0;
	--corner-step-2: 6px 6px 0 0;
	--corner-step-3: 12px 12px 0 0;
	--corner-step-4: 20px 20px 0 0;
	--corner-step-5: 28px 28px 0 0;
	--corner-step-6: 36px 36px 0 0;
	--corner-step-7: 44px 44px 0 0;
	--corner-capsule: 9999px 9999px 0 0;
	--corner-round-full: 50%;

	--face-display: "Outfit", "Trebuchet MS", sans-serif;
	--face-copy: "Roboto", "Helvetica Neue", Arial, sans-serif;

	--fs-h1: clamp(28px, 4.6vw, 60px);
	--fs-xl-2: clamp(24px, 2.6vw, 34px);
	--fs-sub: clamp(19px, 1.8vw, 24px);
	--fs-h4: 19px;
	--fs-sm-2: 16px;
	--fs-xs-2: 14px;
	--fs-normal: 16px;
	--fs-sm: 13px;
	--fs-mini: 10px;

	--line-close: 1.1;
	--line-normal: 1.5;
	--line-loose: 1.65;
	--tracking-tight: -0.02em;
	--tracking-normal: 0;
	--tracking-spread: 0.06em;
	--fw-base: 400;
	--fw-demi: 600;
	--fw-strong: 800;

	--depth-step-0: 0 1px 0 rgba(0, 0, 0, 0.05);
	--depth-step-1: 0 -1px 0 rgba(0, 0, 0, 0.08) inset;
	--depth-step-2: 0 2px 4px rgba(0, 0, 0, 0.06);
	--depth-step-3: 0 4px 12px rgba(0, 0, 0, 0.1);
	--depth-step-4: 0 10px 28px rgba(0, 0, 0, 0.14);
	--depth-step-5: 0 16px 40px rgba(0, 0, 0, 0.2);
	--depth-step-6: 0 24px 56px rgba(0, 0, 0, 0.26);
	--depth-step-7: 0 32px 72px rgba(0, 0, 0, 0.32);

	--rule-slim: 1px;
	--rule-even: 2px;
	--rule-wide: 3px;

	--beat-short: 134ms;
	--beat-base: 240ms;
	--beat-gentle: 373ms;
	--ease-land: cubic-bezier(0.14, 0.95, 0.55, 0.93);
	--ease-even: cubic-bezier(0.51, 0.08, 0.4, 0.98);
	--ease-overshoot: cubic-bezier(0.36, 1.15, 0.53, 1.1);

	--frame-page: 1160px;
	--frame-text: 1160px;
	--frame-narrow: 650px;
	--frame-padding-desktop: 56px;
	--frame-inset-tablet: 32px;
	--frame-inset-mobile: 16px;
	--shell-wide: calc(var(--frame-page) + 2 * var(--frame-padding-desktop));

	--masthead-size-desktop: 86px;
	--masthead-size-mobile: 64px;
	--sec-y: 44px;
	--shot: 560px;
}

/* ============ reset / base ============ */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html,
body {
	overflow-x: clip;
}

html {
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	background: var(--color-back);
	color: var(--color-copy);
	font-family: var(--face-copy);
	font-size: var(--fs-normal);
	font-weight: var(--fw-base);
	line-height: var(--line-normal);
}

main {
	flex: 1 0 auto;
	display: block;
	animation: pageFade var(--beat-gentle) var(--ease-land) both;
}

@keyframes pageFade {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	overflow-wrap: anywhere;
}

h1 {
	font-family: var(--face-display);
	font-size: var(--fs-h1);
	font-weight: var(--fw-strong);
	letter-spacing: var(--tracking-tight);
	line-height: var(--line-close);
	text-transform: uppercase;
}

h2 {
	font-family: var(--face-display);
	font-size: var(--fs-xl-2);
	font-weight: var(--fw-demi);
	letter-spacing: var(--tracking-normal);
	line-height: var(--line-close);
}

h3 {
	font-family: var(--face-copy);
	font-size: var(--fs-sub);
	font-weight: var(--fw-demi);
	line-height: var(--line-close);
}

h4 {
	font-family: var(--face-copy);
	font-size: var(--fs-h4);
	font-weight: var(--fw-demi);
}

p {
	margin: 0;
	overflow-wrap: anywhere;
}

ul,
ol {
	margin: 0;
	padding: 0;
}

img,
svg {
	max-width: 100%;
}

button {
	font: inherit;
	cursor: pointer;
}

table {
	border-collapse: collapse;
}

[id] {
	scroll-margin-top: calc(var(--masthead-size-desktop) + var(--gap-step-3));
}

.skip-jump {
	position: absolute;
	inset-inline-start: var(--gap-step-3);
	z-index: 300;
	padding: var(--gap-step-2) var(--gap-step-4);
	background: var(--color-action);
	color: var(--color-ink);
	border-radius: var(--corner-step-2);
	font-weight: var(--fw-demi);
	text-decoration: none;
}

.skip-jump:not(:focus) {
	top: -200px !important;
}

.skip-jump:focus {
	top: var(--gap-step-3);
}

/* ============ shared section shell ============ */
.gutaf-hold,
.tyloryb-hold,
.tika-hold,
.pidedin-hold,
.byle-hold,
.sypaga-hold,
.gyfara-hold,
.bapu-hold,
.kalu-hold,
.xopovos-hold,
.fudosak-articles-hold {
	display: block;
	width: 100%;
	max-width: var(--shell-wide);
	margin-inline: auto;
	padding-inline: var(--frame-padding-desktop);
}

.tyloryb,
.tika,
.pidedin,
.byle,
.sypaga,
.gyfara,
.bapu,
.kalu,
.xopovos,
.larutid,
.fudosak-articles {
	padding-block: var(--sec-y);
}

/* ============ header (HEAD-SUBNAV) ============ */
.ropytu {
	position: sticky;
	top: 0;
	z-index: 100;
	background: var(--color-deep);
	color: var(--color-copy);
	transition: background var(--beat-base) var(--ease-even);
}

.ropytu-crown {
	background: var(--color-deep);
	color: var(--color-copy);
	min-height: var(--masthead-size-desktop);
	display: flex;
	align-items: center;
	transition: min-height var(--beat-base) var(--ease-land);
}

.ropytu.is-tight .ropytu-crown {
	min-height: 68px;
}

.ropytu-crown-shell {
	width: 100%;
	max-width: var(--shell-wide);
	margin-inline: auto;
	padding-inline: var(--frame-padding-desktop);
	display: flex;
	align-items: center;
	gap: var(--gap-step-4);
}

.ropytu-brand {
	order: 1;
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	text-decoration: none;
}

.ropytu-plate {
	display: inline-flex;
	align-items: center;
	background: #ffffff;
	color: var(--color-ink);
	padding: var(--gap-step-1) var(--gap-step-2);
	border-radius: var(--corner-step-3);
}

.ropytu-brand-pic {
	display: block;
	height: 60px;
	width: auto;
	flex-shrink: 0;
}

.ropytu-flag {
	order: 2;
	display: inline-flex;
	align-items: center;
	background: var(--color-warn-band);
	color: #ffffff;
	padding: var(--gap-step-0) var(--gap-step-1);
	border-radius: var(--corner-step-1);
	font-family: var(--face-display);
	font-size: var(--fs-xs-2);
	font-weight: var(--fw-strong);
	letter-spacing: var(--tracking-spread);
}

.ropytu-acts {
	order: 3;
	margin-inline-start: auto;
	display: flex;
	align-items: center;
	gap: var(--gap-step-2);
}

.ropytu-go {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding-inline: var(--gap-step-4);
	border-radius: var(--corner-capsule);
	font-family: var(--face-display);
	font-size: var(--fs-xs-2);
	font-weight: var(--fw-strong);
	letter-spacing: var(--tracking-spread);
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	flex-shrink: 0;
}

.ropytu-quiet {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding-inline: var(--gap-step-4);
	background: var(--color-deep);
	color: var(--color-copy);
	border: var(--rule-slim) solid var(--color-edge-hard);
	border-radius: var(--corner-capsule);
	font-family: var(--face-display);
	font-size: var(--fs-xs-2);
	font-weight: var(--fw-strong);
	letter-spacing: var(--tracking-spread);
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	flex-shrink: 0;
}

.ropytu-quiet:hover {
	background: var(--color-copy);
	color: var(--color-ink);
	transform: translateY(-5px);
}

.ropytu-knob {
	order: 4;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	margin-left: auto;
	padding-inline: var(--gap-step-3);
	background: var(--color-bg-elevated);
	color: var(--color-copy);
	border: 0;
	border-radius: var(--corner-step-2);
	font-family: var(--face-display);
	font-size: var(--fs-xs-2);
	font-weight: var(--fw-demi);
	letter-spacing: var(--tracking-spread);
	text-transform: uppercase;
	white-space: nowrap;
}

.ropytu-knob:hover {
	background: var(--color-edge-hard);
	color: var(--color-copy);
}

.ropytu-belt {
	display: block;
	height: 44px;
	background: var(--color-pit);
	color: var(--color-copy);
}

.ropytu-belt-shell {
	width: 100%;
	max-width: var(--shell-wide);
	height: 100%;
	margin-inline: auto;
	padding-inline: var(--frame-padding-desktop);
}

.ropytu-bar {
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
	min-width: 0;
}

.ropytu-list {
	display: flex;
	align-items: center;
	gap: var(--gap-step-4);
	min-width: 0;
	overflow: hidden;
	list-style: none;
}

.ropytu-one {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
}

.ropytu-one + .ropytu-one::before {
	content: "/";
	margin-inline-end: var(--gap-step-4);
	color: var(--color-edge-hard);
	font-size: var(--fs-xs-2);
}

.ropytu-jump {
	display: inline-flex;
	align-items: center;
	padding-block: var(--gap-step-0);
	border-block-end: var(--rule-even) solid transparent;
	color: var(--color-copy);
	font-size: 14px;
	font-weight: 400;
	letter-spacing: var(--tracking-spread);
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	transition: transform var(--beat-short) var(--ease-land), color var(--beat-short) var(--ease-land);
}

.ropytu-jump:hover {
	color: var(--color-action);
	transform: translateY(-5px);
}

.ropytu-jump[aria-current] {
	border-block-end-color: var(--color-action);
	color: var(--color-action);
}

.ropytu-more {
	position: relative;
	margin-inline-start: var(--gap-step-4);
	flex: 0 0 auto;
}

.ropytu-more-knob {
	display: inline-flex;
	align-items: center;
	padding: var(--gap-step-0) var(--gap-step-2);
	background: var(--color-bg-elevated);
	color: var(--color-copy);
	border: 0;
	border-radius: var(--corner-step-1);
	font-size: var(--fs-xs-2);
	font-weight: var(--fw-demi);
	letter-spacing: var(--tracking-spread);
	text-transform: uppercase;
	white-space: nowrap;
}

.ropytu-more-knob[hidden] {
	display: none;
}

.ropytu-more-knob:hover {
	background: var(--color-edge-hard);
	color: var(--color-copy);
}

.ropytu-more-pane {
	position: absolute;
	inset-block-start: calc(100% + var(--gap-step-1));
	inset-inline-end: 0;
	z-index: 120;
	display: none;
	min-width: 200px;
	max-height: 60vh;
	overflow-y: auto;
	padding: var(--gap-step-2);
	background: var(--color-bg-elevated);
	color: var(--color-copy);
	border: var(--rule-slim) solid var(--color-edge-hard);
	border-radius: var(--corner-step-3);
	box-shadow: var(--depth-step-4);
	list-style: none;
}

.ropytu-more-pane.is-open {
	display: block;
}

.ropytu-more-pane .ropytu-one {
	display: block;
	width: 100%;
}

.ropytu-more-pane .ropytu-one + .ropytu-one::before {
	content: none;
}

.ropytu-more-pane .ropytu-jump {
	display: block;
	width: 100%;
	padding: var(--gap-step-1) var(--gap-step-2);
}

.ropytu-drawer {
	display: none;
	background: var(--color-pit);
	color: var(--color-copy);
	padding: var(--gap-step-2) var(--frame-inset-mobile) var(--gap-step-4);
}

.ropytu-drawer.is-open {
	display: block;
}

.ropytu-drawer-bar {
	display: block;
}

.ropytu-drawer-list {
	display: block;
	max-height: 60vh;
	overflow-y: auto;
	list-style: none;
}

.ropytu-drawer-one {
	display: block;
}

.ropytu-drawer-jump {
	display: block;
	padding-block: var(--gap-step-2);
	border-block-end: var(--rule-slim) solid var(--color-hairline);
	color: var(--color-copy);
	font-size: var(--fs-sm-2);
	font-weight: var(--fw-demi);
	letter-spacing: var(--tracking-spread);
	text-transform: uppercase;
	text-decoration: none;
}

.ropytu-drawer-jump:hover {
	color: var(--color-action);
}

.ropytu-drawer-jump[aria-current] {
	color: var(--color-action);
}

@media (min-width: 1024px) {
	.ropytu-knob {
		display: none;
	}

	.ropytu-drawer {
		display: none;
	}
}

@media (max-width: 1023px) {
	.ropytu-belt {
		display: none;
	}
}

/* ============ hero (HERO-04 slider) ============ */
.gutaf {
	position: relative;
	background-color: var(--color-pit);
	color: var(--color-copy);
	overflow: hidden;
}

.gutaf-track {
	position: relative;
	display: block;
	min-height: var(--shot);
	list-style: none;
}

.gutaf-one {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	background-color: var(--color-pit);
	background-image: linear-gradient(90deg, rgba(16, 20, 20, 0.94) 0%, rgba(16, 20, 20, 0.72) 52%, rgba(16, 20, 20, 0.45) 100%), url("/images/image.webp");
	background-size: cover;
	background-position: center;
	transition: opacity var(--beat-gentle) var(--ease-land);
}

.gutaf-one:nth-child(2) {
	background-position: 22% center;
}

.gutaf-one:nth-child(3) {
	background-position: 78% center;
}

.gutaf-one.is-open {
	position: relative;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.gutaf-hold {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--gap-step-4);
	padding-block: var(--gap-step-6);
	min-height: var(--shot);
	justify-content: center;
}

.gutaf-lede {
	color: var(--color-copy);
	max-width: 22ch;
}

.gutaf-under {
	color: var(--color-copy);
	font-size: var(--fs-h4);
	line-height: var(--line-normal);
	max-width: var(--frame-narrow);
}

.gutaf-shout {
	display: block;
	max-width: var(--frame-narrow);
	color: var(--color-gradient-light);
	font-family: var(--face-display);
	font-size: var(--fs-xl-2);
	font-weight: var(--fw-demi);
	line-height: var(--line-close);
}

.gutaf-meta {
	display: block;
	max-width: var(--frame-narrow);
	color: var(--color-faint);
	font-size: var(--fs-sm);
	letter-spacing: var(--tracking-spread);
}

.gutaf--flat {
	background-color: var(--color-deep);
}

.gutaf--flat .gutaf-hold {
	min-height: 0;
	padding-block: var(--gap-step-6);
}

.gutaf-deck {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--gap-step-3);
	padding-block: var(--gap-step-4);
	background: var(--color-pit);
	color: var(--color-copy);
}

.gutaf-step {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	background: var(--color-bg-elevated);
	color: var(--color-copy);
	border: 0;
	border-radius: var(--corner-round-full);
	font-size: var(--fs-sm-2);
}

.gutaf-step:hover {
	background: var(--color-edge-hard);
	color: var(--color-copy);
}

.gutaf-step--back {
	order: 1;
}

.gutaf-step--next {
	order: 3;
}

.gutaf-dots {
	order: 2;
	display: flex;
	align-items: center;
	gap: var(--gap-step-1);
}

.gutaf-dot {
	width: 12px;
	height: 12px;
	padding: 0;
	background: var(--color-edge-hard);
	color: var(--color-copy);
	border: 0;
	border-radius: var(--corner-round-full);
}

.gutaf-dot.is-live {
	background: var(--color-action);
	color: var(--color-ink);
}

/* ============ page header (PHEAD-03) ============ */
.kalu {
	background: var(--color-main);
	color: var(--color-ink);
	padding-block: var(--gap-step-7);
}

.kalu-hold {
	display: flex;
	flex-direction: column;
	gap: var(--gap-step-4);
}

.kalu-lede {
	color: var(--color-ink);
}

.kalu-under {
	color: var(--color-ink-soft);
	font-size: var(--fs-h4);
	max-width: 70ch;
}

/* ============ prose (PROSE-07 numbered headings) ============ */
.tyloryb {
	counter-reset: section;
	background: var(--color-back);
	color: var(--color-copy);
}

.tyloryb-hold {
	display: flex;
	flex-direction: column;
	gap: var(--gap-step-4);
}

.tyloryb-part {
	display: flex;
	flex-direction: column;
	gap: var(--gap-step-2);
}

.tyloryb-lede {
	counter-increment: section;
	display: flex;
	align-items: baseline;
	gap: var(--gap-step-2);
	margin-block-start: var(--gap-step-4);
	color: var(--color-copy);
	font-weight: var(--fw-demi);
}

.tyloryb-part:first-child .tyloryb-lede {
	margin-block-start: 0;
}

.tyloryb-lede::before {
	content: counter(section, decimal-leading-zero);
	flex: 0 0 auto;
	white-space: nowrap;
	color: var(--color-action);
	font-family: var(--face-display);
	font-weight: var(--fw-strong);
	font-size: var(--fs-sub);
	letter-spacing: var(--tracking-tight);
}

.tyloryb-sub {
	color: var(--color-copy);
	margin-block-start: var(--gap-step-2);
}

.tyloryb-prose {
	color: var(--color-faint);
	line-height: var(--line-loose);
}

.tyloryb-prose strong {
	color: var(--color-copy);
}

.tyloryb-list,
.tyloryb-tally {
	display: flex;
	flex-direction: column;
	gap: var(--gap-step-1);
	padding-inline-start: var(--gap-step-4);
}

.tyloryb-list {
	list-style: square;
}

.tyloryb-tally {
	list-style: decimal;
}

.tyloryb-one {
	color: var(--color-faint);
	line-height: var(--line-loose);
}

.tyloryb-one::marker {
	color: var(--color-action);
}

.tyloryb-jump {
	color: var(--color-action);
	text-decoration: underline;
	text-underline-offset: 3px;
	transition: text-decoration-thickness var(--beat-short) var(--ease-land);
}

.tyloryb-jump:hover {
	color: var(--color-action);
	text-decoration-thickness: 2px;
}

.tyloryb-frame {
	margin: var(--gap-step-2) auto;
	width: 100%;
	overflow: hidden;
	border-radius: var(--corner-step-3);
	align-self: center;
}

.tyloryb-frame--wide {
	max-width: 700px;
}

.tyloryb-frame--square {
	max-width: 460px;
}

.tyloryb-frame--tall {
	max-width: 360px;
}

.tyloryb-pic {
	display: block;
	width: 100%;
	height: auto;
	transition: transform var(--beat-base) var(--ease-land);
}

.tyloryb-frame:hover .tyloryb-pic {
	transform: scale(1.025);
}

/* ============ items grid (GRID-02 numbered vertical strip) ============ */
.tika {
	background: var(--color-back);
	color: var(--color-copy);
}

.tika-head {
	margin-block-end: var(--gap-step-4);
	color: var(--color-copy);
}

.tika-list {
	display: block;
	list-style: none;
}

.tika-one {
	display: flex;
	align-items: flex-start;
	gap: var(--gap-step-4);
	padding-block: var(--gap-step-5);
	border-block-end: var(--rule-slim) solid var(--color-hairline);
	transition: box-shadow var(--beat-base) var(--ease-land);
}

.tika-one:hover {
	box-shadow: inset 5px 0 0 var(--color-action), var(--depth-step-4);
}

.tika-one:hover .tika-tally {
	transform: scale(1.1);
}

.tika-tally {
	flex: 0 0 80px;
	width: 80px;
	color: var(--color-action);
	font-family: var(--face-display);
	font-size: var(--fs-h1);
	font-weight: var(--fw-strong);
	letter-spacing: var(--tracking-tight);
	line-height: var(--line-close);
	transform-origin: left center;
	transition: transform var(--beat-base) var(--ease-overshoot);
}

.tika-content {
	display: flex;
	flex-direction: column;
	gap: var(--gap-step-2);
	min-width: 0;
}

.tika-lede {
	display: flex;
	align-items: center;
	gap: var(--gap-step-2);
	color: var(--color-copy);
	font-family: var(--face-display);
	font-weight: var(--fw-strong);
}

.tika-glyph {
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	color: var(--color-action);
	fill: currentColor;
}

.tika-word {
	min-width: 0;
}

.tika-prose {
	color: var(--color-faint);
	line-height: var(--line-loose);
}

.tika-break {
	display: block;
	padding-block: var(--gap-step-4);
}

/* ============ reviews (REV-09 pull-quote) ============ */
.pidedin {
	background: var(--color-back);
	color: var(--color-copy);
}

.pidedin-head {
	margin-block-end: var(--gap-step-4);
	color: var(--color-copy);
	text-align: center;
}

.pidedin-one {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--gap-step-3);
	padding-block: var(--gap-step-6);
	text-align: center;
}

.pidedin-say {
	margin: 0;
	max-width: var(--frame-narrow);
	color: var(--color-copy);
	font-family: var(--face-display);
	font-size: var(--fs-sub);
	font-style: italic;
	line-height: var(--line-close);
}

.pidedin-meta {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: var(--gap-step-2);
	color: var(--color-faint);
	font-size: var(--fs-sm);
	letter-spacing: var(--tracking-spread);
	text-transform: uppercase;
}

.pidedin-author {
	color: var(--color-faint);
}

.pidedin-mark {
	display: inline-flex;
	align-items: center;
	gap: var(--gap-step-0);
	padding: var(--gap-step-0) var(--gap-step-1);
	background: var(--color-bg-elevated);
	color: var(--color-gradient-light);
	border-radius: var(--corner-step-1);
}

.pidedin-rule {
	width: 80px;
	height: 0;
	margin: 0 auto;
	border: 0;
	border-block-start: var(--rule-slim) solid var(--color-edge-hard);
}

/* ============ faq (FAQ-09 magazine Q&A) ============ */
.byle {
	background: var(--color-back);
	color: var(--color-copy);
}

.byle-head {
	margin-block-end: var(--gap-step-4);
	color: var(--color-copy);
}

.byle-list {
	display: flex;
	flex-direction: column;
	gap: var(--gap-step-5);
}

.byle-one {
	display: flex;
	flex-direction: column;
	gap: var(--gap-step-2);
	padding-block: var(--gap-step-4);
}

.byle-ask {
	display: flex;
	align-items: baseline;
	gap: var(--gap-step-1);
	color: var(--color-copy);
	font-family: var(--face-display);
	font-size: var(--fs-sm-2);
	font-style: italic;
	font-weight: var(--fw-strong);
}

.byle-say {
	display: flex;
	align-items: baseline;
	gap: var(--gap-step-1);
	color: var(--color-faint);
	line-height: var(--line-loose);
}

.byle-tag {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 26px;
	padding: 0 var(--gap-step-0);
	background: var(--color-action);
	color: var(--color-ink);
	border-radius: var(--corner-step-1);
	font-family: var(--face-display);
	font-size: var(--fs-xs-2);
	font-style: normal;
	font-weight: var(--fw-strong);
}

/* ============ data table (TABLE-05 compact dense) ============ */
.sypaga {
	background: var(--color-back);
	color: var(--color-copy);
}

.sypaga-head {
	margin-block-end: var(--gap-step-4);
	color: var(--color-copy);
}

.sypaga-scroll {
	width: 100%;
	overflow-x: auto;
}

.sypaga-grid {
	width: 100%;
	min-width: 560px;
	background: var(--color-back);
	color: var(--color-copy);
	font-size: var(--fs-sm);
}

.sypaga-grid th {
	position: sticky;
	top: 0;
	z-index: 1;
	padding: var(--gap-step-2);
	background: var(--color-bg-elevated);
	color: var(--color-copy);
	font-size: var(--fs-mini);
	font-weight: var(--fw-strong);
	letter-spacing: var(--tracking-spread);
	text-align: start;
	text-transform: uppercase;
}

.sypaga-grid td {
	padding: var(--gap-step-1) var(--gap-step-2);
	background: var(--color-back);
	color: var(--color-copy);
	border-block-end: var(--rule-slim) solid var(--color-hairline);
	overflow-wrap: break-word;
	word-break: normal;
	hyphens: none;
}

.sypaga-tier:hover td {
	background: var(--color-bg-elevated);
	color: var(--color-copy);
}

/* ============ cta block (CTA-09) ============ */
.gyfara {
	background: var(--color-deep);
	color: var(--color-copy);
	padding-block: var(--gap-step-6);
}

.gyfara-hold {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--gap-step-3);
}

.gyfara-eye {
	display: block;
	color: var(--color-action);
	font-size: var(--fs-mini);
	font-weight: var(--fw-demi);
	letter-spacing: var(--tracking-spread);
	text-transform: uppercase;
}

.gyfara-head {
	color: var(--color-copy);
}

.gyfara-prose {
	color: var(--color-faint);
	line-height: var(--line-loose);
	max-width: var(--frame-narrow);
}

.gyfara-meta {
	display: block;
	color: var(--color-faint);
	font-size: var(--fs-sm);
	letter-spacing: var(--tracking-spread);
}

.gyfara-plug {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--gap-step-2);
	margin-block: var(--gap-step-4);
	padding: var(--gap-step-4);
	background: var(--color-bg-elevated);
	color: var(--color-copy);
	border-inline-start: var(--rule-wide) solid var(--color-action);
	border-radius: var(--corner-step-3);
}

.gyfara-plug .gyfara-meta {
	color: var(--color-faint);
}

.gyfara-go {
	flex: 0 0 auto;
	align-self: flex-start;
	max-width: 100%;
}

.gyfara-go--quiet {
	display: inline-flex;
	align-items: center;
	min-height: 46px;
	padding-inline: var(--gap-step-4);
	background: var(--color-bg-elevated);
	color: var(--color-copy);
	border-radius: var(--corner-capsule);
	text-decoration: none;
}

/* ============ author byline (BYLINE-02) ============ */
.larutid {
	background: var(--color-back);
	color: var(--color-copy);
	padding-inline: var(--frame-padding-desktop);
}

.larutid-slab {
	display: flex;
	align-items: flex-start;
	gap: var(--gap-step-3);
	max-width: var(--frame-narrow);
	margin-inline: auto;
	padding: var(--gap-step-4);
	background: var(--color-bg-elevated);
	color: var(--color-copy);
	border: var(--rule-slim) solid var(--color-hairline);
	border-radius: var(--corner-step-3);
}

.larutid-portrait {
	flex: 0 0 auto;
	display: block;
	width: 64px;
	height: 64px;
	overflow: hidden;
	border-radius: var(--corner-round-full);
}

.larutid-pic {
	display: block;
	width: 64px;
	height: 64px;
	object-fit: cover;
	object-position: center top;
}

.larutid-content {
	display: flex;
	flex-direction: column;
	gap: var(--gap-step-0);
	min-width: 0;
}

.larutid-cue {
	color: var(--color-faint);
	font-size: var(--fs-mini);
	letter-spacing: var(--tracking-spread);
	text-transform: uppercase;
}

.larutid-author {
	color: var(--color-copy);
	font-family: var(--face-display);
	font-size: var(--fs-h4);
	font-weight: var(--fw-strong);
}

.larutid-jump {
	color: var(--color-copy);
	text-decoration: none;
}

.larutid-jump:hover {
	color: var(--color-action);
	text-decoration: underline;
	text-decoration-thickness: 2px;
}

.larutid-hat {
	color: var(--color-faint);
	font-size: var(--fs-sm);
}

.larutid-prose {
	margin-block-start: var(--gap-step-1);
	color: var(--color-faint);
	line-height: var(--line-normal);
}

/* ============ author card (AUTH-08) + articles ============ */
.fudosak {
	display: inline-flex;
	align-items: center;
	gap: var(--gap-step-2);
	padding: var(--gap-step-2) var(--gap-step-3);
	background: var(--color-bg-elevated);
	color: var(--color-copy);
	border-radius: var(--corner-step-3);
}

.fudosak-portrait {
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	object-fit: cover;
	object-position: center top;
	border-radius: var(--corner-round-full);
}

.fudosak-content {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.fudosak-author {
	color: var(--color-copy);
	font-size: var(--fs-normal);
	font-weight: var(--fw-strong);
}

.fudosak-hat {
	color: var(--color-faint);
	font-size: var(--fs-mini);
}

.fudosak-articles {
	display: block;
	background: var(--color-back);
	color: var(--color-copy);
}

.fudosak-articles-head {
	margin-block-end: var(--gap-step-3);
	color: var(--color-copy);
}

.fudosak-articles-list {
	display: flex;
	flex-direction: column;
	gap: var(--gap-step-1);
	list-style: none;
}

.fudosak-articles-one {
	color: var(--color-faint);
	line-height: var(--line-normal);
}

.fudosak-jump {
	color: var(--color-action);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.fudosak-jump:hover {
	color: var(--color-spot-deep);
	text-decoration-thickness: 2px;
}

/* ============ legal (LEGAL-03 two-column TOC) ============ */
.bapu {
	background: var(--color-back);
	color: var(--color-copy);
}

.bapu-split {
	display: grid;
	grid-template-columns: 240px minmax(0, 1fr);
	gap: var(--gap-step-6);
}

.bapu-toc {
	position: sticky;
	top: calc(var(--masthead-size-desktop) + var(--gap-step-3));
	align-self: start;
	padding: var(--gap-step-3);
	background: var(--color-bg-elevated);
	color: var(--color-copy);
	border-radius: var(--corner-step-3);
	font-size: var(--fs-sm);
}

.bapu-toc-head {
	margin-block-end: var(--gap-step-2);
	color: var(--color-copy);
	font-size: var(--fs-h4);
}

.bapu-toc-list {
	display: flex;
	flex-direction: column;
	gap: var(--gap-step-1);
	padding-inline-start: var(--gap-step-4);
}

.bapu-toc-one {
	color: var(--color-faint);
}

.bapu-toc-one::marker {
	color: var(--color-action);
}

.bapu-jump {
	color: var(--color-faint);
	text-decoration: none;
}

.bapu-jump:hover {
	background: var(--color-bg-elevated);
	color: var(--color-action);
	text-decoration: underline;
	text-decoration-thickness: 2px;
}

.bapu-content {
	display: flex;
	flex-direction: column;
	gap: var(--gap-step-5);
	min-width: 0;
}

.bapu-part {
	display: flex;
	flex-direction: column;
	gap: var(--gap-step-2);
}

.bapu-lede {
	color: var(--color-copy);
}

.bapu-prose {
	color: var(--color-faint);
	line-height: var(--line-loose);
}

.bapu-list {
	display: flex;
	flex-direction: column;
	gap: var(--gap-step-1);
	padding-inline-start: var(--gap-step-4);
	list-style: square;
}

.bapu-one {
	color: var(--color-faint);
	line-height: var(--line-loose);
}

.bapu-one::marker {
	color: var(--color-action);
}

.bapu-fine {
	margin-block-start: var(--gap-step-2);
	padding: var(--gap-step-3);
	background: var(--color-bg-elevated);
	color: var(--color-faint);
	border-radius: var(--corner-step-3);
	font-size: var(--fs-sm);
}

/* ============ contact form (FORM-04 inline row) ============ */
.sexof {
	display: flex;
	flex-direction: column;
	gap: var(--gap-step-3);
	margin-block-start: var(--gap-step-5);
	padding: var(--gap-step-4);
	background: var(--color-bg-elevated);
	color: var(--color-copy);
	border-radius: var(--corner-step-3);
}

.sexof-intro {
	color: var(--color-faint);
	line-height: var(--line-loose);
}

.sexof-lines {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap-step-3);
	list-style: none;
}

.sexof-line {
	display: flex;
	flex-direction: column;
	gap: var(--gap-step-0);
}

.sexof-cue {
	color: var(--color-faint);
	font-size: var(--fs-mini);
	letter-spacing: var(--tracking-spread);
	text-transform: uppercase;
}

.sexof-jump {
	color: var(--color-action);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.sexof-jump:hover {
	color: var(--color-spot-deep);
	text-decoration-thickness: 2px;
}

.sexof-shape {
	display: flex;
	flex-direction: column;
	gap: var(--gap-step-3);
}

.sexof-tier {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: var(--gap-step-2);
}

.sexof-slot {
	display: flex;
	flex-direction: column;
	gap: var(--gap-step-0);
	flex: 1 1 220px;
	min-width: 0;
}

.sexof-slot--wide {
	flex: 1 1 100%;
}

.sexof-input {
	width: 100%;
	padding: var(--gap-step-2);
	background: var(--color-back);
	color: var(--color-copy);
	border: var(--rule-slim) solid var(--color-edge-hard);
	border-radius: var(--corner-step-2);
	font-family: var(--face-copy);
	font-size: var(--fs-normal);
}

.sexof-input:focus {
	outline: var(--rule-even) solid var(--color-action);
}

.sexof-input--tall {
	resize: vertical;
}

.sexof-send {
	flex: 0 0 auto;
	min-height: 46px;
	padding-inline: var(--gap-step-4);
	background: var(--color-action);
	color: var(--color-ink);
	border: 0;
	border-radius: var(--corner-capsule);
	font-family: var(--face-display);
	font-size: var(--fs-xs-2);
	font-weight: var(--fw-strong);
	letter-spacing: var(--tracking-spread);
	text-transform: uppercase;
}

.sexof-send:hover {
	background: var(--color-spot-deep);
	color: var(--color-ink);
	transform: translateY(-5px);
}

.sexof-note {
	padding: var(--gap-step-2) var(--gap-step-3);
	background: var(--color-back);
	color: var(--color-gradient-light);
	border-radius: var(--corner-step-2);
}

.sexof-note[hidden] {
	display: none;
}

/* ============ error (ERR-03 minimal) ============ */
.xopovos {
	background: var(--color-back);
	color: var(--color-copy);
	padding-block: var(--gap-step-6);
}

.xopovos-hold {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--gap-step-4);
	text-align: center;
}

.xopovos-lede {
	max-width: var(--frame-narrow);
	color: var(--color-copy);
	font-size: var(--fs-xl-2);
	text-transform: none;
}

.xopovos-prose {
	max-width: var(--frame-narrow);
	color: var(--color-faint);
	line-height: var(--line-loose);
}

.xopovos-home {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding-inline: var(--gap-step-4);
	background: var(--color-bg-elevated);
	color: var(--color-copy);
	border: var(--rule-slim) solid var(--color-edge-hard);
	border-radius: var(--corner-step-2);
	text-decoration: none;
}

.xopovos-home:hover {
	background: var(--color-edge-hard);
	color: var(--color-copy);
}

/* ============ footer (FOOT-04 sticky mini) + RG-08 tail ============ */
.noper {
	position: relative;
	flex: 0 0 auto;
	background: var(--color-deep);
	color: var(--color-faint);
}

.noper-warn {
	background: var(--color-warn-band);
	color: #ffffff;
	padding: var(--gap-step-2) var(--frame-padding-desktop);
}

.noper-note {
	display: block;
	max-width: var(--shell-wide);
	margin-inline: auto;
	color: #ffffff;
	font-size: var(--fs-sm);
	text-align: center;
}

.noper-sign {
	display: inline-flex;
	align-items: center;
	margin-inline-end: var(--gap-step-1);
	padding: 0 var(--gap-step-0);
	background: #ffffff;
	color: var(--color-warn-band);
	border-radius: var(--corner-step-1);
	font-weight: var(--fw-strong);
}

.noper-help {
	color: #ffffff;
	background: var(--color-warn-band);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.noper-help:hover {
	color: #ffffff;
	background: var(--color-warn-band);
	text-decoration-thickness: 2px;
}

.noper-rail {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--gap-step-3);
	min-height: 64px;
	max-width: var(--shell-wide);
	margin-inline: auto;
	padding-inline: var(--frame-padding-desktop);
}

.noper-stamp {
	color: var(--color-faint);
	font-size: var(--fs-mini);
}

.noper-bar {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--gap-step-2);
}

.noper-jump {
	padding-inline-start: var(--gap-step-2);
	border-inline-start: var(--rule-slim) solid var(--color-edge-hard);
	color: var(--color-faint);
	font-size: var(--fs-mini);
	letter-spacing: var(--tracking-spread);
	text-transform: uppercase;
	text-decoration: none;
}

.noper-jump:first-child {
	padding-inline-start: 0;
	border-inline-start: 0;
}

.noper-jump:hover {
	background: var(--color-deep);
	color: var(--color-copy);
}

/* ============ cookie banner (COOK-15 side sheet) ============ */
.ruxuryt {
	position: fixed;
	inset-block: 0;
	inset-inline-end: 0;
	z-index: 90;
	width: min(360px, 100vw);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: var(--gap-step-5);
	background: var(--color-bg-elevated);
	color: var(--color-copy);
	border-inline-start: var(--rule-slim) solid var(--color-edge-hard);
	transform: translateX(105%);
	visibility: hidden;
}

.ruxuryt.is-open {
	transform: translateX(0);
	visibility: visible;
	animation: sheetWipe var(--beat-gentle) var(--ease-land) both;
}

@keyframes sheetWipe {
	from {
		clip-path: inset(0 0 0 100%);
		opacity: 0;
	}

	to {
		clip-path: inset(0 0 0 0);
		opacity: 1;
	}
}

.ruxuryt-content {
	display: flex;
	flex-direction: column;
	gap: var(--gap-step-2);
}

.ruxuryt-note {
	color: var(--color-faint);
	font-size: var(--fs-sm);
	line-height: var(--line-normal);
}

.ruxuryt-acts {
	display: flex;
	flex-direction: column;
	gap: var(--gap-step-2);
}

.ruxuryt-confirm {
	width: 100%;
	min-height: 44px;
	padding-inline: var(--gap-step-3);
	background: var(--color-action);
	color: var(--color-ink);
	border: 0;
	border-radius: var(--corner-step-2);
	font-weight: var(--fw-demi);
}

.ruxuryt-confirm:hover {
	background: var(--color-spot-deep);
	color: var(--color-ink);
}

.ruxuryt-deny {
	width: 100%;
	min-height: 44px;
	padding-inline: var(--gap-step-3);
	background: var(--color-back);
	color: var(--color-copy);
	border: var(--rule-slim) solid var(--color-edge-hard);
	border-radius: var(--corner-step-2);
	font-weight: var(--fw-demi);
}

.ruxuryt-deny:hover {
	background: var(--color-edge-hard);
	color: var(--color-copy);
}

/* ============ narrow screens (desktop-first) ============ */
@media (max-width: 1039px) {
	.ropytu-crown-shell,
	.ropytu-belt-shell,
	.gutaf-hold,
	.tyloryb-hold,
	.tika-hold,
	.pidedin-hold,
	.byle-hold,
	.sypaga-hold,
	.gyfara-hold,
	.bapu-hold,
	.kalu-hold,
	.xopovos-hold,
	.fudosak-articles-hold,
	.noper-rail,
	.noper-warn {
		padding-inline: var(--frame-inset-tablet);
	}

	.larutid {
		padding-inline: var(--frame-inset-tablet);
	}

	.bapu-split {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--gap-step-4);
	}

	.bapu-toc {
		position: static;
	}
}

@media (max-width: 720px) {
	:root {
		--fs-h4: 17px;
		--fs-sm-2: 14px;
		--fs-xs-2: 12px;
		--fs-normal: 15px;
		--fs-sm: 12px;
		--fs-mini: 9px;
		--sec-y: 32px;
		--shot: 420px;
		--frame-padding-desktop: 16px;
	}

	.ropytu-crown-shell,
	.ropytu-belt-shell,
	.gutaf-hold,
	.tyloryb-hold,
	.tika-hold,
	.pidedin-hold,
	.byle-hold,
	.sypaga-hold,
	.gyfara-hold,
	.bapu-hold,
	.kalu-hold,
	.xopovos-hold,
	.fudosak-articles-hold,
	.noper-rail,
	.noper-warn {
		padding-inline: var(--frame-inset-mobile);
	}

	.larutid {
		padding-inline: var(--frame-inset-mobile);
	}

	.ropytu-crown {
		min-height: var(--masthead-size-mobile);
	}

	.ropytu-crown-shell {
		gap: var(--gap-step-2);
	}

	.ropytu-brand-pic {
		height: 40px;
	}

	.ropytu-go,
	.ropytu-quiet {
		min-height: 44px;
		padding-inline: var(--gap-step-2);
		font-size: 11px;
		letter-spacing: 0.3px;
	}

	.ropytu-knob {
		min-height: 44px;
		padding-inline: var(--gap-step-1);
		font-size: 11px;
	}

	.kalu {
		padding-block: var(--gap-step-5);
	}

	.gutaf-hold {
		padding-block: var(--gap-step-5);
	}

	.gyfara,
	.xopovos {
		padding-block: var(--gap-step-5);
	}

	.tika-one {
		flex-direction: column;
		gap: var(--gap-step-2);
		padding-block: var(--gap-step-4);
	}

	.tika-tally {
		flex: 0 0 auto;
		width: auto;
		font-size: var(--fs-xl-2);
	}

	.pidedin-one {
		padding-block: var(--gap-step-5);
	}

	.byle-list {
		gap: var(--gap-step-4);
	}

	.larutid-slab {
		flex-direction: column;
		align-items: flex-start;
	}

	.sexof-tier {
		flex-direction: column;
		align-items: stretch;
	}

	.sexof-send {
		width: 100%;
	}

	.noper-rail {
		flex-direction: column;
		align-items: flex-start;
		padding-block: var(--gap-step-2);
	}
}

@media (max-width: 860px) {
	.ruxuryt {
		inset-block: auto 0;
		inset-inline: 0;
		width: 100vw;
		height: auto;
		padding: var(--gap-step-3) var(--gap-step-4);
		border-inline-start: 0;
		border-block-start: var(--rule-slim) solid var(--color-edge-hard);
	}

	.ruxuryt-acts {
		flex-direction: row;
		justify-content: center;
	}

	.ruxuryt-confirm,
	.ruxuryt-deny {
		flex: 1 1 auto;
		max-width: 280px;
	}
}

@media (max-width: 700px) {
	.ruxuryt {
		inset-block: auto 0;
		inset-inline: 0;
		width: 100vw;
		height: auto;
		padding: 12px 14px;
		border-inline-start: 0;
		border-block-start: var(--rule-slim) solid var(--color-edge-hard);
	}

	.ruxuryt-content {
		flex-direction: column;
		align-items: stretch;
		height: auto;
		gap: 8px;
	}

	.ruxuryt-note {
		font-size: 13px;
		line-height: 1.35;
		white-space: normal;
		overflow: visible;
	}

	.ruxuryt-acts {
		width: 100%;
		flex-direction: row;
		justify-content: center;
		gap: 8px;
	}

	.ruxuryt-confirm,
	.ruxuryt-deny {
		flex: 1 1 auto;
		min-height: 36px;
		padding: 8px 14px;
		font-size: 12px;
	}
}

@media (max-width: 420px) {
	.noper-jump {
		padding-inline-start: 0;
		border-inline-start: 0;
	}

	.gutaf-lede {
		max-width: none;
	}
}

/* ============ utilities ============ */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation: none !important;
		transition: none !important;
		scroll-behavior: auto !important;
	}

	main {
		opacity: 1;
	}
}

/* ============ offer button ============ */
.bcmx-act {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	padding-inline: 30px;
	background: #7C3AED;
	color: #FFFFFF;
	border: var(--rule-slim) solid #5B21B6;
	border-radius: var(--corner-capsule);
	font-family: var(--face-display);
	font-size: var(--fs-xs-2);
	font-weight: var(--fw-strong);
	letter-spacing: var(--tracking-spread);
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	transition: background var(--beat-base) var(--ease-land), border-color var(--beat-base) var(--ease-land);
	animation: bcmxBeat 1.7s cubic-bezier(0.40, 0.25, 0.80, 1) infinite;
}

@keyframes bcmxBeat {
	0% {
		transform: translateX(0);
	}

	14.706% {
		transform: translateX(3px);
	}

	29.412%,
	100% {
		transform: translateX(0);
	}
}

.bcmx-act:hover {
	background: #6D28D9;
	color: #FFFFFF;
	text-decoration: none;
	animation: none;
}

.bcmx-act:active {
	background: #5B21B6;
	color: #FFFFFF;
}

.bcmx-act:focus-visible {
	outline: 3px solid var(--color-copy);
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	.bcmx-act {
		animation: none !important;
		transition: none !important;
	}
}

@media (max-width: 720px) {
	.bcmx-act {
		min-height: 46px;
		padding-inline: 18px;
		font-size: 12px;
	}
}

/* ============ very narrow header row ============ */
@media (max-width: 1023px) {
	.ropytu-full {
		display: none;
	}
}

@media (max-width: 780px) {
	.ropytu-crown-shell {
		flex-wrap: wrap;
		gap: var(--gap-step-2);
		padding-block: var(--gap-step-1);
	}

	.ropytu-brand-pic {
		height: 40px;
	}

	.ropytu-plate {
		padding: 4px 8px;
	}

	.ropytu-knob {
		padding-inline: 10px;
		font-size: 11px;
		letter-spacing: 0.2px;
	}

	.ropytu-acts {
		order: 5;
		width: 100%;
		margin-inline-start: 0;
	}

	.ropytu-go,
	.ropytu-quiet,
	.ropytu-acts .bcmx-act {
		width: 100%;
		max-width: 440px;
		margin-inline: auto;
		font-size: 11px;
		padding-inline: 12px;
		letter-spacing: 0.2px;
	}
}

@media (max-width: 430px) {
	.ropytu-brand-pic {
		height: 30px;
	}
}

@media (max-width: 1060px) {
  .ropytu-belt,
  .ropytu-belt-shell,
  .ropytu-bar,
  .ropytu-list,
  .ropytu-jump,
  .ropytu-more { display: none !important; }
  .ropytu-knob { display: flex !important; }
}

/* nojs guard 28.09.2026: без JS контент виден */
html.no-js .gutaf-one,
html.no-js .gutaf-hold,
html.no-js .gyfara-go,
html.no-js .gutaf-shout{opacity:1!important;transform:none!important;visibility:visible!important;clip-path:none!important}