.interactive-flow{position:relative;overflow:hidden;border:1px solid rgba(224,229,232,.12);border-radius:1.45rem;background:radial-gradient(circle at 7% 8%,rgba(255,120,48,.12),transparent 18rem),radial-gradient(circle at 78% 12%,rgba(135,158,172,.08),transparent 28rem),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.01) 1px,transparent 1px),linear-gradient(145deg,#0f1214,#0a0c0e 52%,#050607);background-size:auto,auto,2.3rem 2.3rem,2.3rem 2.3rem,auto;color:#f4f1eb;padding:clamp(1.1rem,2.6vw,2.45rem);box-shadow:0 34px 110px #0000009e,inset 0 1px #ffffff0a}.interactive-flow:before,.interactive-flow:after{content:"";position:absolute;pointer-events:none}.interactive-flow:before{inset:0;background:linear-gradient(115deg,rgba(255,255,255,.08),transparent 27%),linear-gradient(180deg,transparent 58%,rgba(0,0,0,.28))}.interactive-flow:after{inset:1rem;border:1px solid rgba(255,255,255,.045);border-radius:1.1rem}.interactive-flow>*{position:relative;z-index:1}.interactive-flow .anthra-kicker{color:#ffc29c;text-shadow:0 0 18px rgba(255,112,38,.14)}.interactive-flow .anthra-section-title{color:#fbf8f2;letter-spacing:0}.interactive-flow__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.42fr);gap:1.25rem;align-items:end}.interactive-flow__header>p{color:#cbd5da;font-size:.96rem;line-height:1.78;font-weight:480}.interactive-flow__workspace{margin-top:clamp(1.4rem,2.6vw,2.2rem);display:grid;grid-template-columns:minmax(16rem,20rem) minmax(0,1fr);gap:clamp(1rem,2vw,1.35rem);align-items:stretch}.interactive-flow__selector{position:relative;display:grid;gap:.72rem;align-content:start}.interactive-flow__selector:before{content:"";position:absolute;left:1.32rem;top:1rem;bottom:1rem;width:1px;background:linear-gradient(180deg,#ff77312e,#e0e5e829,#ff77312e)}.interactive-flow__step{position:relative;display:grid;grid-template-columns:2.65rem minmax(4.8rem,6.5rem) minmax(0,1fr);gap:.72rem;align-items:center;min-height:6.2rem;border:1px solid rgba(224,229,232,.1);border-radius:1rem;background:linear-gradient(135deg,#ffffff0e,#ffffff05),#121619bd;padding:.72rem;text-align:left;opacity:.72;box-shadow:inset 0 1px #ffffff0b;transition:transform .2s ease,opacity .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.interactive-flow__step:hover,.interactive-flow__step:focus-visible,.interactive-flow__step.is-active{transform:translate(.2rem);border-color:#ff8948a3;background:linear-gradient(135deg,#ff7a2d21,#fff1 48%,#7d909d12),#1b2024eb;opacity:1;outline:none;box-shadow:0 18px 46px #00000047,inset 0 1px #ffffff18}.interactive-flow__step-number{position:relative;display:grid;width:2.65rem;height:2.65rem;place-items:center;border:1px solid rgba(224,229,232,.14);border-radius:999px;background:#11161a;color:#b5bdc2;font-size:.7rem;font-weight:900}.interactive-flow__step.is-active .interactive-flow__step-number{border-color:#ff843ae6;background:#ff7830;color:#fffaf5;box-shadow:0 0 0 .35rem #ff783021}.interactive-flow__thumb{position:relative;overflow:hidden;aspect-ratio:1.25;border:1px solid rgba(224,229,232,.1);border-radius:.78rem;background:linear-gradient(135deg,#ffffff14,#ffffff05),#101418}.interactive-flow__thumb img,.interactive-flow__preview-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.interactive-flow__thumb img{filter:saturate(1.06) contrast(1.04) brightness(1.08);transform:scale(var(--snippet-zoom, 1.18));transition:transform .26s ease,filter .26s ease}.interactive-flow__step.is-active .interactive-flow__thumb img,.interactive-flow__step:hover .interactive-flow__thumb img{filter:saturate(1.14) contrast(1.05) brightness(1.14);transform:scale(var(--snippet-hover-zoom, 1.08))}.interactive-flow__thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(5,8,10,.56))}.interactive-flow__thumb-fallback{position:absolute;inset:0;background:radial-gradient(circle at 38% 28%,rgba(255,255,255,.13),transparent 34%),linear-gradient(135deg,#263039,#11161a)}.interactive-flow__thumb-icon{position:absolute;right:.44rem;bottom:.44rem;z-index:1;display:grid;width:2rem;height:2rem;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#080b0db8;color:#f8f5ef;backdrop-filter:blur(10px)}.interactive-flow__thumb-icon svg{width:1rem;height:1rem}.interactive-flow__phase{display:block;color:#ffbf99;font-size:.62rem;font-weight:900;text-transform:uppercase}.interactive-flow__title{display:block;margin-top:.2rem;color:#f7f4ee;font-size:.84rem;font-weight:850;line-height:1.22}.interactive-flow__panel-shell{min-width:0}.interactive-flow__panel{display:none;min-height:100%;grid-template-columns:minmax(20rem,1.02fr) minmax(0,.8fr);grid-template-rows:auto 1fr;gap:clamp(1rem,2vw,1.35rem);align-items:stretch;border:1px solid rgba(224,229,232,.08);border-radius:1.2rem;background:radial-gradient(circle at 16% 5%,rgba(255,128,60,.09),transparent 18rem),linear-gradient(135deg,#ffffff08,#ffffff02),#080a0cf5;padding:clamp(.9rem,2vw,1.25rem);box-shadow:0 24px 72px #0000007a,inset 0 1px #ffffff08}.interactive-flow__panel.is-active{display:grid;animation:panelIn .26s ease both}.interactive-flow__preview{position:relative;min-height:clamp(21rem,34vw,31rem);overflow:hidden;border:1px solid rgba(224,229,232,.13);border-radius:1rem;background:linear-gradient(135deg,#25303a,#101417);box-shadow:inset 0 0 0 1px #ffffff0b,0 26px 62px #00000042}.interactive-flow__preview-image{filter:saturate(1.08) contrast(1.04) brightness(1.08);transform:scale(var(--snippet-zoom, 1.12))}div.interactive-flow__preview-image{background:linear-gradient(135deg,#27333c,#11161a),var(--preview-bg);background-position:var(--preview-position, 50% 50%);background-size:135%}.interactive-flow__panel.is-active .interactive-flow__preview-image{animation:previewPan .52s ease both}.interactive-flow__preview:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 18% 16%,rgba(255,255,255,.16),transparent 11rem),linear-gradient(90deg,#06090c0a,#06090c1f 46%,#06090c6b),linear-gradient(180deg,transparent 42%,rgba(5,7,9,.38))}.interactive-flow__image-focus{position:absolute;left:1rem;top:1rem;z-index:2;display:inline-flex;align-items:center;gap:.6rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#0b0e11b8;color:#f9f5ef;padding:.45rem .72rem .45rem .45rem;box-shadow:0 14px 32px #0000003d;backdrop-filter:blur(14px)}.interactive-flow__image-focus span{display:grid;width:1.9rem;height:1.9rem;place-items:center;border-radius:999px;background:#ff7830;color:#fffaf5;font-size:.68rem;font-weight:900}.interactive-flow__image-focus strong{font-size:.72rem;font-weight:900;text-transform:uppercase}.interactive-flow__signal-strip{position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:2;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:.42rem;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:#080b0dad;padding:.55rem;backdrop-filter:blur(14px)}.interactive-flow__signal-node{display:grid;width:2.35rem;height:2.35rem;place-items:center;border:1px solid rgba(224,229,232,.16);border-radius:999px;background:#181d21e0;color:#dce2e4}.interactive-flow__signal-node svg{width:1rem;height:1rem}.interactive-flow__signal-node.is-current{border-color:#ff8948e6;background:#ff78302e;color:#ffc49f;box-shadow:0 0 0 .32rem #ff78301a}.interactive-flow__signal-link{height:1px;background:linear-gradient(90deg,#e0e5e833,#ff78308c,#e0e5e833)}.interactive-flow__copy{align-self:center;padding:clamp(.25rem,1vw,.5rem) clamp(.2rem,1vw,.65rem)}.interactive-flow__eyebrow{color:#ffc9a3;font-size:.72rem;font-weight:920;text-transform:uppercase;letter-spacing:.08em}.interactive-flow__copy h3{margin-top:.55rem;color:#fbf8f2;font-size:clamp(1.8rem,3.2vw,2.85rem);font-weight:920;line-height:1.04;letter-spacing:-.02em}.interactive-flow__copy h3+p{margin-top:.85rem;color:#cbd4d8;font-size:1.02rem;font-weight:480;line-height:1.84;letter-spacing:.01em}.interactive-flow__detail-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.interactive-flow__detail-grid>div{border:1px solid rgba(224,229,232,.08);border-radius:.9rem;background:linear-gradient(145deg,#ffffff08,#ffffff02),#06080ae0;padding:.88rem}.interactive-flow__detail-grid p{color:#ffc9a3;font-size:.72rem;font-weight:900;text-transform:uppercase}.interactive-flow__detail-grid div div{margin-top:.58rem;display:flex;flex-wrap:wrap;gap:.42rem}.interactive-flow__detail-grid span{border:1px solid rgba(255,120,48,.42);border-radius:999px;background:linear-gradient(180deg,#ff783026,#ff5f1e14);color:#ffd4b3;padding:.34rem .58rem;font-size:.78rem;font-weight:780;animation:chipIn .22s ease both}.visual-water-source,.visual-probe,.visual-quality-result{--stage-tint: 134, 197, 218}.visual-vehicle,.visual-gps,.visual-gateway{--stage-tint: 154, 184, 215}.visual-camera,.visual-edge-ai{--stage-tint: 181, 210, 232}.visual-pump-valve,.visual-action,.visual-maintenance{--stage-tint: 255, 180, 138}.visual-source,.visual-water-source,.visual-machine-source,.visual-field-source{color:#f8f5ef}.visual-sensor,.visual-camera,.visual-gps,.visual-probe{color:#b9d9e8}.visual-controller,.visual-gateway,.visual-edge-ai,.visual-data-logger{color:#d9e0e3}.visual-action,.visual-dashboard,.visual-hmi,.visual-pump-valve,.visual-outcome,.visual-maintenance,.visual-quality-result{color:#ffc19a}@keyframes panelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes previewPan{0%{transform:scale(calc(var(--snippet-zoom, 1.12) + .05))}to{transform:scale(var(--snippet-zoom, 1.12))}}@keyframes chipIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1180px){.interactive-flow__workspace{grid-template-columns:1fr}.interactive-flow__selector{grid-template-columns:repeat(5,minmax(14rem,1fr));overflow-x:auto;padding-bottom:.35rem;scroll-snap-type:x proximity}.interactive-flow__selector:before{display:none}.interactive-flow__step{grid-template-columns:2.45rem minmax(4.5rem,5.8rem) minmax(0,1fr);scroll-snap-align:start}.interactive-flow__step:hover,.interactive-flow__step:focus-visible,.interactive-flow__step.is-active{transform:translateY(-2px)}}@media(max-width:1023px){.interactive-flow__header,.interactive-flow__panel{grid-template-columns:1fr}.interactive-flow__copy{padding:0}}@media(max-width:767px){.interactive-flow{border-radius:1.1rem}.interactive-flow__selector{grid-template-columns:repeat(5,minmax(15rem,82vw))}.interactive-flow__step{min-height:5.7rem}.interactive-flow__preview{min-height:19rem}.interactive-flow__signal-strip{grid-template-columns:repeat(5,auto);justify-content:space-between;border-radius:1rem}.interactive-flow__signal-link{display:none}.interactive-flow__detail-grid{grid-template-columns:1fr}}.solution-hero[data-astro-cid-hz3ibrgu]{background:radial-gradient(circle at 12% 22%,rgba(249,115,22,.1),transparent 27rem),radial-gradient(circle at 84% 18%,rgba(255,255,255,.045),transparent 26rem)}.solution-section[data-astro-cid-hz3ibrgu]{padding-top:clamp(2.5rem,5vw,4.5rem);padding-bottom:clamp(2.5rem,5vw,4.5rem)}.solution-card[data-astro-cid-hz3ibrgu],.solution-panel[data-astro-cid-hz3ibrgu]{border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,#ffffff0a,#ffffff02),#0a0a0ab8;box-shadow:0 22px 70px #00000038;backdrop-filter:blur(16px)}.solution-card[data-astro-cid-hz3ibrgu],.solution-panel[data-astro-cid-hz3ibrgu],.solution-cta[data-astro-cid-hz3ibrgu],.solution-supporting-slot[data-astro-cid-hz3ibrgu]{border-radius:1.15rem}.solution-card[data-astro-cid-hz3ibrgu]{transition:transform .22s ease,border-color .22s ease,background .22s ease}.solution-card[data-astro-cid-hz3ibrgu]:hover{transform:translateY(-4px);border-color:#fb923c66;background:linear-gradient(145deg,#161616e6,#080808c7)}.solution-icon[data-astro-cid-hz3ibrgu],.solution-mini-icon[data-astro-cid-hz3ibrgu],.solution-compact-row[data-astro-cid-hz3ibrgu] span[data-astro-cid-hz3ibrgu]{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;border:1px solid rgba(251,146,60,.28);background:#f973161a;color:#fdba74}.solution-icon[data-astro-cid-hz3ibrgu]{width:3rem;height:3rem;border-radius:1rem}.solution-mini-icon[data-astro-cid-hz3ibrgu],.solution-compact-row[data-astro-cid-hz3ibrgu] span[data-astro-cid-hz3ibrgu]{width:2.35rem;height:2.35rem;border-radius:.8rem}.solution-icon[data-astro-cid-hz3ibrgu] svg,.solution-mini-icon[data-astro-cid-hz3ibrgu] svg,.solution-compact-row[data-astro-cid-hz3ibrgu] span[data-astro-cid-hz3ibrgu] svg,.solution-pill-row[data-astro-cid-hz3ibrgu] svg{width:1.15rem;height:1.15rem;max-width:1.15rem;max-height:1.15rem}.solution-icon[data-astro-cid-hz3ibrgu] svg{width:1.35rem;height:1.35rem;max-width:1.35rem;max-height:1.35rem}.solution-compact-row[data-astro-cid-hz3ibrgu]{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:start;border-radius:.95rem;border:1px solid rgba(255,255,255,.08);background:#0000003d;padding:.95rem}.solution-pill-row[data-astro-cid-hz3ibrgu]{border-radius:999px;border:1px solid rgba(15,23,42,.1);background:#f8fafcc7;color:#1f2937;font-size:.8rem;font-weight:600}.solution-pill-row[data-astro-cid-hz3ibrgu]{display:flex;min-height:2.8rem;align-items:center;gap:.6rem;padding:.55rem .8rem}.solution-pill-row[data-astro-cid-hz3ibrgu] svg[data-astro-cid-hz3ibrgu]{color:#fdba74}.solution-cta[data-astro-cid-hz3ibrgu]{border:1px solid rgba(251,146,60,.22);background:linear-gradient(135deg,rgba(249,115,22,.14),transparent 36%),linear-gradient(145deg,#101010f2,#000000e6);box-shadow:0 26px 90px #00000059}.solution-supporting-slot[data-astro-cid-hz3ibrgu]{min-height:18rem;overflow:hidden;border:1px dashed rgba(148,163,184,.5);background:linear-gradient(135deg,#fffffff5,#f1f5f9eb),#f8fafc;box-shadow:0 20px 60px #0000002e}.solution-supporting-slot[data-astro-cid-hz3ibrgu][data-pending=true]{display:grid;place-items:center;padding:2rem}.solution-supporting-pending[data-astro-cid-hz3ibrgu]{width:100%;max-width:38rem;border-radius:1rem;border:1px solid rgba(15,23,42,.1);background:linear-gradient(135deg,#ffffffe6,#e2e8f0a8),repeating-linear-gradient(135deg,rgba(15,23,42,.04) 0 1px,transparent 1px 14px);padding:1.5rem}[data-astro-cid-hz3ibrgu][data-detail-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}[data-astro-cid-hz3ibrgu][data-detail-reveal].is-visible{opacity:1;transform:translateY(0)}
