:root {
			--bg: #120507;
			--bg-2: #24090d;
			--panel: rgba(28, 8, 12, 0.76);
			--panel-strong: rgba(34, 9, 14, 0.92);
			--line: rgba(255, 95, 95, 0.22);
			--cyan: #ff5f5f;
			--ice: #ffd7d7;
			--blue: #ff7b47;
			--amber: #ffb36b;
			--text: #edf7ff;
			--muted: #c49a9f;
			--danger: #ff7c66;
			--shadow: 0 24px 80px rgba(0, 0, 0, 0.35);
			--radius: 22px;
			--max: 1240px;
		}

		* {
			box-sizing: border-box;
		}

		html {
			scroll-behavior: smooth;
		}

		body {
			margin: 0;
			font-family: "Space Grotesk", sans-serif;
			color: var(--text);
			background:
				radial-gradient(circle at 15% 20%, rgba(255, 90, 90, 0.2), transparent 28%),
				radial-gradient(circle at 85% 15%, rgba(255, 122, 71, 0.16), transparent 22%),
				radial-gradient(circle at 50% 70%, rgba(255, 179, 107, 0.08), transparent 24%),
				linear-gradient(135deg, #050101 0%, #120507 42%, #22080d 100%);
			min-height: 100vh;
			overflow-x: hidden;
		}

		body::before,
		body::after {
			content: "";
			position: fixed;
			inset: 0;
			pointer-events: none;
			z-index: -1;
		}

		body::before {
			background-image:
				linear-gradient(rgba(127, 255, 225, 0.05) 1px, transparent 1px),
				linear-gradient(90deg, rgba(127, 255, 225, 0.05) 1px, transparent 1px);
			background-size: 72px 72px;
			mask-image: linear-gradient(to bottom, transparent, black 18%, black 82%, transparent);
		}

		body::after {
			background: linear-gradient(180deg, transparent 0%, rgba(18, 5, 7, 0.18) 100%);
		}

		a {
			color: inherit;
			text-decoration: none;
		}

		img {
			max-width: 100%;
			display: block;
		}

		.shell {
			width: min(var(--max), calc(100% - 40px));
			margin: 0 auto;
		}

		.topbar {
			position: sticky;
			top: 0;
			z-index: 20;
			backdrop-filter: blur(18px);
			background: rgba(4, 10, 19, 0.5);
			border-bottom: 1px solid rgba(127, 255, 225, 0.08);
		}

		.topbar .shell {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 18px;
			padding: 14px 0;
		}

		.brand {
			display: flex;
			align-items: center;
			gap: 14px;
			font-family: "Orbitron", sans-serif;
			letter-spacing: 0.08em;
			text-transform: uppercase;
		}

		.brand-mark {
			width: 42px;
			height: 42px;
			border-radius: 14px;
			display: grid;
			place-items: center;
			background: linear-gradient(135deg, rgba(127, 255, 225, 0.28), rgba(83, 182, 255, 0.28));
			box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 0 30px rgba(83, 182, 255, 0.16);
		}

		.brand-mark span {
			width: 18px;
			height: 18px;
			border-radius: 6px;
			border: 2px solid var(--cyan);
			position: relative;
		}

		.brand-mark span::after {
			content: "";
			position: absolute;
			width: 10px;
			height: 2px;
			background: var(--cyan);
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			box-shadow: 0 0 12px var(--cyan);
		}

		.nav {
			display: flex;
			gap: 18px;
			flex-wrap: wrap;
			justify-content: flex-end;
			color: var(--muted);
			font-size: 0.95rem;
		}

		.nav a:hover {
			color: var(--ice);
		}

		.hero {
			padding: 72px 0 36px;
		}

		.hero-grid {
			display: grid;
			grid-template-columns: 1.2fr 0.8fr;
			gap: 28px;
			align-items: stretch;
		}

		.hero-copy,
		.hero-panel,
		.panel,
		.card,
		.spec-card,
		.bom-card,
		.step,
		.faq-item {
			background: var(--panel);
			border: 1px solid rgba(127, 255, 225, 0.12);
			border-radius: var(--radius);
			box-shadow: var(--shadow);
			backdrop-filter: blur(14px);
		}

		.hero-copy {
			padding: 34px;
			position: relative;
			overflow: hidden;
		}

		.hero-copy::before {
			content: "";
			position: absolute;
			inset: auto -40px -60px auto;
			width: 220px;
			height: 220px;
			border-radius: 50%;
			background: radial-gradient(circle, rgba(127, 255, 225, 0.18), transparent 65%);
		}

		.eyebrow {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			padding: 8px 12px;
			border-radius: 999px;
			border: 1px solid rgba(127, 255, 225, 0.18);
			background: rgba(127, 255, 225, 0.08);
			color: var(--ice);
			font-size: 0.82rem;
			text-transform: uppercase;
			letter-spacing: 0.12em;
		}

		h1,
		h2,
		h3,
		.stat-value,
		.table-title {
			font-family: "Orbitron", sans-serif;
			letter-spacing: 0.04em;
		}

		h1 {
			font-size: clamp(2.6rem, 5vw, 5.2rem);
			line-height: 0.96;
			margin: 18px 0;
			max-width: 11ch;
		}

		.hero-copy p {
			color: var(--muted);
			font-size: 1.08rem;
			line-height: 1.7;
			max-width: 62ch;
		}

		.cta-row {
			display: flex;
			gap: 14px;
			flex-wrap: wrap;
			margin-top: 26px;
		}

		.btn,
		.btn-secondary {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			min-height: 48px;
			padding: 0 20px;
			border-radius: 999px;
			font-weight: 700;
			transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
			cursor: pointer;
		}

		.btn {
			color: #03111b;
			background: linear-gradient(135deg, var(--cyan), #d7fff8);
			box-shadow: 0 10px 30px rgba(127, 255, 225, 0.18);
		}

		.btn-secondary {
			border: 1px solid rgba(127, 255, 225, 0.18);
			color: var(--ice);
			background: rgba(255, 255, 255, 0.02);
		}

		.btn:hover,
		.btn-secondary:hover {
			transform: translateY(-2px);
		}

		.hero-kpis {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 14px;
			margin-top: 26px;
		}

		.kpi {
			padding: 16px;
			border-radius: 18px;
			background: rgba(255, 255, 255, 0.03);
			border: 1px solid rgba(255, 255, 255, 0.05);
		}

		.kpi strong {
			display: block;
			font-size: 1.45rem;
			font-family: "Orbitron", sans-serif;
			color: var(--ice);
			margin-bottom: 6px;
		}

		.kpi span {
			color: var(--muted);
			font-size: 0.92rem;
		}

		.hero-panel {
			padding: 26px;
			display: grid;
			gap: 18px;
			align-content: start;
			background:
				linear-gradient(180deg, rgba(127, 255, 225, 0.06), rgba(255, 255, 255, 0.02)),
				var(--panel-strong);
		}

		.panel-tag {
			display: inline-flex;
			width: fit-content;
			padding: 7px 11px;
			border-radius: 999px;
			background: rgba(255, 200, 111, 0.1);
			border: 1px solid rgba(255, 200, 111, 0.2);
			color: var(--amber);
			font-size: 0.82rem;
			text-transform: uppercase;
			letter-spacing: 0.1em;
		}

		.signal-grid {
			display: grid;
			gap: 12px;
		}

		.signal {
			padding: 14px 16px;
			border-radius: 18px;
			border: 1px solid rgba(127, 255, 225, 0.12);
			background: rgba(2, 10, 20, 0.5);
		}

		.signal small {
			display: block;
			color: var(--muted);
			margin-bottom: 6px;
			text-transform: uppercase;
			letter-spacing: 0.09em;
		}

		.signal strong {
			font-size: 1rem;
			color: var(--ice);
		}

		.machine-visual {
			position: relative;
			padding: 20px;
			border-radius: 22px;
			background:
				radial-gradient(circle at 20% 15%, rgba(127, 255, 225, 0.14), transparent 30%),
				linear-gradient(160deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.015));
			border: 1px solid rgba(127, 255, 225, 0.14);
			overflow: hidden;
		}

		.machine-visual::before {
			content: "";
			position: absolute;
			inset: 0;
			background: linear-gradient(180deg, transparent, rgba(83, 182, 255, 0.08));
			pointer-events: none;
		}

		.machine-frame {
			position: relative;
			height: 320px;
			border-radius: 24px;
			background:
				linear-gradient(180deg, rgba(0, 0, 0, 0.22), rgba(255, 255, 255, 0.03)),
				linear-gradient(135deg, rgba(8, 17, 31, 0.92), rgba(17, 37, 63, 0.92));
			border: 1px solid rgba(127, 255, 225, 0.16);
			box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03), 0 18px 44px rgba(0, 0, 0, 0.28);
			overflow: hidden;
		}

		.machine-frame::before,
		.machine-frame::after {
			content: "";
			position: absolute;
			left: 5%;
			right: 5%;
			height: 1px;
			background: linear-gradient(90deg, transparent, rgba(127, 255, 225, 0.32), transparent);
		}

		.machine-frame::before {
			top: 20%;
		}

		.machine-frame::after {
			bottom: 18%;
		}

		.machine-top {
			position: absolute;
			top: 22px;
			left: 22px;
			right: 22px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			gap: 10px;
			z-index: 1;
		}

		.machine-label {
			padding: 8px 12px;
			border-radius: 999px;
			border: 1px solid rgba(127, 255, 225, 0.18);
			background: rgba(3, 11, 22, 0.55);
			font-size: 0.74rem;
			text-transform: uppercase;
			letter-spacing: 0.14em;
			color: var(--ice);
		}

		.machine-core {
			position: absolute;
			inset: 72px 34px 30px;
			display: grid;
			grid-template-columns: 0.9fr 1.1fr 0.9fr;
			gap: 16px;
			align-items: center;
		}

		.machine-stack,
		.machine-bus,
		.machine-panel-card {
			border-radius: 20px;
			border: 1px solid rgba(127, 255, 225, 0.14);
			background: rgba(4, 12, 24, 0.72);
		}

		.machine-stack {
			padding: 18px 14px;
			display: grid;
			gap: 9px;
		}

		.machine-cell {
			height: 18px;
			border-radius: 999px;
			background: linear-gradient(90deg, rgba(255, 200, 111, 0.22), rgba(127, 255, 225, 0.16));
			border: 1px solid rgba(255, 255, 255, 0.05);
			position: relative;
		}

		.machine-cell::after {
			content: "";
			position: absolute;
			left: 24%;
			top: -6px;
			bottom: -6px;
			width: 5px;
			border-radius: 999px;
			background: linear-gradient(180deg, rgba(127, 255, 225, 0.95), rgba(83, 182, 255, 0.45));
			box-shadow: 0 0 18px rgba(127, 255, 225, 0.28);
		}

		.machine-bus {
			position: relative;
			height: 100%;
			min-height: 164px;
			display: grid;
			place-items: center;
			overflow: hidden;
		}

		.machine-bus::before {
			content: "";
			position: absolute;
			width: 72%;
			height: 2px;
			background: linear-gradient(90deg, transparent, var(--cyan), transparent);
			box-shadow: 0 0 26px rgba(127, 255, 225, 0.44);
			animation: pulseLine 2.8s linear infinite;
		}

		.machine-bus::after {
			content: "";
			position: absolute;
			width: 140px;
			height: 140px;
			border-radius: 50%;
			border: 1px solid rgba(127, 255, 225, 0.22);
			box-shadow: inset 0 0 24px rgba(83, 182, 255, 0.14), 0 0 36px rgba(83, 182, 255, 0.14);
		}

		.machine-orbit,
		.machine-orbit::before,
		.machine-orbit::after {
			position: absolute;
			border-radius: 50%;
			border: 1px solid rgba(127, 255, 225, 0.14);
		}

		.machine-orbit {
			width: 100px;
			height: 100px;
		}

		.machine-orbit::before,
		.machine-orbit::after {
			content: "";
			inset: -16px;
		}

		.machine-orbit::after {
			inset: -32px;
		}

		.machine-panel-card {
			padding: 16px;
			display: grid;
			gap: 12px;
		}

		.machine-metric {
			padding: 10px 12px;
			border-radius: 16px;
			background: rgba(255, 255, 255, 0.03);
			border: 1px solid rgba(255, 255, 255, 0.05);
		}

		.machine-metric small {
			display: block;
			color: var(--muted);
			text-transform: uppercase;
			letter-spacing: 0.1em;
			margin-bottom: 4px;
		}

		.machine-metric strong {
			font-family: "Orbitron", sans-serif;
			color: var(--ice);
			font-size: 1.02rem;
		}

		.metrics-band {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 12px;
			margin-top: 14px;
		}

		.metric-chip {
			padding: 12px 14px;
			border-radius: 16px;
			background: rgba(255, 255, 255, 0.03);
			border: 1px solid rgba(127, 255, 225, 0.1);
		}

		.metric-chip span {
			display: block;
			font-size: 0.76rem;
			letter-spacing: 0.1em;
			text-transform: uppercase;
			color: var(--muted);
			margin-bottom: 6px;
		}

		.metric-chip strong {
			font-family: "Orbitron", sans-serif;
			color: var(--ice);
		}

		.diagram-board {
			padding: 26px;
			border-radius: 28px;
			background:
				linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01)),
				var(--panel-strong);
			border: 1px solid rgba(127, 255, 225, 0.12);
			box-shadow: var(--shadow);
		}

		.diagram-grid {
			display: grid;
			grid-template-columns: repeat(4, minmax(0, 1fr));
			gap: 16px;
			margin-top: 18px;
		}

		.diagram-block {
			position: relative;
			padding: 20px;
			min-height: 200px;
			border-radius: 22px;
			background: rgba(4, 12, 24, 0.78);
			border: 1px solid rgba(127, 255, 225, 0.12);
			overflow: hidden;
		}

		.diagram-block::after {
			content: "";
			position: absolute;
			inset: auto 0 0 0;
			height: 2px;
			background: linear-gradient(90deg, transparent, rgba(127, 255, 225, 0.42), transparent);
		}

		.diagram-block h3 {
			margin: 0 0 12px;
			font-size: 1rem;
		}

		.diagram-block ul {
			padding-left: 18px;
			margin: 0;
			display: grid;
			gap: 10px;
		}

		.sequence-grid {
			display: grid;
			grid-template-columns: repeat(5, minmax(0, 1fr));
			gap: 14px;
			margin-top: 18px;
		}

		.sequence-card {
			padding: 18px;
			border-radius: 18px;
			background: rgba(255, 255, 255, 0.03);
			border: 1px solid rgba(127, 255, 225, 0.1);
		}

		.sequence-card strong {
			display: block;
			margin-bottom: 8px;
			font-family: "Orbitron", sans-serif;
			color: var(--ice);
			font-size: 0.92rem;
		}

		.vendor-table td:first-child,
		.vendor-table th:first-child {
			white-space: nowrap;
		}

		.supplier-tag {
			display: inline-flex;
			padding: 6px 10px;
			border-radius: 999px;
			border: 1px solid rgba(255, 255, 255, 0.06);
			background: rgba(255, 255, 255, 0.03);
			font-size: 0.84rem;
			color: var(--ice);
			margin: 4px 6px 0 0;
		}

		.deep-note {
			margin-top: 18px;
			padding: 18px 20px;
			border-radius: 20px;
			background: rgba(83, 182, 255, 0.08);
			border: 1px solid rgba(83, 182, 255, 0.16);
			color: #d8efff;
			line-height: 1.7;
		}

		.board-grid {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 16px;
			margin-top: 18px;
		}

		.board-card {
			padding: 20px;
			border-radius: 22px;
			background: rgba(4, 12, 24, 0.78);
			border: 1px solid rgba(127, 255, 225, 0.12);
			box-shadow: var(--shadow);
		}

		.board-card h3 {
			margin: 0 0 12px;
			font-size: 1rem;
		}

		.board-card ul {
			margin: 0;
			padding-left: 18px;
			display: grid;
			gap: 10px;
		}

		.component-grid {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 16px;
			margin-top: 18px;
		}

		.component-card {
			padding: 20px;
			border-radius: 22px;
			background: rgba(255, 255, 255, 0.03);
			border: 1px solid rgba(127, 255, 225, 0.1);
		}

		.component-card h3 {
			margin: 0 0 12px;
			font-size: 1rem;
		}

		.component-card p {
			margin: 0;
			color: var(--muted);
			line-height: 1.7;
		}

		.inline-tags {
			display: flex;
			flex-wrap: wrap;
			gap: 8px;
			margin-top: 14px;
		}

		.integration-table td:first-child,
		.integration-table th:first-child {
			white-space: nowrap;
		}

		.svg-board {
			margin-top: 18px;
			padding: 20px;
			border-radius: 24px;
			background: rgba(4, 12, 24, 0.82);
			border: 1px solid rgba(127, 255, 225, 0.12);
			overflow: hidden;
		}

		.svg-board svg {
			width: 100%;
			height: auto;
			display: block;
		}

		.rd-grid {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 18px;
		}

		.rd-card {
			padding: 22px;
			border-radius: 22px;
			background: rgba(4, 12, 24, 0.78);
			border: 1px solid rgba(127, 255, 225, 0.12);
			box-shadow: var(--shadow);
		}

		.rd-card h3 {
			margin: 0 0 12px;
			font-size: 1rem;
		}

		.rd-card ul {
			margin: 0;
			padding-left: 18px;
			display: grid;
			gap: 10px;
		}

		.risk-high,
		.risk-medium,
		.risk-low {
			display: inline-flex;
			padding: 6px 10px;
			border-radius: 999px;
			font-size: 0.82rem;
			text-transform: uppercase;
			letter-spacing: 0.08em;
			font-weight: 700;
		}

		.risk-high {
			background: rgba(255, 143, 122, 0.12);
			border: 1px solid rgba(255, 143, 122, 0.26);
			color: #ffd2c8;
		}

		.risk-medium {
			background: rgba(255, 200, 111, 0.12);
			border: 1px solid rgba(255, 200, 111, 0.24);
			color: #ffe0a9;
		}

		.risk-low {
			background: rgba(127, 255, 225, 0.1);
			border: 1px solid rgba(127, 255, 225, 0.2);
			color: var(--ice);
		}

		.impact-grid {
			display: grid;
			grid-template-columns: 1.1fr 0.9fr;
			gap: 18px;
		}

		.chart-card,
		.pitch-card {
			padding: 24px;
			border-radius: 24px;
			background: rgba(4, 12, 24, 0.78);
			border: 1px solid rgba(127, 255, 225, 0.12);
			box-shadow: var(--shadow);
		}

		.chart-card h3,
		.pitch-card h3 {
			margin: 0 0 12px;
			font-size: 1rem;
		}

		.chart-stack {
			display: grid;
			gap: 16px;
			margin-top: 16px;
		}

		.chart-row {
			display: grid;
			grid-template-columns: 180px 1fr;
			gap: 14px;
			align-items: center;
		}

		.chart-label strong {
			display: block;
			font-family: "Orbitron", sans-serif;
			color: var(--ice);
			font-size: 0.92rem;
			margin-bottom: 4px;
		}

		.chart-label span {
			color: var(--muted);
			font-size: 0.9rem;
		}

		.bar-pair {
			display: grid;
			gap: 10px;
		}

		.bar-track {
			position: relative;
			height: 18px;
			border-radius: 999px;
			background: rgba(255, 255, 255, 0.05);
			overflow: hidden;
			border: 1px solid rgba(255, 255, 255, 0.04);
		}

		.bar-fill {
			height: 100%;
			border-radius: inherit;
			display: flex;
			align-items: center;
			justify-content: flex-end;
			padding-right: 8px;
			font-size: 0.78rem;
			font-weight: 700;
		}

		.bar-before {
			background: linear-gradient(90deg, rgba(255, 143, 122, 0.55), rgba(255, 200, 111, 0.55));
			color: #fff3dd;
		}

		.bar-after {
			background: linear-gradient(90deg, rgba(83, 182, 255, 0.75), rgba(127, 255, 225, 0.82));
			color: #03111b;
		}

		.legend-row {
			display: flex;
			gap: 16px;
			flex-wrap: wrap;
			margin-top: 16px;
		}

		.legend-item {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			color: var(--muted);
			font-size: 0.9rem;
		}

		.legend-swatch {
			width: 14px;
			height: 14px;
			border-radius: 50%;
		}

		.pitch-kpis {
			display: grid;
			gap: 12px;
			margin-top: 16px;
		}

		.pitch-kpi {
			padding: 14px 16px;
			border-radius: 16px;
			background: rgba(255, 255, 255, 0.03);
			border: 1px solid rgba(127, 255, 225, 0.1);
		}

		.pitch-kpi strong {
			display: block;
			font-family: "Orbitron", sans-serif;
			color: var(--ice);
			margin-bottom: 6px;
			font-size: 0.92rem;
		}

		.pitch-kpi span,
		.pitch-card p {
			color: var(--muted);
			line-height: 1.7;
		}

		.lab-grid {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 18px;
		}

		.lab-card,
		.roi-card {
			padding: 24px;
			border-radius: 24px;
			background: rgba(4, 12, 24, 0.78);
			border: 1px solid rgba(127, 255, 225, 0.12);
			box-shadow: var(--shadow);
		}

		.lab-card h3,
		.roi-card h3 {
			margin: 0 0 12px;
			font-size: 1rem;
		}

		.lab-svg {
			margin-top: 16px;
			padding: 14px;
			border-radius: 20px;
			background: rgba(2, 10, 20, 0.64);
			border: 1px solid rgba(127, 255, 225, 0.1);
		}

		.lab-svg svg {
			width: 100%;
			height: auto;
			display: block;
		}

		.roi-kpis {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 12px;
			margin-top: 16px;
		}

		.roi-kpi {
			padding: 14px 16px;
			border-radius: 16px;
			background: rgba(255, 255, 255, 0.03);
			border: 1px solid rgba(127, 255, 225, 0.1);
		}

		.roi-kpi strong {
			display: block;
			font-family: "Orbitron", sans-serif;
			color: var(--ice);
			font-size: 1rem;
			margin-bottom: 6px;
		}

		.roi-kpi span,
		.roi-card p {
			color: var(--muted);
			line-height: 1.7;
		}

		@keyframes pulseLine {
			0% {
				transform: scaleX(0.65);
				opacity: 0.35;
			}

			50% {
				transform: scaleX(1);
				opacity: 1;
			}

			100% {
				transform: scaleX(0.65);
				opacity: 0.35;
			}
		}

		section {
			padding: 28px 0;
		}

		.section-head {
			display: flex;
			align-items: end;
			justify-content: space-between;
			gap: 18px;
			margin-bottom: 22px;
		}

		.section-head p {
			color: var(--muted);
			max-width: 65ch;
			line-height: 1.7;
			margin: 0;
		}

		h2 {
			font-size: clamp(1.5rem, 2.5vw, 2.6rem);
			margin: 0 0 10px;
		}

		.grid-3,
		.grid-4,
		.grid-2 {
			display: grid;
			gap: 18px;
		}

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

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

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

		.card,
		.spec-card,
		.step,
		.bom-card,
		.faq-item {
			padding: 22px;
			position: relative;
			overflow: hidden;
		}

		.card::before,
		.spec-card::before,
		.bom-card::before,
		.step::before {
			content: "";
			position: absolute;
			inset: 0 auto auto 0;
			width: 100%;
			height: 1px;
			background: linear-gradient(90deg, transparent, rgba(127, 255, 225, 0.45), transparent);
			opacity: 0.8;
		}

		.card h3,
		.spec-card h3,
		.step h3,
		.bom-card h3,
		.faq-item h3 {
			margin: 0 0 10px;
			font-size: 1.04rem;
			color: var(--ice);
		}

		.card p,
		.spec-card p,
		.step p,
		.bom-card p,
		.faq-item p,
		li {
			margin: 0;
			color: var(--muted);
			line-height: 1.7;
		}

		.icon {
			width: 48px;
			height: 48px;
			margin-bottom: 16px;
			border-radius: 16px;
			display: grid;
			place-items: center;
			border: 1px solid rgba(127, 255, 225, 0.18);
			background: linear-gradient(135deg, rgba(127, 255, 225, 0.12), rgba(83, 182, 255, 0.06));
			color: var(--cyan);
			font-family: "Orbitron", sans-serif;
		}

		.workflow {
			display: grid;
			grid-template-columns: repeat(4, minmax(0, 1fr));
			gap: 18px;
		}

		.step-index {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			width: 34px;
			height: 34px;
			border-radius: 50%;
			margin-bottom: 14px;
			background: rgba(127, 255, 225, 0.12);
			border: 1px solid rgba(127, 255, 225, 0.18);
			font-family: "Orbitron", sans-serif;
			color: var(--cyan);
		}

		.blueprint {
			display: grid;
			grid-template-columns: 1.1fr 0.9fr;
			gap: 18px;
			align-items: stretch;
		}

		.panel {
			padding: 26px;
		}

		.system-diagram {
			display: grid;
			gap: 12px;
			margin-top: 18px;
		}

		.system-node {
			display: grid;
			grid-template-columns: 160px 1fr;
			gap: 14px;
			padding: 14px;
			border-radius: 18px;
			background: rgba(255, 255, 255, 0.03);
			border: 1px solid rgba(255, 255, 255, 0.06);
			align-items: start;
		}

		.system-node strong {
			font-family: "Orbitron", sans-serif;
			font-size: 0.92rem;
			color: var(--ice);
			text-transform: uppercase;
		}

		.bullet-list {
			display: grid;
			gap: 12px;
			padding: 0;
			margin: 18px 0 0;
			list-style: none;
		}

		.bullet-list li {
			padding-left: 18px;
			position: relative;
		}

		.bullet-list li::before {
			content: "";
			position: absolute;
			left: 0;
			top: 0.72em;
			width: 8px;
			height: 8px;
			border-radius: 50%;
			background: var(--cyan);
			box-shadow: 0 0 14px rgba(127, 255, 225, 0.5);
		}

		table {
			width: 100%;
			border-collapse: collapse;
			margin-top: 18px;
			font-size: 0.96rem;
		}

		th,
		td {
			text-align: left;
			padding: 14px 12px;
			border-bottom: 1px solid rgba(127, 255, 225, 0.1);
			vertical-align: top;
		}

		th {
			color: var(--ice);
			font-family: "Orbitron", sans-serif;
			font-size: 0.82rem;
			letter-spacing: 0.08em;
			text-transform: uppercase;
		}

		.pill-row {
			display: flex;
			flex-wrap: wrap;
			gap: 10px;
			margin-top: 18px;
		}

		.pill {
			padding: 9px 12px;
			border-radius: 999px;
			border: 1px solid rgba(127, 255, 225, 0.16);
			background: rgba(255, 255, 255, 0.03);
			color: var(--ice);
			font-size: 0.9rem;
		}

		.warning {
			padding: 18px 20px;
			border-radius: 20px;
			background: rgba(255, 143, 122, 0.08);
			border: 1px solid rgba(255, 143, 122, 0.2);
			color: #ffd2c8;
			line-height: 1.7;
		}

		.footer {
			padding: 40px 0 60px;
			color: var(--muted);
			font-size: 0.92rem;
		}

		.footer-grid {
			display: grid;
			grid-template-columns: 1fr auto;
			gap: 16px;
			align-items: start;
		}

		.reveal {
			opacity: 0;
			transform: translateY(24px);
			transition: opacity 700ms ease, transform 700ms ease;
		}

		.reveal.visible {
			opacity: 1;
			transform: translateY(0);
		}

		@media (max-width: 1080px) {
			.hero-grid,
			.blueprint,
			.grid-4,
			.grid-3,
			.workflow,
			.diagram-grid,
			.sequence-grid,
			.board-grid,
			.component-grid,
			.rd-grid,
			.impact-grid,
			.lab-grid {
				grid-template-columns: repeat(2, minmax(0, 1fr));
			}

			.hero-kpis {
				grid-template-columns: 1fr;
			}

			.machine-core {
				grid-template-columns: 1fr;
			}

			.machine-frame {
				height: auto;
				min-height: 520px;
			}
		}

		@media (max-width: 760px) {
			.shell {
				width: min(var(--max), calc(100% - 24px));
			}

			.topbar .shell,
			.section-head,
			.footer-grid {
				grid-template-columns: 1fr;
				display: grid;
				justify-content: stretch;
			}

			.nav {
				justify-content: flex-start;
			}

			.hero {
				padding-top: 44px;
			}

			.hero-grid,
			.blueprint,
			.grid-4,
			.grid-3,
			.grid-2,
			.workflow,
			.diagram-grid,
			.sequence-grid,
			.metrics-band,
			.board-grid,
			.component-grid,
			.rd-grid,
			.impact-grid,
			.lab-grid,
			.roi-kpis {
				grid-template-columns: 1fr;
			}

			.chart-row {
				grid-template-columns: 1fr;
			}

			h1 {
				max-width: 100%;
			}

			.hero-copy,
			.hero-panel,
			.panel,
			.card,
			.spec-card,
			.bom-card,
			.step,
			.faq-item {
				padding: 20px;
			}

			.system-node {
				grid-template-columns: 1fr;
			}

			.machine-frame {
				min-height: 580px;
			}
		}