@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk-Variable.woff2) format("woff2");font-style:normal;font-weight:300 700;font-display:swap}.flow-network{--flow-accent: #b6e9c3;--flow-unit: 1px;--source-height: calc(144 * var(--flow-unit));position:relative;isolation:isolate;display:grid;grid-template-columns:calc(224 * var(--flow-unit)) calc(278 * var(--flow-unit)) calc(224 * var(--flow-unit));grid-template-rows:repeat(2,var(--source-height));justify-content:space-between;align-items:center;gap:calc(20 * var(--flow-unit)) 40px;width:100%;max-width:calc(1160 * var(--flow-unit));margin:clamp(20px,3svh,36px) auto 8px;flex:0 0 auto}.stream-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}.stream-path{fill:none;stroke:url(#stream-mint);stroke-width:1.5px;stroke-opacity:.38}.stream-path-blue{stroke:url(#stream-blue)}.stream-packet{color:#8eeac2;fill:currentColor;opacity:0}.stream-packet-blue{color:#8fbceb}.stream-dot-halo{opacity:.12}.stream-dot-glow{opacity:.35}.stream-dot-core{filter:drop-shadow(0 0 4px currentColor)}.flow-card{position:relative;z-index:1;min-width:0;border:1px solid rgb(237 255 248 / 23%);border-radius:calc(23 * var(--flow-unit));padding:calc(16 * var(--flow-unit)) calc(20 * var(--flow-unit));background:linear-gradient(145deg,#f0fbff21,#e4f8f30d);box-shadow:0 19px 44px -17px #00000073,inset 0 1px #fff3;-webkit-backdrop-filter:blur(26px) saturate(165%);backdrop-filter:blur(26px) saturate(165%);font-family:"Space Grotesk",var(--font-cjk);color:#e4f2eb}.flow-source{grid-column:1;height:var(--source-height)}#temperature-source{grid-row:1}#pressure-source{grid-row:2}.flow-source-blue{--flow-accent: #a5c9ef;border-color:#d9efff3d;background:linear-gradient(145deg,#e0f4ff24,#b9ddf70d)}.flow-card-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#acc5bd;font-size:calc(11 * var(--flow-unit));font-weight:500;line-height:1.4;letter-spacing:.055em;white-space:nowrap}.flow-card-meta>span:last-child{color:#8caca0;font-size:calc(11 * var(--flow-unit));letter-spacing:.035em}.flow-card h3{margin:calc(10 * var(--flow-unit)) 0 calc(12 * var(--flow-unit));font-family:var(--font-cjk);font-size:calc(22 * var(--flow-unit));line-height:1.2;font-weight:600;font-style:normal;letter-spacing:0}.sensor-reading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.sensor-reading>span{font-size:calc(13 * var(--flow-unit));color:#aec5ba}.sensor-reading strong{color:var(--flow-accent);font-size:calc(28 * var(--flow-unit));line-height:1;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.045em;white-space:nowrap}.sensor-reading small{margin-left:5px;font-size:calc(12 * var(--flow-unit));font-weight:400;letter-spacing:-.01em}.flow-processor{grid-column:2;grid-row:1 / span 2;padding:calc(16 * var(--flow-unit)) calc(24 * var(--flow-unit)) calc(18 * var(--flow-unit));border-color:#dfffe15c;background:linear-gradient(145deg,#edfff030,#dcfbed12);box-shadow:0 22px 55px -20px #0006,inset 0 1px #ffffff4f}.processor-logo{width:calc(146 * var(--flow-unit));height:auto;filter:invert(1);margin-left:-3px}.flow-processor h3{margin:calc(10 * var(--flow-unit)) 0 calc(12 * var(--flow-unit));font-size:calc(23 * var(--flow-unit));color:#ecf7df}.flow-code{margin:0;white-space:pre;font:400 calc(12 * var(--flow-unit))/1.7 "Space Grotesk",monospace;color:#d0ded2;letter-spacing:-.025em}.flow-code code{font:inherit}.flow-code em{color:#ceefab;font-style:normal}.flow-code span{color:#91ac93}.flow-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:calc(15 * var(--flow-unit));padding-top:calc(12 * var(--flow-unit));border-top:1px solid rgb(255 255 255 / 11%);font-size:calc(11 * var(--flow-unit));color:#b3cbba}.stream-status{font-size:calc(9 * var(--flow-unit));letter-spacing:.07em;color:#c4e6af}.flow-destination{grid-column:3;grid-row:1 / span 2;padding:calc(20 * var(--flow-unit))}.flow-destination h3{font-family:Space Grotesk,sans-serif;font-size:calc(29 * var(--flow-unit));font-weight:500;letter-spacing:-.045em;margin:calc(20 * var(--flow-unit)) 0}.api-request{display:flex;align-items:center;gap:10px}.api-request>span{padding:calc(5 * var(--flow-unit)) calc(6 * var(--flow-unit));border:1px solid rgb(205 246 214 / 14%);border-radius:5px;background:#ccffdc12;color:#c3e0c8;font-size:calc(10 * var(--flow-unit));font-weight:500}.api-request code{font-family:Space Grotesk,monospace;font-size:calc(13 * var(--flow-unit));color:#c6d9ce}.api-response{display:flex;justify-content:space-between;gap:10px;margin-top:calc(22 * var(--flow-unit));font-size:calc(12 * var(--flow-unit));color:#98b3a4}.api-response strong{font-size:calc(12 * var(--flow-unit));font-weight:500;color:#cae8b9}.flow-port{position:absolute;top:50%;width:6px;height:6px;border-radius:50%;background:var(--flow-accent);box-shadow:0 0 10px #8fdfb53d;transform:translate(-50%,-50%)}.output-port{left:100%}.input-port{left:0}.input-port-top{top:39%}.input-port-bottom{top:61%}.theme-glass .connection-case h3,.theme-glass .version-name,.theme-glass .deployment-features h3{font-family:var(--font-cjk);font-weight:600;font-style:normal;letter-spacing:0}.theme-glass .connection-case h3{font-size:21px}.theme-glass .version-name{font-size:20px}.theme-glass .deployment-features h3{font-size:21px}.theme-glass .mini-route span{font-family:Space Grotesk,sans-serif}@media(min-width:901px){.flow-network{--flow-unit: clamp(1px, min(.083vw, .145svh), 1.55px)}}@media(min-width:1101px){.flow-network{--flow-side-unit: max(1px, calc(var(--flow-unit) * .9));--source-height: calc(144 * var(--flow-side-unit));grid-template-columns:calc(224 * var(--flow-side-unit)) calc(278 * var(--flow-unit)) calc(224 * var(--flow-side-unit));max-width:calc(980 * var(--flow-unit))}.flow-source,.flow-destination{--flow-unit: var(--flow-side-unit)}}@media(max-width:1100px){.flow-network{grid-template-columns:210px 260px 210px;column-gap:30px}.flow-card{padding-left:20px;padding-right:20px}.flow-destination h3{font-size:29px}.theme-glass .connection-case h3{font-size:21px}}@media(min-width:901px)and (max-height:700px){.hero-inner{padding-top:16px;padding-bottom:14px}.hero-eyebrow{margin-bottom:10px}.hero h1{font-size:clamp(40px,7.6svh,54px)}.hero h1 br{display:none}.hero-actions{margin-top:12px}.flow-network{--flow-unit: 1px;--source-height: clamp(118px, 22svh, 144px);margin-top:20px;row-gap:16px}.flow-source{padding-top:13px;padding-bottom:13px}.flow-source h3{font-size:20px;margin:8px 0 10px}.sensor-reading strong{font-size:26px}.flow-processor{padding-top:13px;padding-bottom:13px}.processor-logo{width:138px}.flow-processor h3{font-size:21px;margin:8px 0 10px}.flow-destination{padding-top:16px;padding-bottom:16px}.flow-destination h3{font-size:27px;margin:16px 0}.api-response{margin-top:16px}.flow-card-bottom{margin-top:12px;padding-top:10px}}@media(max-width:900px){.flow-network{--source-height: 146px;max-width:580px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto;gap:48px 24px;margin-top:32px}.flow-source{grid-column:1}#temperature-source{grid-column:1;grid-row:1}#pressure-source{grid-column:2;grid-row:1}.flow-processor{grid-column:1 / -1;grid-row:2;width:min(100%,310px);justify-self:center}.flow-destination{grid-column:1 / -1;grid-row:3;width:min(100%,310px);justify-self:center}.flow-port{top:0;left:50%}.output-port{top:100%}.input-port-top{left:30%}.input-port-bottom{left:70%}}@media(max-width:520px){.flow-network{gap:70px 16px}.flow-source{height:166px;padding:18px 15px;border-radius:19px}.flow-source .flow-card-meta{font-size:9px;letter-spacing:.02em;gap:7px}.flow-source .flow-card-meta>span:last-child{font-size:9px}.flow-source h3{font-size:23px;margin:17px 0 15px}.sensor-reading{display:block}.sensor-reading>span{font-size:11px;display:block;margin-bottom:6px}.sensor-reading strong{font-size:29px}.sensor-reading small{font-size:10px;margin-left:4px}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.flow-card{background:linear-gradient(145deg,#263d40,#182a2d)}.flow-processor{background:linear-gradient(145deg,#3a5140,#22382c)}}@media(prefers-reduced-motion:reduce){.stream-packets{display:none}}html{scrollbar-gutter:stable}html.enquiry-open{overflow:hidden}.enquiry-dialog{width:min(620px,calc(100% - 32px));max-width:620px;max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow-y:auto;overscroll-behavior:contain;border:1px solid rgb(236 255 244 / 25%);border-radius:28px;color:#eaf4ee;background:linear-gradient(140deg,#38554fd1,#13272ce5);box-shadow:0 32px 100px #0000006b,inset 0 1px #ffffff36;-webkit-backdrop-filter:blur(32px) saturate(150%);backdrop-filter:blur(32px) saturate(150%);font-family:var(--font-cjk);color-scheme:dark;scrollbar-width:thin;scrollbar-color:#75968b transparent}.enquiry-dialog::backdrop{background:#030b0e7a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.enquiry-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:30px 30px 26px}.enquiry-header h2{font-size:26px;line-height:1.25;font-weight:600;letter-spacing:-.025em}.enquiry-close{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;padding:0;border:1px solid rgb(239 255 247 / 12%);border-radius:50%;background:#f1fff90f;color:#c7d9cf}.enquiry-close:hover{background:#f1fff921;color:#fff}.enquiry-close svg,.enquiry-select svg,.enquiry-check svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.enquiry-form{margin:0;padding:0 30px 30px}.enquiry-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}.enquiry-field{display:grid;align-content:start;gap:9px;min-width:0}.enquiry-field-wide{grid-column:1 / -1}.enquiry-field label{font-size:13px;line-height:1.5;color:#d8e8df;font-weight:500}.enquiry-required{margin-left:3px;color:#a9d9be}.enquiry-optional{margin-left:6px;font-size:11px;font-weight:400;color:#a0b6aa}.enquiry-field input,.enquiry-field select,.enquiry-field textarea{width:100%;min-width:0;margin:0;padding:12px 14px;border:1px solid rgb(225 247 235 / 18%);border-radius:12px;background:#0413163d;color:#edf6f1;box-shadow:inset 0 1px 2px #0000000f;font:400 16px/1.5 var(--font-cjk)}.enquiry-field input::placeholder,.enquiry-field textarea::placeholder{color:#91a89e;opacity:1}.enquiry-field textarea{min-height:112px;resize:vertical}.enquiry-select{position:relative}.enquiry-select select{appearance:none;padding-right:38px}.enquiry-select select:invalid{color:#91a89e}.enquiry-select option{background:#203a38;color:#eaf4ee}.enquiry-select svg{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#abc7b9;pointer-events:none}.enquiry-field :is(input,select,textarea):focus-visible{outline:2px solid #acd9bf;outline-offset:2px;border-color:transparent}.enquiry-field :is(input,select,textarea):user-invalid{border-color:#e9aa9c}.enquiry-actions{display:flex;align-items:center;justify-content:flex-end;gap:22px;margin-top:28px}.enquiry-submit{display:inline-flex;align-items:center;justify-content:center;gap:22px;flex:0 0 auto;min-width:126px;min-height:46px;padding:11px 20px;border:1px solid rgb(255 255 255 / 30%);border-radius:999px;background:#d3eadb;color:#15362b;box-shadow:inset 0 1px #fff6;font-size:14px;font-weight:600}.enquiry-submit:hover{background:#e5f5e9}.enquiry-dialog button:focus-visible{outline:2px solid #b4e9c4;outline-offset:4px}.enquiry-complete{padding:8px 30px 34px;text-align:center}.enquiry-form[hidden],.enquiry-complete[hidden]{display:none}.enquiry-check{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 22px;border:1px solid rgb(190 239 206 / 25%);border-radius:50%;background:#baebcc1a;color:#b9e8c9}.enquiry-complete h3{font-size:24px;font-weight:600;line-height:1.3}.enquiry-complete h3:focus{outline:none}.enquiry-complete-actions{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:28px}.enquiry-back{min-height:44px;border:0;background:transparent;color:#c7dfd1;font-size:14px}.enquiry-back:hover{color:#fff}@media(max-width:560px){.enquiry-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:23px}.enquiry-header{padding:22px 20px;gap:12px}.enquiry-header h2{font-size:22px}.enquiry-form{padding:0 20px 22px}.enquiry-fields{grid-template-columns:minmax(0,1fr);gap:18px}.enquiry-actions{flex-direction:column;align-items:stretch;gap:16px;margin-top:22px}.enquiry-complete{padding:6px 20px 26px}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.enquiry-dialog{background:linear-gradient(140deg,#34524b,#172f32)}}