@import url("https://kynetra.dev/theme/v1/kynetra-theme.css?v=1.6.6");

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--kx-color-canvas); color: var(--kx-color-text-primary); font-family: var(--kx-font-family-sans); }
a { color: inherit; }
.machine-site { min-height: 100vh; overflow: clip; }
.machine-nav { position: sticky; top: 0; z-index: 60; background: var(--kx-color-canvas); }
.machine-identity { display: inline-flex; min-width: 0; align-items: center; gap: var(--kx-space-2); color: var(--kx-color-text-primary); text-decoration: none; white-space: nowrap; }
.machine-identity .kx-mark { margin-right: var(--kx-space-2); }
.machine-links { display: flex; align-items: center; gap: var(--kx-space-5); margin-left: auto; }
.machine-links a, .machine-preview-link { color: var(--kx-color-text-muted); font-size: var(--kx-font-size-sm); font-weight: var(--kx-font-weight-medium); text-decoration: none; white-space: nowrap; }
.machine-links a:hover, .machine-links a:focus-visible, .machine-preview-link:hover, .machine-preview-link:focus-visible { color: var(--kx-color-text-primary); }
.machine-actions { display: flex; align-items: center; gap: var(--kx-space-3); margin-left: var(--kx-space-6); }
.machine-preview-link { padding: 8px 12px; border: 1px solid var(--kx-color-border-strong); border-radius: var(--kx-control-radius); color: var(--kx-color-text-primary); }
.machine-hero { min-height: calc(100vh - var(--kx-nav-height)); }
.machine-hero-inner { display: grid; grid-template-columns: minmax(0, .9fr) minmax(440px, .76fr); align-items: center; gap: clamp(var(--kx-space-8), 7vw, var(--kx-space-12)); min-height: calc(100vh - var(--kx-nav-height)); padding-block: clamp(72px, 10vh, 128px); }
.machine-hero-copy .kx-title { max-width: 12ch; margin-top: var(--kx-space-6); text-wrap: balance; }
.machine-hero-copy .kx-lede { max-width: 61ch; }
.machine-domain-line { display: flex; flex-wrap: wrap; gap: var(--kx-space-3) var(--kx-space-6); margin-top: var(--kx-space-10); padding-top: var(--kx-space-5); border-top: 1px solid var(--kx-color-border-default); }
.machine-domain-line span { color: var(--kx-color-text-muted); font-family: var(--kx-font-family-mono); font-size: 10px; letter-spacing: .06em; text-transform: uppercase; }
.machine-passport { position: relative; border: 1px solid var(--kx-color-border-strong); border-radius: var(--kx-card-radius); background: var(--kx-color-surface-subtle); box-shadow: 14px 14px 0 var(--kx-color-canvas), 14px 14px 0 1px var(--kx-color-border-default); overflow: hidden; }
.machine-passport::before { content: "EDGE TELEMETRY // LIVE"; position: absolute; right: 12px; bottom: calc(100% + 10px); color: var(--kx-color-text-faint); font-family: var(--kx-font-family-mono); font-size: 9px; letter-spacing: .1em; }
.machine-passport-bar, .machine-work-bar { display: flex; justify-content: space-between; gap: var(--kx-space-5); padding: 13px 16px; border-bottom: 1px solid var(--kx-color-border-default); color: var(--kx-color-text-muted); font-family: var(--kx-font-family-mono); font-size: 9px; letter-spacing: .09em; text-transform: uppercase; }
.machine-passport-title { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--kx-space-5); padding: var(--kx-space-6); }
.machine-passport-title small, .machine-passport-title span, .machine-vitals span, .machine-work-main small, .machine-work-route span { display: block; color: var(--kx-color-text-muted); font-family: var(--kx-font-family-mono); font-size: 9px; letter-spacing: .07em; text-transform: uppercase; }
.machine-passport-title strong { display: block; margin: var(--kx-space-2) 0; font-size: var(--kx-font-size-lg); }
.machine-passport-title b { display: inline-flex; align-items: center; gap: 7px; color: var(--kx-color-status-success); font-family: var(--kx-font-family-mono); font-size: 9px; font-weight: var(--kx-font-weight-medium); text-transform: uppercase; }
.machine-passport-title b i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.machine-silhouette { position: relative; height: 180px; margin: 0 var(--kx-space-6); border-block: 1px solid var(--kx-color-border-default); overflow: hidden; }
.machine-silhouette::before, .machine-silhouette::after { content: ""; position: absolute; background: var(--kx-color-border-default); }
.machine-silhouette::before { left: 0; right: 0; top: 50%; height: 1px; }
.machine-silhouette::after { top: 0; bottom: 0; left: 50%; width: 1px; }
.machine-body { position: absolute; left: 30%; top: 64px; width: 43%; height: 58px; border: 1px solid var(--kx-color-border-strong); background: var(--kx-color-surface-default); transform: skewX(-8deg); }
.machine-body i { position: absolute; top: 12px; width: 6px; height: 6px; border: 1px solid var(--kx-color-border-strong); border-radius: 50%; }
.machine-body i:nth-child(1) { left: 20%; }.machine-body i:nth-child(2) { left: 48%; }.machine-body i:nth-child(3) { left: 76%; }
.machine-cab { position: absolute; z-index: 2; left: 45%; top: 25px; width: 24%; height: 54px; border: 1px solid var(--kx-color-border-strong); border-bottom: 0; transform: skewX(-10deg); }
.machine-cab span { position: absolute; inset: 9px 10px 8px; border: 1px solid var(--kx-color-border-default); }
.machine-wheel { position: absolute; z-index: 3; top: 100px; border: 8px double var(--kx-color-border-strong); border-radius: 50%; background: var(--kx-color-canvas); }
.machine-wheel::after { content: ""; position: absolute; inset: 37%; border-radius: 50%; background: var(--kx-color-text-muted); }
.machine-wheel-a { left: 34%; width: 58px; height: 58px; }.machine-wheel-b { left: 63%; width: 42px; height: 42px; top: 109px; }
.machine-header-unit { position: absolute; left: 3%; top: 105px; width: 31%; height: 28px; border: 1px solid var(--kx-color-border-strong); transform: skewX(-18deg); }
.machine-header-unit i { display: inline-block; width: 1px; height: 26px; margin-left: 15%; background: var(--kx-color-border-strong); }
.machine-vitals { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); }
.machine-vitals div { padding: var(--kx-space-5); border-right: 1px solid var(--kx-color-border-default); border-bottom: 1px solid var(--kx-color-border-default); }
.machine-vitals div:last-child { border-right: 0; }
.machine-vitals strong { display: block; margin: 7px 0; font-family: var(--kx-font-family-mono); font-size: var(--kx-font-size-md); }
.machine-vitals em { color: var(--kx-color-status-success); font-family: var(--kx-font-family-mono); font-size: 8px; font-style: normal; text-transform: uppercase; }
.machine-vitals em[data-state="roadmap"] { color: var(--kx-color-status-warning); }
.machine-event-stream { padding: var(--kx-space-3) var(--kx-space-6) var(--kx-space-5); }
.machine-event-stream div { display: grid; grid-template-columns: 62px 1fr 30px; gap: var(--kx-space-3); padding: 9px 0; border-bottom: 1px solid var(--kx-color-border-default); font-family: var(--kx-font-family-mono); font-size: 9px; }
.machine-event-stream div:last-child { border-bottom: 0; }
.machine-event-stream time, .machine-event-stream b { color: var(--kx-color-text-muted); font-weight: 400; }.machine-event-stream b { text-align: right; }
.machine-section { border-top: 1px solid var(--kx-color-border-default); }
.machine-container { width: min(100% - (2 * var(--kx-container-gutter)), var(--kx-container-max)); margin-inline: auto; padding-block: clamp(72px, 9vw, 124px); }
.machine-section-copy { display: grid; max-width: 760px; gap: var(--kx-space-5); }
.machine-section-copy h2, .machine-final h2 { max-width: 19ch; margin: 0; font-size: clamp(36px, 5vw, 64px); line-height: .98; letter-spacing: -.048em; text-wrap: balance; }
.machine-section-copy > p:last-child { max-width: 64ch; margin: 0; color: var(--kx-color-text-muted); font-size: var(--kx-font-size-md); line-height: 1.7; }
.machine-layers, .machine-domains { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: var(--kx-space-10); border: 1px solid var(--kx-color-border-default); border-radius: var(--kx-card-radius); overflow: hidden; }
.machine-layers article, .machine-domains article { display: flex; min-height: 270px; flex-direction: column; padding: var(--kx-space-7); border-right: 1px solid var(--kx-color-border-default); background: var(--kx-color-surface-subtle); }
.machine-layers article:last-child, .machine-domains article:last-child { border-right: 0; }
.machine-layers article > span, .machine-domains article > span { color: var(--kx-color-text-muted); font-family: var(--kx-font-family-mono); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.machine-layers h3, .machine-domains h3 { margin: var(--kx-space-8) 0 var(--kx-space-4); font-size: var(--kx-font-size-xl); line-height: 1.2; letter-spacing: -.025em; }
.machine-layers p, .machine-domains p { margin: 0; color: var(--kx-color-text-muted); font-size: var(--kx-font-size-sm); line-height: 1.65; }
.machine-layers b { width: fit-content; margin-top: auto; color: var(--kx-color-status-warning); font-family: var(--kx-font-family-mono); font-size: 8px; font-weight: 500; text-transform: uppercase; }
.machine-ops { display: grid; grid-template-columns: .8fr 1fr; align-items: end; gap: clamp(var(--kx-space-8),8vw,var(--kx-space-12)); }
.machine-work-order { border: 1px solid var(--kx-color-border-default); border-radius: var(--kx-card-radius); background: var(--kx-color-surface-subtle); overflow: hidden; }
.machine-work-main { display: flex; justify-content: space-between; gap: var(--kx-space-6); padding: var(--kx-space-7); }
.machine-work-main strong { display: block; margin: var(--kx-space-2) 0; font-size: var(--kx-font-size-lg); }.machine-work-main p { margin: 0; color: var(--kx-color-text-muted); font-size: var(--kx-font-size-sm); line-height: 1.5; }
.machine-work-main > b { color: var(--kx-color-status-warning); font-family: var(--kx-font-family-mono); font-size: 9px; font-weight: 500; text-transform: uppercase; }
.machine-work-route { display: flex; align-items: flex-start; padding: var(--kx-space-6) var(--kx-space-7); border-block: 1px solid var(--kx-color-border-default); }
.machine-work-route div { display: grid; gap: 5px; }.machine-work-route strong { font-family: var(--kx-font-family-mono); font-size: 10px; }.machine-work-route i { flex: 1; height: 1px; margin: 17px 10px 0; background: var(--kx-color-border-strong); }
.machine-work-footer { display: flex; justify-content: space-between; gap: var(--kx-space-5); padding: var(--kx-space-5) var(--kx-space-7); color: var(--kx-color-text-muted); font-family: var(--kx-font-family-mono); font-size: 9px; }.machine-work-footer strong { color: var(--kx-color-text-primary); }
.machine-architecture { display: grid; grid-template-columns: .8fr 1fr; gap: clamp(var(--kx-space-8),8vw,var(--kx-space-12)); }
.machine-architecture-map { display: grid; align-content: start; }.machine-architecture-map div { padding: var(--kx-space-6); border: 1px solid var(--kx-color-border-default); background: var(--kx-color-surface-subtle); }.machine-architecture-map span { display: block; color: var(--kx-color-text-muted); font-family: var(--kx-font-family-mono); font-size: 9px; text-transform: uppercase; }.machine-architecture-map strong { display: block; margin-top: var(--kx-space-3); font-size: var(--kx-font-size-sm); line-height: 1.5; }.machine-architecture-map i { width: 1px; height: var(--kx-space-5); margin-left: var(--kx-space-7); background: var(--kx-color-border-strong); }
.machine-final { border-top: 1px solid var(--kx-color-border-default); background: var(--kx-color-surface-subtle); }.machine-final-inner { display: flex; align-items: end; justify-content: space-between; gap: var(--kx-space-8); }.machine-final h2 { margin-top: var(--kx-space-5); }
.machine-footer { border-top: 1px solid var(--kx-color-border-default); }.machine-footer-inner { display: flex; justify-content: space-between; gap: var(--kx-space-7); padding-block: var(--kx-space-7); }.machine-footer p { margin: 0; color: var(--kx-color-text-muted); font-family: var(--kx-font-family-mono); font-size: var(--kx-font-size-xs); }.machine-footer nav { display: flex; flex-wrap: wrap; gap: var(--kx-space-6); }.machine-footer a { color: var(--kx-color-text-muted); font-size: var(--kx-font-size-xs); text-decoration: none; }
@media (max-width:1040px){.machine-hero-inner{grid-template-columns:1fr}.machine-hero-copy{max-width:760px}.machine-passport{max-width:720px}.machine-layers,.machine-domains{grid-template-columns:repeat(2,minmax(0,1fr))}.machine-layers article:nth-child(2),.machine-domains article:nth-child(2){border-right:0}.machine-layers article:nth-child(-n+2),.machine-domains article:nth-child(-n+2){border-bottom:1px solid var(--kx-color-border-default)}.machine-ops,.machine-architecture{grid-template-columns:1fr}}
@media (max-width:760px){.machine-links,.machine-preview-link{display:none}.machine-actions{margin-left:auto}.machine-hero-inner{padding-block:72px}.machine-passport{box-shadow:8px 8px 0 var(--kx-color-canvas),8px 8px 0 1px var(--kx-color-border-default)}.machine-vitals{grid-template-columns:repeat(2,minmax(0,1fr))}.machine-vitals div:nth-child(2){border-right:0}.machine-layers,.machine-domains{grid-template-columns:1fr}.machine-layers article,.machine-domains article{min-height:230px;border-right:0;border-bottom:1px solid var(--kx-color-border-default)}.machine-layers article:last-child,.machine-domains article:last-child{border-bottom:0}.machine-work-main,.machine-work-footer,.machine-final-inner,.machine-footer-inner{align-items:flex-start;flex-direction:column}.machine-work-route{display:grid;grid-template-columns:1fr 1fr;gap:var(--kx-space-5)}.machine-work-route i{display:none}.machine-final-inner,.machine-footer-inner{display:flex}}
@media (max-width:420px){.kx-brand-root,.kx-brand-sep{display:none}.machine-passport-title{padding:var(--kx-space-5)}.machine-silhouette{margin-inline:var(--kx-space-4)}.machine-wheel-a{left:29%}.machine-event-stream{padding-inline:var(--kx-space-4)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}