:root {
  --ink: #080b0f;
  --ink-soft: #11161d;
  --paper: #f2f0e8;
  --paper-2: #e8e6de;
  --line-dark: rgba(255, 255, 255, 0.13);
  --line-light: rgba(8, 11, 15, 0.17);
  --muted-dark: #8e969f;
  --muted-light: #62676d;
  --acid: #bfff38;
  --amber: #ffc247;
  --mono: "DM Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
  --sans: "Manrope", Arial, Helvetica, sans-serif;
  --shell: min(1240px, calc(100% - 48px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--ink); color: var(--paper); font-family: var(--sans); font-size: 15px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button { color: inherit; }
.shell { width: var(--shell); margin-inline: auto; }

.topline { background: var(--acid); color: var(--ink); font-family: var(--mono); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.topline-inner { min-height: 31px; display: flex; align-items: center; gap: 9px; }
.topline-inner a { margin-left: auto; border-bottom: 1px solid currentColor; font-weight: 500; }
.pulse-dot { width: 6px; height: 6px; background: var(--ink); border-radius: 50%; box-shadow: 0 0 0 4px rgba(8,11,15,.12); animation: pulse 2s infinite; }
@keyframes pulse { 50% { box-shadow: 0 0 0 7px transparent; } }

.site-header { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid var(--line-dark); background: rgba(8,11,15,.88); backdrop-filter: blur(16px); }
.nav-wrap { height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-family: var(--mono); font-size: 13px; font-weight: 500; letter-spacing: -.02em; white-space: nowrap; }
.brand em { color: #808892; font-style: normal; font-weight: 300; }
.brand-mark { width: 28px; height: 28px; display: inline-block; position: relative; border: 1px solid rgba(191,255,56,.55); transform: rotate(45deg); }
.brand-mark:before, .brand-mark:after, .brand-mark i:before, .brand-mark i:after { content: ""; position: absolute; background: var(--acid); }
.brand-mark:before { width: 1px; height: 38px; top: -6px; left: 13px; }
.brand-mark:after { height: 1px; width: 38px; left: -6px; top: 13px; }
.brand-mark i:before { width: 4px; height: 4px; top: 11px; left: 11px; }
.brand-mark i:after { width: 2px; height: 2px; top: 4px; left: 4px; }
.desktop-nav { display: flex; align-items: center; gap: 30px; color: #b3bac1; font-size: 12px; }
.desktop-nav a { transition: color .2s; }
.desktop-nav a:hover { color: var(--paper); }
.nav-actions { display: flex; align-items: center; gap: 18px; }
.language-switch { display: flex; align-items: center; gap: 5px; font-family: var(--mono); font-size: 10px; color: #606974; }
.language-switch button { appearance: none; padding: 4px; border: 0; background: transparent; cursor: pointer; font-family: inherit; font-size: inherit; color: inherit; }
.language-switch button.active { color: var(--acid); }
.button { min-height: 48px; padding: 0 21px; border: 1px solid var(--paper); display: inline-flex; align-items: center; justify-content: center; gap: 28px; font-family: var(--mono); font-size: 10px; font-weight: 500; letter-spacing: .04em; text-transform: uppercase; transition: .2s ease; cursor: pointer; }
.button:hover { background: var(--paper); color: var(--ink); }
.button-small { min-height: 39px; padding-inline: 15px; }
.button-primary { background: var(--acid); color: var(--ink); border-color: var(--acid); }
.button-primary:hover { background: #d0ff70; border-color: #d0ff70; }
.menu-button { display: none; border: 0; background: transparent; width: 36px; height: 36px; padding: 8px; cursor: pointer; }
.menu-button span { height: 1px; background: var(--paper); display: block; margin: 6px 0; transition: .2s; }
.menu-button[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }
.menu-button[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
.mobile-menu { display: none; }

.hero { position: relative; overflow: hidden; border-bottom: 1px solid var(--line-dark); }
.hero-grid, .contact-grid { position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(to bottom, rgba(0,0,0,.85), transparent 92%); }
.hero-grid:after { content: ""; position: absolute; width: 560px; height: 560px; border: 1px solid rgba(191,255,56,.11); border-radius: 50%; right: -170px; top: -260px; box-shadow: 0 0 0 90px rgba(191,255,56,.015), 0 0 0 180px rgba(191,255,56,.01); }
.hero-layout { position: relative; min-height: 760px; display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: 74px; padding-block: 92px 90px; }
.eyebrow { margin: 0 0 35px; display: flex; align-items: center; gap: 14px; font-family: var(--mono); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: #aeb5bd; }
.eyebrow span { color: var(--acid); }
.eyebrow span:after { content: ""; width: 28px; height: 1px; background: currentColor; display: inline-block; margin-left: 14px; vertical-align: middle; }
.eyebrow b { font-weight: 400; }
.eyebrow.dark { color: #5a6066; }
.eyebrow.dark span { color: #485025; }
.hero h1 { margin: 0; font-size: clamp(48px, 5.1vw, 78px); line-height: .98; letter-spacing: -.055em; font-weight: 500; }
.hero h1 em { color: var(--acid); font-style: normal; }
.hero-lede { max-width: 600px; margin: 32px 0 0; color: #aeb5bd; font-size: 17px; line-height: 1.75; }
.hero-actions { display: flex; align-items: center; gap: 30px; margin-top: 38px; }
.text-link { display: inline-flex; align-items: center; gap: 18px; border-bottom: 1px solid #6b737d; padding-block: 7px; font-family: var(--mono); font-size: 10px; text-transform: uppercase; letter-spacing: .04em; }
.text-link b { color: var(--acid); }
.text-link.light { border-color: rgba(255,255,255,.35); }
.hero-tags { margin-top: 48px; padding-top: 18px; border-top: 1px solid var(--line-dark); display: flex; flex-wrap: wrap; gap: 10px 18px; font-family: var(--mono); color: #707984; font-size: 9px; letter-spacing: .08em; }
.hero-tags span:not(:last-child):after { content: "/"; margin-left: 18px; color: #39404a; }

.control-panel { background: #10151b; border: 1px solid #2b333c; box-shadow: 0 35px 100px rgba(0,0,0,.38); position: relative; }
.control-panel:before { content: ""; position: absolute; inset: -8px 8px 8px -8px; border: 1px solid rgba(191,255,56,.1); pointer-events: none; }
.panel-chrome { min-height: 47px; padding: 0 17px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #2b333c; font-family: var(--mono); font-size: 8px; letter-spacing: .09em; color: #8e98a2; }
.panel-chrome > div { display: flex; align-items: center; gap: 9px; }
.mark-mini { width: 10px; height: 10px; border: 1px solid var(--acid); display: inline-block; transform: rotate(45deg); }
.panel-live i, .line-state i { width: 5px; height: 5px; background: var(--acid); display: inline-block; border-radius: 50%; box-shadow: 0 0 9px var(--acid); }
.panel-live { color: var(--acid); }
.panel-overview { min-height: 170px; padding: 28px 31px 25px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #2b333c; }
.panel-overview > div:first-child { display: flex; flex-direction: column; align-items: flex-start; }
.panel-overview span, .metric-head span { font-family: var(--mono); color: #7e8791; font-size: 8px; letter-spacing: .1em; }
.panel-overview strong { font-family: var(--mono); font-size: 52px; line-height: 1.12; font-weight: 300; letter-spacing: -.06em; color: #f5f5ed; }
.panel-overview strong small { font-size: 18px; color: var(--acid); }
.panel-overview em { color: var(--acid); font-family: var(--mono); font-size: 8px; font-style: normal; }
.panel-overview em span { color: #68717b; }
.radial { width: 82px; height: 82px; border-radius: 50%; display: grid; place-items: center; position: relative; background: conic-gradient(var(--acid) calc(var(--value) * 1%), #29313a 0); }
.radial:before { content: ""; position: absolute; inset: 7px; background: #10151b; border-radius: 50%; }
.radial span { position: relative; color: #b9c0c7; }
.throughput { padding: 22px 31px 17px; border-bottom: 1px solid #2b333c; }
.metric-head { display: flex; align-items: baseline; justify-content: space-between; }
.metric-head strong { color: #e8e9e1; font-family: var(--mono); font-weight: 400; font-size: 15px; }
.metric-head strong small { color: #5d6670; font-size: 9px; }
.bar-chart { height: 74px; display: flex; align-items: end; gap: 7px; margin-top: 16px; border-bottom: 1px solid #29313a; background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px); background-size: 100% 24px; }
.bar-chart i { height: var(--h); flex: 1; max-width: 26px; background: #38424c; position: relative; }
.bar-chart i:after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(255,255,255,.09), transparent); }
.bar-chart i.current { background: var(--acid); box-shadow: 0 0 20px rgba(191,255,56,.12); }
.axis { margin-top: 7px; display: flex; justify-content: space-between; color: #565f69; font: 7px var(--mono); }
.axis span:last-child { color: var(--acid); }
.line-list { padding: 8px 14px 14px; }
.line-row { min-height: 58px; padding: 0 13px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #252c34; font-family: var(--mono); }
.line-id, .line-state { display: flex; align-items: center; gap: 10px; }
.line-id > span { width: 27px; height: 27px; display: grid; place-items: center; border: 1px solid #3b444e; color: #7f8993; font-size: 8px; }
.line-id div { display: flex; flex-direction: column; }
.line-id strong { color: #d9ddd8; font-size: 8px; font-weight: 500; }
.line-id small { color: #5c6670; font-size: 7px; margin-top: 2px; }
.line-state { font-size: 7px; color: var(--acid); }
.line-state strong { color: #afb7be; font-size: 10px; font-weight: 400; margin-left: 3px; }
.line-state.amber { color: var(--amber); }
.line-state.amber i { background: var(--amber); box-shadow: 0 0 9px var(--amber); }
.alert-row { min-height: 61px; margin-top: 10px; background: rgba(255,194,71,.06); border: 1px solid rgba(255,194,71,.22); display: flex; align-items: center; gap: 10px; padding: 0 13px; }
.alert-row > span { width: 24px; height: 24px; display: grid; place-items: center; border: 1px solid rgba(255,194,71,.5); color: var(--amber); font: 11px var(--mono); }
.alert-row p { display: flex; flex-direction: column; margin: 0; }
.alert-row strong { color: #e6ded0; font: 8px var(--mono); text-transform: uppercase; letter-spacing: .04em; }
.alert-row small { color: #80796e; font: 7px var(--mono); margin-top: 2px; }
.alert-row > b { margin-left: auto; color: var(--amber); font: 7px var(--mono); font-weight: 400; }

.operating-strip { border-bottom: 1px solid var(--line-dark); background: #0b0f14; }
.strip-grid { display: grid; grid-template-columns: repeat(3,1fr); }
.strip-grid article { min-height: 126px; display: flex; align-items: center; gap: 18px; padding: 24px 28px; border-left: 1px solid var(--line-dark); }
.strip-grid article:last-child { border-right: 1px solid var(--line-dark); }
.strip-grid article > span { color: var(--acid); font: 9px var(--mono); }
.strip-grid strong { display: block; font-size: 13px; font-weight: 600; }
.strip-grid p { margin: 4px 0 0; color: #6f7882; font-size: 11px; }

.section { padding-block: 132px; }
.light-section, .process-section { background: var(--paper); color: var(--ink); }
.section-heading { display: grid; grid-template-columns: .34fr .66fr; gap: 46px; margin-bottom: 68px; }
.section-heading h2, .industries-top h2, .complexity-copy h2, .contact-copy h2 { margin: 0; max-width: 810px; font-size: clamp(38px, 4vw, 58px); line-height: 1.07; letter-spacing: -.045em; font-weight: 500; }
.section-heading > div > p { max-width: 700px; color: var(--muted-light); font-size: 16px; line-height: 1.75; }
.capability-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line-light); border-left: 1px solid var(--line-light); }
.capability-card { min-height: 385px; border-right: 1px solid var(--line-light); border-bottom: 1px solid var(--line-light); padding: 26px 28px 31px; display: flex; flex-direction: column; justify-content: space-between; position: relative; overflow: hidden; }
.capability-card.feature { grid-column: span 2; }
.card-number { color: #777d74; font: 9px var(--mono); }
.capability-card h3 { margin: 0 0 10px; font-size: 19px; letter-spacing: -.025em; font-weight: 600; }
.capability-card p { margin: 0; color: #656a6e; font-size: 13px; line-height: 1.65; }
.schematic { width: 74%; height: 118px; position: relative; margin: 10px auto; background-image: linear-gradient(rgba(8,11,15,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(8,11,15,.05) 1px, transparent 1px); background-size: 16px 16px; }
.schematic .node { position: absolute; width: 29px; height: 29px; border: 1px solid #6f766f; background: var(--paper); z-index: 2; }
.schematic .node:after { content: ""; width: 5px; height: 5px; background: #6d7650; position: absolute; inset: 0; margin: auto; }
.schematic .n1 { left: 0; top: 46px; }.schematic .n2 { left: 31%; top: 10px; }.schematic .n3 { left: 62%; top: 72px; }.schematic .n4 { right: 0; top: 36px; }
.schematic .wire { position: absolute; height: 1px; background: #92988f; transform-origin: left center; z-index: 1; }
.schematic .w1 { width: 34%; left: 18px; top: 54px; transform: rotate(-24deg); }.schematic .w2 { width: 40%; left: 34%; top: 33px; transform: rotate(30deg); }.schematic .w3 { width: 36%; left: 65%; top: 86px; transform: rotate(-27deg); }
.schematic b { position: absolute; left: 33%; top: 47px; border: 1px solid #718039; background: var(--acid); padding: 6px 10px; font: 7px var(--mono); font-weight: 500; z-index: 3; }
.card-icon { width: 100%; height: 115px; position: relative; margin-block: 8px; }
.card-icon.signal { display: flex; align-items: end; gap: 8px; padding: 16px 18%; border-bottom: 1px solid #9b9f98; }
.card-icon.signal i { width: 16%; height: 20%; background: #aeb2a9; }.card-icon.signal i:nth-child(2){height:45%}.card-icon.signal i:nth-child(3){height:70%;background:#7e874d}.card-icon.signal i:nth-child(4){height:95%;background:var(--acid);border:1px solid #6b7730}
.card-icon.flow i { position: absolute; border: 1px solid #858b83; width: 42px; height: 42px; top: 35px; }.card-icon.flow i:nth-child(1){left:12%}.card-icon.flow i:nth-child(2){left:43%;background:var(--acid);border-color:#7a873a}.card-icon.flow i:nth-child(3){right:12%}.card-icon.flow:after{content:"";position:absolute;height:1px;background:#858b83;left:22%;right:22%;top:56px;z-index:0}
.card-icon.trace:before { content:"";position:absolute;left:14%;right:14%;top:55px;border-top:1px dashed #777e76 }.card-icon.trace i{position:absolute;width:21px;height:21px;border:1px solid #777e76;top:45px;background:var(--paper);transform:rotate(45deg)}.card-icon.trace i:nth-child(1){left:14%}.card-icon.trace i:nth-child(2){left:46%;background:var(--acid)}.card-icon.trace i:nth-child(3){right:14%}
.card-icon.connect i{position:absolute;width:38px;height:38px;border:1px solid #899088}.card-icon.connect i:nth-child(1){left:20%;top:12px}.card-icon.connect i:nth-child(2){right:20%;top:12px}.card-icon.connect i:nth-child(3){left:20%;bottom:7px}.card-icon.connect i:nth-child(4){right:20%;bottom:7px;background:var(--acid)}.card-icon.connect:after{content:"";position:absolute;inset:30px 28%;border:1px solid #a2a69f;border-left:0;border-right:0}
.card-icon.intelligence { background: radial-gradient(circle at center, rgba(191,255,56,.45) 0 4px, transparent 5px); }.card-icon.intelligence:before,.card-icon.intelligence:after{content:"";position:absolute;inset:15px 33%;border:1px solid #969c94;transform:rotate(45deg)}.card-icon.intelligence:after{inset:30px 39%;border-color:#78813f}.card-icon.intelligence i{position:absolute;width:5px;height:5px;background:#596057}.card-icon.intelligence i:nth-child(1){left:24%;top:25%}.card-icon.intelligence i:nth-child(2){right:24%;top:46%;background:#7d8c33}.card-icon.intelligence i:nth-child(3){left:29%;bottom:18%}

.industries { background: var(--ink); }
.industries-top { display: grid; grid-template-columns: 1.35fr .65fr; gap: 100px; align-items: end; margin-bottom: 77px; }
.industries-top > p { margin: 0; color: #8c959e; font-size: 15px; line-height: 1.75; }
.industry-list { border-top: 1px solid var(--line-dark); }
.industry-list article { min-height: 135px; display: grid; grid-template-columns: .12fr .35fr .43fr .1fr; align-items: center; border-bottom: 1px solid var(--line-dark); transition: background .2s, padding .2s; }
.industry-list article:hover { background: rgba(255,255,255,.025); padding-inline: 16px; }
.industry-list article > span { color: var(--acid); font: 9px var(--mono); }
.industry-list h3 { margin: 0; font-size: 21px; font-weight: 500; }
.industry-list p { margin: 0; color: #818a94; max-width: 470px; font-size: 13px; }
.industry-list b { justify-self: end; color: var(--acid); font-weight: 400; }

.process-section { background: #e9e7df; }
.process-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line-light); border-left: 1px solid var(--line-light); }
.process-grid article { min-height: 305px; padding: 26px 25px 30px; border-right: 1px solid var(--line-light); border-bottom: 1px solid var(--line-light); display: flex; flex-direction: column; }
.process-grid article > span { color: #777d78; font: 8px var(--mono); letter-spacing: .06em; }
.process-grid h3 { margin: auto 0 14px; font-size: 18px; line-height: 1.25; font-weight: 600; }
.process-grid p { margin: 0; color: #676c6d; font-size: 12px; line-height: 1.7; }

.complexity-section { padding-block: 132px; background: #11161d; border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }
.complexity-layout { display: grid; grid-template-columns: 1.05fr .95fr; gap: 108px; }
.complexity-copy > p:not(.eyebrow) { color: #969fa7; max-width: 620px; font-size: 15px; line-height: 1.8; margin: 31px 0; }
.principles { border-top: 1px solid var(--line-dark); }
.principles article { min-height: 117px; display: grid; grid-template-columns: 50px 1fr; gap: 20px; padding-block: 25px; border-bottom: 1px solid var(--line-dark); }
.principles article > span { color: var(--acid); font: 9px var(--mono); }
.principles strong { font-size: 14px; font-weight: 600; }
.principles p { margin: 5px 0 0; color: #7d8690; font-size: 12px; line-height: 1.6; }

.integration-band { padding-block: 73px; background: var(--acid); color: var(--ink); }
.integration-layout { display: grid; grid-template-columns: .7fr 1.3fr; gap: 60px; align-items: center; }
.integration-layout > div:first-child > span { font: 8px var(--mono); letter-spacing: .1em; }
.integration-layout h2 { margin: 8px 0 0; font-size: 28px; line-height: 1.1; letter-spacing: -.03em; font-weight: 600; }
.integration-flow { display: flex; align-items: center; justify-content: flex-end; gap: 11px; font: 8px var(--mono); }
.integration-flow span,.integration-flow b { min-height: 42px; padding: 0 14px; display: inline-flex; align-items: center; border: 1px solid rgba(8,11,15,.52); white-space: nowrap; }
.integration-flow b { background: var(--ink); color: var(--acid); font-weight: 500; }
.integration-flow i { font-style: normal; }

.contact-section { padding-block: 125px; position: relative; overflow: hidden; }
.contact-grid { mask-image: linear-gradient(to right, rgba(0,0,0,.7), transparent 85%); }
.contact-layout { position: relative; display: grid; grid-template-columns: 1fr .85fr; gap: 100px; }
.contact-copy > p:not(.eyebrow) { max-width: 620px; color: #949da6; font-size: 15px; line-height: 1.75; }
.contact-meta { margin-top: 44px; display: flex; gap: 16px; color: #626b75; font: 8px var(--mono); letter-spacing: .08em; }
.contact-meta span:after { content: "/"; margin-left: 16px; }
.contact-meta a { color: var(--acid); }
.contact-form { border: 1px solid #323a43; background: rgba(16,21,27,.93); padding: 32px; box-shadow: 15px 15px 0 rgba(191,255,56,.035); }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.contact-form label { display: block; margin-bottom: 17px; }
.contact-form label > span { display: block; margin-bottom: 8px; color: #919aa3; font: 8px var(--mono); text-transform: uppercase; letter-spacing: .06em; }
.contact-form input,.contact-form textarea { width: 100%; border: 1px solid #343d46; outline: 0; background: #0b0f14; color: var(--paper); padding: 12px 13px; font-size: 13px; transition: border-color .2s; border-radius: 0; }
.contact-form input { height: 46px; }
.contact-form textarea { resize: vertical; min-height: 110px; }
.contact-form input:focus,.contact-form textarea:focus { border-color: var(--acid); }
.button.full { width: 100%; border: 0; }
.form-note { color: #626c75; font: 8px/1.6 var(--mono); margin: 13px 0 0; }

footer { background: #05070a; border-top: 1px solid var(--line-dark); }
.footer-main { min-height: 270px; padding-block: 60px; display: flex; justify-content: space-between; gap: 80px; }
.footer-brand p { max-width: 360px; color: #6d7680; font-size: 12px; margin-top: 27px; }
.footer-email { display: inline-block; margin-top: 13px; color: var(--acid); font: 10px var(--mono); }
.footer-links { display: flex; gap: 100px; }
.footer-links div { display: flex; flex-direction: column; gap: 10px; min-width: 110px; }
.footer-links strong { color: #59626d; font: 8px var(--mono); letter-spacing: .1em; margin-bottom: 7px; }
.footer-links a { color: #a3abb3; font-size: 12px; }
.footer-links a:hover { color: var(--acid); }
.footer-bottom { min-height: 65px; border-top: 1px solid var(--line-dark); display: flex; align-items: center; justify-content: space-between; color: #565f68; font: 8px var(--mono); }
.footer-bottom b { font-weight: 400; }
.footer-bottom a { color: #8b949d; }

.reveal { opacity: 0; transform: translateY(16px); transition: opacity .7s ease, transform .7s ease; }
.reveal.visible { opacity: 1; transform: none; }

@media (max-width: 1080px) {
  .desktop-nav { display: none; }
  .hero-layout { grid-template-columns: 1fr; gap: 64px; }
  .hero-copy { max-width: 780px; }
  .control-panel { max-width: 760px; width: 100%; }
  .capability-grid { grid-template-columns: repeat(2,1fr); }
  .capability-card.feature { grid-column: span 2; }
  .process-grid { grid-template-columns: repeat(2,1fr); }
  .complexity-layout, .contact-layout { gap: 60px; }
  .integration-layout { grid-template-columns: 1fr; }
  .integration-flow { justify-content: flex-start; }
}

@media (max-width: 760px) {
  :root { --shell: min(100% - 30px, 1240px); }
  .topline { font-size: 8px; }.topline-inner a { display: none; }
  .nav-wrap { height: 66px; }.nav-actions .button-small { display: none; }.menu-button { display: block; }.brand { font-size: 11px; }.brand-mark { width: 24px; height: 24px; }.brand-mark:before{height:32px;top:-5px;left:11px}.brand-mark:after{width:32px;left:-5px;top:11px}.brand-mark i:before{left:9px;top:9px}
  .mobile-menu { position: absolute; left: 0; right: 0; top: 66px; background: #0b0f14; border-bottom: 1px solid #303842; padding: 12px 15px 20px; flex-direction: column; }
  .mobile-menu.open { display: flex; }.mobile-menu a { padding: 13px 4px; border-bottom: 1px solid var(--line-dark); font: 11px var(--mono); text-transform: uppercase; }
  .hero-layout { min-height: 0; padding-block: 76px 65px; gap: 50px; }.hero h1 { font-size: clamp(43px, 13vw, 62px); }.hero-lede { font-size: 15px; }.hero-actions { flex-direction: column; align-items: stretch; }.hero-actions .text-link { align-self: flex-start; }.hero-tags { gap: 8px 10px; }.hero-tags span:not(:last-child):after{margin-left:10px}
  .control-panel:before { display:none; }.panel-overview,.throughput { padding-inline: 20px; }.panel-overview strong{font-size:43px}.radial{width:68px;height:68px}.line-row{padding-inline:5px}.line-id strong{font-size:7px}.line-state span{display:none}
  .strip-grid { grid-template-columns: 1fr; }.strip-grid article { min-height: 96px; border-right: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }
  .section,.complexity-section,.contact-section { padding-block: 85px; }.section-heading,.industries-top,.complexity-layout,.contact-layout { grid-template-columns: 1fr; gap: 34px; }.section-heading{margin-bottom:48px}.section-heading h2,.industries-top h2,.complexity-copy h2,.contact-copy h2{font-size:39px}.section-heading > div > p{font-size:14px}
  .capability-grid { grid-template-columns: 1fr; }.capability-card.feature { grid-column: span 1; }.capability-card { min-height: 330px; }.schematic { width: 92%; }
  .industries-top { margin-bottom: 48px; }.industry-list article { grid-template-columns: 45px 1fr 20px; padding: 25px 0; }.industry-list article h3{font-size:18px}.industry-list article p { grid-column: 2 / 4; margin-top: 8px; }.industry-list article b { grid-column:3;grid-row:1; }
  .process-grid { grid-template-columns: 1fr; }.process-grid article{min-height:240px}
  .integration-flow { overflow-x: auto; padding-bottom: 8px; }.integration-flow i { display:none; }.integration-flow span,.integration-flow b{padding-inline:10px}
  .form-row { grid-template-columns: 1fr; gap: 0; }.contact-form { padding: 22px 18px; }.contact-meta { flex-direction: column; gap: 7px; }.contact-meta span:after { display:none; }
  .footer-main { flex-direction: column; min-height:0; }.footer-links { gap: 45px; }.footer-bottom { min-height:95px; flex-wrap:wrap; gap:12px; padding-block:20px; }.footer-bottom > span:nth-child(2){display:none}
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *:before, *:after { animation: none !important; transition: none !important; }
  .reveal { opacity: 1; transform: none; }
}