:root {
  --ink: #05080d;
  --ink-2: #080e16;
  --panel: rgba(12, 22, 34, .64);
  --panel-solid: #0d1722;
  --line: rgba(172, 208, 226, .15);
  --line-bright: rgba(110, 216, 255, .42);
  --white: #f1f7fa;
  --muted: #8fa3af;
  --cyan: #5fdbff;
  --blue: #1779bb;
  --blue-deep: #0b3554;
  --silver: #b9cbd4;
  --amber: #ff9e55;
  --success: #76f7c4;
  --max: 1240px;
  --nav-h: 82px;
  --ease: cubic-bezier(.2, .8, .2, 1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; color: var(--white); background: var(--ink); font-family: Inter, "Helvetica Neue", Arial, sans-serif; overflow-x: hidden; }
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
img { display: block; max-width: 100%; }
::selection { color: #00131d; background: var(--cyan); }

.skip-link { position: fixed; z-index: 1000; left: 16px; top: -60px; padding: 12px 18px; color: var(--ink); background: var(--cyan); transition: top .2s; }
.skip-link:focus { top: 12px; }
.shell { width: min(calc(100% - 64px), var(--max)); margin-inline: auto; }
.page-noise { position: fixed; z-index: 99; inset: 0; opacity: .035; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E"); }
.cursor-glow { position: fixed; z-index: 0; width: 420px; height: 420px; margin: -210px; border-radius: 50%; background: rgba(31, 154, 213, .07); filter: blur(60px); pointer-events: none; transform: translate3d(-500px,-500px,0); }

.site-header { position: fixed; z-index: 100; inset: 0 0 auto; height: var(--nav-h); border-bottom: 1px solid transparent; transition: background .4s, border-color .4s, height .4s; }
.site-header.scrolled { height: 68px; background: rgba(4, 8, 13, .88); border-color: var(--line); backdrop-filter: blur(18px); }
.nav { height: 100%; display: flex; align-items: center; justify-content: space-between; }
.brand { position: relative; display: inline-flex; align-items: center; width: 174px; min-height: 32px; }
.brand img { width: 100%; height: auto; object-fit: contain; }
.brand-fallback { display: none; font-size: 15px; letter-spacing: .15em; }
.brand img[src=""] + .brand-fallback { display: block; }
.nav-links { display: flex; align-items: center; gap: clamp(17px, 2.2vw, 34px); height: 100%; }
.nav-links a { position: relative; color: #a8b5bc; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; transition: color .25s; }
.nav-links a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -9px; height: 1px; background: var(--cyan); transition: right .3s var(--ease); }
.nav-links a:hover, .nav-links a.active { color: var(--white); }
.nav-links a:hover::after, .nav-links a.active::after { right: 0; }
.nav-links .nav-cta { padding: 11px 17px; color: var(--white); border: 1px solid rgba(95,219,255,.35); }
.nav-links .nav-cta::after { display: none; }
.nav-links .nav-cta:hover { background: rgba(95,219,255,.1); }
.menu-toggle { display: none; width: 44px; height: 44px; padding: 10px; border: 0; background: transparent; }
.menu-toggle span { display: block; width: 22px; height: 1px; margin: 5px auto; background: var(--white); transition: transform .3s, opacity .3s; }

.hero { position: relative; min-height: 100svh; display: flex; align-items: center; isolation: isolate; background: #080b0f url("img/hero.png") center center / cover no-repeat; overflow: hidden; }
.hero::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(3,7,11,.98) 0%, rgba(4,9,14,.9) 31%, rgba(4,9,14,.38) 60%, rgba(4,9,14,.08) 100%), linear-gradient(0deg, rgba(3,6,10,.85), transparent 28%); }
.hero-overlay { position: absolute; inset: 0; z-index: -1; background: radial-gradient(circle at 70% 48%, rgba(71,184,234,.13), transparent 23%), linear-gradient(120deg, transparent 55%, rgba(52,183,233,.08)); }
.hero-grid { position: absolute; z-index: -1; inset: 0; opacity: .18; background-image: linear-gradient(rgba(110,216,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(110,216,255,.08) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(90deg, #000, transparent 60%); }
.hero-inner { position: relative; z-index: 2; padding-top: var(--nav-h); }
.hero-copy { width: min(660px, 57vw); padding: 58px 0 64px; }
.eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 22px; color: #a8bdc7; font-size: 10px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; }
.eyebrow > span { width: 38px; height: 1px; background: var(--cyan); box-shadow: 0 0 10px var(--cyan); }
.hero h1, .contact h2 { margin: 0; font-size: clamp(65px, 8.2vw, 122px); line-height: .82; letter-spacing: -.065em; font-weight: 300; }
.hero h1{display:flex;flex-direction:column;align-items:flex-start;letter-spacing:0}.hero-wordmark{display:block;width:clamp(560px,60vw,920px);aspect-ratio:8.35/1;margin:0 0 13px;overflow:hidden}.hero-wordmark img{width:110%;max-width:none;height:auto;transform:translate(-4.7%,-1%);filter:drop-shadow(0 0 12px rgba(255,255,255,.035))}
h1 em, h2 em { color: var(--cyan); font-style: normal; font-weight: 600; }
.hero-kicker { margin: 27px 0 18px; color: var(--silver); font-size: clamp(14px, 1.5vw, 19px); line-height: 1.4; letter-spacing: .03em; }
.hero-text { max-width: 620px; margin: 0; color: #a4b0b6; font-size: 15px; line-height: 1.75; }
.hero-metric { position: relative; width: 300px; margin: 30px 0 8px; padding-top: 10px; }
.metric-label { display: block; margin-bottom: 2px; color: var(--muted); font-size: 9px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }
.hero-metric strong { font-size: 40px; font-weight: 300; letter-spacing: -.04em; }
.hero-metric strong small { color: var(--cyan); font-size: 14px; font-weight: 600; letter-spacing: .05em; }
.metric-line { height: 1px; margin-top: 9px; background: rgba(255,255,255,.14); overflow: hidden; }
.metric-line i { display: block; width: 65%; height: 1px; background: var(--cyan); box-shadow: 0 0 12px var(--cyan); animation: meter 3s var(--ease) infinite alternate; }
.disclaimer { margin: 0 0 27px; color: #697b85; font-size: 10px; line-height: 1.5; }
.button-row { display: flex; gap: 12px; flex-wrap: wrap; }
.button { position: relative; min-width: 215px; height: 52px; padding: 0 18px 0 22px; display: inline-flex; justify-content: space-between; align-items: center; gap: 22px; overflow: hidden; border: 1px solid var(--line-bright); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; transition: transform .3s var(--ease), border-color .3s, background .3s; }
.button::before { content: ""; position: absolute; inset: 0 100% 0 0; background: rgba(255,255,255,.13); transition: right .4s var(--ease); }
.button:hover { transform: translateY(-3px); border-color: var(--cyan); }
.button:hover::before { right: 0; }
.button span, .button b { position: relative; z-index: 1; }
.button b { color: var(--cyan); font-size: 17px; font-weight: 400; }
.button-primary { color: #03131b; background: var(--cyan); border-color: var(--cyan); box-shadow: 0 8px 35px rgba(62,189,235,.18); }
.button-primary b { color: #03131b; }
.button-ghost { background: rgba(8,15,23,.42); backdrop-filter: blur(10px); }
.scroll-cue { position: absolute; z-index: 4; left: 50%; bottom: 29px; display: flex; align-items: center; gap: 14px; color: #788991; font-size: 9px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; transform: translateX(-50%); }
.scroll-cue i { position: relative; width: 1px; height: 37px; background: rgba(255,255,255,.2); overflow: hidden; }
.scroll-cue i::after { content: ""; position: absolute; inset: -100% 0 100%; background: var(--cyan); animation: scrollLine 2s infinite; }

.airflow { position: absolute; z-index: 1; pointer-events: none; }
.hero-airflow { width: 50vw; height: 42vh; right: 22%; top: 30%; }
.airflow i { position: absolute; display: block; width: 75%; height: 1px; border-radius: 50%; background: linear-gradient(90deg, transparent, rgba(107,221,255,.45), transparent); filter: drop-shadow(0 0 5px var(--cyan)); opacity: .5; animation: airflow 4s linear infinite; }
.airflow i:nth-child(1) { top: 10%; left: -10%; animation-delay: -1s; }.airflow i:nth-child(2) { top: 35%; width: 95%; animation-delay: -2.5s; }.airflow i:nth-child(3) { top: 63%; left: 8%; animation-delay: -.2s; }.airflow i:nth-child(4) { top: 85%; left: -18%; animation-delay: -3.3s; }
.hero-particles { position: absolute; z-index: 1; inset: 15% 15% 10% 38%; background-image: radial-gradient(circle, rgba(164,231,255,.8) 0 1px, transparent 1.5px); background-size: 53px 61px; opacity: .24; animation: drift 18s linear infinite; mask-image: radial-gradient(ellipse, #000, transparent 70%); }

.section { position: relative; z-index: 1; padding: clamp(105px, 11vw, 170px) 0; overflow: hidden; background: var(--ink); }
.section-heading { max-width: 790px; margin-bottom: 68px; }
.section-heading.centered { margin-inline: auto; text-align: center; }.section-heading.centered .eyebrow { justify-content: center; }
.section h2 { margin: 0 0 25px; font-size: clamp(42px, 5.4vw, 74px); line-height: .98; letter-spacing: -.048em; font-weight: 300; }
.section-heading > p:last-child, .section-copy > p { max-width: 680px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.75; }
.section-heading.centered > p:last-child { margin-inline: auto; }
.tech-grid { background-color: #070c12; background-image: linear-gradient(rgba(110,216,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(110,216,255,.035) 1px, transparent 1px); background-size: 72px 72px; }
.tech-grid::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(120deg, var(--ink) 8%, transparent 50%, var(--ink) 90%); }
.section-light { position: absolute; z-index: -1; width: 780px; height: 780px; border-radius: 50%; filter: blur(100px); opacity: .13; }
.section-light-blue { right: -300px; top: -300px; background: var(--blue); }
.glass { border: 1px solid var(--line); background: linear-gradient(145deg, rgba(25,43,58,.72), rgba(7,13,20,.6)); backdrop-filter: blur(16px); }
.stats-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; perspective: 1200px; }
.stat-card { position: relative; min-height: 385px; padding: 30px; overflow: hidden; transition: border-color .35s, box-shadow .35s, transform .2s; transform-style: preserve-3d; }
.stat-card:hover { border-color: var(--line-bright); box-shadow: 0 20px 60px rgba(0,100,150,.15), inset 0 0 40px rgba(44,171,220,.04); }
.card-index { position: absolute; right: 24px; top: 24px; color: #55707f; font: 10px monospace; }
.stat-graphic { position: relative; height: 170px; margin: 14px 0 34px; overflow: hidden; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 50% 50%, rgba(62,190,239,.07), transparent 58%); transform: translateZ(22px); }
.stat-graphic::before { content: ""; position: absolute; inset: 24px 0 12px; opacity: .35; background-image: linear-gradient(rgba(95,219,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(95,219,255,.06) 1px, transparent 1px); background-size: 16px 16px; mask-image: linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent); }
.graphic-tag { position: absolute; z-index: 3; left: 0; top: 3px; color: #557482; font: 7px monospace; letter-spacing: .13em; }
.stat-graphic > small { position: absolute; z-index: 3; right: 0; bottom: 10px; color: #52717f; font: 7px monospace; letter-spacing: .1em; }
.drop-vessel { position: absolute; z-index: 2; left: 50%; top: 28px; width: 94px; height: 116px; overflow: hidden; border: 1px solid rgba(95,219,255,.65); border-radius: 56% 56% 53% 53% / 64% 64% 40% 40%; clip-path: polygon(50% 0, 96% 56%, 100% 72%, 96% 86%, 84% 96%, 68% 100%, 32% 100%, 16% 96%, 4% 86%, 0 72%, 4% 56%); transform: translateX(-50%); filter: drop-shadow(0 0 12px rgba(95,219,255,.16)); }
.drop-fill { position: absolute; left: 0; right: 0; bottom: 0; height: 67%; background: linear-gradient(rgba(52,186,235,.22), rgba(10,91,127,.64)); animation: statWater 4s ease-in-out infinite alternate; }
.drop-wave { position: absolute; left: -20%; bottom: 61%; width: 140%; height: 18px; border: 1px solid var(--cyan); border-color: var(--cyan) transparent transparent; border-radius: 50%; animation: statWave 3s ease-in-out infinite; }
.volume-scale { position: absolute; z-index: 2; top: 43px; right: 12px; width: 46px; height: 88px; border-left: 1px solid rgba(95,219,255,.24); }
.volume-scale > i { display: block; width: 12px; height: 1px; margin: 0 0 18px; background: rgba(95,219,255,.45); }.volume-scale > i:nth-child(3){width:20px;background:var(--cyan)}
.volume-scale span { position: absolute; left: 25px; color: #547180; font: 7px monospace; }.volume-scale span:first-of-type { top: -3px; }.volume-scale span:last-of-type { bottom: -1px; }
.flow-dots i { position: absolute; z-index: 3; top: 30px; left: calc(50% - 2px); width: 3px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 8px var(--cyan); animation: statDrop 2.2s linear infinite; }.flow-dots i:nth-child(2){animation-delay:-.7s}.flow-dots i:nth-child(3){animation-delay:-1.4s}
.mini-modules { position: absolute; z-index: 2; left: 8px; right: 8px; top: 43px; display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; }
.mini-modules > i { position: relative; height: 82px; border: 1px solid rgba(95,219,255,.28); background: linear-gradient(180deg,rgba(44,123,155,.12),rgba(4,13,19,.8)); animation: moduleSequence 4s ease-in-out infinite; }
.mini-modules > i:nth-child(2){animation-delay:.35s}.mini-modules > i:nth-child(3){animation-delay:.7s}.mini-modules > i:nth-child(4){animation-delay:1.05s}
.mini-modules b { position: absolute; inset: 9px 8px 20px; background: repeating-linear-gradient(0deg, rgba(95,219,255,.78) 0 1px, transparent 1px 7px); }
.mini-modules small { position: absolute; left: 8px; bottom: 6px; color: #597987; font: 6px monospace; }
.module-bus { position: absolute; z-index: 1; left: 13%; right: 13%; bottom: 28px; height: 12px; border: 1px solid rgba(95,219,255,.22); border-top: 0; }.module-bus i { position: absolute; left: -3px; bottom: -3px; width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 8px var(--cyan); animation: busFlow 3s linear infinite; }
.control-orbit { position: absolute; z-index: 2; left: 50%; top: 27px; width: 118px; height: 118px; border: 1px solid rgba(95,219,255,.25); border-radius: 50%; transform: translateX(-50%); animation: orbitSpin 13s linear infinite; }
.control-orbit::before,.control-orbit::after { content:"";position:absolute;border:1px dashed rgba(95,219,255,.2);border-radius:50%;inset:13px; }.control-orbit::after { inset:31px;border-style:solid;box-shadow:0 0 20px rgba(95,219,255,.08); }
.control-orbit > i { position:absolute;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan); }.control-orbit > i:nth-child(1){left:11px;top:25px}.control-orbit > i:nth-child(2){right:8px;top:48px}.control-orbit > i:nth-child(3){left:48px;bottom:-3px}.control-orbit > b { position:absolute;left:53px;top:53px;width:10px;height:10px;border:1px solid var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan); }
.signal-wave { position: absolute; z-index: 3; left: 8px; bottom: 39px; width: 76px; height: 29px; display: flex; align-items: center; gap: 3px; }
.signal-wave i { width: 2px; height: var(--signal,20%); background: var(--cyan); box-shadow: 0 0 5px rgba(95,219,255,.5); animation: signalPulse 1.5s ease-in-out infinite alternate; }.signal-wave i:nth-child(1){--signal:20%}.signal-wave i:nth-child(2){--signal:42%;animation-delay:-.2s}.signal-wave i:nth-child(3){--signal:75%;animation-delay:-.4s}.signal-wave i:nth-child(4){--signal:38%;animation-delay:-.6s}.signal-wave i:nth-child(5){--signal:100%;animation-delay:-.8s}.signal-wave i:nth-child(6){--signal:55%;animation-delay:-1s}.signal-wave i:nth-child(7){--signal:32%;animation-delay:-1.2s}.signal-wave i:nth-child(8){--signal:68%;animation-delay:-1.4s}.signal-wave i:nth-child(9){--signal:25%;animation-delay:-1.6s}
.control-status { position:absolute;z-index:3;right:3px;top:41px;color:var(--success);font:7px monospace;letter-spacing:.1em; }.control-status i { display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:var(--success);box-shadow:0 0 7px var(--success);animation:statusBlink 2s infinite; }
.stat-card strong { display: block; color: var(--white); font-size: 42px; line-height: 1; font-weight: 300; letter-spacing: -.05em; }
.stat-card h3 { margin: 9px 0 0; color: var(--silver); font-size: 11px; line-height: 1.5; letter-spacing: .12em; text-transform: uppercase; }
.card-scan { position: absolute; left: 0; right: 0; top: -1px; height: 1px; background: linear-gradient(90deg, transparent, var(--cyan), transparent); opacity: 0; transition: opacity .3s; animation: scan 3s linear infinite; }.stat-card:hover .card-scan { opacity: .8; }

.process { background: radial-gradient(ellipse at center, #0a1d2b 0, #070c12 46%, #05080d 75%); }
.orb { position: absolute; border-radius: 50%; filter: blur(90px); opacity: .1; background: var(--cyan); }.orb-a { width: 500px; height: 300px; left: -100px; top: 20%; }.orb-b { width: 400px; height: 300px; right: -100px; bottom: 5%; }
.section-airflow { inset: 40% 0 auto; height: 300px; opacity: .2; }.section-airflow i { width: 50%; }.section-airflow i:nth-child(1){top:10%}.section-airflow i:nth-child(2){top:45%;left:40%}.section-airflow i:nth-child(3){top:80%;left:15%}
.process-system { position: relative; padding: 26px 0 0; }
.phase-track { display: grid; grid-template-columns: 2fr 2fr 3fr; margin: 0 5.5% 55px; }
.phase-track span { position: relative; padding-top: 12px; color: #536e7c; border-top: 1px solid rgba(95,219,255,.2); font: 8px monospace; letter-spacing: .14em; text-align: center; text-transform: uppercase; }
.phase-track span::before { content: ""; position: absolute; left: 50%; top: -3px; width: 5px; height: 5px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 9px var(--cyan); transform: translateX(-50%); }
.phase-track span:nth-child(2) { color: #77aabd; border-color: rgba(95,219,255,.38); }.phase-track span:nth-child(3) { color: #58889b; border-color: rgba(95,219,255,.28); }
.process-flow { position: relative; display: grid; grid-template-columns: repeat(7, 1fr); }
.process-flow::before { content: ""; position: absolute; top: 57px; left: 7%; right: 7%; height: 2px; background: linear-gradient(90deg, rgba(184,216,229,.2), rgba(95,219,255,.65) 46%, rgba(21,131,181,.55)); box-shadow: 0 0 12px rgba(95,219,255,.08); }
.process-flow::after { content: ""; position: absolute; z-index: 0; top: 54px; left: 7%; width: 86%; height: 8px; background: linear-gradient(90deg, transparent, rgba(95,219,255,.65), transparent); filter: blur(5px); transform-origin: left; animation: pipelineCharge 9.8s linear infinite; }
.flow-particles { position: absolute; z-index: 2; left: 7%; right: 7%; top: 55px; height: 6px; pointer-events: none; }
.flow-particles i { position: absolute; left: -3px; top: 0; width: 5px; height: 5px; border-radius: 50%; background: #c6e7f2; box-shadow: 0 0 8px var(--cyan); animation: pipelineParticle 6.2s linear infinite; }.flow-particles i:nth-child(2){animation-delay:-1.55s}.flow-particles i:nth-child(3){animation-delay:-3.1s}.flow-particles i:nth-child(4){animation-delay:-4.65s}
.process-step { position: relative; z-index: 3; min-width: 0; padding: 0 9px; text-align: center; cursor: default; animation: processStage 9.8s linear infinite; animation-delay: calc(var(--step) * 1.4s); }
.process-icon { position: relative; width: 114px; height: 114px; margin: 0 auto 28px; color: var(--cyan); border: 1px solid var(--line); border-radius: 50%; background: radial-gradient(circle, #0c1c27, #071018 68%); transition: border-color .3s, background .3s, box-shadow .3s, transform .3s; }
.process-icon::before { content:"";position:absolute;inset:8px;border:1px dashed rgba(95,219,255,.1);border-radius:50%; }
.process-step:hover { animation-play-state: paused; }.process-step:hover .process-icon { transform: translateY(-7px) scale(1.05); border-color: var(--cyan); background: radial-gradient(circle,#102d3d,#08131c 70%); box-shadow: 0 0 34px rgba(95,219,255,.2), inset 0 0 22px rgba(95,219,255,.05); }
.process-step > span { color: #4f6875; font: 9px monospace; }.process-step h3 { margin: 9px 0 6px; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }.process-step > small { display: block; color: #667b87; font-size: 9px; line-height: 1.45; }
.step-detail { position: absolute; z-index: 8; left: 50%; bottom: calc(100% + 18px); width: 190px; padding: 14px 15px; border: 1px solid var(--line-bright); background: rgba(5,13,20,.96); box-shadow: 0 16px 35px rgba(0,0,0,.35); text-align: left; opacity: 0; pointer-events: none; transform: translate(-50%,8px); transition: opacity .3s, transform .3s; }
.step-detail::after { content:"";position:absolute;left:50%;top:100%;width:8px;height:8px;border-right:1px solid var(--line-bright);border-bottom:1px solid var(--line-bright);background:#07111a;transform:translate(-50%,-4px) rotate(45deg); }.step-detail b { display:block;margin-bottom:6px;color:var(--cyan);font:8px monospace;letter-spacing:.12em;text-transform:uppercase; }.step-detail span { color:#8297a1;font-size:9px;line-height:1.55; }.process-step:hover .step-detail { opacity:1;transform:translate(-50%,0); }

/* Air intake micro-diagram */
.intake-icon > i { position:absolute;left:53px;top:20px;width:8px;height:37px;border-radius:80% 15% 60%;background:linear-gradient(#6bdfff,#244d60);transform-origin:50% 37px;animation:intakeFan 3s linear infinite; }.intake-icon > i:nth-child(2){transform:rotate(120deg);animation:none}.intake-icon > i:nth-child(3){transform:rotate(240deg);animation:none}.intake-icon > b { position:absolute;z-index:2;left:50%;top:50%;width:13px;height:13px;border:1px solid var(--cyan);border-radius:50%;background:#08131b;box-shadow:0 0 9px var(--cyan);transform:translate(-50%,-50%); }
/* Filter micro-diagram */
.filtration-icon > i { position:absolute;left:27px;right:27px;height:5px;border:1px solid rgba(95,219,255,.5);background:repeating-linear-gradient(90deg,transparent 0 5px,rgba(95,219,255,.35) 5px 6px); }.filtration-icon > i:nth-child(1){top:32px}.filtration-icon > i:nth-child(2){top:51px}.filtration-icon > i:nth-child(3){top:70px}.filtration-icon > b { position:absolute;left:20px;top:26px;width:4px;height:4px;border-radius:50%;background:var(--cyan);box-shadow:0 0 7px var(--cyan);animation:filterParticle 2.5s linear infinite; }
/* Cooling coil micro-diagram */
.cooling-icon > i { position:absolute;top:30px;width:4px;height:52px;border:1px solid rgba(95,219,255,.65);border-radius:6px; }.cooling-icon > i:nth-child(1){left:36px}.cooling-icon > i:nth-child(2){left:54px}.cooling-icon > i:nth-child(3){left:72px}.cooling-icon > b { position:absolute;left:29px;right:29px;top:39px;height:34px;background:repeating-linear-gradient(0deg,var(--cyan) 0 1px,transparent 1px 8px);opacity:.62;animation:coolingGlow 2.4s infinite alternate; }
/* Collection micro-diagram */
.collection-icon > i { position:absolute;top:21px;width:5px;height:9px;border-radius:60% 60% 55% 55%;background:var(--cyan);box-shadow:0 0 7px var(--cyan);animation:processDroplet 2s linear infinite; }.collection-icon > i:nth-child(1){left:35px}.collection-icon > i:nth-child(2){left:54px;animation-delay:-.7s}.collection-icon > i:nth-child(3){left:73px;animation-delay:-1.35s}.collection-icon > b { position:absolute;left:25px;right:25px;bottom:26px;height:19px;border:1px solid rgba(95,219,255,.5);border-top:0;background:linear-gradient(transparent,rgba(29,147,195,.35));clip-path:polygon(0 0,100% 0,88% 100%,12% 100%); }
/* Treatment micro-diagram */
.treatment-icon > i { position:absolute;left:29px;right:29px;height:14px;border:1px solid rgba(95,219,255,.45); }.treatment-icon > i:nth-child(1){top:28px;background:repeating-linear-gradient(90deg,transparent 0 5px,rgba(95,219,255,.28) 5px 6px)}.treatment-icon > i:nth-child(2){top:49px;background:radial-gradient(circle,rgba(95,219,255,.5) 0 1px,transparent 1.5px);background-size:7px 7px}.treatment-icon > i:nth-child(3){top:70px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);animation:treatmentScan 2.2s infinite}.treatment-icon > b { position:absolute;right:22px;top:22px;width:5px;height:5px;border-radius:50%;background:var(--success);box-shadow:0 0 7px var(--success); }
/* Storage micro-diagram */
.storage-icon > i:first-child { position:absolute;left:31px;right:31px;top:23px;bottom:23px;overflow:hidden;border:1px solid rgba(95,219,255,.55);border-radius:22px 22px 8px 8px; }.storage-icon > i:first-child::after { content:"";position:absolute;left:0;right:0;bottom:0;height:68%;background:linear-gradient(rgba(49,183,231,.28),rgba(13,94,128,.55));animation:storageLevel 3s ease-in-out infinite alternate; }.storage-icon > i:nth-child(2),.storage-icon > i:nth-child(3){display:none}.storage-icon > b { position:absolute;z-index:2;left:49px;top:48px;width:16px;height:16px;border:1px solid var(--cyan);border-radius:50%;box-shadow:0 0 8px rgba(95,219,255,.35); }
/* Outlet pump micro-diagram */
.outlet-icon > i:first-child { position:absolute;left:31px;top:38px;width:35px;height:35px;border:1px solid var(--cyan);border-radius:50%; }.outlet-icon > i:first-child::after{content:"";position:absolute;inset:8px;border:1px dashed var(--cyan);border-radius:50%;animation:intakeFan 3s linear infinite}.outlet-icon > i:nth-child(2){position:absolute;left:65px;top:54px;width:27px;height:1px;background:var(--cyan)}.outlet-icon > i:nth-child(3){position:absolute;right:20px;top:49px;width:9px;height:9px;border-top:1px solid var(--cyan);border-right:1px solid var(--cyan);transform:rotate(45deg)}.outlet-icon > b{position:absolute;left:20px;top:51px;width:12px;height:8px;border:1px solid rgba(95,219,255,.45)}
.process-telemetry { max-width: 820px; min-height: 62px; margin: 70px auto 0; padding: 0 24px; display: flex; justify-content: space-between; align-items: center; border: 1px solid var(--line); background: rgba(6,15,22,.7); box-shadow: inset 0 0 25px rgba(95,219,255,.025); }
.process-telemetry > span { display:flex;align-items:baseline;gap:14px; }.process-telemetry small { color:#536c78;font:7px monospace;letter-spacing:.1em;text-transform:uppercase; }.process-telemetry b { color:#c0d0d7;font:10px monospace;font-weight:400; }.process-telemetry > i { width:1px;height:20px;background:var(--line); }.process-telemetry .telemetry-ok { color:var(--success); }.process-telemetry .telemetry-ok::before { content:"";display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:var(--success);box-shadow:0 0 7px var(--success); }

.blueprint { background-color: #071019; background-image: linear-gradient(rgba(77,157,196,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(77,157,196,.07) 1px, transparent 1px); background-size: 32px 32px; }
.blueprint::after { content: ""; position: absolute; z-index: -1; inset: 0; background: radial-gradient(circle at 70% 50%, rgba(21,126,177,.15), transparent 36%), linear-gradient(90deg, #050a10, transparent 70%); }
.intake.blueprint { background-color:#071019;background-image:linear-gradient(rgba(77,157,196,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(77,157,196,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(3,8,13,.94) 0%,rgba(3,9,15,.82) 42%,rgba(3,9,15,.62) 100%),url("img/x.png");background-position:center,center,center,center;background-size:32px 32px,32px 32px,cover,cover;background-repeat:repeat,repeat,no-repeat,no-repeat; }
.intake.blueprint::after { background:radial-gradient(circle at 73% 48%,rgba(21,126,177,.16),transparent 38%),linear-gradient(0deg,rgba(3,7,11,.72),transparent 35%,rgba(3,7,11,.24)),linear-gradient(90deg,rgba(3,8,13,.58),transparent 74%); }
.split-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(55px, 8vw, 130px); align-items: center; }
.section-copy h2 { margin: 0 0 28px; }
.tech-list { margin: 32px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.tech-list li { position: relative; padding: 13px 5px 13px 26px; color: #b4c1c8; border-bottom: 1px solid var(--line); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.tech-list li::before { content: ""; position: absolute; left: 4px; top: 50%; width: 6px; height: 6px; border: 1px solid var(--cyan); transform: translateY(-50%) rotate(45deg); }
.intake-cutaway { position: relative; width: 100%; max-width: 700px; height: 650px; margin-inline: auto; border: 1px solid rgba(95,219,255,.22); background: radial-gradient(circle at 52% 44%,rgba(39,152,198,.13),transparent 39%),rgba(4,14,22,.62); box-shadow: inset 0 0 90px rgba(47,170,215,.06),0 30px 80px rgba(0,0,0,.28); overflow: hidden; }
.cutaway-grid { position:absolute;inset:0;background-image:linear-gradient(rgba(95,219,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(95,219,255,.045) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent); }
.intake-cutaway::before,.intake-cutaway::after { content:"";position:absolute;z-index:1;width:130px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan));opacity:.55; }.intake-cutaway::before{left:16px;top:16px}.intake-cutaway::after{right:16px;bottom:16px;transform:rotate(180deg)}
.dimension { position:absolute;z-index:7;color:#4f7485;font:7px monospace;letter-spacing:.1em;text-transform:uppercase; }.dimension i { position:absolute;background:rgba(95,219,255,.28); }.dimension-top { left:19%;right:19%;top:37px;text-align:center;border-top:1px solid rgba(95,219,255,.2);padding-top:7px; }.dimension-top i { top:-5px;width:1px;height:10px; }.dimension-top i:first-child{left:0}.dimension-top i:last-child{right:0}.dimension-side { right:20px;top:20%;bottom:25%;width:17px;border-right:1px solid rgba(95,219,255,.2); }.dimension-side span { position:absolute;right:-1px;top:50%;white-space:nowrap;transform:translate(47%,-50%) rotate(90deg); }.dimension-side i { right:-5px;width:10px;height:1px; }.dimension-side i:first-child{top:0}.dimension-side i:last-child{bottom:0}
.intake-assembly { position:absolute;z-index:3;left:50%;top:51%;width:430px;height:430px;border:1px solid rgba(173,204,217,.45);background:#08131b;box-shadow:0 25px 60px rgba(0,0,0,.42),inset 0 0 35px rgba(95,219,255,.05);transform:translate(-52%,-50%) perspective(900px) rotateY(-7deg) rotateX(2deg);transform-style:preserve-3d;transition:transform .5s var(--ease); }.intake-cutaway:hover .intake-assembly{transform:translate(-52%,-51%) perspective(900px) rotateY(-3deg) rotateX(0)}
.intake-layer { position:absolute;transition:opacity .35s,filter .35s,transform .35s,border-color .35s; }.intake-layer > span { position:absolute;right:7px;bottom:6px;color:#4e7180;font:6px monospace;letter-spacing:.1em; }
.filter-layer { z-index:0;inset:26px;border:1px solid rgba(95,219,255,.18);background:repeating-linear-gradient(90deg,rgba(30,92,119,.15) 0 5px,transparent 5px 10px),linear-gradient(145deg,#0d202c,#071019);box-shadow:inset 0 0 45px rgba(26,142,188,.08); }
.mesh-layer { z-index:1;inset:17px;border:1px solid rgba(157,194,208,.25);opacity:.72;background-image:linear-gradient(45deg,rgba(126,174,194,.16) 25%,transparent 25%),linear-gradient(-45deg,rgba(126,174,194,.16) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(126,174,194,.16) 75%),linear-gradient(-45deg,transparent 75%,rgba(126,174,194,.16) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0; }
.louver-layer { z-index:2;inset:10px;border:1px solid rgba(175,203,214,.3);background:repeating-linear-gradient(0deg,rgba(81,112,126,.65) 0 5px,#101e27 5px 12px,rgba(167,193,203,.22) 12px 13px);box-shadow:inset 0 0 30px rgba(0,0,0,.35); }
.metal-x { position:absolute;z-index:4;inset:0;overflow:hidden;filter:drop-shadow(0 9px 12px rgba(0,0,0,.45)); }.metal-x > i { position:absolute;left:-10%;top:44.5%;width:120%;height:11%;border:1px solid #9eb1b9;background:linear-gradient(180deg,#aebec5 0,#415560 13%,#17252e 42%,#0b151d 56%,#455963 84%,#9caeb6 100%);box-shadow:inset 0 0 0 4px rgba(9,17,23,.48),0 0 18px rgba(96,188,221,.12); }.metal-x > i:first-child{transform:rotate(45deg)}.metal-x > i:nth-child(2){transform:rotate(-45deg)}
.metal-x > b { position:absolute;z-index:2;left:40%;top:40%;width:20%;height:20%;display:grid;place-items:center;border:1px solid #b7c7ce;background:linear-gradient(145deg,#334751,#07121a 65%);box-shadow:0 9px 24px rgba(0,0,0,.45);transform:rotate(45deg); }.metal-x > b::before{content:"";position:absolute;inset:8px;border:1px solid rgba(95,219,255,.45)}.metal-x > b span{width:15px;height:15px;border:1px solid var(--cyan);border-radius:50%;box-shadow:0 0 13px var(--cyan);animation:statusBlink 2.4s infinite; }
.air-streams { position:absolute;z-index:5;left:64%;right:-5%;top:20%;bottom:21%;pointer-events:none;overflow:hidden; }.air-streams i { position:absolute;right:-30%;width:82%;height:1px;background:linear-gradient(90deg,transparent,rgba(157,227,250,.75),transparent);border-radius:50%;filter:drop-shadow(0 0 4px var(--cyan));animation:intakeStream 3.8s linear infinite; }.air-streams i::after{content:"";position:absolute;left:50%;top:-2px;width:4px;height:4px;border-radius:50%;background:var(--cyan);box-shadow:0 0 7px var(--cyan)}.air-streams i:nth-child(1){top:5%}.air-streams i:nth-child(2){top:23%;animation-delay:-.7s}.air-streams i:nth-child(3){top:41%;animation-delay:-1.4s}.air-streams i:nth-child(4){top:59%;animation-delay:-2.1s}.air-streams i:nth-child(5){top:77%;animation-delay:-2.8s}.air-streams i:nth-child(6){top:95%;animation-delay:-3.5s}
.intake-callout { position:absolute;z-index:9;width:185px;min-height:45px;padding:8px 9px 8px 35px;border:1px solid rgba(95,219,255,.2);background:rgba(5,14,21,.91);color:inherit;text-align:left;cursor:pointer;transition:border-color .3s,background .3s,transform .3s; }.intake-callout::before { content:"";position:absolute;right:100%;top:50%;width:56px;height:1px;background:linear-gradient(90deg,var(--cyan),rgba(95,219,255,.22)); }.intake-callout > i { position:absolute;left:13px;top:17px;width:8px;height:8px;border:1px solid var(--cyan);transform:rotate(45deg);box-shadow:0 0 6px rgba(95,219,255,.35); }.intake-callout b,.intake-callout small{display:block}.intake-callout b{color:#b9cbd3;font:8px monospace;letter-spacing:.08em;text-transform:uppercase}.intake-callout small{margin-top:4px;color:#607986;font-size:7px;line-height:1.35}.intake-callout:hover,.intake-callout:focus,.intake-callout.active{border-color:var(--cyan);background:rgba(10,31,42,.96);transform:translateX(-4px)}.intake-callout:hover > i,.intake-callout:focus > i,.intake-callout.active > i{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}
.callout-louvers{right:22px;top:22%}.callout-mesh{left:17px;top:47%;padding-left:35px}.callout-mesh::before{left:100%;right:auto;background:linear-gradient(90deg,rgba(95,219,255,.22),var(--cyan))}.callout-filter{right:22px;top:69%}
.intake-cutaway:has(.callout-louvers:hover) .louver-layer,.intake-cutaway:has(.callout-louvers:focus) .louver-layer,.intake-cutaway:has(.callout-louvers.active) .louver-layer{filter:brightness(1.75) drop-shadow(0 0 8px rgba(95,219,255,.35));border-color:var(--cyan)}
.intake-cutaway:has(.callout-mesh:hover) .louver-layer,.intake-cutaway:has(.callout-mesh:focus) .louver-layer,.intake-cutaway:has(.callout-mesh.active) .louver-layer{opacity:.2;transform:translateX(7px)}.intake-cutaway:has(.callout-mesh:hover) .mesh-layer,.intake-cutaway:has(.callout-mesh:focus) .mesh-layer,.intake-cutaway:has(.callout-mesh.active) .mesh-layer{opacity:1;filter:brightness(2);border-color:var(--cyan)}
.intake-cutaway:has(.callout-filter:hover) .louver-layer,.intake-cutaway:has(.callout-filter:focus) .louver-layer,.intake-cutaway:has(.callout-filter.active) .louver-layer{opacity:.12;transform:translateX(10px)}.intake-cutaway:has(.callout-filter:hover) .mesh-layer,.intake-cutaway:has(.callout-filter:focus) .mesh-layer,.intake-cutaway:has(.callout-filter.active) .mesh-layer{opacity:.15;transform:translateX(6px)}.intake-cutaway:has(.callout-filter:hover) .filter-layer,.intake-cutaway:has(.callout-filter:focus) .filter-layer,.intake-cutaway:has(.callout-filter.active) .filter-layer{filter:brightness(1.9) drop-shadow(0 0 9px rgba(95,219,255,.35));border-color:var(--cyan)}
.intake-status { position:absolute;z-index:8;left:18px;right:18px;bottom:28px;min-height:56px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(95,219,255,.16);background:rgba(5,14,21,.88); }.intake-status span{display:flex;align-items:baseline;gap:14px}.intake-status small{color:#526f7d;font:7px monospace;letter-spacing:.09em;text-transform:uppercase}.intake-status b{color:#c0d0d7;font:9px monospace;font-weight:400}.intake-status .status-live{color:var(--success)}.status-live i{display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:var(--success);box-shadow:0 0 7px var(--success);animation:statusBlink 2s infinite}.diagram-label{position:absolute;z-index:9;left:20px;bottom:91px;color:#456775;font:7px monospace;letter-spacing:.1em}

.chamber { background: linear-gradient(120deg, #05080d, #0a1119 55%, #07131c); }
.chamber::before { content: ""; position: absolute; inset: 0; opacity: .3; background: repeating-linear-gradient(90deg, transparent 0 120px, rgba(255,255,255,.025) 120px 121px); }
.chamber-layout { display: grid; grid-template-columns: .92fr 1.08fr; gap: 64px; align-items: start; }
.processing-visual { position:relative;min-height:520px;border:1px solid var(--line);background:radial-gradient(circle at 66% 42%,rgba(47,166,210,.1),transparent 29%),rgba(5,13,20,.72);box-shadow:inset 0 0 55px rgba(95,219,255,.025),0 24px 65px rgba(0,0,0,.25);overflow:hidden; }
.processing-visual::before { content:"";position:absolute;inset:0;opacity:.5;background-image:linear-gradient(rgba(95,219,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(95,219,255,.04) 1px,transparent 1px);background-size:20px 20px;mask-image:linear-gradient(#000,transparent 88%); }
.processing-head { position:relative;z-index:4;height:48px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:#66808c;font:7px monospace;letter-spacing:.11em; }.processing-head span i{display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:var(--success);box-shadow:0 0 7px var(--success);animation:statusBlink 2s infinite}.processing-head small{font:inherit;color:#4f6975}
.processing-schematic { position:relative;z-index:2;height:320px;overflow:hidden; }
.air-label { position:absolute;bottom:17px;color:#496572;font:6px monospace;letter-spacing:.1em; }.air-in{left:15px}.air-out{right:15px}
.chamber-flow i { position:absolute;z-index:1;left:-30%;width:55%;height:1px;background:linear-gradient(90deg,transparent,rgba(95,219,255,.6),transparent);filter:drop-shadow(0 0 4px var(--cyan));animation:chamberAir 3.8s linear infinite; }.chamber-flow i:nth-child(1){top:27%}.chamber-flow i:nth-child(2){top:39%;animation-delay:-.75s}.chamber-flow i:nth-child(3){top:51%;animation-delay:-1.5s}.chamber-flow i:nth-child(4){top:63%;animation-delay:-2.25s}.chamber-flow i:nth-child(5){top:75%;animation-delay:-3s}
.filter-cassette { position:absolute;z-index:3;left:16%;top:70px;width:108px;height:178px;border:1px solid rgba(157,195,210,.32);background:#07121a;transform:perspective(400px) rotateY(8deg);box-shadow:12px 10px 25px rgba(0,0,0,.32); }
.filter-cassette > i { position:absolute;top:10px;bottom:10px;width:25px;border:1px solid rgba(95,219,255,.25);opacity:.36;transition:opacity .35s,filter .35s,transform .35s,border-color .35s; }.stage-prefilter{left:9px;background:repeating-linear-gradient(0deg,rgba(95,219,255,.45) 0 1px,transparent 1px 8px)}.stage-dust{left:40px;background-image:linear-gradient(45deg,rgba(95,219,255,.3) 25%,transparent 25%),linear-gradient(-45deg,rgba(95,219,255,.3) 25%,transparent 25%);background-size:6px 6px}.stage-carbon{right:9px;background:radial-gradient(circle,rgba(95,219,255,.45) 0 1px,transparent 1.5px);background-size:7px 7px}
.heat-coil { position:absolute;z-index:3;left:43%;top:84px;width:70px;height:150px;display:flex;justify-content:space-between;align-items:center;border-block:1px solid rgba(95,219,255,.14);opacity:.35;transition:opacity .35s,filter .35s,transform .35s; }.heat-coil > i{width:5px;height:125px;border:1px solid rgba(95,219,255,.6);border-radius:6px;background:linear-gradient(90deg,transparent,rgba(95,219,255,.13))}
.processing-schematic .fan-ring { position:absolute;z-index:4;right:11%;top:65px;width:188px;height:188px;border:1px solid rgba(95,219,255,.38);border-radius:50%;box-shadow:inset 0 0 45px rgba(49,177,224,.06);opacity:.45;transition:opacity .35s,filter .35s,transform .35s;animation:fanRotate 8s linear infinite; }
.processing-schematic .fan-ring::before,.processing-schematic .fan-ring::after { content:"";position:absolute;border:1px dashed rgba(95,219,255,.17);border-radius:50%;inset:11%}.processing-schematic .fan-ring::after{inset:33%;border-style:solid;background:#0c1922}
.processing-schematic .fan-ring > i { position:absolute;z-index:2;left:46%;top:8%;width:9%;height:42%;border-radius:60% 10% 50% 10%;transform-origin:50% 100%;background:linear-gradient(90deg,#172b36,#6b8996); }.processing-schematic .fan-ring > i:nth-child(2){transform:rotate(90deg)}.processing-schematic .fan-ring > i:nth-child(3){transform:rotate(180deg)}.processing-schematic .fan-ring > i:nth-child(4){transform:rotate(270deg)}.processing-schematic .fan-ring > b{position:absolute;z-index:4;left:43%;top:43%;width:14%;height:14%;border:1px solid var(--cyan);border-radius:50%;background:#08131b;box-shadow:0 0 16px rgba(95,219,255,.4)}
.air-outlet { position:absolute;z-index:2;right:-5%;top:91px;width:22%;height:135px; }.air-outlet i{position:absolute;left:0;width:100%;height:1px;background:linear-gradient(90deg,var(--cyan),transparent);animation:airOutlet 2.7s linear infinite}.air-outlet i:nth-child(1){top:20%}.air-outlet i:nth-child(2){top:50%;animation-delay:-.9s}.air-outlet i:nth-child(3){top:80%;animation-delay:-1.8s}
.processing-visual[data-active="prefilter"] .stage-prefilter,.processing-visual[data-active="dust"] .stage-dust,.processing-visual[data-active="carbon"] .stage-carbon { opacity:1;border-color:var(--cyan);filter:brightness(1.8) drop-shadow(0 0 7px rgba(95,219,255,.45));transform:translateY(-4px) }
.processing-visual[data-active="cooling"] .heat-coil { opacity:1;filter:brightness(1.6) drop-shadow(0 0 8px rgba(95,219,255,.35));transform:scale(1.04) }
.processing-visual[data-active="fans"] .fan-ring { opacity:1;filter:brightness(1.25) drop-shadow(0 0 12px rgba(95,219,255,.28));transform:scale(1.04);animation-duration:3.5s }
.component-readout { position:relative;z-index:3;min-height:67px;margin:0 16px;padding:13px 15px;border:1px solid rgba(95,219,255,.16);background:rgba(6,16,23,.82); }.component-readout > small{display:block;margin-bottom:7px;color:#4b6875;font:6px monospace;letter-spacing:.12em}.readout-item{display:none;align-items:baseline;justify-content:space-between;gap:18px}.readout-item b{color:var(--cyan);font:9px monospace;letter-spacing:.06em;text-transform:uppercase}.readout-item span{color:#718791;font-size:8px;text-align:right}.processing-visual[data-active="prefilter"] .readout-prefilter,.processing-visual[data-active="dust"] .readout-dust,.processing-visual[data-active="carbon"] .readout-carbon,.processing-visual[data-active="cooling"] .readout-cooling,.processing-visual[data-active="fans"] .readout-fans{display:flex}
.processing-telemetry { position:relative;z-index:3;min-height:58px;padding:0 17px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center; }.processing-telemetry span{padding-left:12px;border-left:1px solid var(--line)}.processing-telemetry small,.processing-telemetry b{display:block}.processing-telemetry small{margin-bottom:6px;color:#4e6975;font:6px monospace;letter-spacing:.08em;text-transform:uppercase}.processing-telemetry b{color:#b8c8cf;font:8px monospace;font-weight:400}.processing-telemetry .telemetry-ok{color:var(--success)}
.component-stack { border-top:1px solid var(--line); }
.component-item { position:relative;border-bottom:1px solid var(--line);transition:background .3s,border-color .3s,box-shadow .3s; }
.component-item:has(.component-input:checked){z-index:1;background:linear-gradient(90deg,rgba(46,157,201,.08),rgba(46,157,201,.018));box-shadow:inset 0 0 0 1px var(--cyan)}
.component-input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.component-trigger { width:100%;min-height:71px;padding:0 18px;display:grid;grid-template-columns:52px 1fr 30px;align-items:center;background:transparent;color:var(--silver);text-align:left;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .3s,color .3s; }.component-trigger:hover{background:rgba(95,219,255,.035)}.component-input:focus-visible + .component-trigger{outline:1px solid var(--cyan);outline-offset:-1px}.component-trigger span{color:#526d79;font:9px monospace}.component-trigger strong{font-size:13px;font-weight:500;letter-spacing:.025em}.component-trigger b{color:var(--cyan);font-size:20px;font-weight:300;text-align:center}.component-trigger b::before{content:"+"}.component-input:checked + .component-trigger{color:var(--white)}.component-input:checked + .component-trigger b::before{content:"×"}
.component-panel { display:block;max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:max-height .42s var(--ease),opacity .28s ease,visibility 0s linear .42s; }.component-panel > div{padding:5px 0 2px;overflow:visible}.component-input:checked + .component-trigger + .component-panel{max-height:160px;opacity:1;visibility:visible;transition:max-height .42s var(--ease),opacity .3s ease,visibility 0s}.component-panel p{margin:0 22px 8px 70px;color:#7c919b;font-size:11px;line-height:1.6}.component-panel small{display:block;margin:0 22px 20px 70px;color:#4f707e;font:7px monospace;letter-spacing:.1em}

.modules.tech-grid{background-color:#070c12;background-image:linear-gradient(rgba(110,216,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(110,216,255,.03) 1px,transparent 1px),linear-gradient(180deg,rgba(3,8,13,.84) 0%,rgba(3,8,13,.68) 42%,rgba(3,8,13,.88) 100%),url("img/condensation.png");background-position:center,center,center,center;background-size:72px 72px,72px 72px,cover,cover;background-repeat:repeat,repeat,no-repeat,no-repeat}
.formula { display: flex; justify-content: center; align-items: baseline; gap: 20px; margin: -20px auto 65px; color: var(--silver); font-size: clamp(27px, 4vw, 47px); font-weight: 300; }.formula i { color: #46606d; font-style: normal; }.formula small { color: var(--muted); font-size: 11px; letter-spacing: .08em; }.formula strong { color: var(--cyan); font-weight: 400; }
.module-rack { border:1px solid rgba(95,219,255,.12);background:rgba(4,11,17,.35);box-shadow:0 28px 80px rgba(0,0,0,.18); }
.rack-head { min-height:52px;padding:0 17px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);color:#587482;font:7px monospace;letter-spacing:.11em; }.rack-head span{display:flex;align-items:center;gap:8px}.rack-head span i{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success);animation:statusBlink 2s infinite}.rack-head b{color:#87a1ad;font:inherit}.rack-head small{font:inherit;color:#4e6874}
.module-rack.service-mode .rack-head span i{background:var(--amber);box-shadow:0 0 8px var(--amber);animation:none}.module-rack.service-mode .rack-head b{color:var(--amber)}
.module-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line); }
.module-card { position:relative;min-width:0;min-height:440px;padding:20px;display:block;border:0;background:linear-gradient(150deg,rgba(19,35,47,.96),rgba(5,11,17,.98));color:var(--white);overflow:hidden;text-align:left;font:inherit;cursor:pointer;touch-action:manipulation;transition:background .35s,box-shadow .35s,filter .35s; }
.module-card::after { content:attr(data-module);position:absolute;right:-10px;bottom:-37px;color:rgba(255,255,255,.023);font-size:145px;font-weight:700;pointer-events:none;transition:color .35s}.module-card:hover,.module-card:focus-visible{z-index:2;outline:1px solid var(--cyan);background:linear-gradient(150deg,rgba(22,46,61,.98),rgba(6,14,21,.98));box-shadow:0 15px 45px rgba(0,100,145,.2)}
.module-head { position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;color:#567382;font:8px monospace;letter-spacing:.1em}.module-head b{font-weight:400}.module-state{display:flex;align-items:center;gap:6px;color:var(--success);font:7px monospace;letter-spacing:.08em}.module-state i{width:5px;height:5px;border-radius:50%;background:var(--success);box-shadow:0 0 7px var(--success);animation:statusBlink 2s infinite}
.module-visual { position:relative;z-index:2;height:155px;margin:25px 0 17px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(9,26,36,.8),rgba(5,13,19,.8));overflow:hidden}.module-visual::before{content:"";position:absolute;inset:0;opacity:.4;background-image:linear-gradient(rgba(95,219,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(95,219,255,.05) 1px,transparent 1px);background-size:14px 14px}
.module-visual .coil { position:absolute;left:11px;right:11px;top:16px;height:91px;padding:9px;display:flex;gap:8px;border:1px solid rgba(95,219,255,.14) }.module-visual .coil i{flex:1;background:repeating-linear-gradient(0deg,#385868 0 2px,transparent 2px 7px);box-shadow:inset 0 0 10px rgba(74,195,239,.08);animation:coilPulse 2.8s infinite alternate}.module-visual .coil i:nth-child(2){animation-delay:-.5s}.module-visual .coil i:nth-child(3){animation-delay:-1s}.module-visual .coil i:nth-child(4){animation-delay:-1.5s}
.module-drops i{position:absolute;z-index:3;top:70px;width:3px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 6px var(--cyan);animation:moduleDrop 2.1s linear infinite}.module-drops i:nth-child(1){left:24%}.module-drops i:nth-child(2){left:42%;animation-delay:-.5s}.module-drops i:nth-child(3){left:61%;animation-delay:-1s}.module-drops i:nth-child(4){left:78%;animation-delay:-1.5s}.drain-tray{position:absolute;left:14%;right:14%;bottom:15px;height:16px;border:1px solid rgba(95,219,255,.38);border-top:0;background:linear-gradient(transparent,rgba(26,141,187,.25));clip-path:polygon(0 0,100% 0,92% 100%,8% 100%)}
.service-overlay{position:absolute;z-index:6;inset:0;display:grid;place-items:center;color:var(--amber);background:rgba(12,11,11,.84);font:10px/1.55 monospace;letter-spacing:.15em;text-align:center;opacity:0;transition:opacity .35s}.module-telemetry{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding-bottom:15px;border-bottom:1px solid var(--line)}.module-telemetry span{min-width:0}.module-telemetry small,.module-telemetry b{display:block}.module-telemetry small{margin-bottom:5px;color:#506a77;font:6px monospace;letter-spacing:.07em;text-transform:uppercase}.module-telemetry b{color:#afc1c9;font:8px monospace;font-weight:400;white-space:nowrap}.module-card h3{position:relative;z-index:3;margin:18px 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.module-card p{position:relative;z-index:3;margin:0;color:#6f838e;font-size:9px;line-height:1.55}.module-action{position:absolute;z-index:4;left:20px;right:20px;bottom:17px;display:flex;justify-content:space-between;color:#527483;font:7px monospace;letter-spacing:.08em;text-transform:uppercase}.module-action b{color:var(--cyan);font-size:12px;font-weight:400}
.module-card.service{background:linear-gradient(150deg,rgba(38,29,25,.95),rgba(10,10,11,.98));box-shadow:inset 0 0 35px rgba(255,158,85,.04)}.module-card.service::after{color:rgba(255,158,85,.035)}.module-card.service .service-overlay{opacity:1}.module-card.service .module-state{color:var(--amber)}.module-card.service .module-state i{background:var(--amber);box-shadow:0 0 7px var(--amber);animation:none}.module-card.service .module-visual .coil i,.module-card.service .module-drops i{animation-play-state:paused;opacity:.2}.module-card.service .module-output{color:var(--amber)}.module-card.service .module-action{color:var(--amber)}.module-card.service .module-action b{transform:rotate(180deg);color:var(--amber)}
.module-manifold { position:relative;height:72px;padding-top:18px;background:rgba(4,10,15,.62)}.module-manifold > span{position:absolute;left:12.5%;right:12.5%;top:20px;height:17px;border:1px solid rgba(95,219,255,.28);border-top:0}.module-manifold > span i{position:absolute;top:-20px;width:1px;height:20px;background:rgba(95,219,255,.3)}.module-manifold > span i::after{content:"";position:absolute;left:-3px;bottom:-20px;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:manifoldPulse 2.8s linear infinite}.module-manifold > span i:nth-child(1){left:0}.module-manifold > span i:nth-child(2){left:33.333%;animation-delay:-.7s}.module-manifold > span i:nth-child(3){left:66.666%;animation-delay:-1.4s}.module-manifold > span i:nth-child(4){right:0;animation-delay:-2.1s}.module-manifold > b{position:absolute;left:50%;bottom:9px;color:#587482;font:7px monospace;font-weight:400;letter-spacing:.1em;transform:translateX(-50%);white-space:nowrap}.module-manifold > b i{display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 7px var(--cyan)}
.reliability-note { margin:24px 0 0;padding:17px 20px;color:#81949d;border-left:2px solid var(--cyan);background:rgba(95,219,255,.035);font-size:11px;line-height:1.6;transition:border-color .3s,background .3s}.reliability-note span{color:var(--cyan);font:9px monospace;letter-spacing:.1em}.reliability-note b{font-weight:400}.reliability-note.service-mode{border-left-color:var(--amber);background:rgba(255,158,85,.035)}.reliability-note.service-mode span{color:var(--amber)}

.refrigeration { background: linear-gradient(90deg, #06121c 0, #070b10 50%, #170e0b 100%); }
.thermal-system { display: grid; grid-template-columns: 1fr 220px 1fr; min-height: 500px; border: 1px solid var(--line); }
.zone { position: relative; padding: 48px; overflow: hidden; }.zone::after { content: ""; position: absolute; width: 350px; height: 350px; border-radius: 50%; filter: blur(90px); opacity: .14; }.cold-zone::after { left: -100px; top: -100px; background: var(--cyan); }.hot-zone::after { right: -100px; bottom: -100px; background: var(--amber); }
.zone > small { color: #647987; font: 9px monospace; letter-spacing: .12em; }.zone h3 { margin: 14px 0 34px; font-size: 27px; font-weight: 300; }.cold-zone h3 { color: var(--cyan); }.hot-zone h3 { color: var(--amber); }.zone-core { width: 130px; height: 130px; display: grid; place-items: center; margin-bottom: 38px; border: 1px solid currentColor; border-radius: 50%; color: var(--cyan); font-size: 35px; box-shadow: 0 0 50px rgba(95,219,255,.12); }.hot-zone .zone-core { color: var(--amber); box-shadow: 0 0 50px rgba(255,136,65,.12); }.zone ul { margin: 0; padding: 0; list-style: none; }.zone li { padding: 10px 0; color: #82939b; border-bottom: 1px solid var(--line); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.thermal-transfer { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 27px; border-inline: 1px solid var(--line); background: rgba(0,0,0,.12); }.thermal-transfer span { position: absolute; top: 28px; color: #546973; font: 8px monospace; letter-spacing: .1em; }.thermal-transfer i { position: relative; width: 70%; height: 1px; background: linear-gradient(90deg,var(--cyan),var(--amber)); }.thermal-transfer i::after { content: ">"; position: absolute; top: -7px; color: var(--white); font-size: 11px; animation: transfer 2s linear infinite; }.thermal-transfer i:nth-child(2)::after { animation-delay:-.7s }.thermal-transfer i:nth-child(3)::after { animation-delay:-1.4s }
.heat-arrows { position: absolute; right: -15px; top: 45%; display: grid; gap: 20px; color: var(--amber); }.heat-arrows i { font-style: normal; animation: heatOut 1.8s infinite; }.heat-arrows i:nth-child(2){animation-delay:-.6s}.heat-arrows i:nth-child(3){animation-delay:-1.2s}
.engineering-note { display: grid; grid-template-columns: 180px 1fr; gap: 24px; margin: 0; padding: 22px 28px; color: #81929b; border: 1px solid var(--line); border-top: 0; font-size: 11px; line-height: 1.6; }.engineering-note b { color: var(--white); text-transform: uppercase; letter-spacing: .08em; }

.collection { background: radial-gradient(circle at 25% 50%, rgba(25,110,151,.12), transparent 30%), #070b10; }.collection-visual { position: relative; height: 570px; border: 1px solid var(--line); background-image: linear-gradient(rgba(95,219,255,.04) 1px, transparent 1px),linear-gradient(90deg,rgba(95,219,255,.04) 1px,transparent 1px); background-size: 25px 25px; }
.steel-tray { position: absolute; left: 12%; right: 12%; top: 37%; height: 13%; border: 1px solid #7c919c; transform: perspective(300px) rotateX(-16deg); background: linear-gradient(160deg,#71838b,#17242c 20%,#0d161c 70%,#40535c); box-shadow: 0 20px 30px rgba(0,0,0,.35); }.steel-tray span { position:absolute;right:10px;bottom:6px;color:#9fb2bb;font:8px monospace; }
.droplets i { position: absolute; top: -5%; width: 5px; height: 11px; border-radius: 50% 50% 55% 55%; background: var(--cyan); box-shadow: 0 0 12px var(--cyan); animation: droplet 2.5s linear infinite; }.droplets i:nth-child(1){left:20%}.droplets i:nth-child(2){left:32%;animation-delay:-1s}.droplets i:nth-child(3){left:44%;animation-delay:-.4s}.droplets i:nth-child(4){left:57%;animation-delay:-1.7s}.droplets i:nth-child(5){left:69%;animation-delay:-.8s}.droplets i:nth-child(6){left:80%;animation-delay:-2.2s}
.water-pipe { position: absolute; left: 26%; top: 49%; width: 25%; height: 24%; border-left: 4px solid #435866; border-bottom: 4px solid #435866; border-radius: 0 0 0 20px; }.water-pipe i { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 10px var(--cyan); animation: pipeFlow 3s linear infinite; }
.raw-tank { position: absolute; right: 10%; bottom: 9%; width: 38%; height: 40%; display: grid; place-items: center; border: 2px solid #738793; border-radius: 40% 40% 12px 12px / 10% 10% 12px 12px; overflow: hidden; text-align: center; }.raw-tank::before { content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.14);border-radius:inherit; }.tank-water { position:absolute;left:0;right:0;bottom:0;height:72%;background:linear-gradient(rgba(36,162,214,.35),rgba(8,66,94,.7));animation:waterLevel 4s ease-in-out infinite alternate; }.raw-tank span,.raw-tank small{position:relative;z-index:2}.raw-tank span{font:10px monospace;letter-spacing:.1em}.raw-tank small{position:absolute;bottom:13px;color:var(--cyan);font:8px monospace}.sensor-tag{position:absolute;left:8%;bottom:8%;padding:10px;border:1px solid var(--line-bright);color:#67808d;font:8px monospace;line-height:1.5}.sensor-tag b{color:var(--success)}

.treatment { background: linear-gradient(140deg,#05090e,#071723); }.treatment-layout { display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center; }
.quality-panel { margin-top:45px;padding:23px; }.quality-panel > div{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}.quality-panel span{color:#778c97;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.quality-panel strong{color:var(--success);font:13px monospace}.quality-panel ul{margin:15px 0 0;padding:0;list-style:none}.quality-panel li{display:flex;justify-content:space-between;padding:8px 0}.quality-panel li b{color:#c2d0d6;font:9px monospace}
.treatment-pipeline { position:relative;padding-left:80px; }.treatment-pipeline article{position:relative;display:grid;grid-template-columns:35px 55px 1fr;align-items:center;min-height:73px;margin-bottom:10px;border:1px solid var(--line);background:rgba(12,25,34,.7);transition:transform .3s,border-color .3s}.treatment-pipeline article:hover{transform:translateX(8px);border-color:var(--line-bright)}.treatment-pipeline article > span{color:#496776;font:9px monospace;text-align:center}.treatment-pipeline article > div{width:39px;height:39px;display:grid;place-items:center;color:var(--cyan);border:1px solid var(--line-bright);border-radius:50%}.treatment-pipeline h3{font-size:11px;letter-spacing:.08em;text-transform:uppercase}.treatment-pipeline > p{margin:23px 0 0;color:#78909c;font-size:11px;line-height:1.6}.water-line{position:absolute;z-index:-1;left:34px;top:0;bottom:45px;width:2px;background:#153c50}.water-line i{position:absolute;left:-2px;width:6px;height:70px;border-radius:6px;background:linear-gradient(transparent,var(--cyan),transparent);filter:drop-shadow(0 0 8px var(--cyan));animation:waterLine 4s linear infinite}.treatment-pipeline article::before{content:"";position:absolute;right:calc(100% + 15px);width:30px;height:1px;background:var(--line-bright)}

.hydraulic-system{border:1px solid rgba(95,219,255,.17);background:radial-gradient(circle at 48% 38%,rgba(40,147,190,.09),transparent 34%),rgba(4,12,18,.54);box-shadow:inset 0 0 65px rgba(95,219,255,.025),0 26px 70px rgba(0,0,0,.2)}
.hydraulic-head{min-height:50px;padding:0 17px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);color:#58727f;font:7px monospace;letter-spacing:.1em}.hydraulic-head span{display:flex;align-items:center;gap:8px}.hydraulic-head span i{width:6px;height:6px;border-radius:50%;background:#6f8390;box-shadow:0 0 6px #6f8390;transition:.3s}.hydraulic-head b{font:inherit;color:#82939c}.hydraulic-head small{font:inherit;color:#4b6571}
.hydraulic-schematic{position:relative;min-height:355px;padding:46px 25px 35px;display:grid;grid-template-columns:repeat(4,1fr);gap:26px;align-items:start;overflow:hidden}.hydraulic-schematic::before{content:"";position:absolute;inset:0;opacity:.45;background-image:linear-gradient(rgba(95,219,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(95,219,255,.04) 1px,transparent 1px);background-size:20px 20px;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
.hydraulic-flow{position:absolute;z-index:1;left:12.5%;right:12.5%;top:139px;height:3px;background:#203f4e}.hydraulic-flow::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(95,219,255,.3),var(--cyan),rgba(95,219,255,.45));opacity:.35}.hydraulic-flow i{position:absolute;left:0;top:-2px;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);opacity:0;animation:hydraulicPulse 4s linear infinite paused}.hydraulic-flow i:nth-child(2){animation-delay:-1s}.hydraulic-flow i:nth-child(3){animation-delay:-2s}.hydraulic-flow i:nth-child(4){animation-delay:-3s}
.hydraulic-node{position:relative;z-index:3;text-align:center}.hydraulic-visual{position:relative;width:180px;height:180px;margin:0 auto 21px;display:grid;place-items:center;border:1px solid rgba(95,219,255,.22);border-radius:50%;background:radial-gradient(circle,rgba(13,39,53,.82),rgba(5,14,21,.94) 68%);box-shadow:0 0 35px rgba(43,155,200,.06);transition:border-color .35s,box-shadow .35s,filter .35s}.hydraulic-node > span{color:#4e6c7a;font:7px monospace;letter-spacing:.09em}.hydraulic-node h3{margin:8px 0 5px;color:#c5d0d5;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.hydraulic-node > small{display:block;color:#5f7681;font-size:8px}
.tank-shell{position:relative;width:91px;height:128px;border:1px solid #8ba2ad;border-radius:36px 36px 12px 12px;overflow:hidden;background:rgba(3,10,15,.65);box-shadow:inset 0 0 20px rgba(0,0,0,.35)}.tank-shell::before{content:"";position:absolute;inset:7px;border:1px solid rgba(255,255,255,.09);border-radius:inherit}.tank-shell > i{position:absolute;left:0;right:0;bottom:0;height:72%;background:linear-gradient(rgba(40,167,218,.34),rgba(8,79,109,.75));transition:height 2s ease;animation:tankSurface 3.5s ease-in-out infinite alternate}.tank-shell > i::before{content:"";position:absolute;left:-15%;top:-5px;width:130%;height:13px;border-top:1px solid var(--cyan);border-radius:50%;animation:statWave 3s ease-in-out infinite}.tank-shell > span{position:absolute;z-index:2;left:50%;top:50%;color:#d0e0e6;font:9px monospace;transform:translate(-50%,-50%)}.level-sensor{position:absolute;right:22px;top:42px;width:9px;height:92px;border-left:1px solid rgba(95,219,255,.25)}.level-sensor i{position:absolute;left:-3px;bottom:28%;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 7px var(--cyan);transition:bottom 2s ease}
.pump-body{position:relative;width:132px;height:132px;border:1px solid rgba(95,219,255,.56);border-radius:50%;background:#08141c;box-shadow:inset 0 0 28px rgba(95,219,255,.06)}.pump-body::before{content:"";position:absolute;right:-30px;top:52px;width:30px;height:27px;border:1px solid rgba(95,219,255,.45);border-left:0}.pump-impeller{position:absolute;inset:20px;border:1px dashed rgba(95,219,255,.34);border-radius:50%;transition:filter .3s}.pump-impeller i{position:absolute;left:46%;top:7%;width:10%;height:43%;border-radius:70% 15% 55%;transform-origin:50% 100%;background:linear-gradient(90deg,#1b3a49,#69a6bd)}.pump-impeller i:nth-child(2){transform:rotate(90deg)}.pump-impeller i:nth-child(3){transform:rotate(180deg)}.pump-impeller i:nth-child(4){transform:rotate(270deg)}.pump-impeller b{position:absolute;z-index:2;left:43%;top:43%;width:14%;height:14%;border:1px solid var(--cyan);border-radius:50%;background:#08141c;box-shadow:0 0 8px var(--cyan)}.pump-coupling{position:absolute;left:8px;top:76px;width:22px;height:28px;border:1px solid rgba(95,219,255,.45);border-right:0}
.gauge-face{position:relative;width:132px;height:132px;border:1px solid rgba(95,219,255,.52);border-radius:50%;background:repeating-conic-gradient(from -125deg,rgba(95,219,255,.55) 0 1deg,transparent 1deg 15deg);box-shadow:inset 0 0 0 12px #07131b}.gauge-face::before{content:"";position:absolute;inset:16px;border:1px solid rgba(95,219,255,.2);border-radius:50%;background:#07131b}.gauge-needle{position:absolute;z-index:3;left:50%;top:50%;width:39px;height:1px;background:var(--cyan);box-shadow:0 0 6px var(--cyan);transform-origin:left;transform:rotate(-120deg);transition:transform 1.4s var(--ease)}.gauge-needle::after{content:"";position:absolute;left:-4px;top:-4px;width:8px;height:8px;border:1px solid var(--cyan);border-radius:50%;background:#07131b}.gauge-face b{position:absolute;z-index:3;left:50%;bottom:25px;color:#54717f;font:7px monospace;font-weight:400;transform:translateX(-50%)}.gauge-face span{position:absolute;z-index:3;bottom:16px;color:#55717e;font:6px monospace}.gauge-face span:nth-of-type(1){left:23px}.gauge-face span:nth-of-type(2){right:23px}
.outlet-nozzle{position:relative;width:112px;height:44px;border:1px solid rgba(95,219,255,.5);background:linear-gradient(#182b35,#07121a);clip-path:polygon(0 20%,73% 20%,73% 0,100% 50%,73% 100%,73% 80%,0 80%)}.outlet-nozzle i{position:absolute;left:18px;top:50%;width:43px;height:1px;background:var(--cyan)}.outlet-stream{position:absolute;left:68%;right:-25%;top:49%;height:8px}.outlet-stream i{position:absolute;left:0;top:var(--y,0);width:70%;height:1px;background:linear-gradient(90deg,var(--cyan),transparent);opacity:0;animation:outletWater 1.8s linear infinite paused}.outlet-stream i:nth-child(2){--y:3px;animation-delay:-.6s}.outlet-stream i:nth-child(3){--y:-3px;animation-delay:-1.2s}
.hydraulic-console{display:grid;grid-template-columns:.8fr 1.2fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.demand-toggle{min-height:82px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border:0;border-right:1px solid var(--line);background:rgba(8,21,30,.76);color:inherit;text-align:left;cursor:pointer;touch-action:manipulation;transition:background .3s}.demand-toggle:hover,.demand-toggle:focus-visible{outline:none;background:rgba(13,39,53,.82)}.demand-toggle > span{display:grid;grid-template-columns:16px 1fr;align-items:center}.demand-toggle span i{grid-row:1/3;width:7px;height:7px;border:1px solid var(--cyan);transform:rotate(45deg)}.demand-toggle span b{font:9px monospace;font-weight:400;letter-spacing:.08em;text-transform:uppercase}.demand-toggle span small{margin-top:4px;color:#607984;font-size:7px}.demand-toggle > strong{color:var(--cyan);font:8px monospace;font-weight:400;letter-spacing:.08em}.delivery-metrics{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:0 10px}.delivery-metrics span{padding-left:13px;border-left:1px solid var(--line)}.delivery-metrics small,.delivery-metrics b{display:block}.delivery-metrics small{margin-bottom:7px;color:#4e6874;font:6px monospace;letter-spacing:.08em;text-transform:uppercase}.delivery-metrics b{color:#bdccd3;font:9px monospace;font-weight:400}.delivery-metrics b i{font-style:normal}.delivery-engineering{min-height:55px;padding:0 22px;display:flex;align-items:center;justify-content:center;gap:30px}.delivery-engineering span{display:flex;align-items:baseline;gap:12px}.delivery-engineering small{color:#4e6975;font:6px monospace;letter-spacing:.08em;text-transform:uppercase}.delivery-engineering b{color:#8297a1;font:8px monospace;font-weight:400}.delivery-engineering > i{width:1px;height:18px;background:var(--line)}
.hydraulic-system.demand-active .hydraulic-head span i{background:var(--success);box-shadow:0 0 8px var(--success);animation:statusBlink 1.5s infinite}.hydraulic-system.demand-active .hydraulic-head b{color:var(--success)}.hydraulic-system.demand-active .hydraulic-flow i{opacity:1;animation-play-state:running}.hydraulic-system.demand-active .pump-impeller{animation:fanRotate 1.6s linear infinite;filter:brightness(1.5) drop-shadow(0 0 6px rgba(95,219,255,.3))}.hydraulic-system.demand-active .hydraulic-pump .hydraulic-visual,.hydraulic-system.demand-active .hydraulic-gauge .hydraulic-visual,.hydraulic-system.demand-active .hydraulic-outlet .hydraulic-visual{border-color:var(--cyan);box-shadow:0 0 28px rgba(95,219,255,.12)}.hydraulic-system.demand-active .gauge-needle{transform:rotate(38deg)}.hydraulic-system.demand-active .outlet-stream i{opacity:1;animation-play-state:running}.hydraulic-system.demand-active .tank-shell > i{height:68%}.hydraulic-system.demand-active .level-sensor i{bottom:32%}.hydraulic-system.demand-active .demand-toggle{background:rgba(11,42,54,.82)}.hydraulic-system.demand-active .demand-toggle span i{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}

.hmi{background-color:#05090e;background-image:radial-gradient(circle at 72% 48%,rgba(21,126,177,.17),transparent 38%),linear-gradient(90deg,rgba(3,7,12,.88) 0%,rgba(3,8,13,.76) 45%,rgba(3,8,13,.56) 100%),url("img/smarthmi.png");background-position:center,center,center;background-size:cover,cover,cover;background-repeat:no-repeat}.dashboard{padding:13px;border:1px solid #365263;background:rgba(5,10,15,.96);box-shadow:0 25px 90px rgba(0,0,0,.45),inset 0 0 60px rgba(44,177,227,.04)}.dashboard::before{content:"";position:absolute;inset:6px;border:1px solid rgba(255,255,255,.05);pointer-events:none}.dashboard-top{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line);color:#6d8793;font:8px monospace;letter-spacing:.1em}.dashboard-top span i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success)}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding-top:8px}.dashboard-grid article{position:relative;min-height:125px;padding:16px;border:1px solid var(--line);background:rgba(8,18,26,.97)}.dashboard-grid article > span{display:block;margin-bottom:14px;color:#5c7581;font:8px monospace;letter-spacing:.1em}.dashboard-grid strong{font-size:25px;font-weight:300}.dashboard-grid strong small{color:var(--cyan);font-size:10px}.dash-production{grid-column:1/-1}.dash-production strong{font-size:40px}.mini-chart{position:absolute;right:18px;bottom:18px;width:50%;height:60px;display:flex;align-items:end;gap:5px}.mini-chart i{flex:1;height:var(--h,30%);background:linear-gradient(var(--cyan),rgba(19,84,112,.4));animation:chart 3s ease-in-out infinite alternate}.mini-chart i:nth-child(1){--h:35%}.mini-chart i:nth-child(2){--h:53%}.mini-chart i:nth-child(3){--h:45%}.mini-chart i:nth-child(4){--h:70%}.mini-chart i:nth-child(5){--h:62%}.mini-chart i:nth-child(6){--h:83%}.mini-chart i:nth-child(7){--h:74%}.mini-chart i:nth-child(8){--h:92%}.module-status{display:flex;gap:6px}.module-status i{width:37px;height:37px;display:grid;place-items:center;color:var(--success);border:1px solid rgba(118,247,196,.3);font:8px monospace;background:rgba(118,247,196,.05)}.data-bar{height:3px;margin-top:13px;background:#142731}.data-bar i{display:block;width:var(--level);height:100%;background:var(--cyan);box-shadow:0 0 7px var(--cyan);animation:barLoad 2s var(--ease)}.status-ok{color:var(--success);font-size:12px!important;letter-spacing:.08em}.dashboard-grid article > small{display:block;margin-top:8px;color:#58707c;font:7px monospace}

.system-blueprint{border:1px solid rgba(95,219,255,.16);background:rgba(4,11,17,.55);box-shadow:0 28px 80px rgba(0,0,0,.24)}.blueprint-head{min-height:50px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:#5a7682;font:7px monospace;letter-spacing:.1em}.blueprint-head span i{display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:var(--success);box-shadow:0 0 7px var(--success);animation:statusBlink 2s infinite}.blueprint-head small{font:inherit;color:#4b6571}
.architecture-layout{display:grid;grid-template-columns:290px minmax(430px,1fr) 275px;min-height:635px}.capability-controls{padding:18px;border-right:1px solid var(--line)}.capability-group{margin-bottom:16px}.capability-group:last-child{margin-bottom:0}.capability-group h3{margin:0;padding:0 8px 9px;color:#496773;font:6px monospace;letter-spacing:.11em;text-transform:uppercase}.capability-button{position:relative;width:100%;min-height:52px;padding:0 9px;display:grid;grid-template-columns:29px 1fr 18px;align-items:center;border:0;border-top:1px solid var(--line);background:transparent;color:#8ea1aa;text-align:left;cursor:pointer;touch-action:manipulation;transition:background .3s,color .3s}.capability-button:last-child{border-bottom:1px solid var(--line)}.capability-button::after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--cyan);box-shadow:0 0 7px var(--cyan);opacity:0;transition:opacity .3s}.capability-button:hover,.capability-button:focus-visible,.capability-button.active{outline:none;background:linear-gradient(90deg,rgba(95,219,255,.09),transparent);color:var(--white)}.capability-button.active::after{opacity:1}.capability-button span{color:#4d6b78;font:7px monospace}.capability-button b{font-size:9px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.capability-button i{color:#4d6b78;font-style:normal;transition:transform .3s,color .3s}.capability-button.active i{color:var(--cyan);transform:translateX(3px)}
.machine-blueprint{position:relative;min-height:635px;border-right:1px solid var(--line);background:radial-gradient(circle at 50% 46%,rgba(35,143,185,.1),transparent 42%);overflow:hidden}.machine-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(95,219,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(95,219,255,.04) 1px,transparent 1px);background-size:20px 20px;mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent)}
.machine-chassis{position:absolute;left:50%;top:49%;width:390px;height:430px;transform:translate(-50%,-50%);filter:drop-shadow(0 22px 35px rgba(0,0,0,.4))}.subsystem{position:absolute;transition:opacity .35s,filter .35s,transform .35s,border-color .35s,box-shadow .35s}.subsystem > span{position:absolute;color:#476773;font:6px monospace;letter-spacing:.08em;white-space:nowrap}.subsystem-shell{z-index:1;inset:0;border:1px solid #637985;background:linear-gradient(145deg,rgba(28,45,55,.72),rgba(6,14,20,.9));box-shadow:inset 0 0 0 8px rgba(255,255,255,.025),inset 0 0 35px rgba(95,219,255,.04)}.subsystem-shell::before,.subsystem-shell::after{content:"";position:absolute;top:13px;bottom:13px;width:1px;background:rgba(161,190,202,.16)}.subsystem-shell::before{left:36%}.subsystem-shell::after{right:22%}.subsystem-shell > i{position:absolute;inset:10px;border:1px dashed rgba(95,219,255,.12)}.subsystem-shell > span{left:14px;bottom:13px}
.subsystem-intake{z-index:4;left:16px;top:58px;width:116px;height:256px;border:1px solid rgba(151,184,198,.4);background:repeating-linear-gradient(0deg,#223743 0 4px,#07131b 4px 11px)}.subsystem-intake > i{position:absolute;left:-10%;top:44%;width:120%;height:12%;border:1px solid #7f939d;background:linear-gradient(#718892,#14232c 25%,#08131a 55%,#526873);box-shadow:0 5px 10px rgba(0,0,0,.35)}.subsystem-intake > i:first-child{transform:rotate(56deg)}.subsystem-intake > i:nth-child(2){transform:rotate(-56deg)}.subsystem-intake > b{position:absolute;z-index:2;left:39%;top:44%;width:22%;height:12%;border:1px solid var(--cyan);background:#07131b;transform:rotate(45deg)}.subsystem-intake > span{left:5px;bottom:-16px}
.subsystem-modules{z-index:3;left:151px;top:62px;width:136px;height:185px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.subsystem-modules > i{border:1px solid rgba(95,219,255,.28);background:repeating-linear-gradient(0deg,rgba(95,219,255,.42) 0 1px,transparent 1px 7px);box-shadow:inset 0 0 10px rgba(95,219,255,.05);animation:coilPulse 2.8s infinite alternate}.subsystem-modules > i:nth-child(2){animation-delay:-.6s}.subsystem-modules > i:nth-child(3){animation-delay:-1.2s}.subsystem-modules > i:nth-child(4){animation-delay:-1.8s}.subsystem-modules > span{left:8px;bottom:-16px}
.subsystem-refrigeration{z-index:3;left:151px;bottom:41px;width:136px;height:113px;display:flex;justify-content:space-around;align-items:center;border:1px solid rgba(95,219,255,.2)}.subsystem-refrigeration > i{width:8px;height:84px;border:1px solid rgba(95,219,255,.5);border-radius:7px}.subsystem-refrigeration > span{left:7px;bottom:-16px}
.subsystem-treatment{z-index:3;right:20px;top:174px;width:61px;height:183px;padding:8px;display:grid;grid-template-rows:repeat(6,1fr);gap:5px;border:1px solid rgba(95,219,255,.2)}.subsystem-treatment > i{border:1px solid rgba(95,219,255,.3);background:linear-gradient(90deg,transparent,rgba(95,219,255,.12))}.subsystem-treatment > span{right:-4px;bottom:-16px}
.subsystem-hmi{z-index:5;right:18px;top:59px;width:68px;height:76px;border:1px solid #718a95;background:#081721;box-shadow:inset 0 0 18px rgba(95,219,255,.08)}.subsystem-hmi > i{position:absolute;inset:9px;border:1px solid rgba(95,219,255,.4);background:linear-gradient(135deg,rgba(95,219,255,.13),transparent)}.subsystem-hmi > b{position:absolute;left:14px;right:14px;bottom:15px;height:1px;background:var(--cyan);box-shadow:0 -8px 0 rgba(95,219,255,.3),0 -16px 0 rgba(95,219,255,.15)}.subsystem-hmi > span{right:2px;top:-14px}
.subsystem-iot{z-index:6;right:32px;top:11px;width:40px;height:39px}.subsystem-iot > b{position:absolute;left:18px;bottom:0;width:4px;height:4px;border-radius:50%;background:var(--cyan);box-shadow:0 0 7px var(--cyan)}.subsystem-iot > i{position:absolute;left:7px;bottom:-10px;width:24px;height:24px;border:1px solid rgba(95,219,255,.3);border-color:var(--cyan) transparent transparent;border-radius:50%;transform:rotate(45deg)}.subsystem-iot > i:nth-child(2){left:1px;bottom:-16px;width:36px;height:36px;opacity:.45}.subsystem-iot > span{left:8px;top:-7px}
.subsystem-maintenance{z-index:7;inset:19px;pointer-events:none}.subsystem-maintenance > i{position:absolute;border:1px dashed rgba(255,158,85,.35);opacity:.2}.subsystem-maintenance > i:nth-child(1){left:0;top:30px;width:122px;height:276px}.subsystem-maintenance > i:nth-child(2){left:135px;top:28px;width:149px;height:345px}.subsystem-maintenance > i:nth-child(3){right:0;top:29px;width:70px;height:304px}.subsystem-maintenance > span{right:0;bottom:0;color:#7f6656}
.system-flow{position:absolute;z-index:8;pointer-events:none;opacity:.15;transition:opacity .35s}.system-flow i{position:absolute;width:5px;height:5px;border-radius:50%;box-shadow:0 0 7px currentColor}.flow-air{left:-24px;top:115px;width:190px;height:1px;color:#c2dce7;background:linear-gradient(90deg,transparent,currentColor)}.flow-air i{top:-2px;background:currentColor;animation:blueprintFlowX 3s linear infinite}.flow-air i:nth-child(2){animation-delay:-1s}.flow-air i:nth-child(3){animation-delay:-2s}.flow-water{left:210px;top:230px;width:1px;height:177px;color:var(--cyan);background:linear-gradient(transparent,currentColor)}.flow-water i{left:-2px;background:currentColor;animation:blueprintFlowY 3s linear infinite}.flow-water i:nth-child(2){animation-delay:-1s}.flow-water i:nth-child(3){animation-delay:-2s}.flow-data{left:272px;top:88px;width:95px;height:1px;color:var(--success);background:linear-gradient(90deg,currentColor,transparent)}.flow-data i{top:-2px;background:currentColor;animation:blueprintFlowX 2.3s linear infinite}.flow-data i:nth-child(2){animation-delay:-.75s}.flow-data i:nth-child(3){animation-delay:-1.5s}
.machine-dimensions{position:absolute;left:14%;right:14%;bottom:23px;padding-top:7px;border-top:1px solid rgba(95,219,255,.18);color:#4c6b78;font:6px monospace;letter-spacing:.09em;text-align:center}.machine-dimensions::before,.machine-dimensions::after{content:"";position:absolute;top:-4px;width:1px;height:8px;background:rgba(95,219,255,.25)}.machine-dimensions::before{left:0}.machine-dimensions::after{right:0}.machine-dimensions > i{position:absolute;left:50%;top:-4px;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 7px var(--cyan)}.machine-dimensions small{display:block;margin-top:9px;color:#3f5e6b;font:inherit}
.system-blueprint[data-active="capacity"] .subsystem-shell,.system-blueprint[data-active="outdoor"] .subsystem-shell{border-color:var(--cyan);box-shadow:inset 0 0 35px rgba(95,219,255,.08),0 0 24px rgba(95,219,255,.1)}.system-blueprint[data-active="capacity"] .subsystem:not(.subsystem-maintenance){filter:brightness(1.25)}.system-blueprint[data-active="modules"] .subsystem-modules,.system-blueprint[data-active="intake"] .subsystem-intake,.system-blueprint[data-active="hmi"] .subsystem-hmi,.system-blueprint[data-active="refrigeration"] .subsystem-refrigeration,.system-blueprint[data-active="treatment"] .subsystem-treatment,.system-blueprint[data-active="iot"] .subsystem-iot{filter:brightness(2) drop-shadow(0 0 9px rgba(95,219,255,.45));transform:scale(1.04)}.system-blueprint[data-active="maintenance"] .subsystem-maintenance > i{opacity:1;filter:drop-shadow(0 0 5px rgba(255,158,85,.35))}.system-blueprint[data-active="intake"] .flow-air,.system-blueprint[data-active="modules"] .flow-air,.system-blueprint[data-active="refrigeration"] .flow-air{opacity:.85}.system-blueprint[data-active="treatment"] .flow-water,.system-blueprint[data-active="capacity"] .flow-water{opacity:.85}.system-blueprint[data-active="hmi"] .flow-data,.system-blueprint[data-active="iot"] .flow-data{opacity:.9}
.capability-detail{position:relative;padding:25px 22px;background:linear-gradient(145deg,rgba(18,36,47,.8),rgba(5,13,20,.92));transition:opacity .2s,transform .2s}.capability-detail.updating{opacity:.35;transform:translateY(4px)}.capability-detail-head{display:flex;justify-content:space-between;gap:10px;padding-bottom:15px;border-bottom:1px solid var(--line);color:#4f6f7d;font:6px monospace;letter-spacing:.09em}.capability-detail-head b{color:var(--cyan);font:inherit;text-align:right}.capability-detail h3{margin:31px 0 15px;font-size:28px;line-height:1.08;font-weight:300;letter-spacing:-.035em}.capability-detail > p{min-height:105px;margin:0;color:#7d929c;font-size:10px;line-height:1.75}.capability-metric{margin-top:35px;padding:18px;border:1px solid rgba(95,219,255,.17);background:rgba(7,20,28,.65)}.capability-metric small{display:block;margin-bottom:10px;color:#4c6976;font:6px monospace;letter-spacing:.1em}.capability-metric strong{color:var(--cyan);font-size:24px;font-weight:300;letter-spacing:-.03em}.capability-status{position:absolute;left:22px;right:22px;bottom:25px;display:grid;grid-template-columns:12px 1fr auto;align-items:center;color:#587482;font:6px monospace;letter-spacing:.09em}.capability-status > i{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 7px var(--success);animation:statusBlink 2s infinite}.capability-status b{color:var(--success);font:inherit}

.ecosystem{background-color:#060b11}.ecosystem-glow{position:absolute;z-index:-1;left:50%;top:42%;width:760px;height:460px;border-radius:50%;background:rgba(21,126,174,.12);filter:blur(110px);transform:translate(-50%,-50%);pointer-events:none}.ecosystem .section-heading{max-width:890px;margin-bottom:58px}.ecosystem-subtitle{display:inline-flex!important;align-items:center;gap:12px;margin:-3px 0 22px!important;padding:8px 14px;border:1px solid rgba(95,219,255,.2);background:rgba(9,25,35,.58);color:var(--cyan)!important;font:8px monospace!important;line-height:1!important;letter-spacing:.16em;text-transform:uppercase}.ecosystem-subtitle::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px var(--cyan)}
.ecosystem-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:12px;align-items:stretch}.ecosystem-card{position:relative;min-width:0;min-height:350px;padding:25px 23px 22px;display:flex;flex-direction:column;border:1px solid var(--line);background:linear-gradient(150deg,rgba(15,29,40,.86),rgba(5,12,18,.92));overflow:hidden;transition:transform .35s var(--ease),border-color .35s,background .35s,box-shadow .35s}.ecosystem-card::before{content:"";position:absolute;left:0;right:100%;top:0;height:1px;background:var(--cyan);box-shadow:0 0 10px var(--cyan);transition:right .45s var(--ease)}.ecosystem-card::after{content:"SUPPORT";position:absolute;right:-8px;bottom:5px;color:rgba(255,255,255,.018);font-size:48px;font-weight:700;letter-spacing:-.06em;pointer-events:none}.ecosystem-card:hover{transform:translateY(-6px);border-color:rgba(95,219,255,.34);background:linear-gradient(150deg,rgba(19,40,53,.92),rgba(6,15,22,.96));box-shadow:0 20px 52px rgba(0,0,0,.26)}.ecosystem-card:hover::before{right:0}.ecosystem-card-head{display:flex;align-items:center;justify-content:space-between;color:#55717e;font:7px monospace;letter-spacing:.12em;text-transform:uppercase}.ecosystem-card-head small{color:#45616d;font:inherit}.ecosystem-featured{border-color:rgba(95,219,255,.42);background:linear-gradient(145deg,rgba(17,48,63,.94),rgba(5,16,24,.96));box-shadow:inset 0 0 45px rgba(38,163,211,.055),0 18px 55px rgba(0,0,0,.18)}.ecosystem-featured::before{right:0;height:2px}.ecosystem-featured::after{content:"AWG";right:-7px;bottom:-16px;color:rgba(95,219,255,.035);font-size:92px}.ecosystem-featured .ecosystem-card-head span{color:var(--cyan)}
.ecosystem-icon{position:relative;height:108px;margin:27px 0 22px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 50% 43%,rgba(95,219,255,.075),transparent 52%)}.ecosystem-card h3{position:relative;z-index:1;margin:0 0 12px;color:#d3dfe4;font-size:16px;font-weight:600;letter-spacing:.025em}.ecosystem-featured h3{color:var(--white);font-size:21px}.ecosystem-card > p{position:relative;z-index:1;margin:0;color:#7d929c;font-size:10px;line-height:1.72}.ecosystem-card-foot{position:relative;z-index:1;margin-top:auto;padding-top:22px;display:flex;align-items:center;gap:8px;color:#55717e;font:7px monospace;letter-spacing:.09em;text-transform:uppercase}.ecosystem-card-foot i{width:5px;height:5px;border-radius:50%;background:#55717e;box-shadow:0 0 7px #55717e}.ecosystem-featured .ecosystem-card-foot{color:var(--cyan)}.ecosystem-featured .ecosystem-card-foot i{background:var(--success);box-shadow:0 0 7px var(--success);animation:statusBlink 2s infinite}
.ecosystem-icon-awg > i{position:absolute;left:50%;top:13px;width:54px;height:54px;border:1px solid var(--cyan);border-radius:52% 48% 51% 49% / 62% 62% 38% 38%;clip-path:polygon(50% 0,96% 57%,100% 72%,94% 88%,78% 100%,22% 100%,6% 88%,0 72%,4% 57%);background:linear-gradient(180deg,rgba(95,219,255,.03),rgba(23,121,167,.32));transform:translateX(-50%);filter:drop-shadow(0 0 10px rgba(95,219,255,.25))}.ecosystem-icon-awg > b{position:absolute;left:calc(50% - 40px);top:4px;width:80px;height:80px;border:1px dashed rgba(95,219,255,.18);border-radius:50%;animation:ecosystemPulse 4s ease-in-out infinite}.ecosystem-icon-awg > span{position:absolute;left:25%;right:25%;bottom:13px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}
.ecosystem-icon-solar{padding:13px 18% 22px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:4px}.ecosystem-icon-solar i{border:1px solid rgba(95,219,255,.48);background:linear-gradient(145deg,rgba(95,219,255,.16),rgba(9,48,67,.18));box-shadow:inset 5px 0 rgba(95,219,255,.035)}
.ecosystem-icon-wind i{position:absolute;left:calc(50% - 3px);top:12px;width:6px;height:41px;border-radius:75% 10% 65% 10%;background:linear-gradient(#6fcedf,#183d4d);transform-origin:50% 100%;opacity:.8}.ecosystem-icon-wind i:nth-child(2){transform:rotate(120deg)}.ecosystem-icon-wind i:nth-child(3){transform:rotate(240deg)}.ecosystem-icon-wind b{position:absolute;left:calc(50% - 7px);top:46px;width:14px;height:14px;border:1px solid var(--cyan);border-radius:50%;background:#09151d;box-shadow:0 0 9px rgba(95,219,255,.35)}
.ecosystem-icon-storage{padding:20px 20% 26px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.ecosystem-icon-storage::before{content:"";position:absolute;left:17%;right:17%;top:13px;bottom:19px;border:1px solid rgba(95,219,255,.28)}.ecosystem-icon-storage i{position:relative;z-index:1;border:1px solid rgba(95,219,255,.42);background:linear-gradient(0deg,rgba(29,151,198,.38) 70%,transparent 70%)}.ecosystem-icon-storage b{position:absolute;right:14%;top:38px;width:5px;height:17px;border:1px solid rgba(95,219,255,.4);border-left:0}
@keyframes ecosystemPulse{50%{opacity:.42;transform:scale(1.08)}}

.applications{background-color:#060b11;background-image:linear-gradient(180deg,rgba(4,9,14,.84) 0%,rgba(4,9,14,.67) 32%,rgba(4,9,14,.76) 66%,rgba(4,9,14,.94) 100%),linear-gradient(90deg,rgba(3,8,13,.7),rgba(3,8,13,.5)),url("img/application.png");background-position:center,center,center;background-size:cover,cover,cover;background-repeat:no-repeat}.world-grid{position:absolute;inset:0;opacity:.4;background-image:radial-gradient(circle at 20% 30%,rgba(95,219,255,.2) 0 1px,transparent 1px),radial-gradient(circle at 70% 55%,rgba(95,219,255,.2) 0 1px,transparent 1px),linear-gradient(rgba(95,219,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(95,219,255,.04) 1px,transparent 1px);background-size:71px 67px,83px 79px,50px 50px,50px 50px;mask-image:radial-gradient(ellipse,#000,transparent 75%);animation:gridMove 20s linear infinite}
.deployment-console{display:grid;grid-template-columns:1.35fr .65fr;min-height:350px;margin-bottom:14px;border:1px solid rgba(95,219,255,.18);background:rgba(5,13,20,.68);box-shadow:0 26px 75px rgba(0,0,0,.22);overflow:hidden}
.deployment-map{position:relative;min-height:350px;border-right:1px solid var(--line);background:radial-gradient(ellipse at 50% 50%,rgba(30,129,170,.12),transparent 60%);overflow:hidden}.deployment-map::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(95,219,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(95,219,255,.045) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.deployment-map-head{position:relative;z-index:5;height:46px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:#5d7783;font:7px monospace;letter-spacing:.1em}.deployment-map-head span i{display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:var(--success);box-shadow:0 0 7px var(--success)}.deployment-map-head small{font:inherit;color:#496571}
.network-routes{position:absolute;z-index:2;left:3%;right:3%;top:47px;width:94%;height:calc(100% - 68px);overflow:visible}.network-routes path{fill:none;stroke:rgba(95,219,255,.17);stroke-width:1;stroke-dasharray:5 6;vector-effect:non-scaling-stroke;animation:networkDash 13s linear infinite}
.map-contour{position:absolute;z-index:1;border:1px solid rgba(95,219,255,.08);border-radius:48% 52% 60% 40%;transform:rotate(-9deg)}.contour-a{left:8%;top:28%;width:27%;height:39%}.contour-b{left:39%;top:25%;width:25%;height:43%;transform:rotate(14deg)}.contour-c{right:7%;top:27%;width:24%;height:40%;transform:rotate(-18deg)}
.deployment-node{position:absolute;z-index:4;width:14px;height:14px;border:1px solid rgba(95,219,255,.52);border-radius:50%;background:#07131b;box-shadow:0 0 0 5px rgba(95,219,255,.05);transition:background .3s,box-shadow .3s,transform .3s,border-color .3s}.deployment-node::after{content:"";position:absolute;inset:4px;border-radius:50%;background:#58737f}.deployment-node b{position:absolute;left:18px;top:0;color:#4e6d7a;font:6px monospace;font-weight:400}.node-commercial{left:11%;top:32%}.node-industrial{left:28%;top:20%}.node-remote{left:48%;top:33%}.node-agriculture{left:70%;top:21%}.node-emergency{right:8%;top:33%}.node-infrastructure{left:14%;top:70%}.node-outdoor{left:49%;top:68%}.node-decentralized{right:7%;top:71%}
.deployment-map[data-active="commercial"] .node-commercial,.deployment-map[data-active="industrial"] .node-industrial,.deployment-map[data-active="remote"] .node-remote,.deployment-map[data-active="agriculture"] .node-agriculture,.deployment-map[data-active="emergency"] .node-emergency,.deployment-map[data-active="infrastructure"] .node-infrastructure,.deployment-map[data-active="outdoor"] .node-outdoor,.deployment-map[data-active="decentralized"] .node-decentralized{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 0 8px rgba(95,219,255,.1),0 0 18px var(--cyan);transform:scale(1.25)}.deployment-map[data-active] .deployment-node::after{transition:background .3s}.deployment-map[data-active="commercial"] .node-commercial::after,.deployment-map[data-active="industrial"] .node-industrial::after,.deployment-map[data-active="remote"] .node-remote::after,.deployment-map[data-active="agriculture"] .node-agriculture::after,.deployment-map[data-active="emergency"] .node-emergency::after,.deployment-map[data-active="infrastructure"] .node-infrastructure::after,.deployment-map[data-active="outdoor"] .node-outdoor::after,.deployment-map[data-active="decentralized"] .node-decentralized::after{background:#fff}
.map-scan{position:absolute;z-index:3;left:0;right:0;top:47px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.25;animation:mapScan 5s linear infinite}.map-caption{position:absolute;z-index:4;left:15px;bottom:12px;color:#466470;font:6px monospace;letter-spacing:.1em}
.deployment-profile{position:relative;padding:27px 25px;background:linear-gradient(145deg,rgba(18,38,50,.8),rgba(6,14,21,.92));transition:opacity .2s,transform .2s}.deployment-profile.updating{opacity:.35;transform:translateY(4px)}.profile-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid var(--line);color:#52717f;font:7px monospace;letter-spacing:.1em}.profile-head b{color:var(--cyan);font:inherit}.deployment-profile h3{margin:25px 0 12px;font-size:24px;font-weight:300;letter-spacing:-.03em}.deployment-profile > p{min-height:55px;margin:0 0 20px;color:#7e939d;font-size:10px;line-height:1.65}.deployment-profile dl{margin:0;border-top:1px solid var(--line)}.deployment-profile dl div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--line)}.deployment-profile dt{color:#516b77;font:7px monospace;letter-spacing:.07em;text-transform:uppercase}.deployment-profile dd{margin:0;color:#a7b8c0;font-size:8px;text-align:right}.profile-status{position:absolute;left:25px;right:25px;bottom:22px;display:grid;grid-template-columns:12px 1fr auto;align-items:center;color:#5c7784;font:6px monospace;letter-spacing:.08em}.profile-status > i{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 7px var(--success);animation:statusBlink 2s infinite}.profile-status b{color:var(--success);font:inherit}
.application-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.application-card{position:relative;min-height:225px;padding:19px;border:1px solid var(--line);background:rgba(8,17,25,.78);color:inherit;text-align:left;font:inherit;cursor:pointer;overflow:hidden;touch-action:manipulation;transition:transform .35s var(--ease),border-color .35s,background .35s,box-shadow .35s}.application-card::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--cyan);box-shadow:0 0 8px var(--cyan);transition:right .4s var(--ease)}.application-card:hover,.application-card:focus-visible,.application-card.active{outline:none;transform:translateY(-5px);border-color:var(--line-bright);background:rgba(13,31,42,.92);box-shadow:0 14px 38px rgba(0,0,0,.25)}.application-card.active::after{right:0}.application-card > span{display:inline-block;margin-bottom:9px;padding:4px 7px;border:1px solid rgba(95,219,255,.18);color:#567482;font:6px monospace;letter-spacing:.09em;text-transform:uppercase}.application-card h3{margin:0 0 7px;color:#c3d0d5;font-size:10px;text-transform:uppercase;letter-spacing:.07em;line-height:1.45}.application-card > small{color:#627985;font-size:8px}
.app-scene{position:relative;height:99px;margin:-2px 0 13px;border-bottom:1px solid var(--line);overflow:hidden}.app-scene::before{content:"";position:absolute;left:0;right:0;bottom:16px;height:1px;background:linear-gradient(90deg,rgba(95,219,255,.3),transparent)}.app-scene i,.app-scene b{position:absolute;display:block;border:1px solid rgba(95,219,255,.55);font-style:normal;transition:filter .3s,transform .3s}.application-card:hover .app-scene i,.application-card.active .app-scene i{filter:brightness(1.65) drop-shadow(0 0 4px rgba(95,219,255,.4))}
.scene-commercial i:nth-child(1){left:16%;bottom:16px;width:34px;height:58px;background:repeating-linear-gradient(0deg,transparent 0 8px,rgba(95,219,255,.28) 8px 9px)}.scene-commercial i:nth-child(2){left:33%;bottom:16px;width:28px;height:43px}.scene-commercial i:nth-child(3){left:47%;bottom:16px;width:21px;height:31px}.scene-commercial b{left:9%;bottom:12px;width:64%;height:4px;border-color:rgba(95,219,255,.25)}
.scene-industrial i:nth-child(1){left:12%;bottom:16px;width:67px;height:35px;background:repeating-linear-gradient(90deg,transparent 0 14px,rgba(95,219,255,.18) 14px 15px)}.scene-industrial i:nth-child(2){left:25%;bottom:51px;width:10px;height:31px}.scene-industrial i:nth-child(3){left:50%;bottom:51px;width:8px;height:22px}.scene-industrial b{left:26%;top:10px;width:37px;height:12px;border:0;border-top:1px dashed rgba(95,219,255,.4);border-radius:50%;animation:drift 8s linear infinite}
.scene-remote i:nth-child(1),.scene-remote i:nth-child(2){bottom:16px;width:32px;height:26px;clip-path:polygon(50% 0,100% 37%,100% 100%,0 100%,0 37%)}.scene-remote i:nth-child(1){left:12%}.scene-remote i:nth-child(2){left:33%;transform:scale(.8)}.scene-remote i:nth-child(3){left:61%;bottom:16px;width:1px;height:61px}.scene-remote b{left:56%;top:14px;width:24px;height:24px;border-radius:50%;border-style:dashed;animation:ringPulse 3s infinite}
.scene-agriculture i:nth-child(1){left:10%;right:23%;bottom:16px;height:52px;border-radius:52% 52% 0 0}.scene-agriculture i:nth-child(2),.scene-agriculture i:nth-child(3){bottom:18px;width:1px;height:39px;transform:rotate(25deg)}.scene-agriculture i:nth-child(2){left:31%}.scene-agriculture i:nth-child(3){left:49%;transform:rotate(-25deg)}.scene-agriculture b{left:14%;bottom:28px;width:51%;height:1px;border:0;background:var(--cyan);opacity:.45}
.scene-emergency i:nth-child(1){left:10%;bottom:16px;width:73px;height:47px}.scene-emergency i:nth-child(2){left:37px;bottom:27px;width:2px;height:24px;background:var(--cyan);border:0}.scene-emergency i:nth-child(3){left:26px;bottom:38px;width:24px;height:2px;background:var(--cyan);border:0}.scene-emergency b{left:92px;bottom:16px;width:28px;height:28px;border-radius:50%;box-shadow:0 0 0 7px rgba(95,219,255,.04);animation:pulse 2.5s infinite}
.scene-infrastructure i:nth-child(1){left:8%;right:20%;bottom:20px;height:16px;border-radius:50% 50% 0 0}.scene-infrastructure i:nth-child(2),.scene-infrastructure i:nth-child(3){bottom:7px;width:1px;height:32px}.scene-infrastructure i:nth-child(2){left:27%}.scene-infrastructure i:nth-child(3){left:56%}.scene-infrastructure b{left:6%;right:15%;bottom:6px;height:1px;border:0;background:rgba(95,219,255,.35)}
.scene-outdoor i:nth-child(1){left:16%;bottom:16px;width:58px;height:55px}.scene-outdoor i:nth-child(2){left:11%;bottom:71px;width:68px;height:9px;transform:skewX(-22deg)}.scene-outdoor i:nth-child(3){left:31%;bottom:26px;width:23px;height:36px;background:repeating-linear-gradient(0deg,transparent 0 6px,rgba(95,219,255,.25) 6px 7px)}.scene-outdoor b{left:83px;bottom:28px;width:28px;height:28px;border-radius:50%;border-style:dashed;animation:spin 8s linear infinite}
.scene-decentralized i{width:22px;height:22px;border-radius:50%;box-shadow:0 0 0 5px rgba(95,219,255,.04)}.scene-decentralized i:nth-child(1){left:12%;top:16px}.scene-decentralized i:nth-child(2){left:49%;top:11px}.scene-decentralized i:nth-child(3){left:31%;bottom:18px}.scene-decentralized b{left:20%;top:29px;width:45%;height:37px;border:0;border-left:1px dashed rgba(95,219,255,.4);border-right:1px dashed rgba(95,219,255,.4);transform:skewX(-32deg)}

.contact{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-bottom:0;background:radial-gradient(circle at 50% 43%,#102b3d 0,#071018 31%,#04070b 68%)}.contact::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(95,219,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(95,219,255,.035) 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(circle,#000,transparent 65%)}.contact-light{position:absolute;left:50%;top:38%;width:700px;height:300px;border-radius:50%;background:rgba(73,200,245,.1);filter:blur(100px);transform:translate(-50%,-50%)}.contact-rings i{position:absolute;left:50%;top:42%;width:42vw;aspect-ratio:1;border:1px solid rgba(95,219,255,.08);border-radius:50%;transform:translate(-50%,-50%);animation:ringPulse 6s infinite}.contact-rings i:nth-child(2){width:58vw;animation-delay:-2s}.contact-rings i:nth-child(3){width:74vw;animation-delay:-4s}.contact-inner{position:relative;z-index:2;text-align:center;padding:80px 0 140px}.contact-inner .eyebrow{justify-content:center}.contact h2{font-size:clamp(72px,11vw,160px)}.contact-inner > p:not(.eyebrow){max-width:760px;margin:35px auto;color:#8ca0aa;font-size:15px;line-height:1.8}.contact .button-row{justify-content:center}.footer{position:relative;z-index:2;min-height:110px;display:grid;grid-template-columns:220px 1fr auto;align-items:center;border-top:1px solid var(--line)}.footer p,.footer small{color:#64757e;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.footer-center{display:flex;align-items:center;justify-content:center;gap:22px}.footer-center p{margin:0;text-align:center}.footer-center p a{transition:color .25s}.footer-center p a:hover,.footer-center p a:focus-visible{color:var(--cyan);outline:none}.footer small{text-align:right}.footer-socials{display:flex;align-items:center;gap:8px}.footer-socials a{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(95,219,255,.18);color:#718792;background:rgba(8,20,28,.42);transition:color .25s,border-color .25s,background .25s,transform .25s}.footer-socials a:hover,.footer-socials a:focus-visible{outline:none;color:var(--cyan);border-color:rgba(95,219,255,.55);background:rgba(95,219,255,.08);transform:translateY(-2px)}.footer-socials svg{width:15px;height:15px;fill:currentColor}

.reveal { opacity: 1; transform: none; }.js .reveal { opacity: 0; transform: translateY(30px); transition: opacity .8s var(--ease), transform .8s var(--ease); }.js .reveal.visible { opacity: 1; transform: none; }.stats-grid .reveal:nth-child(2),.module-grid .reveal:nth-child(2),.feature-grid .reveal:nth-child(2),.application-grid .reveal:nth-child(2){transition-delay:.08s}.stats-grid .reveal:nth-child(3),.module-grid .reveal:nth-child(3),.feature-grid .reveal:nth-child(3),.application-grid .reveal:nth-child(3){transition-delay:.16s}.module-grid .reveal:nth-child(4),.feature-grid .reveal:nth-child(4),.application-grid .reveal:nth-child(4){transition-delay:.24s}

@keyframes meter{to{width:100%}}@keyframes scrollLine{0%{transform:translateY(0)}100%{transform:translateY(200%)}}@keyframes airflow{0%{transform:translateX(-15%) scaleX(.4);opacity:0}25%{opacity:.5}100%{transform:translateX(55%) scaleX(1);opacity:0}}@keyframes drift{to{transform:translate(53px,61px)}}@keyframes scan{from{transform:translateY(0)}to{transform:translateY(300px)}}@keyframes flowLine{0%,100%{transform:scaleX(.05);opacity:0}40%,70%{transform:scaleX(1);opacity:1}}@keyframes pulse{50%{transform:scale(1.25);opacity:0}}@keyframes particleIn{0%{transform:translateX(0);opacity:0}20%{opacity:1}100%{transform:translateX(400px);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes coilPulse{to{filter:brightness(1.7);box-shadow:inset 0 0 15px rgba(74,195,239,.24)}}@keyframes transfer{from{left:0}to{left:calc(100% - 6px)}}@keyframes heatOut{to{transform:translateX(35px);opacity:0}}@keyframes droplet{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:1}100%{transform:translateY(235px) scale(1);opacity:0}}@keyframes pipeFlow{0%{left:0;top:-2px}48%{left:-2px;top:100%}50%{left:0;top:100%}100%{left:100%;top:100%}}@keyframes waterLevel{to{height:76%}}@keyframes waterLine{from{top:-10%}to{top:90%}}@keyframes pressurePulse{from{left:-6px}to{left:100%}}@keyframes chart{to{filter:brightness(1.5);transform:scaleY(.85);transform-origin:bottom}}@keyframes barLoad{from{width:0}}@keyframes gridMove{to{background-position:71px 67px,83px 79px,50px 50px,50px 50px}}@keyframes ringPulse{50%{opacity:.3;transform:translate(-50%,-50%) scale(1.03)}}
@keyframes statWater{to{height:73%}}@keyframes statWave{0%,100%{transform:translateX(-7%) rotate(-2deg)}50%{transform:translateX(7%) rotate(2deg)}}@keyframes statDrop{0%{transform:translateY(-12px);opacity:0}20%{opacity:1}100%{transform:translateY(78px);opacity:0}}@keyframes moduleSequence{0%,22%,100%{border-color:rgba(95,219,255,.22);box-shadow:none}10%{border-color:var(--cyan);box-shadow:inset 0 0 18px rgba(95,219,255,.15),0 0 12px rgba(95,219,255,.1)}}@keyframes busFlow{from{left:0}to{left:100%}}@keyframes orbitSpin{from{transform:translateX(-50%) rotate(0)}to{transform:translateX(-50%) rotate(360deg)}}@keyframes signalPulse{to{height:calc(var(--signal) * .55);opacity:.55}}@keyframes statusBlink{50%{opacity:.3}}
@keyframes pipelineCharge{0%,100%{transform:scaleX(.03);opacity:0}12%{opacity:.75}82%{transform:scaleX(1);opacity:.75}95%{opacity:0}}@keyframes pipelineParticle{0%{left:0;opacity:0;transform:scale(.5)}8%{opacity:1}85%{opacity:1}100%{left:100%;opacity:0;transform:scale(1.25)}}@keyframes pipelineParticleMobile{0%{top:0;opacity:0;transform:scale(.5)}8%{opacity:1}85%{opacity:1}100%{top:100%;opacity:0;transform:scale(1.25)}}@keyframes processStage{0%,13%,100%{filter:none}6%{filter:drop-shadow(0 0 12px rgba(95,219,255,.35)) brightness(1.35)}}@keyframes intakeFan{to{transform:rotate(360deg)}}@keyframes filterParticle{0%{transform:translate(0,0);opacity:0}12%{opacity:1}48%{transform:translate(36px,18px);opacity:1}55%{opacity:.1}100%{transform:translate(64px,58px);opacity:0}}@keyframes coolingGlow{to{opacity:1;filter:drop-shadow(0 0 5px var(--cyan))}}@keyframes processDroplet{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:1}100%{transform:translateY(55px) scale(1);opacity:0}}@keyframes treatmentScan{0%,100%{opacity:.25}50%{opacity:1;box-shadow:0 0 8px var(--cyan)}}@keyframes storageLevel{to{height:74%}}@keyframes intakeStream{0%{transform:translateX(35%);opacity:0}20%{opacity:.7}100%{transform:translateX(-85%);opacity:0}}
@keyframes chamberAir{0%{transform:translateX(0);opacity:0}15%{opacity:.7}100%{transform:translateX(160%);opacity:0}}@keyframes airOutlet{0%{transform:translateX(-15%);opacity:0}20%{opacity:.65}100%{transform:translateX(55%);opacity:0}}@keyframes fanRotate{to{rotate:360deg}}@keyframes moduleDrop{0%{transform:translateY(0) scale(.6);opacity:0}18%{opacity:1}100%{transform:translateY(58px) scale(1);opacity:0}}@keyframes manifoldPulse{50%{opacity:.28;transform:scale(.65)}}@keyframes hydraulicPulse{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:100%;opacity:0}}@keyframes hydraulicPulseVertical{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:100%;opacity:0}}@keyframes outletWater{0%{transform:translateX(-10%);opacity:0}20%{opacity:.8}100%{transform:translateX(80%);opacity:0}}@keyframes tankSurface{to{filter:brightness(1.18)}}@keyframes networkDash{to{stroke-dashoffset:-110}}@keyframes mapScan{from{transform:translateY(0)}to{transform:translateY(280px)}}@keyframes blueprintFlowX{0%{left:0;opacity:0}15%{opacity:1}100%{left:100%;opacity:0}}@keyframes blueprintFlowY{0%{top:0;opacity:0}15%{opacity:1}100%{top:100%;opacity:0}}

@media (max-width: 1050px) {
  :root{--nav-h:72px}.nav-links{gap:14px}.nav-links a{font-size:8px}.hero-copy{width:64vw}.stats-grid{grid-template-columns:repeat(3,1fr)}.module-grid{grid-template-columns:repeat(2,1fr)}.thermal-system{grid-template-columns:1fr 140px 1fr}.zone{padding:35px}.split-layout{gap:55px}.treatment-layout{gap:55px}.feature-grid{grid-template-columns:repeat(3,1fr)}.ecosystem-grid{grid-template-columns:repeat(2,1fr)}.ecosystem-featured{grid-column:1/-1;min-height:310px}.application-grid{grid-template-columns:repeat(4,1fr)}
}

@media (max-width: 780px) {
  .shell{width:min(calc(100% - 36px),var(--max))}.cursor-glow{display:none}.menu-toggle{position:relative;z-index:102;display:block}.menu-open .menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-open .menu-toggle span:nth-child(2){opacity:0}.menu-open .menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .nav-links{position:fixed;z-index:101;inset:0;display:flex;flex-direction:column;justify-content:center;gap:28px;background:rgba(3,7,11,.97);backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(-10px);transition:.35s}.menu-open .nav-links{opacity:1;visibility:visible;transform:none}.nav-links a{font-size:13px}.nav-links .nav-cta{padding:14px 28px}
  .hero{background-position:61% center;align-items:flex-end}.hero::after{background:linear-gradient(90deg,rgba(3,7,11,.97),rgba(3,7,11,.63) 72%,rgba(3,7,11,.3)),linear-gradient(0deg,rgba(3,7,11,.96),transparent 60%)}.hero-copy{width:100%;padding:125px 0 95px}.hero h1{font-size:clamp(57px,18vw,90px)}.hero-wordmark{width:100%;margin-bottom:10px}.hero-text{max-width:90%}.scroll-cue{left:auto;right:16px;transform:none}.scroll-cue span{display:none}.hero-airflow{right:0;width:80vw}.button{min-width:100%}
  .section{padding:100px 0}.section-heading{margin-bottom:48px}.section h2{font-size:clamp(39px,12vw,60px)}.stats-grid{grid-template-columns:1fr}.stat-card{min-height:360px}.stat-graphic{margin-top:10px}.phase-track{display:none}.process-system{padding-top:0}.process-flow{grid-template-columns:1fr;padding-left:0;row-gap:0}.process-step{display:grid;grid-template-columns:126px 35px 1fr;grid-template-rows:42px 42px;align-items:center;text-align:left;min-height:148px;padding:0}.process-icon{grid-row:1/3;width:114px;height:114px;margin:0}.process-step > span{grid-column:2}.process-step h3{margin:0}.process-step > small{grid-column:2/4}.step-detail{display:none}.flow-particles{left:56px;right:auto;top:57px;bottom:57px;width:5px;height:auto}.flow-particles i{left:0;top:-3px;animation-name:pipelineParticleMobile}.process-flow::before{display:block;top:57px;bottom:57px;left:58px;right:auto;width:2px;height:auto}.process-flow::after{display:none}.process-telemetry{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:40px;padding:10px 20px}.process-telemetry > span{min-height:48px;justify-content:space-between}.process-telemetry > span:nth-of-type(odd){padding-right:14px}.process-telemetry > span:nth-of-type(even){padding-left:14px}.process-telemetry > i{display:none}
  .split-layout,.chamber-layout,.treatment-layout{grid-template-columns:1fr}.intake-cutaway{height:720px}.intake-assembly{width:min(310px,82vw);height:min(310px,82vw);left:50%;top:30%;transform:translate(-50%,-50%)}.intake-cutaway:hover .intake-assembly{transform:translate(-50%,-51%)}.dimension-top{left:12%;right:12%}.dimension-side{display:none}.air-streams{left:50%;top:9%;bottom:48%}.intake-callout{left:18px;right:18px;width:auto;min-height:45px}.intake-callout::before{display:none}.callout-louvers{top:55%}.callout-mesh{top:64%}.callout-filter{top:73%}.intake-status{bottom:25px}.diagram-label{bottom:93px}.chamber-layout{gap:55px}.component-stack summary{padding-inline:10px}.module-grid{grid-template-columns:1fr}.formula{gap:10px;flex-wrap:wrap}.thermal-system{grid-template-columns:1fr}.thermal-transfer{min-height:110px;border:1px solid var(--line);border-inline:0}.zone{padding:35px}.engineering-note{grid-template-columns:1fr;gap:8px}.reverse-mobile .section-copy{order:-1}.collection-visual{height:500px}.treatment-layout{gap:60px}.treatment-pipeline{padding-left:47px}.water-line{left:12px}.treatment-pipeline article::before{right:calc(100% + 10px);width:22px}.delivery-diagram{grid-template-columns:1fr;margin-top:50px}.pressure-line{width:2px;height:60px;margin:auto}.pressure-line i{left:-2px;animation-name:waterLine}.delivery-diagram article{padding:10px 0}.dashboard-grid{grid-template-columns:1fr}.dash-production{grid-column:auto}.mini-chart{width:42%}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:215px}.application-grid{grid-template-columns:repeat(2,1fr)}.contact-inner{padding-bottom:100px}.contact h2{font-size:clamp(61px,19vw,105px)}.footer{grid-template-columns:1fr;gap:14px;padding:28px 0;text-align:center}.footer .brand{margin:auto}.footer-center{flex-direction:column;gap:12px}.footer p,.footer small{text-align:center;margin:0}
}

@media (max-width: 780px) {
  .processing-visual{min-height:505px}.processing-schematic{height:290px}.filter-cassette{left:4%;top:64px;transform:perspective(400px) rotateY(8deg) scale(.78)}.heat-coil{left:34%;top:75px;transform:scale(.76)}.processing-visual[data-active="cooling"] .heat-coil{transform:scale(.82)}.processing-schematic .fan-ring{right:-2%;top:69px;width:158px;height:158px}.processing-visual[data-active="fans"] .fan-ring{transform:scale(1.03)}.air-outlet{display:none}.component-readout{min-height:75px}.readout-item{align-items:flex-start;flex-direction:column;gap:4px}.readout-item span{text-align:left}.processing-telemetry{grid-template-columns:1fr 1fr;row-gap:12px;padding-block:12px}.component-trigger{padding-inline:10px;grid-template-columns:40px 1fr 28px}.component-panel p,.component-panel small{margin-left:50px}
  .rack-head{padding:12px 14px;align-items:flex-start;flex-direction:column;gap:7px}.rack-head small{line-height:1.45}.module-card{min-height:430px}.module-manifold{height:50px}.module-manifold > span{display:none}.module-manifold > b{bottom:19px}
  .hydraulic-head{padding:12px 14px;align-items:flex-start;flex-direction:column;gap:7px}.hydraulic-head small{line-height:1.4}.hydraulic-schematic{min-height:auto;padding:30px 18px;grid-template-columns:1fr;gap:20px}.hydraulic-flow{left:82px;right:auto;top:94px;bottom:94px;width:3px;height:auto}.hydraulic-flow i{left:-2px;top:0;animation-name:hydraulicPulseVertical}.hydraulic-node{min-height:150px;display:grid;grid-template-columns:140px 1fr;grid-template-rows:38px 38px 38px;align-items:center;text-align:left}.hydraulic-visual{grid-row:1/4;width:130px;height:130px;margin:0}.hydraulic-node > span,.hydraulic-node h3,.hydraulic-node > small{grid-column:2}.hydraulic-node h3{margin:0}.tank-shell{transform:scale(.78)}.level-sensor{right:10px;top:28px;transform:scale(.8)}.pump-body,.gauge-face{transform:scale(.8)}.outlet-nozzle{transform:scale(.85)}.outlet-stream{left:72%}.hydraulic-console{grid-template-columns:1fr}.demand-toggle{border-right:0;border-bottom:1px solid var(--line)}.delivery-metrics{min-height:120px;grid-template-columns:1fr 1fr;row-gap:14px;padding-block:12px}.delivery-engineering{padding:14px;gap:14px;flex-wrap:wrap}.delivery-engineering > i{display:none}
  .deployment-console{grid-template-columns:1fr}.deployment-map{min-height:300px;border-right:0;border-bottom:1px solid var(--line)}.deployment-profile{min-height:420px}.application-card{min-height:210px}
}

@media (max-width: 1050px) {
  .architecture-layout{grid-template-columns:235px minmax(370px,1fr) 225px}.capability-controls{padding:12px}.capability-detail{padding:20px 17px}.capability-detail h3{font-size:23px}.capability-detail > p{min-height:125px}.capability-status{left:17px;right:17px}.machine-chassis{transform:translate(-50%,-50%) scale(.88)}
}

@media (max-width: 780px) {
  .blueprint-head{padding:12px 14px;align-items:flex-start;flex-direction:column;gap:7px}.blueprint-head small{line-height:1.4}.architecture-layout{grid-template-columns:1fr}.machine-blueprint{order:1;min-height:550px;border-right:0;border-bottom:1px solid var(--line)}.machine-chassis{top:47%;transform:translate(-50%,-50%) scale(.78)}.capability-controls{order:2;padding:15px;border-right:0;border-bottom:1px solid var(--line)}.capability-group h3{padding-top:5px}.capability-detail{order:3;min-height:420px}.capability-detail > p{min-height:90px}.capability-metric{margin-top:24px}
}

@media (max-width: 440px) {
  .brand{width:145px}.hero-kicker{font-size:13px}.hero-text{font-size:13px}.hero-metric{width:260px}.eyebrow{font-size:8px}.section-heading > p:last-child,.section-copy > p{font-size:13px}.ecosystem-grid{grid-template-columns:1fr}.ecosystem-featured{grid-column:auto}.ecosystem-card{min-height:320px}.application-grid{grid-template-columns:1fr}.hotspot > span{width:130px}.hot-2 span{right:28px}.dashboard{padding:7px}.dashboard-grid article{padding:13px}.module-status i{width:32px;height:32px}.formula{font-size:27px}.collection-visual{height:430px}.delivery-diagram .node-icon{width:105px;height:105px}
}

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