/* renu931.css — ai-fromus.shop — Technical Editorial & Advisory Portal */

.asymmetric-lockup {
	position:relative;
	display:flex;
	flex-direction:column;
	gap:var(--space-2xs);
	margin-bottom:var(--space-l);
	max-width:900px;
}

.asymmetric-lockup .lockup-tag {
	font-family:var(--nuse-f61);
	font-size:var(--step--1);
	color:var(--accent);
	text-transform:uppercase;
	letter-spacing:0.08em;
	display:inline-flex;
	align-items:center;
	gap:var(--space-2xs);
}

.asymmetric-lockup .lockup-tag::before {
	content:"";
	display:inline-block;
	width:12px;
	height:2px;
	background-color:var(--accent);
}

.asymmetric-lockup .lockup-title {
	font-family:var(--nuse-eab);
	font-size:var(--nuse-40b);
	font-weight:700;
	line-height:1.08;
	letter-spacing:-0.03em;
	color:var(--ink);
	position:relative;
	text-wrap:balance;
}

.asymmetric-lockup .lockup-offset {
	display:block;
	margin-left:clamp(1rem, 3.5vw, 3rem);
	color:var(--ink-soft);
	position:relative;
}

.asymmetric-lockup .lockup-offset::after {
	content:"";
	position:absolute;
	left:calc(-1 * clamp(1rem, 3.5vw, 3rem));
	bottom:0.18em;
	width:clamp(1rem, 3.5vw, 3rem);
	height:2px;
	background-color:var(--line);
}

.asymmetric-lockup .lockup-rule {
	width:100%;
	height:1px;
	background:linear-gradient(90deg, var(--line) 0%, rgba(62, 72, 97, 0.2) 100%);
	margin-top:var(--space-xs);
}

.hero-opening {
	position:relative;
	padding-top:var(--space-xl);
	padding-bottom:var(--space-3xl);
	border-bottom:1px solid var(--line);
	background-color:var(--ground);
	overflow:hidden;
}

.hero-opening-grid {
	display:grid;
	grid-template-columns:minmax(0, 1fr) minmax(0, 2fr);
	grid-template-areas:
		'head head'
		'sidebar plate';
	column-gap:var(--space-xl);
	row-gap:var(--space-l);
	align-items:start;
}

.hero-headline-area {
	grid-area:head;
	max-width:1100px;
}

.hero-headline-area h1 {
	font-family:var(--nuse-eab);
	font-size:var(--nuse-ce4);
	font-weight:700;
	line-height:1.05;
	letter-spacing:-0.035em;
	color:var(--ink);
}

.hero-headline-area .headline-secondary {
	color:var(--ink-soft);
	font-weight:500;
}

.hero-sidebar-col {
	grid-area:sidebar;
	display:flex;
	flex-direction:column;
	gap:var(--space-l);
	padding-top:var(--space-2xs);
}

.hero-lede {
	font-family:var(--nuse-552);
	font-size:var(--nuse-4b4);
	line-height:1.62;
	color:var(--ink);
	max-width:var(--measure-prose);
}

.hero-lede strong {
	color:var(--ink);
	font-weight:600;
}

.hero-cta-wrapper {
	display:flex;
	flex-direction:column;
	gap:var(--space-2xs);
	align-items:flex-start;
}

.hero-cta-hint {
	font-family:var(--nuse-f61);
	font-size:var(--step--2);
	color:var(--ink-soft);
}

.hero-plate-col {
	grid-area:plate;
	position:relative;
}

.hero-plate-figure {
	margin:0;
	position:relative;
	background-color:var(--surface);
	border:1px solid var(--line);
	border-radius:0;
	overflow:hidden;
}

.hero-plate-figure img {
	width:100%;
	aspect-ratio:16 / 10;
	height:auto;
	max-height:520px;
	object-fit:cover;

	object-position:70% 30%;
	display:block;
}

.hero-plate-figure figcaption {
	padding:var(--space-2xs) var(--space-xs);
	background-color:transparent;
	border-top:1px solid var(--line);
	font-family:var(--nuse-f61);
	font-size:var(--step--2);
	color:var(--ink-soft);
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	gap:var(--space-2xs);
}

.hero-plate-figure figcaption > * {
	max-width:100%;
	overflow-wrap:break-word;
}

.hero-plate-figure .plate-badge {
	color:var(--accent);
	font-weight:500;
}

.tracks-section {
	padding-top:var(--space-s);
	padding-bottom:var(--space-2xl);
	border-bottom:1px solid var(--line);

	background-color:var(--ground);
}

.gallery-header {
	display:flex;
	justify-content:space-between;
	align-items:baseline;
	flex-wrap:wrap;
	gap:var(--space-m);
	margin-bottom:var(--space-xs);
}

.gallery-title {
	font-family:var(--nuse-eab);
	font-size:var(--nuse-55f);
	color:var(--ink);
	letter-spacing:-0.02em;
}

.flip-cards-grid {
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:var(--space-l);
	position:relative;
	margin-top:var(--space-m);
}

/* Content structures the tracks: distinct tactile surface with real contrast and depth, no top cyan line */
.flip-card {
	background-color:var(--surface);
	border:1px solid var(--line);
	border-radius:var(--radius-s);
	box-shadow:0 4px 20px rgba(0, 0, 0, 0.28);
	padding:var(--space-l);
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	gap:var(--space-m);
	transition:transform var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);
}

.flip-card:hover {
	transform:translateY(-3px);
	background-color:var(--surface-2);
	border-color:var(--line);
	box-shadow:0 8px 28px rgba(0, 0, 0, 0.45);
}

.flip-card-meta {
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-family:var(--nuse-f61);
	font-size:var(--step--1);
	color:var(--ink-soft);
	padding-bottom:var(--space-xs);
	border-bottom:1px solid var(--line);
}

.flip-card-meta .card-category {
	color:var(--accent);
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:0.04em;
	font-size:var(--step--2);
}

.flip-card h3 {
	font-size:var(--nuse-4b4);
	line-height:1.25;

	color:var(--ink);
	font-weight:700;
	letter-spacing:-0.01em;
}

.flip-card p {
	font-size:var(--nuse-840);
	color:var(--ink-soft);
	line-height:1.6;
}

.flip-card-stats {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:var(--space-s);
	padding-top:var(--space-s);
	border-top:1px solid var(--line);
	font-family:var(--nuse-f61);
	font-size:var(--step--2);
}

.stat-label {
	color:var(--ink-soft);
	display:block;
}

.stat-value {
	color:var(--ink);
	font-weight:500;
}

.pinned-crossfade-stage {
	position:relative;
	background-color:var(--surface);
	border-bottom:1px solid var(--line);
	min-height:180vh;
}

.pinned-stage-sticky {
	position:sticky;
	top:var(--header-height-condensed);
	height:calc(100vh - var(--header-height-condensed));
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	padding-block:var(--space-xl);
	overflow:hidden;
}

.crossfade-progress-container {
	width:100%;
	display:flex;
	align-items:center;
	gap:var(--space-m);
	margin-bottom:var(--space-l);
}

.crossfade-progress-bar {
	flex-grow:1;
	height:2px;
	background-color:var(--line);
	position:relative;
	overflow:hidden;
}

.crossfade-progress-fill {
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:33.33%;
	background-color:var(--accent);
	transition:width var(--duration-base) var(--ease-out);
}

.crossfade-steps-indicator {
	font-family:var(--nuse-f61);
	font-size:var(--step--2);
	color:var(--ink-soft);
	white-space:nowrap;
}

.crossfade-panes-wrapper {
	position:relative;
	flex-grow:1;
	display:flex;
	align-items:center;
}

.crossfade-pane {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	max-width:900px;
	opacity:0;
	pointer-events:none;
	transform:translateY(12px);
	transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);
}

.crossfade-pane.is-active {
	position:relative;
	opacity:1;
	pointer-events:auto;
	transform:translateY(0);
}

.pane-statement {
	font-family:var(--nuse-eab);
	font-size:var(--nuse-cc1);
	font-weight:700;
	line-height:1.2;
	color:var(--ink);
	margin-bottom:var(--space-m);
}

.pane-details {
	font-size:var(--nuse-840);
	line-height:1.7;
	color:var(--ink-soft);
	max-width:var(--measure-prose);
	margin-bottom:var(--space-l);
}

.pane-metrics-row {
	display:flex;
	gap:var(--space-l);
	flex-wrap:wrap;
}

.metric-pill {
	padding:var(--space-xs) var(--space-s);
	background-color:var(--ground);
	border:1px solid var(--line);
	border-radius:var(--radius-xs);
	display:flex;
	flex-direction:column;
	gap:2px;
}

.metric-pill-label {
	font-family:var(--nuse-f61);
	font-size:var(--step--2);
	color:var(--ink-soft);
}

.metric-pill-val {
	font-family:var(--nuse-f61);
	font-size:var(--nuse-840);
	color:var(--accent);
	font-weight:500;
}

.crossfade-nav-dots {
	display:flex;
	gap:var(--space-xs);
	align-items:center;
}

.crossfade-dot {
	width:36px;
	height:6px;
	background-color:var(--line);
	border:none;
	cursor:pointer;
	border-radius:var(--radius-xs);
	transition:background-color var(--duration-fast) var(--ease-out);
}

.crossfade-dot:hover { background-color:var(--ink-soft); }

.crossfade-dot.is-active { background-color:var(--accent); }

.crossfade-dot:focus-visible {
	outline:2px solid var(--accent);
	outline-offset:2px;
}

.editorial-article-section {
	padding-block:var(--space-2xl);
	border-bottom:1px solid var(--line);
}

.editorial-lead-statement {
	font-family:var(--nuse-eab);
	font-size:var(--nuse-cc1);
	line-height:1.2;
	font-weight:700;
	color:var(--ink);
	margin-bottom:var(--space-m);
	text-wrap:balance;
}

.editorial-prose {
	font-size:var(--nuse-840);
	line-height:1.72;
	color:var(--ink-soft);
	margin-bottom:var(--space-l);
}

.editorial-prose p + p { margin-top:var(--space-m); }

.editorial-prose strong { color:var(--ink); }

.editorial-highlight-box {
	background-color:var(--surface);
	border-left:3px solid var(--accent);
	border-top:1px solid var(--line);
	border-right:1px solid var(--line);
	border-bottom:1px solid var(--line);
	padding:var(--space-m) var(--space-l);
	margin-block:var(--space-xl);
	border-radius:0 var(--radius-xs) var(--radius-xs) 0;
}

.editorial-highlight-box h3 {
	font-size:var(--nuse-4b4);
	color:var(--ink);
	margin-bottom:var(--space-xs);
}

.editorial-highlight-box p {
	color:var(--ink-soft);
	font-size:var(--step--1);
	line-height:1.6;
}

/* Full Width Photographed Figure */
.editorial-bleed-figure {
	width:100%;
	position:relative;
	margin-block:var(--space-2xl);
	border-top:1px solid var(--line);
	border-bottom:1px solid var(--line);
	background-color:var(--surface);
}

.editorial-bleed-figure img {
	width:100%;
	aspect-ratio:3 / 2;
	height:auto;
	object-fit:cover;
	display:block;
}

.editorial-bleed-figure figcaption {
	max-width:100%;
	margin-inline:auto;
	padding:var(--space-xs) var(--space-m);
	font-family:var(--nuse-f61);
	font-size:var(--step--2);
	color:var(--ink-soft);
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	gap:var(--space-xs);
}

.editorial-bleed-figure figcaption > span {
	max-width:100%;
	overflow-wrap:break-word;
}

.tool-section {
	padding-block:var(--space-2xl);
	background-color:var(--surface);
	border-bottom:1px solid var(--line);
}

.tool-container {
	background-color:var(--ground);
	border:1px solid var(--line);
	border-radius:var(--radius-xs);
	padding:var(--space-xl);
	box-shadow:0 12px 32px rgba(0, 0, 0, 0.3);
}

.tool-header-block {
	margin-bottom:var(--space-l);
	padding-bottom:var(--space-m);
	border-bottom:1px solid var(--line);
}

.tool-header-block h2 {
	font-size:var(--nuse-55f);
	margin-bottom:var(--space-xs);
}

.tool-header-block p {
	color:var(--ink-soft);
	font-size:var(--step--1);
}

.tool-interface-grid {
	display:grid;
	grid-template-columns:1.15fr 1fr;
	gap:var(--space-xl);
	align-items:start;
}

.tool-inputs-stack {
	display:flex;
	flex-direction:column;
	gap:var(--space-m);
}

.tool-field-group {
	display:flex;
	flex-direction:column;
	gap:var(--space-2xs);
}

.tool-field-group label {
	font-family:var(--nuse-f61);
	font-size:var(--step--1);
	color:var(--ink);
	display:flex;
	justify-content:space-between;
}

.tool-field-group .field-hint {
	color:var(--ink-soft);
	font-size:var(--step--2);
}

.tool-range-slider {
	width:100%;
	accent-color:var(--accent);
	background:var(--surface-2);
	height:6px;
	border-radius:var(--radius-xs);
	cursor:pointer;
}

.tool-range-slider:focus-visible {
	outline:2px solid var(--accent);
	outline-offset:3px;
}

.tool-radio-grid {
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(130px, 1fr));
	gap:var(--space-2xs);
}

.tool-radio-label {
	display:flex;
	align-items:center;
	gap:var(--space-2xs);
	padding:var(--space-2xs) var(--space-xs);
	background-color:var(--surface);
	border:1px solid var(--line);
	border-radius:var(--radius-xs);
	font-family:var(--nuse-f61);
	font-size:var(--step--2);
	color:var(--ink-soft);
	cursor:pointer;
	min-height:44px;
	transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);
}

.tool-radio-label:hover {
	background-color:var(--surface-2);
	border-color:var(--accent);
	color:var(--ink);
}

.tool-radio-label:has(input:checked) {
	background-color:var(--surface-2);
	border-color:var(--accent);
	color:var(--accent);
	font-weight:500;
}

.tool-radio-label input {
	accent-color:var(--accent);
	min-width:16px;
	min-height:16px;
}

.tool-outputs-card {
	background-color:var(--surface);
	border:1px solid var(--line);
	border-radius:var(--radius-xs);
	padding:var(--space-l);
	display:flex;
	flex-direction:column;
	gap:var(--space-m);
	min-width:0;
}

@media (max-width: 480px) {
	.tool-container { padding:var(--space-s); }

	.tool-outputs-card { padding:var(--space-s); }

	.tool-outputs-card .btn {
		width:100%;
		min-width:0;
	}
}

.tool-summary-row {
	display:flex;
	justify-content:space-between;
	align-items:baseline;
	padding-bottom:var(--space-xs);
	border-bottom:1px solid var(--line);
}

.tool-summary-label {
	font-family:var(--nuse-f61);
	font-size:var(--step--1);
	color:var(--ink-soft);
}

.tool-summary-val {
	font-family:var(--nuse-f61);
	font-size:var(--nuse-4b4);
	color:var(--ink);
	font-weight:500;
}

.tool-highlight-result {
	background-color:var(--ground);
	border:1px solid var(--accent);
	padding:var(--space-m);
	border-radius:var(--radius-xs);
}

.tool-highlight-result .result-title {
	font-family:var(--nuse-f61);
	font-size:var(--step--2);
	color:var(--accent);
	text-transform:uppercase;
	letter-spacing:0.05em;
	margin-bottom:4px;
}

.tool-highlight-result .result-number {
	font-family:var(--nuse-f61);
	font-size:var(--nuse-cc1);
	font-weight:700;
	color:var(--ink);
	line-height:1.1;
}

.tool-disclaimer {
	font-family:var(--nuse-f61);
	font-size:var(--step--2);
	color:var(--ink-soft);
	line-height:1.4;
	padding-top:var(--space-xs);
	border-top:1px dashed var(--line);
}

.services-catalog-grid {
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:var(--space-l);
	margin-block:var(--space-xl);
}

.service-offering-card {
	background-color:var(--surface);
	border:1px solid var(--line);
	border-radius:var(--radius-xs);
	padding:var(--space-l);
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	gap:var(--space-m);
	transition:border-color var(--duration-fast) var(--ease-out);
}

.service-offering-card:hover { border-color:var(--accent); }

.service-card-rate {
	font-family:var(--nuse-f61);
	font-size:var(--nuse-4b4);
	color:var(--accent);
	font-weight:500;
}

.scope-driver-matrix {
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
	gap:var(--space-m);
	margin-block:var(--space-l);
}

.scope-driver-item {
	background-color:var(--surface);
	border:1px solid var(--line);
	padding:var(--space-m);
	border-radius:var(--radius-xs);
}

.scope-driver-item h3 {
	font-size:var(--nuse-840);
	margin-bottom:var(--space-2xs);
	color:var(--ink);
}

.scope-driver-item p {
	font-size:var(--step--1);
	color:var(--ink-soft);
	line-height:1.5;
}

.advisory-timeline {
	display:flex;
	flex-direction:column;
	gap:var(--space-m);
	margin-block:var(--space-xl);
	position:relative;
	padding-left:var(--space-l);
	border-left:2px solid var(--line);
}

.timeline-node {
	position:relative;
	display:flex;
	flex-direction:column;
	gap:var(--space-3xs);
}

.timeline-node::before {
	content:"";
	position:absolute;
	left:calc(-1 * var(--space-l) - 5px);
	top:6px;
	width:8px;
	height:8px;
	border-radius:50%;
	background-color:var(--accent);
}

.timeline-node .step-badge {
	font-family:var(--nuse-f61);
	font-size:var(--step--2);
	color:var(--accent);
}

.timeline-node h3 {
	font-size:var(--nuse-4b4);
	color:var(--ink);
}

.timeline-node p {
	font-size:var(--step--1);
	color:var(--ink-soft);
}

.benchmark-metrics-grid {
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
	gap:var(--space-m);
	margin-block:var(--space-l);
}

.benchmark-metric-card {
	background-color:var(--surface);
	border:1px solid var(--line);
	padding:var(--space-m);
	border-radius:var(--radius-xs);
	display:flex;
	flex-direction:column;
	gap:4px;
}

.benchmark-metric-card .benchmark-label {
	font-family:var(--nuse-f61);
	font-size:var(--step--2);
	color:var(--ink-soft);
}

.benchmark-metric-card .benchmark-value {
	font-family:var(--nuse-f61);
	font-size:var(--nuse-55f);
	font-weight:700;
	color:var(--ink);
}

.benchmark-metric-card .benchmark-sub {
	font-family:var(--nuse-f61);
	font-size:var(--step--2);
	color:var(--accent);
}

.code-terminal-block {
	background-color:#080c16;
	border:1px solid var(--line);
	border-radius:var(--radius-xs);
	margin-block:var(--space-l);
	overflow:hidden;
}

.terminal-header {
	background-color:var(--surface);
	padding:var(--space-xs) var(--space-s);
	border-bottom:1px solid var(--line);
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-family:var(--nuse-f61);
	font-size:var(--step--2);
	color:var(--ink-soft);
}

.terminal-header .terminal-dots {
	display:flex;
	gap:6px;
}

.terminal-header .terminal-dot {
	width:8px;
	height:8px;
	border-radius:50%;
	background-color:var(--line);
}

.code-terminal-block pre {
	padding:var(--space-m);
	background:transparent;
	border:none;
	border-radius:0;
	color:#c9d5ec;
	font-size:var(--step--1);
	line-height:1.6;
}

.legal-stack-wrapper {
	max-width:900px;
	margin-inline:auto;
	padding-block:var(--space-2xl);
}

.legal-stack-controls {
	display:flex;
	gap:var(--space-s);
	margin-bottom:var(--space-l);
	flex-wrap:wrap;
}

.disclosure-stack {
	display:flex;
	flex-direction:column;
	gap:var(--space-xs);
}

.disclosure-item {
	background-color:var(--surface);
	border:1px solid var(--line);
	border-radius:var(--radius-xs);
	transition:border-color var(--duration-fast) var(--ease-out);
}

.disclosure-item[open] { border-color:var(--accent); }

.disclosure-item:target {
	border-color:var(--accent);
	outline:2px solid var(--accent);
	outline-offset:2px;
}

.disclosure-summary {
	padding:var(--space-m);
	cursor:pointer;
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:var(--space-s);
	font-family:var(--nuse-eab);
	font-size:var(--nuse-4b4);
	font-weight:600;
	color:var(--ink);
	list-style:none;
	min-height:44px;
	transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);
}

.disclosure-summary::-webkit-details-marker { display:none; }

.disclosure-summary:hover {
	background-color:var(--surface-2);
	color:var(--accent);
}

.disclosure-summary:focus-visible {
	outline:2px solid var(--accent);
	outline-offset:-2px;
}

.disclosure-summary .summary-title-text { flex-grow:1; }

.disclosure-summary .summary-indicator {
	font-family:var(--nuse-f61);
	font-size:var(--nuse-840);
	color:var(--accent);
	transition:transform var(--duration-fast) var(--ease-out);
	width:24px;
	height:24px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.disclosure-item[open] .summary-indicator { transform:rotate(45deg); }

.disclosure-body {
	padding:0 var(--space-m) var(--space-m) var(--space-m);
	border-top:1px solid var(--line);
	font-size:var(--nuse-840);
	line-height:1.7;
	color:var(--ink-soft);
}

.disclosure-body p { margin-top:var(--space-s); }

.disclosure-body table { margin-top:var(--space-m); }

.cookie-notes-layout {
	display:grid;
	grid-template-columns:minmax(0, 2fr) minmax(0, 1.1fr);
	gap:var(--space-2xl);
	padding-block:var(--space-2xl);
	max-width:1180px;
	margin-inline:auto;
	align-items:start;
}

.cookie-reading-col {
	display:flex;
	flex-direction:column;
	gap:var(--space-xl);
}

.cookie-section-block {
	position:relative;
	padding-bottom:var(--space-l);
	border-bottom:1px solid var(--line);
}

.cookie-section-block:last-child { border-bottom:none; }

.cookie-section-block h2 {
	font-size:var(--nuse-55f);
	margin-bottom:var(--space-s);
	color:var(--ink);
}

.cookie-section-block p {
	color:var(--ink-soft);
	line-height:1.7;
	font-size:var(--nuse-840);
}

.cookie-notes-col {
	display:flex;
	flex-direction:column;
	gap:var(--space-xl);
	position:sticky;
	top:calc(var(--header-height-condensed) + var(--space-l));
}

.margin-note-card {
	background-color:var(--surface);
	border:1px solid var(--line);
	border-left:3px solid var(--accent);
	border-radius:var(--radius-xs);
	padding:var(--space-m);
	display:flex;
	flex-direction:column;
	gap:var(--space-2xs);
	font-family:var(--nuse-f61);
	font-size:var(--step--1);
}

.margin-note-card .note-header {
	font-size:var(--step--2);
	color:var(--accent);
	text-transform:uppercase;
	letter-spacing:0.05em;
	font-weight:500;
}

.margin-note-card .note-body {
	color:var(--ink);
	line-height:1.5;
}

.margin-note-card .note-meta {
	color:var(--ink-soft);
	font-size:var(--step--2);
}

.margin-note-card a {
	color:var(--accent);
	text-decoration:underline;
}

.inline-note-marker { display:none; }

@media (max-width: 1024px) {
	.inline-note-marker {
		display:block;
		width:100%;
		box-sizing:border-box;
		margin-top:var(--space-s);
		background-color:var(--surface);
		border-left:3px solid var(--accent);
		padding:var(--space-s);
		font-family:var(--nuse-f61);
		font-size:var(--step--1);
	}
}

.terms-sticky-layout {
	display:grid;
	grid-template-columns:280px minmax(0, 1fr);
	gap:var(--space-2xl);
	padding-block:var(--space-2xl);
	max-width:1200px;
	margin-inline:auto;
	align-items:start;
}

.terms-sidebar-index {
	position:sticky;
	top:calc(var(--header-height-condensed) + var(--space-m));
	background-color:var(--surface);
	border:1px solid var(--line);
	border-radius:var(--radius-xs);
	padding:var(--space-m);
}

.terms-index-title {
	font-family:var(--nuse-f61);
	font-size:var(--step--1);
	color:var(--ink);
	font-weight:600;
	margin-bottom:var(--space-s);
	padding-bottom:var(--space-xs);
	border-bottom:1px solid var(--line);
}

.terms-index-list {
	list-style:none;
	display:flex;
	flex-direction:column;
	gap:2px;
}

.terms-index-link {
	display:flex;
	align-items:baseline;
	gap:var(--space-xs);
	padding:var(--space-2xs) var(--space-xs);
	font-family:var(--nuse-f61);
	font-size:var(--step--2);
	color:var(--ink-soft);
	text-decoration:none;
	border-radius:var(--radius-xs);
	border-left:2px solid transparent;
	min-height:44px;
	transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);
}

.terms-index-link:hover {
	color:var(--ink);
	background-color:var(--surface-2);
}

.terms-index-link:active { color:var(--accent); }

.terms-index-link.is-active,
.terms-index-link[aria-current='true'] {
	color:var(--accent);
	background-color:var(--surface-2);
	border-left-color:var(--accent);
	font-weight:500;
}

.terms-index-link:focus-visible {
	outline:2px solid var(--accent);
	outline-offset:1px;
}

.terms-mobile-jump {
	display:none;
	margin-bottom:var(--space-l);
	background-color:var(--surface);
	border:1px solid var(--line);
	padding:var(--space-s);
	border-radius:var(--radius-xs);
}

.terms-content-col {
	display:flex;
	flex-direction:column;
	gap:var(--space-2xl);
}

.terms-section {
	scroll-margin-top:calc(var(--header-height-condensed) + var(--space-m));
	border-bottom:1px solid var(--line);
	padding-bottom:var(--space-xl);
}

.terms-section:last-child { border-bottom:none; }

.terms-section-header {
	display:flex;
	align-items:baseline;
	gap:var(--space-s);
	margin-bottom:var(--space-s);
}

.terms-num-badge {
	font-family:var(--nuse-f61);
	font-size:var(--step--1);
	color:var(--accent);
	background-color:var(--surface);
	padding:2px var(--space-xs);
	border:1px solid var(--line);
	border-radius:var(--radius-xs);
}

.terms-section h2 {
	font-size:var(--nuse-55f);
	color:var(--ink);
}

.terms-section p {
	color:var(--ink-soft);
	font-size:var(--nuse-840);
	line-height:1.7;
}

.terms-section p + p { margin-top:var(--space-s); }

.contact-page-grid {
	display:grid;
	grid-template-columns:1fr 1.35fr;
	gap:var(--space-2xl);
	padding-block:var(--space-2xl);
	align-items:start;
}

.contact-meta-card {
	background-color:var(--surface);
	border:1px solid var(--line);
	border-radius:var(--radius-xs);
	padding:var(--space-l);
	display:flex;
	flex-direction:column;
	gap:var(--space-m);
}

.contact-meta-item {
	display:flex;
	flex-direction:column;
	gap:4px;
}

.contact-meta-label {
	font-family:var(--nuse-f61);
	font-size:var(--step--2);
	color:var(--ink-soft);
	text-transform:uppercase;
	letter-spacing:0.05em;
}

.contact-meta-val {
	font-family:var(--nuse-f61);
	font-size:var(--nuse-840);
	color:var(--ink);
}

.contact-meta-val a {
	color:var(--ink);
	text-decoration:none;
}

.contact-meta-val a:hover {
	color:var(--accent);
	text-decoration:underline;
}

.contact-meta-val a:focus-visible {
	outline:2px solid var(--accent);
	outline-offset:2px;
}

.faq-accordion-group {
	display:flex;
	flex-direction:column;
	gap:var(--space-xs);
	margin-block:var(--space-l);
}

.faq-item {
	background-color:var(--surface);
	border:1px solid var(--line);
	border-radius:var(--radius-xs);
}

.faq-item[open] { border-color:var(--accent); }

.faq-question {
	padding:var(--space-m);
	cursor:pointer;
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:var(--space-s);
	font-family:var(--nuse-eab);
	font-size:var(--nuse-840);
	font-weight:600;
	color:var(--ink);
	list-style:none;
	min-height:44px;
}

.faq-question::-webkit-details-marker { display:none; }

.faq-question:hover { color:var(--accent); }

.faq-question:focus-visible {
	outline:2px solid var(--accent);
	outline-offset:-2px;
}

.faq-answer {
	padding:0 var(--space-m) var(--space-m) var(--space-m);
	border-top:1px solid var(--line);
	font-size:var(--step--1);
	line-height:1.65;
	color:var(--ink-soft);
}

.faq-answer p { margin-top:var(--space-xs); }

.telemetry-table {
	width:100%;
	margin-block:var(--space-m);
	font-size:var(--step--1);
	border:1px solid var(--line);
	background-color:var(--ground);
}

.telemetry-table th {
	background-color:var(--surface);
	padding:var(--space-xs) var(--space-s);
	font-family:var(--nuse-f61);
	font-size:var(--step--2);
	color:var(--ink);
	border-bottom:1px solid var(--line);
	text-align:left;
}

.telemetry-table td {
	padding:var(--space-xs) var(--space-s);
	border-bottom:1px solid var(--line);
	font-family:var(--nuse-f61);
	color:var(--ink-soft);
	vertical-align:top;
}

.telemetry-table tr:last-child td { border-bottom:none; }

.telemetry-table .param-name {
	color:var(--accent);
	font-weight:500;
}

/* 404 Error Diagnostics Screen */
.error-screen-container {
	padding-block:var(--space-3xl);
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	max-width:760px;
	margin-inline:auto;
}

.error-diagnostic-panel {
	width:100%;
	background-color:var(--surface);
	border:1px solid var(--line);
	border-radius:var(--radius-xs);
	padding:var(--space-l);
	margin-block:var(--space-m);
	font-family:var(--nuse-f61);
	font-size:var(--step--1);
	display:flex;
	flex-direction:column;
	gap:var(--space-xs);
}

.error-diagnostic-panel .err-code {
	color:#ff8585;
	font-size:var(--nuse-55f);
	font-weight:700;
}

@media (max-width: 1024px) {
	.hero-opening-grid {
		grid-template-columns:1fr;
		grid-template-areas:
			'head'
			'plate'
			'sidebar';
		gap:var(--space-l);
	}

	.hero-plate-figure img { height:clamp(240px, 48vw, 420px); }

	.flip-cards-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }

	.cookie-notes-layout {
		grid-template-columns:1fr;
		gap:var(--space-xl);
	}

	.cookie-notes-col { display:none; }

	.inline-note-marker {
		display:block;
		width:100%;
		margin-top:var(--space-s);
		background-color:var(--surface);
		border-left:3px solid var(--accent);
		padding:var(--space-s);
		font-family:var(--nuse-f61);
		font-size:var(--step--1);
	}

	.terms-sticky-layout {
		grid-template-columns:1fr;
		gap:var(--space-l);
	}

	.terms-sidebar-index { display:none; }

	.terms-mobile-jump { display:block; }

	.services-catalog-grid { grid-template-columns:1fr; }

	.tool-interface-grid { grid-template-columns:1fr; }

	.contact-page-grid { grid-template-columns:1fr; }
}

@media (max-width: 768px) {
	.hero-opening { padding-bottom:var(--space-xl); }

	.flip-cards-grid { grid-template-columns:1fr; }

	.pinned-crossfade-stage { min-height:auto; }

	.pinned-stage-sticky {
		position:relative;
		top:0;
		height:auto;
		padding-block:var(--space-l);
	}

	.crossfade-pane {
		position:relative;
		opacity:1;
		transform:none;
		pointer-events:auto;
		margin-bottom:var(--space-xl);
	}

	.crossfade-progress-container,
	.crossfade-nav-dots { display:none; }
}

@media (max-width: 480px) {
	.asymmetric-lockup .lockup-offset { margin-left:0; }

	.asymmetric-lockup .lockup-offset::after { display:none; }

	.tool-container { padding:var(--space-m); }

	.tool-radio-grid { grid-template-columns:1fr; }
}

@media (prefers-reduced-motion: reduce) {
	.crossfade-pane { transition:none !important; }

	.crossfade-progress-fill { transition:none !important; }
}