/* =========================================================================
   netex · pages/sector.css (sectors group) · /sectors/{slug}/ × 8
   Bible §7.8 · tokens and role colours only (no raw hex outside SVG art).
   ========================================================================= */
@layer reset, tokens, base, components, layout, pages, utilities;

@layer pages {

/* ---- shared bits ----------------------------------------------------------- */
.sx-src { vertical-align: baseline; }
.sx-nobr { white-space: nowrap; }
.sx-src .nx-source { white-space: nowrap; }
.sx-source--plain { text-decoration: none; cursor: help; }
.sx-chip {
	position: absolute;
	left: var(--x, 0);
	top: var(--y, 0);
	display: inline-flex;
	align-items: center;
	min-height: 22px;
	padding: 2px 7px;
	background: var(--ink);
	color: var(--paper);
	font: 500 .6875rem/1.25 var(--f-mono);
	letter-spacing: .04em;
	white-space: nowrap;
	border: var(--bw) solid var(--rule-dark);
}
.sx-chip--sig { color: var(--cyan); border-color: var(--cyan); }
.sx-chip--leak { color: var(--molten); border-color: var(--molten); }
.sx-chip--hatch { color: var(--paper); border-color: var(--paper-72); }
.sx-chip--static { position: static; }
.sx-chip--r { left: auto; right: var(--r, 0); }
.sx-ai {
	display: inline-flex;
	align-items: center;
	margin-left: .4em;
	padding: 0 5px;
	background: var(--cyan);
	color: var(--ink);
	font: 700 .625rem/1.6 var(--f-mono);
	font-style: normal;
	letter-spacing: .06em;
}

/* =========================================================================
   s1 · HERO — the stage: photo cut by the 47° seam (true 47° at any height: a skewed Ink shade);
   the Ink side holds the owner's voice, the H1 and the actions. Below: the data band.
   ========================================================================= */
/* s2 overlaps the hero by its 47° chamfer (.ch-tl: margin-top −ch-v): keep the last hero line clear of it. */
.sx-hero { position: relative; isolation: isolate; display: block; min-height: 0; padding-bottom: calc(var(--ch-v) + var(--s-7)); }
.sx-hero__stage { position: relative; display: flex; flex-direction: column; }
.sx-hero__wrap { position: relative; z-index: 2; order: 1; }
.sx-hero__media { position: relative; order: 2; margin-top: var(--s-7); }
.sx-hero__photo { position: relative; }
.sx-hero__photo > .nx-media { aspect-ratio: 4 / 3 !important; clip-path: polygon(var(--ch) 0, 100% 0, 100% 100%, 0 100%, 0 calc(var(--ch) * var(--nx-tan))); }
.sx-hero__shade { display: none; }
/* Phone: the vignette sheet overlaps the photo's last --s-7, so the AI label sits just above it. */
.sx-hero__ailabel { position: absolute; left: 8px; bottom: calc(var(--s-7) + 8px); z-index: 3; }
.sx-hero__ailabel .nx-ailabel { position: static; }

.sx-hero__panel { max-width: 40rem; }
.sx-voice {
	margin-top: var(--s-2);
	font-family: var(--f-serif);
	font-style: italic;
	font-weight: 400;
	font-size: clamp(1.75rem, 1.05rem + 2.3vw, 3.125rem);
	line-height: 1.12;
	letter-spacing: -.012em;
	color: var(--fg);
	text-wrap: balance;
}
.sx-voice__line { display: block; }
.sx-hero__h1 {
	margin-top: var(--s-5);
	font-size: clamp(1.25rem, .95rem + 1.1vw, 1.875rem);
	font-weight: var(--w-h2);
	line-height: 1.14;
	letter-spacing: -.01em;
	color: var(--fg-2);
	max-width: 28ch;
}
html[lang="el"] .sx-hero__h1 { letter-spacing: -.004em; }
.sx-hero__actions { margin-top: var(--s-6); }

.sx-hero__data { position: relative; z-index: 2; display: grid; gap: var(--s-6); margin-top: var(--s-8); padding-top: var(--s-5); border-top: var(--bw) solid var(--rule); }
.sx-readout { display: grid; gap: var(--s-3); align-content: start; max-width: 36rem; }
.sx-readout__hook { font: 500 1.0625rem/1.45 var(--f-sans); color: var(--fg); max-width: 46ch; }
.sx-readout__label { margin-top: var(--s-2); font: 500 var(--t-label)/1.3 var(--f-mono); letter-spacing: var(--tr-label); text-transform: uppercase; color: var(--fg-2); }
.sx-bars { display: grid; gap: var(--s-3); }
.sx-bars__row { display: grid; gap: 6px; }
.sx-bars__name { font: 600 .9375rem/1.25 var(--f-mono); color: var(--fg); font-variant-numeric: tabular-nums; }
.sx-bars__row--eu .sx-bars__name { color: var(--fg-2); font-weight: 500; }
.sx-bars__track { position: relative; display: block; height: 8px; }
.sx-bars__track::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--rule); }
.sx-bars__track i { position: absolute; left: 0; top: 0; bottom: 0; width: var(--w, 0); background: var(--fg); clip-path: polygon(0 0, 100% 0, calc(100% - 7.5px) 100%, 0 100%); }
.sx-bars__row--eu .sx-bars__track i { background: transparent; border: var(--bw) solid var(--sig); clip-path: none; }
.sx-bars--single .sx-bars__track i { background: var(--leak); }
.sx-readout__source { font: 400 var(--t-micro)/1.5 var(--f-mono); color: var(--fg-2); }
.sx-readout__extra { display: grid; gap: 2px; margin: var(--s-2) 0 0; padding-top: var(--s-3); border-top: var(--bw) dashed var(--rule); }
.sx-readout__extra dt { font: 500 var(--t-micro)/1.4 var(--f-mono); letter-spacing: .04em; color: var(--fg-2); }
.sx-readout__extra dd { margin: 0; font: 600 1rem/1.35 var(--f-mono); color: var(--fg); }
.sx-readout__extra dd b { font-weight: 600; }
.sx-readout__src { margin-left: .4em; font-weight: 400; }
.sx-readout__note { font: 400 var(--t-small)/1.45 var(--f-sans); color: var(--fg-2); max-width: 52ch; }
.sx-hero__text { display: grid; gap: var(--s-5); align-content: start; }
.sx-hero__micro { font: italic 400 1rem/1.5 var(--f-serif); color: var(--fg-2); max-width: 46ch; }

@media (min-width: 1024px) {
	.sx-hero__stage { display: block; min-height: clamp(560px, calc(86svh - var(--header-h) - var(--sec-y-tight)), 760px); }
	.sx-hero__media { position: absolute; top: calc(-1 * (var(--header-h) + var(--sec-y-tight))); bottom: 0; right: 0; left: 38%; margin: 0; overflow: hidden; }
	.sx-hero__photo { position: absolute; inset: 0; }
	.sx-hero__photo > .nx-media { position: absolute; inset: 0; aspect-ratio: auto !important; clip-path: none; }
	.sx-hero__photo > .nx-media img { height: 100%; }
	.sx-hero__shade { display: block; position: absolute; top: 0; bottom: 0; left: -600%; width: 600%; z-index: 1; background: var(--ink); transform: skewX(-43deg); transform-origin: 100% 100%; pointer-events: none; }
	.sx-hero__shade i { position: absolute; right: 0; top: 0; bottom: 0; width: 2px; background: var(--n-grad); }
	.sx-hero__ailabel { left: 30px; bottom: 10px; }
	.sx-hero__panel { width: min(40vw, 36rem); }
	.sx-hero__data { grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); column-gap: calc(var(--gutter) * 3); margin-top: 0; }
}
@media (min-width: 1440px) { .sx-hero__media { left: 40%; } }

/* ---- the vignette: the deck's s1 moment, final state, on a dark sheet ---------- */
.sx-vig {
	position: relative;
	z-index: 2;
	margin: calc(-1 * var(--s-7)) var(--margin) 0;
	padding: var(--s-4);
	background: var(--ink-2);
	color: var(--paper);
	border: var(--bw) solid var(--rule-dark);
	font: 400 .875rem/1.4 var(--f-sans);
	--fg: var(--paper); --fg-2: var(--paper-72); --fg-3: var(--steel); --bg: var(--ink-2); --bg-2: var(--ink-3); --rule: var(--rule-dark); --sig: var(--cyan); --leak: var(--molten); --focus: var(--cyan); --link: var(--cyan);
	clip-path: var(--clip-sheet);
}
.sx-vig__cap { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2) var(--s-3); margin-top: var(--s-3); font: 400 var(--t-micro)/1.4 var(--f-mono); color: var(--fg-2); }
.sx-vig__cap .nx-label { min-height: 24px; }
.sx-vig__art { position: relative; }
.sx-vig__svg { width: 100%; height: auto; overflow: visible; }
.sx-vig__svg .sx-ln { fill: none; stroke: var(--silver); stroke-width: 1.5; stroke-linecap: square; }
.sx-vig__svg .sx-ln--thin { stroke-width: 1; opacity: .5; }
.sx-vig__svg .sx-box { fill: none; stroke: var(--cyan); stroke-width: 2; }
.sx-vig__svg .sx-scan { stroke: var(--cyan); stroke-width: 1.5; opacity: .7; }
.sx-vig__svg .sx-grid { stroke: var(--rule-dark); stroke-width: 1; }
.sx-vig__svg .sx-trace { fill: none; stroke: var(--cyan); stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.sx-vig__svg .sx-trace--leak { stroke: var(--molten); stroke-width: 2; }
.sx-vig__svg .sx-leakband { fill: var(--molten); opacity: .12; }
.sx-vig__svg .sx-stop { stroke: var(--paper-72); stroke-width: 1; stroke-dasharray: 3 3; vector-effect: non-scaling-stroke; }
.sx-vig__svg .sx-bar { fill: var(--paper); opacity: .85; }
.sx-vig__svg .sx-over { fill: var(--molten); }
.sx-vig__svg .sx-short { fill: none; stroke: var(--paper-72); stroke-width: 1; stroke-dasharray: 3 2; }
.sx-vig__svg .sx-demand { fill: none; stroke: var(--cyan); stroke-width: 2; }
.sx-vig__svg .sx-svgtext { fill: var(--paper-72); font: 500 11px var(--f-mono); }
.sx-vig[data-mode="ai"] .sx-over, .sx-vig[data-mode="ai"] .sx-short, .sx-vig[data-mode="ai"] .sx-only-today { opacity: 0; }
.sx-vig__svg--trace { height: 104px; }
.sx-days { display: flex; justify-content: space-around; margin-top: var(--s-1); font: 500 .6875rem/1 var(--f-mono); color: var(--fg-2); }
.sx-vig__compare { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s-3); margin-top: var(--s-3); font: 400 .8125rem/1.35 var(--f-sans); color: var(--fg-2); }
.sx-vig__compare b { display: block; font: 500 .6875rem/1.3 var(--f-mono); letter-spacing: var(--tr-label); text-transform: uppercase; color: var(--fg); }
.sx-vig__compare .is-ai b { color: var(--cyan); }
.sx-vig__legend { display: flex; gap: var(--s-4); margin-top: var(--s-2); font: 500 .6875rem/1 var(--f-mono); color: var(--fg-2); }
.sx-lkey::before { content: ""; display: inline-block; width: 12px; height: 8px; margin-right: 6px; vertical-align: middle; }
.sx-lkey--bar::before { background: var(--paper); }
.sx-lkey--line::before { height: 2px; background: var(--cyan); }
.sx-vig__seg { margin-top: var(--s-3); }
.sx-vig__seg[hidden] { display: none; }

.sx-vig__split { display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
.sx-vig__half { display: grid; align-content: start; gap: var(--s-2); padding-right: var(--s-4); min-width: 0; }
.sx-vig__half--ai { position: relative; padding: 0 0 0 calc(var(--s-4) + 14px); }
.sx-vig__half--ai::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 1px; background: var(--rule-dark); }
.sx-vig__half--ai::after { content: ""; position: absolute; left: -1px; top: 0; width: 2px; height: 26px; background: var(--n-grad); transform: skewX(-43deg); transform-origin: 0 100%; }
.sx-vig__tag { font: 500 .6875rem/1.2 var(--f-mono); letter-spacing: var(--tr-label); text-transform: uppercase; color: var(--fg-2); }
.sx-vig__half--ai .sx-vig__tag { color: var(--cyan); }
.sx-msg { display: grid; gap: 3px; padding: var(--s-2) var(--s-3); background: var(--ink); border: var(--bw) solid var(--rule-dark); font-size: .8125rem; line-height: 1.35; color: var(--paper); }
.sx-msg b { font-weight: 600; }
.sx-msg small { font: italic 400 .75rem/1.35 var(--f-serif); color: var(--paper-72); }
.sx-msg__time { font: 500 .6875rem/1.2 var(--f-mono); color: var(--paper-72); }
.sx-msg--ai { border-color: var(--cyan); }
.sx-msg--card { position: relative; }
.sx-stack { display: grid; gap: 4px; }
.sx-stack .sx-msg { padding-block: 6px; }
.sx-flag { justify-self: start; padding: 1px 6px; background: var(--molten); color: var(--ink); font: 600 .625rem/1.5 var(--f-mono); font-style: normal; letter-spacing: .04em; text-transform: uppercase; }
.sx-missed { display: grid; gap: 3px; margin: var(--s-2) 0 0; list-style: none; font: 500 .75rem/1.3 var(--f-mono); color: var(--paper-72); }
.sx-missed b { display: inline-grid; place-items: center; min-width: 18px; margin-right: 6px; color: var(--molten); }
.sx-vig__svg--wave { height: 48px; }
.sx-vig__svg--wave .sx-wave { fill: none; stroke: var(--paper-72); stroke-width: 1.5; }
.sx-transcript { font: 500 .75rem/1.45 var(--f-mono); color: var(--cyan); }
.sx-week { display: flex; gap: 3px; }
.sx-week span { flex: 1; padding: 4px 0; border: var(--bw) solid var(--rule-dark); text-align: center; font: 500 .625rem/1 var(--f-mono); color: var(--paper-72); }
.sx-week .is-booked { background: var(--cyan); border-color: var(--cyan); color: var(--ink); }
.sx-trays { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-3); align-items: end; min-height: 150px; }
.sx-tray { display: grid; gap: var(--s-2); align-content: end; }
.sx-tray__stack { display: block; height: calc(var(--h) * .9px + 6px); max-height: 92px; min-height: 8px; background: repeating-linear-gradient(0deg, var(--paper) 0 3px, var(--ink-2) 3px 5px); }
.sx-tray--sig .sx-tray__stack { outline: 1px solid var(--cyan); outline-offset: 2px; }
.sx-tray--leak .sx-tray__stack { box-shadow: inset -10px -10px 0 -6px var(--molten); }
.sx-tray__n { font: 600 1.125rem/1 var(--f-mono); color: var(--paper); font-variant-numeric: tabular-nums; }
.sx-tray--sig .sx-chip { color: var(--cyan); border-color: var(--cyan); }
.sx-tray--outline .sx-chip { color: var(--paper); border-color: var(--paper-72); }
.sx-tray--leak .sx-chip { color: var(--molten); border-color: var(--molten); }
.sx-tray .sx-chip { white-space: normal; min-height: 0; }
.sx-vig__count { margin-top: var(--s-3); font: 600 .875rem/1.3 var(--f-mono); color: var(--paper); }

@media (min-width: 1024px) {
	.sx-vig { position: absolute; margin: 0; right: var(--margin); bottom: clamp(24px, 4vh, 48px); width: min(420px, 52%); }
	.sx-vig--metals { width: min(560px, 62%); }
	.sx-vig--accounting { width: min(380px, 70%); }
}
@media (max-width: 479px) {
	.sx-vig--metals .sx-chip--leak { left: auto; right: 0; }
	.sx-vig__split { grid-template-columns: 1fr; gap: var(--s-4); }
	.sx-vig__half { padding-right: 0; }
	.sx-vig__half--ai { padding-left: var(--s-4); }
}

/* =========================================================================
   s2 · THE INVISIBLE — paper notes over the real cork board
   ========================================================================= */
.sx-board { position: relative; isolation: isolate; padding: clamp(28px, 4.5vw, 72px) clamp(16px, 3.5vw, 56px) clamp(56px, 6vw, 88px); }
.sx-board__photo { position: absolute !important; inset: 0; z-index: -1; aspect-ratio: auto !important; }
.sx-board__photo img { height: 100%; }
.sx-notes { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(24px, 3vw, 44px); margin: 0; list-style: none; }
@media (min-width: 640px) { .sx-notes { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1280px) { .sx-notes { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.sx-note { display: grid; gap: var(--s-3); align-content: start; justify-items: start; --tilt: -1.6deg; }
.sx-note:nth-child(2) { --tilt: 1.4deg; margin-top: var(--s-5); }
.sx-note:nth-child(3) { --tilt: -.8deg; }
.sx-note:nth-child(4) { --tilt: 2deg; margin-top: var(--s-4); }
.sx-note__paper {
	position: relative;
	width: 100%;
	padding: 30px 20px 18px;
	background: var(--paper);
	color: var(--ink);
	border: var(--bw) solid var(--paper-3);
	transform: rotate(var(--tilt));
	--fg: var(--ink); --fg-2: var(--steel-dark); --bg: var(--paper); --bg-2: var(--paper-2); --rule: var(--rule-light); --focus: var(--indigo); --link: var(--cyan-deep);
	transition: transform var(--dur-ui) var(--ease-mech);
}
.sx-note__paper::before { content: ""; position: absolute; left: 50%; top: 10px; width: 11px; height: 11px; margin-left: -5px; border: 1.5px solid var(--ink); border-radius: 50%; background: var(--paper-2); }
.sx-note.is-pinned .sx-note__paper::before { background: var(--cyan); border-color: var(--ink); }
.sx-note.is-pinned .sx-note__paper { outline: 2px solid var(--cyan); outline-offset: 4px; }
.sx-note__quote { font: italic 400 clamp(1.1875rem, 1.05rem + .5vw, 1.4375rem)/1.32 var(--f-serif); text-wrap: pretty; }
.sx-note__flip, .sx-note__back-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 40px;
	margin-top: var(--s-3);
	padding: 0;
	color: var(--cyan-deep);
	font: 500 .75rem/1.3 var(--f-mono);
	letter-spacing: .02em;
	text-decoration: underline;
	text-underline-offset: .25em;
	text-align: left;
}
.sx-note__flip::after { content: "↺"; text-decoration: none; display: inline-block; }
.sx-note__back { margin-top: var(--s-4); padding-top: var(--s-3); border-top: var(--bw) dashed var(--paper-3); }
.sx-note.is-js .sx-note__back { margin-top: 0; padding-top: 0; border-top: 0; }
.sx-note.is-flipped .sx-note__front { display: none; }
.sx-note.is-flipped .sx-note__back { animation: nx-wipe-in var(--dur-cut) var(--ease-cut) backwards; }
.sx-note__back dl { display: grid; gap: var(--s-3); margin: 0; }
.sx-note__back dt { font: 500 .6875rem/1.3 var(--f-mono); letter-spacing: var(--tr-label); text-transform: uppercase; color: var(--steel-dark); }
.sx-note__back dd { margin: 2px 0 0; font: 400 .9375rem/1.45 var(--f-sans); color: var(--ink); }
.sx-note__link { display: inline-block; margin-left: .3em; color: var(--cyan-deep); font-weight: 600; text-underline-offset: .2em; }
.sx-pin {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 40px;
	padding: 0 14px;
	background: var(--ink);
	color: var(--paper);
	border: var(--bw) solid var(--paper-72);
	font: 500 .75rem/1 var(--f-mono);
	letter-spacing: .04em;
	transform: rotate(var(--tilt));
}
.sx-pin::before { content: ""; width: 10px; height: 10px; border: 1.5px solid currentColor; border-radius: 50%; }
.sx-pin[aria-pressed="true"] { background: var(--cyan); color: var(--ink); border-color: var(--cyan); }
.sx-pin[aria-pressed="true"]::before { background: var(--ink); }
.sx-pin .sx-pin__on, .sx-pin[aria-pressed="true"] .sx-pin__off { display: none; }
.sx-pin[aria-pressed="true"] .sx-pin__on { display: inline; }
@media (hover: hover) { .sx-pin:hover { border-color: var(--paper); } }
html.rm .sx-note__paper, html.rm .sx-pin { transform: none; }
.sx-board__count { min-height: 1.5em; margin-top: var(--s-4); font: 500 .8125rem/1.4 var(--f-mono); color: var(--cyan); }

/* =========================================================================
   s3 · MOVES — both halves of the brain
   ========================================================================= */
.sx-moves__switch { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-3) var(--s-5); margin-bottom: var(--s-6); }
.sx-moves__switch .nx-seg[hidden] { display: none; }
.sx-moves__promise { font: italic 400 1.0625rem/1.45 var(--f-serif); max-width: 52ch; }
.sx-hemis { display: none; }
.sx-moves__cols { display: grid; gap: var(--s-8); }
.sx-moves__h { margin-bottom: var(--s-4); padding: var(--s-3) var(--s-4); font: var(--w-h3) 1.0625rem/1.2 var(--f-sans); background: var(--ink); color: var(--paper); }
.sx-moves__col--mk .sx-moves__h { background: var(--indigo); --flar: 100; --volm: 100; font-variation-settings: "FLAR" 100, "VOLM" 100; }
.sx-movelist { margin: 0; list-style: none; border-bottom: var(--bw) solid var(--rule); }
.sx-move { display: grid; gap: var(--s-2); padding: var(--s-5) 0; border-top: var(--bw) solid var(--rule); }
.sx-move__title { font-size: var(--t-h4); font-weight: var(--w-h3); line-height: 1.2; letter-spacing: -.005em; }
.sx-moves__col--mk .sx-move__title { font-variation-settings: "FLAR" 100, "VOLM" 100; font-weight: 720; }
.sx-move__what { max-width: 60ch; color: var(--fg); }
.sx-move__spec { display: grid; gap: var(--s-2); margin: var(--s-2) 0 0; }
.sx-move__spec > div { display: grid; gap: 2px; }
.sx-move__spec dt { font: 500 .6875rem/1.35 var(--f-mono); letter-spacing: var(--tr-label); text-transform: uppercase; color: var(--fg-2); }
.sx-move__spec dd { margin: 0; font-size: var(--t-small); line-height: 1.5; color: var(--fg); max-width: 62ch; }
.sx-move__spec .nx-tipwrap { margin-left: .35em; vertical-align: middle; }
.sx-move__link { display: inline-flex; align-items: center; gap: 6px; justify-self: start; min-height: 40px; color: var(--link); font-weight: 600; font-size: .9375rem; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; }
.sx-move__link .nx-btn__arrow { width: 1em; height: 1em; }
.sx-move.is-other .sx-move__title, .sx-move.is-other .sx-move__what { color: var(--fg-2); }
.sx-moves__notes { display: grid; gap: var(--s-4); margin-top: var(--s-5); }
.sx-moves__total { padding: var(--s-4); background: var(--bg-2); font: 500 .875rem/1.5 var(--f-mono); max-width: 64ch; }
.sx-moves__total[hidden] { display: none; }
.sx-moves__nosave { font: italic 400 1rem/1.45 var(--f-serif); color: var(--fg); max-width: 52ch; }
.sx-redlines { padding: var(--s-4) var(--s-5); border: var(--bw-2) solid var(--ink); background: var(--hatch), var(--paper); color: var(--ink); }
.sx-redlines { background-image: none; }
.sx-redlines h4 { margin-bottom: var(--s-2); font: 600 .75rem/1.3 var(--f-mono); letter-spacing: var(--tr-label); text-transform: uppercase; color: var(--molten-deep); }
.sx-redlines p { font-size: var(--t-small); line-height: 1.5; }
.sx-moves__guard { margin-top: var(--s-5); padding-top: var(--s-4); border-top: var(--bw) solid var(--rule); font-size: var(--t-small); line-height: 1.55; color: var(--fg-2); max-width: 60ch; }
.sx-seamrow { position: relative; display: grid; gap: var(--s-3); margin-top: var(--s-8); padding: var(--s-6) var(--s-5) var(--s-6) calc(var(--s-5) + 92px); background: var(--paper-2); clip-path: var(--clip-sheet); }
.sx-seamrow__bar { position: absolute; left: 22px; top: 50%; width: 76px; height: 6px; margin-top: -3px; background: var(--n-grad); border-radius: var(--r-pill); transform: rotate(-47deg); }
.sx-seamrow__title { font: 500 var(--t-label)/1.3 var(--f-mono); letter-spacing: var(--tr-label); text-transform: uppercase; color: var(--fg-2); }
.sx-seamrow__text { font-size: 1.0625rem; line-height: 1.5; max-width: 70ch; }
.sx-seamrow .nx-btn { justify-self: start; }

@media (min-width: 1024px) {
	.sx-hemis { position: relative; display: grid; grid-template-columns: 1fr 1fr; height: 56px; margin-bottom: var(--s-2); }
	.sx-hemis span { display: flex; align-items: center; padding: 0 var(--s-5); font: var(--w-h3) 1.0625rem/1 var(--f-sans); color: var(--paper); }
	.sx-hemis__l { background: var(--ink); clip-path: polygon(0 0, calc(100% + 26px) 0, calc(100% - 26px) 100%, 0 100%); margin-right: -26px; }
	.sx-hemis__r { justify-content: flex-end; background: var(--indigo); clip-path: polygon(26px 0, 100% 0, 100% 100%, -26px 100%); font-variation-settings: "FLAR" 100, "VOLM" 100 !important; }
	.sx-moves__h { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
	.sx-moves__cols { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--s-8); }
	.sx-move__spec { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--s-5); }
	.sx-move__spec > div:last-child:nth-child(3) { grid-column: 1 / -1; }
	.sx-seamrow { grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: var(--s-7); padding-left: 140px; }
	.sx-seamrow__bar { left: 36px; width: 96px; }
	.sx-seamrow__title { grid-column: 1 / -1; }
}

/* =========================================================================
   s4 · PROCESS X-RAY (sector instrument)
   ========================================================================= */
.sx-xray { display: grid; gap: var(--s-6); align-items: start; }
.sx-xray__sheet { position: relative; min-width: 0; padding: var(--s-4) var(--s-4) var(--s-5); background: var(--ink); border: var(--bw) solid var(--rule); }
.sx-xray__titleblock { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2) var(--s-4); padding-bottom: var(--s-4); margin-bottom: var(--s-4); border-bottom: var(--bw) solid var(--rule); }
.sx-xray__title { font: 500 var(--t-label)/1.3 var(--f-mono); letter-spacing: var(--tr-label); text-transform: uppercase; color: var(--fg); }
.sx-xray__switch { display: flex; flex-wrap: wrap; align-items: center; gap: 4px var(--s-3); margin-left: auto; font: 500 .75rem/1.3 var(--f-mono); color: var(--fg-2); }
.sx-xray__switch a { color: var(--cyan); text-underline-offset: .2em; }
.sx-xray__switch [aria-current] { color: var(--fg); text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: .3em; }
.sx-xray__stage { position: relative; overflow: hidden; }
.sx-flow { position: relative; display: grid; gap: 10px; margin: 0; list-style: none; }
.sx-node { position: relative; display: grid; grid-template-columns: 12px minmax(0, 1fr) auto; gap: 0 var(--s-3); align-items: stretch; padding: 0; border: var(--bw) solid color-mix(in srgb, var(--silver) 42%, transparent); background: var(--ink-2); transition: opacity var(--dur-ui) var(--ease-mech), border-color var(--dur-ui) var(--ease-mech); }
.sx-node + .sx-node::before { content: ""; position: absolute; left: 30px; top: -11px; height: 10px; width: 1px; background: color-mix(in srgb, var(--silver) 50%, transparent); }
.sx-node__heat { display: block; transition: color var(--dur-mech) var(--ease-stamp), opacity var(--dur-mech) var(--ease-stamp); }
.sx-node__body { padding: 10px 0 10px; min-width: 0; }
.sx-node__label { font: 500 .9375rem/1.35 var(--f-sans); color: var(--fg); }
.sx-node__meta { display: flex; flex-wrap: wrap; gap: 2px var(--s-3); margin-top: 4px; font: 500 .6875rem/1.4 var(--f-mono); color: var(--fg-2); }
.sx-node__min { color: var(--fg); }
.sx-node__err { color: var(--molten); }
.sx-node__ai { display: none; flex-wrap: wrap; align-items: center; gap: 6px var(--s-3); margin-top: 8px; font-size: .8125rem; line-height: 1.4; color: var(--fg); }
.sx-node__delta { font: 600 .75rem/1 var(--f-mono); color: var(--fg-2); white-space: nowrap; }
.sx-node__delta b { color: var(--cyan); }
.sx-node__h { align-self: center; padding-right: var(--s-3); font: 600 .8125rem/1 var(--f-mono); color: var(--fg); white-space: nowrap; font-variant-numeric: tabular-nums; }
.sx-tag--human { color: var(--paper); }
.sx-tag--human::before { background: var(--paper-72) !important; }
.sx-xray[data-mode="ai"] .sx-node__ai { display: flex; }
.sx-xray[data-mode="ai"] .sx-node__h { color: var(--fg-2); text-decoration: line-through; }
.sx-xray[data-mode="ai"] .sx-node__heat { opacity: .35; }
.sx-xray[data-mode="ai"] .sx-node { border-color: color-mix(in srgb, var(--cyan) 55%, transparent); }
.sx-xray[data-mode="ai"] .sx-node.is-human { border-color: color-mix(in srgb, var(--paper) 60%, transparent); }
.sx-xray[data-mode="ai"] .sx-node.is-merged { border-style: dashed; }
.sx-xray[data-mode="ai"] .sx-node.is-merged .sx-node__label { color: var(--fg-2); }
.sx-xray[data-mode="ai"] .sx-node.is-merged .sx-node__heat { opacity: .2; }
.sx-xray.is-cold .sx-node:not(.is-hot) .sx-node__heat { color: var(--steel-dark); opacity: .4; }
.sx-xray.is-cold .sx-node:not(.is-hot) .sx-node__h { color: var(--fg-2); }
.sx-xray__beam { position: absolute; top: -5%; bottom: -5%; left: 0; z-index: 2; width: 18%; pointer-events: none; opacity: 0; background: linear-gradient(90deg, transparent, rgb(2 168 233 / .1)); transform: translateX(-120%) skewX(-43deg); }
.sx-xray__beam::after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 2px; background: var(--n-grad); }
.sx-xray__stage.is-scanning .sx-xray__beam { opacity: 1; animation: sx-beam 1.5s linear forwards; }
.sx-xray__stage.is-ai-pass .sx-xray__beam { opacity: 1; background: linear-gradient(90deg, transparent, rgb(2 168 233 / .18)); animation: sx-beam .9s var(--ease-cut) forwards; }
@keyframes sx-beam { from { transform: translateX(-120%) skewX(-43deg); } to { transform: translateX(760%) skewX(-43deg); opacity: 0; } }
html.rm .sx-xray__beam { display: none; }
.sx-xray__tablebtn { margin-top: var(--s-4); }
.sx-xray__table:not(.is-visible) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.sx-xray__table.is-visible { margin-top: var(--s-4); overflow-x: auto; }
.sx-xray__table .nx-table { font-size: var(--t-small); }

.sx-xray__readout { display: grid; gap: var(--s-4); padding: var(--s-5); background: var(--ink); border: var(--bw) solid var(--rule); }
.sx-xray__toggle { display: flex; width: 100%; }
.sx-xray__toggle[hidden] { display: none; }
.sx-xray__toggle button { flex: 1; min-height: 44px; }
.sx-xray__count .nx-readout__value { font-size: clamp(2.5rem, 1.6rem + 2.6vw, 4.25rem); }
.sx-xray__count--eur .nx-readout__value { font-size: clamp(1.5rem, 1.1rem + 1.2vw, 2.25rem); color: var(--molten); }
.sx-xray[data-mode="ai"] .sx-xray__count .nx-readout__value { color: var(--cyan); }
.sx-xray__range { font: 500 .75rem/1.4 var(--f-mono); color: var(--fg-2); }
.sx-xray__range[hidden] { display: none; }
.sx-xray__sum { display: grid; gap: var(--s-2); padding-block: var(--s-3); border-block: var(--bw) solid var(--rule); }
.sx-xray__rec { font: 600 .9375rem/1.4 var(--f-mono); color: var(--fg); }
.sx-xray__eur { font: 400 .8125rem/1.5 var(--f-mono); color: var(--fg-2); }
.sx-xray__note { font-size: .8125rem; line-height: 1.5; color: var(--fg-2); }
.sx-xray__note--human { color: var(--fg); font-family: var(--f-serif); font-style: italic; font-size: .9375rem; }
.sx-xray__rate { display: grid; gap: var(--s-2); }
.sx-xray__ratenote { font: 400 .75rem/1.45 var(--f-mono); color: var(--fg-2); }
.sx-xray__rateinput { display: grid; gap: var(--s-1); max-width: 16rem; }
.sx-xray__rateinput .nx-input { min-height: 44px; font-family: var(--f-mono); }
.sx-xray__formula { font: 400 var(--t-micro)/1.55 var(--f-mono); color: var(--fg-2); }
.sx-xray__readout .nx-btn { justify-self: start; }

@media (min-width: 1024px) {
	.sx-xray { grid-template-columns: minmax(0, 7.4fr) minmax(0, 4.6fr); gap: var(--gutter); }
	.sx-xray__sheet { padding: var(--s-5) var(--s-5) var(--s-6); clip-path: var(--clip-sheet); }
	.sx-xray__readout { position: sticky; top: calc(var(--header-h) + var(--s-5)); }
	.sx-node__body { padding: 12px 0; }
}

.sx-meter { margin-top: var(--s-7); border-top: var(--bw) solid var(--rule); border-bottom: var(--bw) solid var(--rule); }
.sx-meter__sum { display: flex; align-items: center; justify-content: space-between; gap: var(--s-4); min-height: 64px; font: var(--w-h3) var(--t-h4)/1.3 var(--f-sans); list-style: none; }
.sx-meter[open] .sx-meter__sum .nx-faq__sign::after { display: none; }
.sx-meter__body { display: grid; gap: var(--s-4); padding-bottom: var(--s-5); }
.sx-meter__intro { max-width: 62ch; color: var(--fg-2); }
.sx-meter__body > .nx-btn { justify-self: start; }

/* =========================================================================
   s5 · PLAY
   ========================================================================= */
.sx-play__grid { display: grid; gap: var(--s-7); align-items: start; }
.sx-play__side { display: grid; gap: var(--s-5); }
.sx-play__ctas { display: grid; gap: var(--s-3); }
.sx-play__note { font: 400 var(--t-small)/1.5 var(--f-sans); color: var(--fg-2); max-width: 52ch; }
.sx-play__context { margin-top: var(--s-5); font-size: var(--t-small); line-height: 1.55; color: var(--fg-2); max-width: 70ch; }
.sx-play__grid--decode { margin-top: var(--s-7); }
.sx-decode { --sheet-bg: var(--paper-2); }
.sx-decode__single { grid-template-columns: minmax(0, 1fr) !important; }
@media (min-width: 1024px) {
	.sx-play__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--gutter) calc(var(--gutter) * 2); }
	.sx-play__grid--decode { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: start; }
}

/* demo shell (engine mounts) */
.sx-demo { position: relative; container-type: inline-size; }
.sx-demo__error { display: none; margin-top: var(--s-3); padding: var(--s-3) var(--s-4); border-top: 2px solid var(--leak); background: var(--bg-2); font-size: var(--t-small); }
.sx-demo.is-error .sx-demo__error { display: block; }
/* Loading: the server-rendered fallback stays fully legible (never dimmed by opacity: on a slow connection
   that state lasts, and 70% text fails contrast); the foundation's progress cursor is the only cue. */
.sx-demo__textbar { margin-top: var(--s-2); }
.sx-demo__text { margin-top: var(--s-2); }

/* the vision game card (the real replayed run) */
.sx-vision { display: grid; gap: var(--s-5); }
.sx-vision__poster { position: relative; display: block; clip-path: var(--clip-sheet); }
.sx-vision__poster .nx-media { aspect-ratio: 16 / 9 !important; }
.sx-vision__timer { position: absolute; right: var(--s-4); top: var(--s-4); padding: 4px 10px; background: var(--ink); color: var(--paper); font: 600 1.5rem/1 var(--f-mono); }
.sx-vision__body { display: grid; gap: var(--s-3); justify-items: start; }
.sx-vision__body .nx-eyebrow { margin-bottom: 0; }
.sx-vision__title { font-size: var(--t-h3); font-weight: var(--w-h2); line-height: 1.08; }
.sx-vision__machine { display: grid; gap: 4px; font: 600 .9375rem/1.4 var(--f-mono); }
.sx-vision__machine span { font-weight: 400; font-size: .75rem; color: var(--fg-2); }
.sx-vision__body .nx-micro { margin-top: 0; }

/* the GEO mini demo («το εργοστάσιο / ο μεταφορέας που απαντά») */
.sx-geo { display: grid; gap: var(--s-5); margin-top: var(--s-9); padding: clamp(20px, 3vw, 44px); background: var(--paper-2); clip-path: var(--clip-sheet); }
.sx-geo__head { display: grid; gap: var(--s-2); justify-items: start; }
.sx-geo__title { font-size: var(--t-h3); font-weight: var(--w-h2); line-height: 1.1; font-variation-settings: "FLAR" 100, "VOLM" 100; }
.sx-geo__hook { font: italic 400 1.125rem/1.4 var(--f-serif); max-width: 48ch; }
.sx-geo__q { font: 500 .9375rem/1.4 var(--f-mono); }
.sx-geo__panes { display: grid; gap: var(--s-4); margin-top: var(--s-3); }
.sx-geo__pane { padding: var(--s-4); background: var(--paper); border: var(--bw) solid var(--rule); font-size: .9375rem; line-height: 1.55; }
.sx-geo__pane--after { border-color: var(--indigo); }
.sx-geo__label { margin-bottom: var(--s-2); font: 500 .6875rem/1.3 var(--f-mono); letter-spacing: var(--tr-label); text-transform: uppercase; color: var(--fg-2); }
.sx-geo__cite { margin-top: var(--s-3); font: 500 .75rem/1.4 var(--f-mono); color: var(--indigo); }
.sx-geo__evidence, .sx-geo__kpi { font-size: var(--t-small); line-height: 1.55; color: var(--fg-2); max-width: 72ch; }
.sx-geo > .nx-btn { justify-self: start; }
@media (min-width: 768px) { .sx-geo__panes { grid-template-columns: 1fr 1fr; } }

/* teaser cards (drafting table: 7 / 5, never three equal cards) */
.sx-cards { display: grid; gap: var(--s-6); margin-top: var(--s-9); }
.sx-card { display: grid; align-content: start; min-width: 0; background: var(--paper-2); clip-path: var(--clip-sheet); }
.sx-card .nx-label { max-width: 100%; white-space: normal; text-align: left; line-height: 1.35; height: auto; }
.sx-card__media .nx-media { aspect-ratio: 16 / 10; }
.sx-card__body { display: grid; gap: var(--s-3); justify-items: start; min-width: 0; padding: var(--s-5) var(--s-5) var(--s-6); }
.sx-card__title { font-size: var(--t-h4); font-weight: var(--w-h2); line-height: 1.2; font-variation-settings: "FLAR" 100, "VOLM" 100; }
.sx-card__hook { font: italic 400 1.0625rem/1.45 var(--f-serif); color: var(--fg); }
.sx-card__line { font-size: var(--t-small); line-height: 1.55; color: var(--fg); max-width: 60ch; }
.sx-card__guard { color: var(--fg-2); }
.sx-card__cta { margin-top: var(--s-2); }
.sx-bubble { position: relative; max-width: 34ch; padding: var(--s-3) var(--s-4); background: var(--ink); color: var(--paper); font: 400 .9375rem/1.45 var(--f-sans); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), 26px calc(100% - 10px), 14px 100%, 14px calc(100% - 10px), 0 calc(100% - 10px)); padding-bottom: calc(var(--s-3) + 10px); }
.sx-card--wide { }
@media (min-width: 1024px) {
	.sx-cards { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
	.sx-cards > :only-child { grid-column: 1 / span 1; }
	.sx-cards > .sx-card--wide:only-child { grid-column: 1 / -1; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
	.sx-cards > .sx-card--wide:only-child .sx-card__body { align-content: center; padding: var(--s-7) var(--s-8) var(--s-7) var(--s-7); }
	.sx-card--wide { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
	.sx-card--wide .sx-card__media { position: relative; min-width: 0; min-height: 320px; }
	.sx-card--wide .sx-card__media .nx-media { position: absolute; inset: 0; aspect-ratio: auto !important; width: 100%; height: 100%; }
}

/* hotels · key in the sand */
.sx-key { display: grid; gap: var(--s-5); }
.sx-key__media { display: block; clip-path: var(--clip-sheet); }
.sx-key__body { display: grid; gap: var(--s-4); justify-items: start; align-content: start; }
.sx-key__body .nx-eyebrow { margin-bottom: 0; }
.sx-key__text { font-size: 1.0625rem; line-height: 1.55; max-width: 52ch; }
@media (min-width: 768px) { .sx-key { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: end; } }

/* accounting · e-invoicing card with the live deadline */
.sx-einv { display: grid; gap: var(--s-5); }
.sx-einv__media { clip-path: var(--clip-sheet); }
.sx-einv__body { display: grid; gap: var(--s-4); justify-items: start; }
.sx-einv__body .nx-eyebrow { margin-bottom: 0; }
.sx-einv__clock { display: grid; gap: var(--s-2); padding: var(--s-4) var(--s-5); background: var(--ink); color: var(--paper); clip-path: var(--clip-ui); --fg-2: var(--paper-72); --fg-3: var(--steel); --fg: var(--paper); --rule: var(--rule-dark); --link: var(--cyan); --focus: var(--cyan); --bg-2: var(--ink-2); }
.sx-einv__left { font: 600 clamp(1.75rem, 1.3rem + 1.6vw, 2.75rem)/1 var(--f-mono); color: var(--molten); font-variant-numeric: tabular-nums; }
.sx-einv__note { font: 400 .75rem/1.45 var(--f-sans); color: var(--paper-72); }
.sx-law { margin-top: var(--s-9); padding-top: var(--s-7); border-top: var(--bw) solid var(--rule); }
.sx-law__head { margin-bottom: var(--s-5); }
.sx-law__title { font-size: var(--t-h3); font-weight: var(--w-h2); line-height: 1.1; font-variation-settings: "FLAR" 100, "VOLM" 100; }
.sx-lease--static { padding: var(--s-5); background: var(--paper-2); }
.sx-lease__title { font: 500 var(--t-label)/1.3 var(--f-mono); letter-spacing: var(--tr-label); text-transform: uppercase; color: var(--fg-2); margin-bottom: var(--s-3); }
.sx-lease__text { display: grid; gap: var(--s-2); padding-left: 1.2em; font: 400 1rem/1.6 var(--f-serif); }
.sx-lease__label { margin-top: var(--s-3); font-size: var(--t-small); color: var(--fg-2); }

/* metals passport (static fallback) and logistics race (static fallback) */
.sx-passport--static { max-width: 34rem; padding: var(--s-5); background: var(--paper-2); }
.sx-passport__title { margin-bottom: var(--s-3); font: 600 1rem/1.3 var(--f-mono); }
.sx-passport--static dl { display: grid; gap: var(--s-2); margin: 0; }
.sx-passport--static dl > div { display: grid; grid-template-columns: minmax(0, 11rem) minmax(0, 1fr); gap: var(--s-3); padding-top: var(--s-2); border-top: var(--bw) solid var(--rule); }
.sx-passport--static dt { font: 500 .6875rem/1.4 var(--f-mono); letter-spacing: var(--tr-label); text-transform: uppercase; color: var(--fg-2); }
.sx-passport--static dd { margin: 0; font: 500 .9375rem/1.4 var(--f-mono); }
.sx-passport__label { margin-top: var(--s-3); font-size: var(--t-small); color: var(--fg-2); }
.sx-race--static { display: grid; gap: var(--s-5); }
.sx-race--static ol { display: grid; gap: var(--s-2); margin: var(--s-2) 0 0; padding: 0; list-style: none; }
.sx-race--static li { display: flex; justify-content: space-between; gap: var(--s-4); padding-top: var(--s-2); border-top: var(--bw) solid var(--rule); }
.sx-race--static time { font-family: var(--f-mono); font-variant-numeric: tabular-nums; }
.sx-race__name { font: 500 var(--t-label)/1.3 var(--f-mono); letter-spacing: var(--tr-label); text-transform: uppercase; color: var(--fg-2); }
.sx-race__label { margin-top: var(--s-3); font-size: var(--t-small); color: var(--fg-2); }
@media (min-width: 768px) { .sx-race--static { grid-template-columns: 1fr 1fr; } }

/* clinics · missed-call calculator (server-rendered, the engine wires it) */
.sx-calcwrap { display: grid; gap: var(--s-5); margin-top: var(--s-9); padding: clamp(20px, 3vw, 44px); background: var(--paper-2); clip-path: var(--clip-sheet); scroll-margin-top: calc(var(--header-h) + var(--s-5)); }
.sx-calcwrap:focus { outline: none; } /* the hero CTA's scroll target, not a control */
.sx-calcwrap__head { display: grid; gap: var(--s-1); }
.sx-calcwrap__title { font-size: var(--t-h3); font-weight: var(--w-h2); line-height: 1.1; }
.sx-calcwrap__head .nx-micro { margin-top: 0; }
.sx-calc { display: grid; gap: var(--s-6); }
.sx-calc__inputs { display: grid; gap: var(--s-4); align-items: start; }
.sx-calc__inputs .nx-field { align-content: start; }
.sx-calc__out { min-width: 0; }
.sx-calc__label .nx-label { max-width: 100%; white-space: normal; text-align: left; line-height: 1.4; height: auto; }
.sx-calc__inputs .nx-input { background: var(--paper); font-family: var(--f-mono); }
.sx-calc__out { display: grid; gap: var(--s-4); align-content: start; padding: var(--s-5); background: var(--ink); color: var(--paper); --fg: var(--paper); --fg-2: var(--paper-72); --fg-3: var(--steel); --rule: var(--rule-dark); --leak: var(--molten); --sig: var(--cyan); --focus: var(--cyan); --bg-2: var(--ink-2); }
.sx-calc__out .nx-readout__value { font-size: clamp(2rem, 1.4rem + 2vw, 3.25rem); }
.sx-calc__formula { font: 400 var(--t-micro)/1.55 var(--f-mono); color: var(--paper-72); overflow-wrap: anywhere; }
.sx-calcwrap > .nx-btn { justify-self: start; }
@media (min-width: 768px) { .sx-calc__inputs { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1024px) { .sx-calc { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } }

.sx-dog__static, .sx-heat__static { font-size: 1.0625rem; line-height: 1.55; max-width: 60ch; }
.sx-dog__disc { margin-top: var(--s-3); font-size: var(--t-small); color: var(--fg-2); }

/* =========================================================================
   s6 · FUNDING · s7 · PROOF · s8 · FAQ · s9 · CTA
   ========================================================================= */
.sx-funding__honest { margin-top: var(--s-4); font-size: var(--t-small); line-height: 1.55; color: var(--fg); max-width: 56ch; }
.sx-funding__table th[scope="row"] { font: var(--w-ui) .9375rem/1.4 var(--f-sans); text-transform: none; letter-spacing: 0; color: var(--fg); }
.sx-funding__table td { font-size: .9375rem; line-height: 1.5; }
.sx-funding__foot { display: grid; gap: var(--s-2); margin-top: var(--s-4); }
.sx-funding__disclaimer { font-size: var(--t-small); color: var(--fg-2); max-width: 70ch; }

.sx-proof__grid { row-gap: var(--s-8); }
.sx-proof__main { display: grid; gap: var(--s-5); justify-items: start; align-content: start; }
.sx-proof__main .nx-eyebrow { margin-bottom: 0; }
.sx-proof__title { --flar: 50; --volm: 40; max-width: 18ch; }
.sx-proof__story { font-size: var(--t-small); line-height: 1.55; color: var(--fg-2); max-width: 56ch; }
.sx-proof__strip { align-content: start; display: grid; gap: var(--s-4); }
.sx-proof__striptitle { font: 500 var(--t-label)/1.3 var(--f-mono); letter-spacing: var(--tr-label); text-transform: uppercase; color: var(--fg-2); }
.sx-proof__list { display: grid; margin: 0; list-style: none; border-bottom: var(--bw) solid var(--rule); }
.sx-proof__list li { padding: var(--s-4) 0; border-top: var(--bw) solid var(--rule); font: 500 .9375rem/1.5 var(--f-sans); color: var(--fg); }
.sx-proof__note { font: italic 400 1rem/1.45 var(--f-serif); color: var(--fg-2); }
@media (min-width: 1024px) {
	.sx-proof__main { grid-column: 1 / span 6; }
	.sx-proof__strip { grid-column: 8 / -1; }
}

.sx-faq__title { margin-bottom: var(--s-6); }
@media (min-width: 1024px) {
	.sx-faq__head { grid-column: 1 / span 4; }
	.sx-faq__list { grid-column: 5 / -1; }
}

.sx-cta__price { margin-top: var(--s-4); font: 600 1rem/1.4 var(--f-mono); color: var(--fg); }
.sx-cta__preset { margin-top: var(--s-4); font-size: var(--t-small); line-height: 1.5; color: var(--fg-2); max-width: 56ch; }
.sx-cta__micro { display: grid; gap: var(--s-1); margin: var(--s-3) 0 0; list-style: none; font: 500 var(--t-micro)/1.5 var(--f-mono); letter-spacing: .02em; color: var(--fg-2); }
.sx-others { margin-top: var(--s-8); }
.sx-others__title { margin-bottom: var(--s-3); font: 500 var(--t-label)/1.3 var(--f-mono); letter-spacing: var(--tr-label); text-transform: uppercase; color: var(--fg-2); }
.sx-others ul { display: grid; margin: 0; list-style: none; border-bottom: var(--bw) solid var(--rule); }
.sx-others a { display: flex; align-items: center; min-height: 44px; border-top: var(--bw) solid var(--rule); color: var(--fg); text-decoration: none; font-size: .9375rem; }
.sx-others a:hover { text-decoration: underline; text-underline-offset: .2em; }
.sx-others .is-all a { font-weight: var(--w-strong); }
@media (min-width: 1024px) {
	.sx-others { grid-column: 9 / -1; margin-top: 0; align-self: end; }
}

/* Phone: Greek primary labels are long; the compact primary keeps Molten ≤5% of a 390px viewport
   (header CTA + one primary per view). */
@media (max-width: 479px) {
	:where(#s1-hero, #s4-xray, #s5-play, #s7-proof, #s9-cta) .nx-btn--primary { min-height: 42px; padding: .5em 14px; font-size: .875rem; }
}

} /* end @layer pages */