:root {
  color-scheme: dark;
  --ink: #080d0c;
  --ink-2: #0d1513;
  --ink-3: #13201c;
  --paper: #f2f0e9;
  --paper-2: #deddd5;
  --white: #fbfcf7;
  --muted: #8e9c96;
  --line: #293732;
  --line-light: rgba(8, 13, 12, .14);
  --acid: #c8ff3d;
  --acid-soft: #e5ff9d;
  --mint: #48e3bd;
  --red: #ff5d52;
  --amber: #ffbd55;
  --max: 1440px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; min-width: 320px; background: var(--paper); color: var(--ink); }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
.hidden { display: none !important; }
.skip-link { position: fixed; top: 8px; left: 8px; background: var(--acid); color: var(--ink); padding: 10px 14px; z-index: 100; transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }
.section-shell { width: min(var(--max), calc(100% - clamp(32px, 6vw, 96px))); margin-inline: auto; }

.site-header { height: 78px; padding: 0 clamp(18px, 4vw, 62px); background: rgba(8, 13, 12, .94); border-bottom: 1px solid #21302b; color: var(--white); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; position: sticky; top: 0; z-index: 20; backdrop-filter: blur(16px); }
.brand { display: inline-flex; align-items: center; gap: 11px; width: fit-content; }
.brand-mark { width: 28px; height: 28px; display: grid; place-items: center; background: var(--acid); border-radius: 8px 8px 8px 2px; transform: rotate(-6deg); }
.brand-mark i { width: 8px; height: 8px; background: var(--ink); border-radius: 50%; box-shadow: 7px 0 0 var(--ink); transform: translateX(-3.5px); }
.brand strong, .brand small { display: block; }
.brand strong { font-size: 16px; letter-spacing: -.04em; }
.brand small { font: 8px ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .17em; color: var(--muted); margin-top: 2px; }
.site-header nav { display: flex; gap: 32px; color: #c0c9c5; font-size: 13px; }
.site-header nav a:hover { color: var(--acid); }
.header-status { justify-self: end; display: flex; align-items: center; gap: 22px; }
.language-switch { display: inline-flex; padding: 3px; border: 1px solid #34443e; border-radius: 7px; gap: 2px; }
.language-switch a { min-width: 36px; min-height: 36px; padding: 0 7px; border-radius: 4px; color: #7f8e89; font: 8px ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .08em; display: grid; place-items: center; }
.language-switch a.active { background: var(--acid); color: var(--ink); }
.connection { color: var(--muted); font: 10px ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .1em; }
.connection::before { content: ""; width: 7px; height: 7px; display: inline-block; border-radius: 50%; background: var(--amber); margin-right: 7px; box-shadow: 0 0 12px currentColor; }
.connection.online::before { background: var(--mint); }
.header-cta { border: 1px solid #43534d; padding: 10px 14px; border-radius: 8px; font-size: 12px; }
.header-cta:hover { border-color: var(--acid); color: var(--acid); }

.hero { min-height: 760px; padding: clamp(80px, 11vw, 150px) 0 80px; display: grid; grid-template-columns: minmax(0, .86fr) minmax(520px, 1.14fr); gap: clamp(48px, 7vw, 110px); align-items: center; }
.eyebrow { color: #65726d; font: 10px ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .18em; margin: 0 0 18px; display: flex; align-items: center; gap: 10px; }
.eyebrow > span { width: 26px; height: 1px; background: currentColor; }
.hero h1 { font-size: clamp(56px, 6.3vw, 104px); line-height: .9; letter-spacing: -.072em; margin: 0; max-width: 900px; font-weight: 720; }
.hero h1 em { color: #4f625b; font-style: normal; }
.hero-lede { max-width: 660px; font-size: clamp(17px, 1.55vw, 23px); line-height: 1.55; color: #58615e; letter-spacing: -.015em; margin: 34px 0; }
.hero-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.button { border: 0; border-radius: 8px; padding: 14px 18px; display: inline-flex; align-items: center; justify-content: center; gap: 16px; font-weight: 700; font-size: 13px; cursor: pointer; transition: transform .15s, filter .15s, border-color .15s; }
.button:hover { filter: brightness(1.06); transform: translateY(-1px); }
.button:active { transform: translateY(0); }
.button:disabled { opacity: .4; cursor: not-allowed; transform: none; }
.button-primary { background: var(--acid); color: var(--ink); }
.button-ghost { border: 1px solid #c5c8c1; color: #38413e; background: transparent; }
.hero-proof { list-style: none; padding: 34px 0 0; margin: 46px 0 0; display: flex; gap: 30px; border-top: 1px solid var(--line-light); }
.hero-proof li { display: flex; gap: 10px; align-items: center; }
.hero-proof strong { font: 18px ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .02em; color: #26352f; }
.hero-proof span { color: #707975; font-size: 10px; line-height: 1.35; text-transform: uppercase; letter-spacing: .06em; }
.hero-visual { position: relative; min-height: 590px; display: grid; place-items: center; }
.preview-window { width: min(720px, 100%); padding: 11px; background: #0b1210; border: 1px solid #22312c; border-radius: 17px; box-shadow: 0 42px 100px rgba(12, 24, 20, .22); transform: perspective(1100px) rotateY(-4deg) rotateX(1deg); }
.preview-bar { height: 42px; display: flex; align-items: center; justify-content: space-between; padding: 0 8px 0 6px; font: 9px ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .13em; color: #788a83; }
.preview-brand { display: flex; gap: 9px; align-items: center; }
.preview-brand i { width: 7px; height: 7px; border-radius: 2px; background: var(--acid); }
.preview-live { color: var(--mint); }
.preview-live::before { content: ""; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: currentColor; margin-right: 6px; box-shadow: 0 0 10px currentColor; }
.preview-camera { aspect-ratio: 16 / 9.5; background: radial-gradient(circle at 48% 36%, #293d35, #0a1210 66%); border-radius: 11px; position: relative; overflow: hidden; }
.preview-grid, .scene-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(101,160,138,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(101,160,138,.07) 1px, transparent 1px); background-size: 32px 32px; }
.preview-roi { position: absolute; inset: 12% 11%; }
.preview-roi span, .roi-frame > span { position: absolute; width: 36px; height: 36px; border-color: var(--acid); border-style: solid; }
.preview-roi span:nth-child(1), .roi-frame > span:nth-child(1) { top: 0; left: 0; border-width: 2px 0 0 2px; }
.preview-roi span:nth-child(2), .roi-frame > span:nth-child(2) { top: 0; right: 0; border-width: 2px 2px 0 0; }
.preview-roi span:nth-child(3), .roi-frame > span:nth-child(3) { bottom: 0; left: 0; border-width: 0 0 2px 2px; }
.preview-roi span:nth-child(4), .roi-frame > span:nth-child(4) { bottom: 0; right: 0; border-width: 0 2px 2px 0; }
.preview-package { position: absolute; border-radius: 8px; box-shadow: 0 20px 30px rgba(0,0,0,.3); display: grid; place-items: center; }
.preview-package b { color: rgba(255,255,255,.8); font: 9px ui-monospace, monospace; z-index: 1; }
.preview-package i { position: absolute; left: 14%; right: 14%; bottom: 14%; height: 11%; border-radius: 3px; background: rgba(255,255,255,.35); }
.package-one { width: 23%; height: 48%; left: 23%; top: 24%; background: linear-gradient(145deg, #2b8f75, #164b3f); transform: rotate(-3deg); }
.package-two { width: 25%; height: 38%; right: 22%; top: 30%; background: linear-gradient(145deg, #6a6251, #302d26); transform: rotate(4deg); }
.preview-scan { position: absolute; left: 12%; right: 12%; height: 1px; top: 30%; background: var(--acid); box-shadow: 0 0 16px var(--acid); animation: preview-scan 3s ease-in-out infinite; }
@keyframes preview-scan { 0%,100% { transform: translateY(0); opacity: .4; } 50% { transform: translateY(170px); opacity: 1; } }
.preview-label { position: absolute; color: var(--acid); background: rgba(8,13,12,.72); border: 1px solid rgba(200,255,61,.35); border-radius: 4px; padding: 5px 7px; font: 7px ui-monospace, monospace; letter-spacing: .12em; }
.label-a { left: 17%; top: 14%; }.label-b { right: 15%; bottom: 13%; }
.preview-result { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding: 16px 10px 8px; color: var(--white); }
.result-check { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: var(--acid); color: var(--ink); font-weight: 900; }
.preview-result small, .preview-result strong { display: block; }
.preview-result small { color: #697a74; font: 7px ui-monospace, monospace; letter-spacing: .12em; }
.preview-result strong { margin-top: 2px; font-size: 13px; }
.preview-route { text-align: right; }.preview-route strong { color: var(--acid); font: 10px ui-monospace, monospace; margin-top: 4px; }
.float-card { position: absolute; width: 180px; padding: 16px; background: rgba(246,245,239,.94); border: 1px solid #d5d5ce; border-radius: 12px; box-shadow: 0 20px 50px rgba(14,29,24,.16); }
.float-card span { display: inline-block; color: #42524c; border: 1px solid #bdc4c0; border-radius: 99px; padding: 4px 6px; font: 8px ui-monospace, monospace; letter-spacing: .12em; }
.float-card strong, .float-card small { display: block; }.float-card strong { font-size: 12px; margin: 10px 0 4px; }.float-card small { color: #7a837f; line-height: 1.35; }
.float-card-top { top: 18px; right: -12px; }.float-card-bottom { bottom: 7px; left: -18px; }

.problem-strip { background: var(--acid); border-block: 1px solid #a4d523; }
.problem-grid { min-height: 92px; display: grid; grid-template-columns: 1.2fr repeat(3, 1fr) 1.5fr; align-items: center; gap: 24px; font-size: 12px; }
.problem-grid p { font: 9px ui-monospace, monospace; letter-spacing: .16em; }
.problem-grid span { color: #334014; }.problem-grid strong { text-align: right; font-size: 14px; }

.platform-section{padding-block:140px}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #c9ccc4;border-radius:16px;overflow:hidden}.platform-card{min-height:390px;padding:30px;display:flex;flex-direction:column;border-right:1px solid #c9ccc4;background:#e8e7df}.platform-card:last-child{border-right:0}.platform-card.active{background:#111b18;color:var(--white)}.platform-card>span{color:#68756f;font:8px ui-monospace,monospace;letter-spacing:.14em}.platform-card.active>span{color:var(--acid)}.platform-card h3{font-size:clamp(28px,2.6vw,43px);letter-spacing:-.055em;margin:42px 0 15px}.platform-card p{color:#65706c;font-size:12px;line-height:1.65;margin:0}.platform-card.active p{color:#899892}.platform-card ul{list-style:none;padding:0;margin:auto 0 25px;display:flex;gap:7px;flex-wrap:wrap}.platform-card li{padding:6px 8px;border:1px solid #c4c8bf;border-radius:99px;color:#65706c;font-size:8px}.platform-card.active li{border-color:#31443c;color:#a5b2ad}.platform-card a{color:var(--acid);font:10px ui-monospace,monospace;width:fit-content;border-bottom:1px solid rgba(200,255,61,.45);padding-bottom:4px}.platform-card>small{color:#7b8782;font:8px ui-monospace,monospace;letter-spacing:.14em}.pilot-program{display:grid;grid-template-columns:minmax(190px,.35fr) 1fr auto;gap:28px;align-items:center;margin-top:14px;padding:22px 24px;border:1px solid #c9ccc4;border-radius:12px;background:#e2e1d9}.pilot-program>span{color:#53615c;font:8px ui-monospace,monospace;letter-spacing:.13em}.pilot-program p{margin:0;color:#65706c;font-size:12px;line-height:1.6}.pilot-program p strong{color:#202a26}.pilot-program .button{white-space:nowrap}

.market-section{padding-block:130px}.market-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #c9ccc4;border-radius:15px;overflow:hidden}.market-grid article{min-height:310px;padding:25px;border-right:1px solid #c9ccc4;display:flex;flex-direction:column}.market-grid article:last-child{border-right:0}.signal-tag{width:fit-content;padding:5px 7px;border:1px solid #b9beb6;border-radius:99px;color:#5c6964;font:7px ui-monospace,monospace;letter-spacing:.11em}.market-grid article>strong{font:clamp(32px,3vw,49px) ui-monospace,monospace;letter-spacing:-.08em;margin:35px 0 5px}.market-grid h3{font-size:17px;margin:0}.market-grid p{color:#66716d;font-size:11px;line-height:1.6}.market-grid a{color:#52615b;font:8px ui-monospace,monospace;margin-top:auto}.market-grid a:hover{color:#177e63}.market-note{margin:18px 0 0;padding:17px 20px;background:#e5e4dc;border-radius:9px;color:#5f6b67;font-size:12px;line-height:1.55}
.operations-section{background:var(--ink);color:var(--white);padding:140px 0}.operation-list{border:1px solid #2b3a35;border-radius:15px;overflow:hidden}.operation-list>article{display:grid;grid-template-columns:55px 1fr minmax(170px,.25fr);gap:20px;padding:28px;border-bottom:1px solid #2b3a35;align-items:start}.operation-list>article:last-child{border-bottom:0}.operation-list>article:hover{background:#0d1714}.operation-list .featured-operation{background:#111d19}.operation-rank{color:#61716b;font:10px ui-monospace,monospace}.operation-label{color:var(--mint)!important;font:8px ui-monospace,monospace!important;letter-spacing:.13em;margin:0 0 9px!important}.operation-list h3{font-size:24px;letter-spacing:-.035em;margin:0}.operation-list article>div>p:not(.operation-label){color:#87958f;font-size:12px;line-height:1.6;max-width:740px}.operation-list ul{display:flex;gap:7px;list-style:none;padding:0;margin:15px 0 0;flex-wrap:wrap}.operation-list li{padding:6px 8px;border:1px solid #33463e;border-radius:99px;color:#95a29d;font-size:8px}.operation-fit{justify-self:end;text-align:right;display:flex;flex-direction:column;align-items:flex-end}.operation-fit>span,.operation-fit small{color:#65746e;font:7px ui-monospace,monospace;letter-spacing:.1em}.operation-fit strong{font:17px ui-monospace,monospace;color:var(--acid);margin:7px 0}.operation-fit a{font-size:9px;color:var(--acid);border-bottom:1px solid rgba(200,255,61,.4);padding-bottom:3px}.industry-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px}.industry-row span{color:#65746e;font:8px ui-monospace,monospace;letter-spacing:.12em;margin-right:8px}.industry-row b{border:1px solid #2c3c36;border-radius:7px;padding:10px 12px;color:#a8b3af;font-size:9px;font-weight:500}

.pilot-section { padding-block: 130px; }
.section-heading { display: grid; grid-template-columns: 1fr minmax(320px, .55fr); gap: 60px; align-items: end; margin-bottom: 46px; }
.section-heading h2 { font-size: clamp(44px, 5vw, 78px); letter-spacing: -.065em; line-height: .95; margin: 0; }
.section-heading > p { color: #65706c; line-height: 1.65; margin: 0; max-width: 530px; justify-self: end; }
.mode-switch { width: fit-content; display: flex; gap: 3px; padding: 4px; border: 1px solid #c8cbc4; border-radius: 10px; margin-bottom: 14px; }
.mode-button { border: 0; background: transparent; padding: 10px 15px; border-radius: 7px; color: #69716e; cursor: pointer; font-weight: 650; }
.mode-button span { font: 9px ui-monospace, monospace; margin-right: 7px; color: #929995; }
.mode-button.active { background: var(--ink); color: var(--white); }.mode-button.active span { color: var(--acid); }
.station-shell { background: var(--ink); color: var(--white); border-radius: 18px; overflow: hidden; box-shadow: 0 30px 80px rgba(12,25,21,.17); }
.station-topbar { min-height: 72px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 22px; border-bottom: 1px solid var(--line); }
.station-ident, .cell-state { display: flex; align-items: center; gap: 10px; }
.station-ident i { width: 8px; height: 8px; border-radius: 2px; background: var(--acid); }.station-ident small,.station-ident strong,.cell-state small,.cell-state strong { display:block; }.station-ident small,.cell-state small { color:#677771; font:7px ui-monospace,monospace;letter-spacing:.14em}.station-ident strong,.cell-state strong{font-size:11px;margin-top:2px;letter-spacing:.04em}
.cell-state { justify-self: center; gap: 8px; }.cell-state em { color: #6e7d77; font-style: normal; font-size: 9px; margin-left: 9px; }.state-orb { width: 10px; height: 10px; border: 3px solid var(--red); border-radius: 50%; box-shadow: 0 0 12px rgba(255,93,82,.4); }.state-orb.running { border-color: var(--acid); box-shadow: 0 0 12px rgba(200,255,61,.45); }
.station-topbar time { justify-self: end; color: #64746e; font: 9px ui-monospace, monospace; }
.station-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(330px, .45fr); min-height: 650px; }
.camera-column { padding: 20px; border-right: 1px solid var(--line); }
.camera-stage { aspect-ratio: 16 / 9; min-height: 440px; max-height: 620px; border-radius: 11px; overflow: hidden; position: relative; background: #101916; }
.demo-scene { position: absolute; inset: 0; overflow: hidden; background: radial-gradient(circle at 48% 36%, #263b34, #0b1210 70%); transition: opacity .3s; }
.belt-line { position: absolute; left: -10%; right: -10%; height: 1px; background: rgba(183,214,202,.15); transform: rotate(-8deg); }.belt-one{top:35%}.belt-two{bottom:22%}
.demo-parcel { position: absolute; display: grid; place-items: center; border-radius: 12px; box-shadow: 0 28px 45px rgba(0,0,0,.34); transition: transform .35s; }
.demo-parcel span { color: rgba(255,255,255,.76); font: 10px ui-monospace,monospace; text-align:center;line-height:1.25;z-index:1}.demo-parcel i{position:absolute;left:15%;right:15%;bottom:14%;height:8%;border-radius:3px;background:rgba(255,255,255,.26)}
.demo-parcel-a { width: 20%; height: 42%; left: 21%; top: 27%; background: linear-gradient(145deg,#238c71,#124a3d); transform: rotate(-4deg); }.demo-parcel-b{width:22%;height:34%;right:23%;top:32%;background:linear-gradient(145deg,#796f5b,#37332a);transform:rotate(4deg)}.demo-parcel-c{width:15%;height:13%;left:44%;bottom:15%;background:#d7d5c8;transform:rotate(-7deg)}.demo-parcel-c span{color:#252b29}.camera-stage.processing .demo-parcel-a{transform:rotate(-4deg) scale(1.02)}.camera-stage.processing .demo-parcel-b{transform:rotate(4deg) scale(1.02)}
.camera-feed { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.detection-overlay { position: absolute; inset: 12% 10%; width: 80%; height: 76%; pointer-events: none; z-index: 2; }
.camera-empty { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #0e1714; color: #e5ece8; }.camera-empty small{color:#75847e;margin-top:6px}.camera-icon{width:46px;height:32px;border:1px solid #66756f;border-radius:7px;margin-bottom:16px;position:relative}.camera-icon::after{content:"";position:absolute;width:10px;height:10px;border:2px solid var(--acid);border-radius:50%;left:16px;top:9px}
.roi-frame { position: absolute; inset: 12% 10%; pointer-events: none; }.roi-frame > span { width: 46px; height: 46px; }.roi-frame b{position:absolute;top:-21px;left:0;color:var(--acid);font:7px ui-monospace,monospace;letter-spacing:.16em}
.scan-line { position: absolute; left: 10%; right: 10%; top: 20%; height: 1px; background: var(--acid); box-shadow: 0 0 15px var(--acid); opacity: 0; }.camera-stage.processing .scan-line{opacity:1;animation:station-scan 1.1s ease-in-out}.camera-stage.auto-processing .scan-line{opacity:.65;animation:station-scan 2.4s ease-in-out infinite}@keyframes station-scan{0%{transform:translateY(0)}50%{transform:translateY(310px)}100%{transform:translateY(0)}}
.camera-hud { position:absolute;bottom:14px;display:flex;gap:6px}.camera-hud span{padding:5px 7px;border-radius:4px;background:rgba(8,13,12,.72);border:1px solid rgba(174,197,189,.18);font:7px ui-monospace,monospace;letter-spacing:.1em;color:#b2c1bc}.camera-hud-left{left:14px}.camera-hud-right{right:14px}.camera-hud-right span{color:var(--mint)}
.camera-decision { position:absolute;top:18px;right:18px;min-width:190px;padding:13px;background:rgba(8,13,12,.88);border:1px solid rgba(200,255,61,.45);border-radius:9px;display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center}.camera-decision > span{grid-row:1/3;width:27px;height:27px;border-radius:50%;background:var(--acid);color:var(--ink);display:grid;place-items:center;font-weight:900}.camera-decision strong{font-size:11px}.camera-decision small{font:8px ui-monospace,monospace;color:#899891;margin-top:2px}.camera-decision.defect{border-color:rgba(255,93,82,.55)}.camera-decision.defect>span{background:var(--red);color:white}.camera-decision.review{border-color:rgba(255,189,85,.55)}.camera-decision.review>span{background:var(--amber);color:#2c1a00}
.station-controls { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding-top: 14px; }.control-primary{min-width:170px}.control-secondary{background:#19241f;color:#dce5e0;border:1px solid #2f4039}.icon-button{width:43px;height:43px;border-radius:8px;border:1px solid #35453f;background:#19231f;color:#8fa09a;cursor:pointer;margin-left:auto}.estop-button{height:43px;padding:0 15px;border-radius:8px;border:1px solid #7e3934;background:#391c19;color:#ff8e86;font-weight:800;font-size:11px;cursor:pointer}.estop-button.release{background:var(--amber);color:#241500;border-color:var(--amber)}
.action-message { min-height: 17px; margin: 9px 0 0; color: #ff8b83; font-size: 11px; }
.decision-column { padding: 20px; display: flex; flex-direction: column; gap: 14px; background: #0b1210; }
.order-card,.decision-card{border:1px solid #263630;border-radius:11px;background:#101a17;padding:19px}.card-kicker{display:flex;justify-content:space-between;color:#75857f;font:8px ui-monospace,monospace;letter-spacing:.12em}.card-kicker b{color:var(--acid);font-weight:500}.order-card h3{font-size:20px;margin:17px 0}.checklist{list-style:none;padding:0;margin:0}.checklist li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid #26342f}.checklist i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#20322c;color:#7f938b;font-style:normal;font-size:10px}.checklist .checked i{background:rgba(200,255,61,.14);color:var(--acid)}.checklist .missing i{background:rgba(255,93,82,.14);color:var(--red)}.checklist .missing em{color:var(--red)}.checklist strong,.checklist small{display:block}.checklist strong{font-size:11px}.checklist small{color:#6e7e78;font:8px ui-monospace,monospace;margin-top:3px}.checklist em{font:7px ui-monospace,monospace;color:var(--mint);font-style:normal}.reference-status{display:flex;gap:10px;align-items:flex-start;padding:13px;margin-top:12px;border-radius:8px;background:#16211e}.reference-status>span{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint);margin-top:4px}.reference-status p{margin:0}.reference-status strong,.reference-status small{display:block}.reference-status strong{font-size:10px}.reference-status small{color:#72817c;font-size:9px;margin-top:3px;line-height:1.4}.reference-status.waiting>span{background:var(--amber);box-shadow:0 0 10px var(--amber)}
.decision-card{margin-top:auto}.card-label{margin:0 0 14px;color:#71817b;font:8px ui-monospace,monospace;letter-spacing:.13em}.decision-empty{min-height:90px;display:flex;align-items:center;gap:13px;color:#687871}.decision-empty>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px dashed #405049}.decision-empty p{font-size:11px}.decision-result{min-height:90px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.decision-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--acid);color:var(--ink);font-size:22px;font-weight:900}.decision-icon.defect{background:var(--red);color:white}.decision-icon.review{background:var(--amber);color:#241500}.decision-result p{color:#75847f;font:8px ui-monospace,monospace;margin:0 0 2px}.decision-result strong{font-size:20px}.decision-result span{display:block;color:#71817b;font-size:8px;margin-top:3px}.route{text-align:right}.route small{color:#677771;font:7px ui-monospace,monospace}.route strong{display:block!important;color:var(--mint);font:8px ui-monospace,monospace!important;margin-top:5px!important;text-transform:uppercase}
.station-metrics{display:grid;grid-template-columns:repeat(4,1fr) 1.35fr;border-top:1px solid var(--line)}.station-metrics article{padding:20px 22px;border-right:1px solid var(--line);background:#0a1110}.station-metrics article:last-child{border-right:0}.station-metrics span,.station-metrics small{display:block;color:#677771;font-size:9px}.station-metrics strong{display:block;font:26px ui-monospace,monospace;letter-spacing:-.08em;margin:6px 0 2px}.threshold-metric strong{font-size:18px}.threshold-metric input{width:100%;accent-color:var(--acid);height:3px;margin:7px 0}.threshold-metric small{font-size:7px}
.audit-panel{margin-top:16px;border:1px solid #cbcec7;border-radius:14px;padding:25px;background:#eceae3}.audit-heading{display:flex;justify-content:space-between;align-items:end}.audit-heading h3{font-size:25px;margin:0}.text-button{border:0;background:transparent;color:#4f5c57;font-size:11px;cursor:pointer}.event-list{list-style:none;padding:0;margin:23px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#c9cbc4;border:1px solid #c9cbc4}.event-list li{background:var(--paper);padding:15px;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:10px;min-height:76px}.event-list li::before{content:"";width:7px;height:7px;border-radius:50%;background:#7c8883;margin-top:4px}.event-list li.inspection::before{background:#259a7c}.event-list li.safety::before{background:var(--red)}.event-list strong,.event-list span{display:block}.event-list strong{font-size:10px}.event-list span,.event-list time{color:#7b847f;font-size:8px;margin-top:4px}.event-list time{font-family:ui-monospace,monospace}.event-list .event-empty{display:block;grid-column:1/-1;color:#7b847f;min-height:auto}.event-list .event-empty::before{display:none}

.workflow-section { background: var(--ink); color: var(--white); padding: 140px 0; }
.light-heading .eyebrow { color: var(--mint); }.light-heading h2{color:var(--white)}.light-heading>p{color:#81918b}
.workflow-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #2a3934; border-radius: 14px; overflow: hidden; }
.workflow-grid article { min-height: 330px; padding: 27px; border-right: 1px solid #2a3934; position: relative; }.workflow-grid article:last-child{border-right:0}.workflow-grid article>span{position:absolute;right:20px;top:20px;color:#53625d;font:10px ui-monospace,monospace}.workflow-grid h3{font-size:22px;margin:28px 0 12px}.workflow-grid p{color:#81908b;font-size:13px;line-height:1.6;margin:0}.workflow-icon{width:64px;height:64px;margin-top:50px;position:relative}.camera-workflow-icon{border:1px solid #687b74;border-radius:12px}.camera-workflow-icon::before{content:"";position:absolute;width:18px;height:18px;border:2px solid var(--acid);border-radius:50%;left:21px;top:21px}.camera-workflow-icon::after{content:"";position:absolute;width:18px;height:4px;background:#687b74;left:22px;top:-5px;border-radius:3px}.compare-workflow-icon::before,.compare-workflow-icon::after{content:"";position:absolute;width:39px;height:48px;border:1px solid #687b74;border-radius:9px}.compare-workflow-icon::before{left:0;top:8px}.compare-workflow-icon::after{right:0;top:0;border-color:var(--acid)}.decide-workflow-icon{border:1px solid #687b74;border-radius:50%}.decide-workflow-icon::before{content:"✓";position:absolute;inset:7px;border-radius:50%;background:var(--acid);color:var(--ink);display:grid;place-items:center;font-size:24px;font-weight:900}.learn-workflow-icon::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 8px,#687b74 9px,#687b74 10px,transparent 11px),linear-gradient(0deg,transparent 8px,#687b74 9px,#687b74 10px,transparent 11px);background-size:18px 18px}.learn-workflow-icon::after{content:"";position:absolute;left:8px;right:4px;top:33px;height:2px;background:var(--acid);transform:rotate(-27deg);box-shadow:0 0 10px var(--acid)}

.economics-section{padding-block:140px}.economics-grid{display:grid;grid-template-columns:.88fr .92fr 1.2fr;gap:10px}.roi-calculator,.roi-result,.automation-ladder{border:1px solid #c9ccc4;border-radius:14px;padding:24px;background:#e9e8e1}.calculator-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.calculator-heading>span,.roi-result>p{font:8px ui-monospace,monospace;letter-spacing:.14em;color:#66726d}.calculator-heading select{border:1px solid #bfc3ba;background:#f1f0e9;color:#36403c;border-radius:6px;padding:6px;font-size:9px}.roi-calculator label{display:grid;grid-template-columns:1fr minmax(90px,.42fr);align-items:center;gap:10px;padding:12px 0;border-top:1px solid #d0d2ca;color:#5d6965;font-size:10px}.roi-calculator input[type=number]{width:100%;border:1px solid #c3c6be;background:#f2f0e9;color:#18201d;border-radius:6px;padding:9px;text-align:right;font:12px ui-monospace,monospace}.roi-calculator input[type=range]{grid-column:1/-1;width:100%;accent-color:#208269}.roi-calculator output{color:#17775f;font:11px ui-monospace,monospace}.roi-result{background:#111b18;color:var(--white);border-color:#263630}.roi-result>p{color:var(--mint);margin:0 0 14px}.roi-result>div{padding:14px 0;border-top:1px solid #2a3934}.roi-result span,.roi-result strong{display:block}.roi-result span{color:#788781;font-size:9px}.roi-result strong{font:24px ui-monospace,monospace;letter-spacing:-.06em;margin-top:6px}.roi-result .payback-result{background:rgba(200,255,61,.08);margin-inline:-12px;padding-inline:12px}.roi-result .payback-result strong{color:var(--acid)}.roi-result>small{display:block;color:#6f7f79;font-size:8px;line-height:1.5;margin:14px 0}.roi-result .button{width:100%;font-size:10px}.automation-ladder{background:#deddd5}.automation-ladder>.eyebrow{margin-bottom:8px}.automation-ladder article{display:grid;grid-template-columns:27px 1fr auto;gap:11px;padding:15px 0;border-top:1px solid #c6c9c0;align-items:start}.automation-ladder article>b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#cfd1c8;color:#55605c;font:8px ui-monospace,monospace}.automation-ladder article:first-of-type>b{background:var(--acid);color:var(--ink)}.automation-ladder strong{font-size:12px}.automation-ladder p{color:#69736f;font-size:9px;line-height:1.45;margin:4px 0 0}.automation-ladder article>span{color:#73807b;font:7px ui-monospace,monospace;letter-spacing:.1em}

.offer-section { padding-block: 130px; }.offer-card{display:grid;grid-template-columns:1fr 1fr;border:1px solid #cbcec7;border-radius:18px;overflow:hidden;background:#e6e5dd}.offer-copy{padding:clamp(40px,6vw,90px)}.offer-copy h2{font-size:clamp(42px,4.5vw,70px);line-height:.98;letter-spacing:-.06em;margin:0}.offer-copy>p:not(.eyebrow){color:#65706c;line-height:1.65;max-width:580px;margin:25px 0 32px}.offer-timeline{background:#111a17;color:var(--white);padding:clamp(30px,5vw,70px)}.offer-timeline article{display:grid;grid-template-columns:50px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid #2c3a35}.offer-timeline article:last-child{border-bottom:0}.offer-timeline span{color:var(--acid);font:10px ui-monospace,monospace}.offer-timeline strong{font-size:15px}.offer-timeline p{color:#84918d;margin:5px 0 0;font-size:12px;line-height:1.45}
.site-footer{height:120px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-top:1px solid var(--line-light)}.site-footer p{justify-self:center;color:#707a76;font-size:12px}.site-footer>span{justify-self:end;color:#929994;font:8px ui-monospace,monospace;letter-spacing:.09em}

.hero-pilot-note{display:flex;align-items:center;gap:12px;margin-top:22px;padding:12px 14px;border-left:2px solid var(--mint);background:rgba(72,227,189,.06);max-width:620px}.hero-pilot-note strong{font-size:11px}.hero-pilot-note span{color:#6b7773;font-size:10px}.platform-card.supporting{background:#e6e5dd}.platform-card.supporting h3{font-size:clamp(28px,3vw,44px)}
.proof-section{padding-block:130px}.proof-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #c9ccc4;border-radius:14px;overflow:hidden}.proof-grid article{min-height:210px;padding:22px;border-right:1px solid #c9ccc4;background:#e8e7e0}.proof-grid article:last-child{border-right:0}.proof-grid b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#d6d8d0;color:#4a5551;font:9px ui-monospace,monospace}.proof-grid article:first-child b{background:var(--acid);color:var(--ink)}.proof-grid strong,.proof-grid span{display:block}.proof-grid strong{font-size:17px;line-height:1.15;margin-top:35px}.proof-grid span{color:#67726e;font-size:11px;line-height:1.5;margin-top:9px}.proof-actions{display:flex;gap:9px;margin-top:20px;align-items:center}
.fit-section{padding-block:130px}.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fit-card{padding:34px;border:1px solid #c9ccc4;border-radius:14px;background:#e1e0d8}.fit-card.good{background:#111b18;color:var(--white);border-color:#263630}.fit-card>span{color:#6e7a75;font:8px ui-monospace,monospace;letter-spacing:.14em}.fit-card.good>span{color:var(--mint)}.fit-card h3{font-size:36px;margin:15px 0 25px}.fit-card ul{list-style:none;margin:0;padding:0}.fit-card li{padding:13px 0;border-top:1px solid #caccc4;color:#5f6b67;font-size:12px}.fit-card li::before{content:"—";margin-right:10px;color:#78837f}.fit-card.good li{border-color:#293a34;color:#b9c5c0}.fit-card.good li::before{content:"✓";color:var(--acid)}
.offer-scope{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}.offer-scope span{padding:7px 9px;border:1px solid #c6c9c1;border-radius:999px;color:#45504c;font:8px ui-monospace,monospace}.offer-copy .offer-price{font-size:10px;margin:0 0 24px;padding:11px;border-left:2px solid var(--mint);background:rgba(72,227,189,.06)}
.contact-section{padding-block:20px 130px}.contact-card{display:grid;grid-template-columns:.86fr 1.14fr;border-radius:18px;overflow:hidden;background:#0d1714;color:var(--white)}.contact-copy{padding:clamp(34px,5vw,72px)}.contact-copy .eyebrow{color:var(--mint)}.contact-copy h2{font-size:clamp(40px,4.2vw,66px);line-height:.98;letter-spacing:-.055em;margin:0}.contact-copy>p:not(.eyebrow){color:#82918c;line-height:1.6;margin:24px 0}.contact-copy ul{list-style:none;padding:0;margin:0}.contact-copy li{padding:11px 0;border-top:1px solid #293a34;color:#b6c1bd;font-size:11px}.contact-copy li::before{content:"✓";color:var(--acid);margin-right:10px}.lead-form{padding:clamp(28px,4vw,56px);background:#e7e6de;color:var(--ink);display:flex;flex-direction:column;gap:15px}.lead-form label{display:block}.lead-form label>span{display:block;color:#56615d;font-size:9px;margin-bottom:6px}.lead-form input,.lead-form textarea{width:100%;border:1px solid #c3c6bd;border-radius:7px;background:#f2f0e9;color:#101815;padding:11px 12px;outline:0}.lead-form input:focus,.lead-form textarea:focus{border-color:#23836a;box-shadow:0 0 0 3px rgba(35,131,106,.12)}.lead-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lead-form .lead-consent{display:flex;align-items:flex-start;gap:8px}.lead-form .lead-consent input{width:auto;margin-top:2px;accent-color:#23836a}.lead-form .lead-consent span{margin:0;line-height:1.45}.lead-form .button{width:100%;justify-content:center}.lead-form-status{min-height:18px;margin:0;color:#2f6e5d;font-size:10px}.lead-form-status.error{color:#a33c34}

@media (max-width: 1100px) {
  .hero { grid-template-columns: 1fr; }.hero-copy{max-width:850px}.hero-visual{min-height:560px}.preview-window{width:min(760px,90%)}.float-card-top{right:2%}.float-card-bottom{left:2%}.problem-grid{grid-template-columns:1fr 1fr}.problem-grid p,.problem-grid strong{grid-column:1/-1;text-align:left}.station-grid{grid-template-columns:1fr}.camera-column{border-right:0;border-bottom:1px solid var(--line)}.decision-column{display:grid;grid-template-columns:1fr 1fr}.decision-card{margin-top:0}.workflow-grid{grid-template-columns:1fr 1fr}.workflow-grid article:nth-child(2){border-right:0}.workflow-grid article:nth-child(-n+2){border-bottom:1px solid #2a3934}.event-list{grid-template-columns:1fr 1fr}.station-metrics{grid-template-columns:repeat(4,1fr)}.threshold-metric{grid-column:1/-1;border-top:1px solid var(--line)}
}
@media (max-width:1100px){.proof-grid{grid-template-columns:repeat(3,1fr)}.proof-grid article:nth-child(3){border-right:0}.proof-grid article:nth-child(-n+3){border-bottom:1px solid #c9ccc4}.proof-grid article:nth-child(4){grid-column:span 1}.proof-grid article:nth-child(5){border-right:0}.contact-card{grid-template-columns:1fr}.contact-copy{padding-bottom:38px}}
@media (max-width: 760px) {
  .site-header{grid-template-columns:1fr auto;height:68px}.site-header nav,.header-status .connection{display:none}.hero{padding-top:75px;min-height:auto;grid-template-columns:minmax(0,1fr)}.hero h1{font-size:clamp(48px,14vw,74px)}.hero-visual{min-height:420px}.preview-window{width:100%;transform:none}.float-card{display:none}.hero-proof{gap:14px;justify-content:space-between}.hero-proof li{display:block}.hero-proof strong,.hero-proof span{display:block}.hero-proof span{margin-top:5px}.problem-grid{padding-block:23px}.problem-grid span{font-size:11px}.section-heading{grid-template-columns:1fr;gap:20px}.section-heading>p{justify-self:start}.platform-section,.pilot-section,.workflow-section,.offer-section{padding-block:86px}.platform-grid{grid-template-columns:1fr}.platform-card{border-right:0;border-bottom:1px solid #c9ccc4;min-height:330px}.platform-card:last-child{border-bottom:0}.pilot-program{grid-template-columns:1fr;gap:14px}.pilot-program .button{justify-self:start}.station-topbar{grid-template-columns:1fr 1fr}.cell-state{justify-self:end}.cell-state em,.station-topbar time{display:none}.camera-stage{min-height:0}.station-controls{flex-wrap:wrap}.control-primary{flex:1}.icon-button{margin-left:0}.decision-column{grid-template-columns:1fr}.station-metrics{grid-template-columns:1fr 1fr}.station-metrics article:nth-child(2){border-right:0}.station-metrics article:nth-child(-n+2){border-bottom:1px solid var(--line)}.event-list{grid-template-columns:1fr}.workflow-grid{grid-template-columns:1fr}.workflow-grid article{border-right:0;border-bottom:1px solid #2a3934;min-height:280px}.workflow-grid article:last-child{border-bottom:0}.offer-card{grid-template-columns:1fr}.site-footer{height:auto;min-height:170px;grid-template-columns:1fr;gap:17px;padding-block:32px}.site-footer p,.site-footer>span{justify-self:start}.camera-decision{min-width:150px}.site-header .header-cta{display:none}
}
@media (max-width:760px){.hero-pilot-note{display:block}.hero-pilot-note span{display:block;margin-top:5px}.proof-section,.fit-section{padding-block:86px}.proof-grid{grid-template-columns:1fr}.proof-grid article{border-right:0;border-bottom:1px solid #c9ccc4;min-height:170px}.proof-grid article:nth-child(3){border-right:0}.proof-grid article:last-child{border-bottom:0}.proof-grid strong{margin-top:24px}.proof-actions{align-items:stretch;flex-direction:column}.proof-actions .button{justify-content:center}.fit-grid{grid-template-columns:1fr}.lead-form-row{grid-template-columns:1fr}.contact-section{padding-bottom:86px}}
@media (max-width: 480px) { .hero-proof strong{font-size:22px}.hero-proof span{font-size:8px}.mode-switch{width:100%}.mode-button{flex:1;padding-inline:8px}.station-controls .button{width:100%}.icon-button,.estop-button{flex:1}.camera-hud-left span:last-child{display:none}.section-shell{width:min(var(--max),calc(100% - 28px))}.camera-column,.decision-column{padding:13px}.station-metrics article{padding:16px}.preview-camera{aspect-ratio:1.25}.package-one{height:44%}.package-two{height:34%}.preview-scan{display:none} }
@media (max-width: 1100px) { .market-grid{grid-template-columns:1fr 1fr}.market-grid article:nth-child(2){border-right:0}.market-grid article:nth-child(-n+2){border-bottom:1px solid #c9ccc4}.economics-grid{grid-template-columns:1fr 1fr}.automation-ladder{grid-column:1/-1}.operation-list>article{grid-template-columns:45px 1fr 160px} }
@media (max-width: 760px) { .market-section,.operations-section,.economics-section{padding-block:86px}.market-grid{grid-template-columns:1fr}.market-grid article{border-right:0;border-bottom:1px solid #c9ccc4;min-height:260px}.market-grid article:nth-child(2){border-right:0}.operation-list>article{grid-template-columns:36px 1fr;gap:11px;padding:20px}.operation-fit{grid-column:2;justify-self:start;text-align:left;align-items:flex-start}.industry-row{align-items:flex-start}.industry-row span{width:100%;margin-bottom:4px}.economics-grid{grid-template-columns:1fr}.automation-ladder{grid-column:auto}.roi-calculator,.roi-result,.automation-ladder{padding:18px} }
@media (max-width: 480px) { .market-grid article>strong{font-size:35px}.operation-list h3{font-size:20px}.roi-calculator label{grid-template-columns:1fr 90px}.automation-ladder article{grid-template-columns:27px 1fr}.automation-ladder article>span{grid-column:2} }
@media (prefers-reduced-motion: reduce) { html{scroll-behavior:auto}.preview-scan,.camera-stage.auto-processing .scan-line{animation:none}.button{transition:none} }
:where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--acid);outline-offset:3px;box-shadow:0 0 0 2px var(--ink)}
.contact-email{display:inline-flex;margin-top:24px;color:var(--acid);font:10px ui-monospace,monospace;letter-spacing:.08em;border-bottom:1px solid rgba(200,255,61,.5);padding-bottom:4px}
.noscript-note{margin:0;padding:12px 24px;background:#ffbd55;color:#171b19;text-align:center;font-size:12px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Keep operational labels readable at small industrial-display sizes. */
.eyebrow,
.hero-proof span,
.hero-pilot-note span,
.market-grid p,
.market-note,
.site-footer p,
.site-footer > span,
.proof-grid span,
.fit-card > span,
.fit-card li,
.calculator-heading > span,
.automation-ladder p,
.automation-ladder article > span,
.offer-copy > p:not(.eyebrow) { color:#53605b }
.section-heading:not(.light-heading) > p { color:#53605b }
.mode-button,
.mode-button span { color:#5b6762 }
.float-card small { color:#53605b }
.platform-card.supporting > span,
.platform-card.supporting p,
.platform-card.supporting li,
.platform-card.supporting > small,
.pilot-program p { color:#4e5a56 }
.preview-result small,
.operation-rank,
.operation-fit > span,
.operation-fit small,
.industry-row span,
.station-ident small,
.cell-state small,
.cell-state em,
.station-topbar time,
.checklist small,
.reference-status small,
.card-label,
.decision-empty,
.decision-result p,
.decision-result span,
.route small,
.station-metrics span,
.station-metrics small,
.workflow-grid article > span,
.roi-result > div > span,
.roi-result > small { color:#8c9e97 }
.event-list span,
.event-list time,
.event-list .event-empty { color:#59645f }