:root{
  /* 2026 light + crisp (fast, clean) */
  --bg:#ffffff;
  --ink:#0b1220;
  --muted:rgba(11,18,32,.68);
  --muted2:rgba(11,18,32,.52);
  --stroke:rgba(11,18,32,.12);
  --stroke2:rgba(11,18,32,.18);
  --surface:rgba(255,255,255,.86);
  --surface2:rgba(255,255,255,.96);
  --shadow:0 18px 60px rgba(6,14,28,.10);
  --r:22px;
  --r2:16px;
  --container:1160px;
  --a1:#00c2ff;   /* cyan */
  --a2:#6a3bff;   /* violet */
  --a3:#22c55e;   /* green */
}
*,:before,:after{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0;
  font-family:"Manrope","Space Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  color:var(--ink);
  background:var(--bg);
}
a{color:inherit;text-decoration:none}
.container{width:min(var(--container),calc(100% - 40px));margin:0 auto}

/* Clean white page, but keep subtle depth near interactive areas */
body:before{
  content:"";
  position:fixed;
  inset:-20%;
  pointer-events:none;
  background:
    radial-gradient(860px 520px at 12% 10%, rgba(0,194,255,.10), transparent 62%),
    radial-gradient(980px 620px at 92% 14%, rgba(106,59,255,.10), transparent 64%),
    radial-gradient(760px 520px at 55% 92%, rgba(0,194,255,.06), transparent 66%);
  opacity:.65;
  z-index:-1;
}

/* Cursor aura/glow removed (user requested normal cursor) */
.cursorAura{display:none}
.isGlow:before{display:none}

.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.topbar{
  position:sticky;top:0;z-index:30;
  backdrop-filter:blur(12px);
  background:rgba(255,255,255,.82);
  border-bottom:1px solid rgba(11,18,32,.08);
}

/* Valve dock (side control) */
.valveDock{
  position:fixed;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  width:62px;
  height:62px;
  border-radius:999px;
  border:1px solid rgba(11,18,32,.12);
  background:rgba(255,255,255,.82);
  box-shadow:0 18px 60px rgba(6,14,28,.12);
  backdrop-filter:blur(10px);
  display:grid;
  place-items:center;
  z-index:80;
  user-select:none;
}
.valveDock__ring{
  position:absolute;
  inset:-10px;
  border-radius:999px;
  background:radial-gradient(circle at 30% 30%,rgba(0,199,182,.18),transparent 60%),
             radial-gradient(circle at 70% 70%,rgba(47,125,246,.16),transparent 62%);
  filter:blur(10px);
  opacity:.75;
  pointer-events:none;
}
.valveDock__svg{width:46px;height:46px;display:block}
.valveDock__handle{
  transform-origin:32px 32px;
  transform:rotate(var(--valveRot, 0deg));
  transition:transform 180ms ease;
}
.valveDock:hover{border-color:rgba(106,59,255,.20);box-shadow:0 22px 70px rgba(6,14,28,.16)}
.valveDock:focus-visible{outline:2px solid rgba(106,59,255,.55);outline-offset:4px}

/* Custom cursor removed (user requested normal cursor) */
.cursorZdv{display:none}
.cursorZdv__svg{display:none}
@media (pointer:coarse){.valveDock{display:none}}
.meterRail{
  display:none;
  position:relative;
  height:44px;
  border-bottom:1px solid rgba(7,22,36,.10);
  background:
    radial-gradient(620px 140px at calc(30% + var(--mx,0px)) 0%,rgba(0,199,182,.16),transparent 70%),
    radial-gradient(620px 140px at calc(78% + var(--mx,0px)) 0%,rgba(47,125,246,.14),transparent 70%),
    linear-gradient(90deg,rgba(255,255,255,.62),rgba(255,255,255,0));
  overflow:hidden;
}
.meterRail__inner{height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:2}
.meterRail__fill{
  position:absolute;
  inset:0;
  transform-origin:0 50%;
  transform:scaleX(0);
  background:linear-gradient(90deg,rgba(0,199,182,.16),rgba(47,125,246,.12),rgba(255,255,255,0));
  opacity:.92;
  z-index:1;
  pointer-events:none;
}
.meterDigits{display:inline-flex;align-items:center;gap:6px}
.mDigit{
  width:18px;
  height:26px;
  border-radius:8px;
  border:1px solid rgba(7,22,36,.14);
  background:rgba(255,255,255,.70);
  overflow:hidden;
  display:grid;
  place-items:center;
  box-shadow:0 18px 50px rgba(2,18,38,.10);
}
.mDigit__strip{
  display:grid;
  grid-auto-rows:26px;
  line-height:26px;
  font-weight:900;
  font-size:14px;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  color:rgba(7,22,36,.92);
  transform:translateY(0);
  animation:mDigitRoll var(--spd,4s) steps(10,end) infinite;
  animation-delay:var(--delay,0s);
  will-change:transform;
}
.mDigit__strip span{display:grid;place-items:center}
.mSep{opacity:.8;font-weight:900}
.mUnit{opacity:.72;font-weight:900;font-size:12px;letter-spacing:.04em}
@keyframes mDigitRoll{to{transform:translateY(-260px)}}

.meterWave{display:none}
.pipeBar{width:100%;display:flex;align-items:center;gap:12px}

.pipeTube{
  flex:1;min-width:160px;height:26px;border-radius:999px;
  border:1px solid rgba(7,22,36,.14);
  background:
    radial-gradient(200px 46px at calc(16% + var(--mx,0px)) 50%, rgba(0,199,182,.12), transparent 70%),
    radial-gradient(200px 46px at calc(82% + var(--mx,0px)) 50%, rgba(47,125,246,.12), transparent 70%),
    linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.62));
  box-shadow:0 18px 50px rgba(2,18,38,.10);
  position:relative;overflow:hidden;
}
.pipeTube:before,.pipeTube:after{
  content:"";position:absolute;top:50%;transform:translateY(-50%);
  width:14px;height:14px;border-radius:6px;
  border:1px solid rgba(7,22,36,.14);
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.58));
  box-shadow:0 10px 24px rgba(2,18,38,.10);
}
.pipeTube:before{left:-8px}
.pipeTube:after{right:-8px}

.pipeTube__water{
  position:absolute;inset:2px;left:2px;right:2px;border-radius:999px;
  transform-origin:0 50%;transform:scaleX(0);
  background:linear-gradient(90deg,rgba(0,199,182,.66),rgba(47,125,246,.54));
  animation:pipeFill 1100ms cubic-bezier(.2,.9,.2,1) .22s forwards;
  overflow:hidden;
  clip-path: inset(0 calc((1 - var(--valveOpen, 1)) * 100%) 0 0 round 999px);
  transition:clip-path 220ms ease, opacity 220ms ease;
  opacity:calc(.25 + .75 * var(--valveOpen, 1));
}
.pipeTube__water:before{
  content:"";position:absolute;inset:-2px;
  background:
    radial-gradient(24px 18px at 18% 30%, rgba(255,255,255,.34), transparent 62%),
    radial-gradient(34px 18px at 62% 72%, rgba(255,255,255,.24), transparent 66%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.10) 0 10px, rgba(255,255,255,0) 10px 28px),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(0,0,0,0));
  background-size:280px 100%, 340px 100%, 180px 100%, 100% 100%;
  animation:pipeFlow 860ms linear infinite;
  opacity:.95;
}
.pipeTube__water:after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(240px 40px at calc(40% + var(--mx,0px)) 40%, rgba(255,255,255,.26), transparent 70%);
  mix-blend-mode:screen;opacity:.8;
}
@keyframes pipeFill{to{transform:scaleX(1)}}
@keyframes pipeFlow{to{background-position:280px 0, 340px 0, 180px 0, 0 0}}

.pipeTube__gloss{
  position:absolute;inset:2px;border-radius:999px;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,0) 55%);
  opacity:.55;
}
.pipeTube__bubble{
  position:absolute;bottom:7px;left:18%;
  width:7px;height:7px;border-radius:999px;
  background:rgba(255,255,255,.85);
  border:1px solid rgba(7,22,36,.10);
  box-shadow:0 10px 16px rgba(2,18,38,.10);
  opacity:0;
  animation:pipeBubble 1.9s ease-in-out infinite;
}
.pipeTube__bubble--1{left:18%;animation-delay:.6s}
.pipeTube__bubble--2{left:38%;width:6px;height:6px;animation-delay:1.1s;animation-duration:2.2s}
.pipeTube__bubble--3{left:58%;width:8px;height:8px;animation-delay:1.4s;animation-duration:2.5s}
.pipeTube__bubble--4{left:78%;width:5px;height:5px;animation-delay:.9s;animation-duration:2.0s}
@keyframes pipeBubble{
  0%{transform:translateY(8px) scale(.85);opacity:0}
  25%{opacity:.85}
  70%{opacity:.55}
  100%{transform:translateY(-16px) scale(1.05);opacity:0}
}

.pipeCounter{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(7,22,36,.14);
  background:rgba(255,255,255,.74);
  box-shadow:0 18px 50px rgba(2,18,38,.10);
  white-space:nowrap;
}
.mDigit--sm{width:14px;height:20px;border-radius:7px}
.mDigit--sm .mDigit__strip{grid-auto-rows:20px;line-height:20px;font-size:12px}
.mDigit--sm .mDigit__strip{animation-name:mDigitRollSm}
@keyframes mDigitRollSm{to{transform:translateY(-200px)}}
.pipeCounter__unit{
  font-weight:900;
  letter-spacing:-.02em;
  font-size:12px;
  color:rgba(7,22,36,.70);
  margin-left:2px;
}
.pipeCounter__unit sup{font-size:10px;top:-.3em;position:relative}

.pipeBar--mini{
  flex:1 1 420px;
  max-width:560px;
  opacity:.92;
}
.pipeBar--mini .pipeTube{height:18px}
.pipeBar--mini .pipeTube:before,
.pipeBar--mini .pipeTube:after{width:10px;height:10px;border-radius:5px}
.pipeBar--mini .pipeTube__bubble{bottom:5px}
.pipeBar--mini .pipeTube__water{inset:2px}
.pipeBar--mini .pipeCounter{padding:4px 8px}
.pipeBar--mini .mDigit--sm{width:12px;height:18px;border-radius:6px}
.pipeBar--mini .mDigit--sm .mDigit__strip{grid-auto-rows:18px;line-height:18px;font-size:11px;animation-name:mDigitRollSmMini}
@keyframes mDigitRollSmMini{to{transform:translateY(-180px)}}

@media (prefers-reduced-motion:reduce){
  .pipeTube__water,.pipeTube__water:before,.pipeTube__bubble{animation:none!important}
  .pipeTube__water{transform:scaleX(1)}
}
.meterShimmer{
  flex:1;
  min-width:220px;
  height:26px;
  border-radius:999px;
  border:1px solid rgba(7,22,36,.12);
  background:
    radial-gradient(220px 60px at calc(18% + var(--mx,0px)) 50%, rgba(45,212,191,.20), transparent 70%),
    radial-gradient(220px 60px at calc(78% + var(--mx,0px)) 50%, rgba(96,165,250,.16), transparent 70%),
    linear-gradient(90deg, rgba(255,255,255,.06), rgba(255,255,255,.02), rgba(255,255,255,.06));
  box-shadow:0 18px 50px rgba(2,18,38,.10);
  position:relative;
  overflow:hidden;
}
.meterShimmer:before{
  content:"";
  position:absolute;
  inset:-60% -60%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
  transform:translateX(-40%) rotate(12deg);
  animation:meterSheen 2.8s cubic-bezier(.2,.8,.2,1) infinite;
  opacity:.75;
}
@keyframes meterSheen{to{transform:translateX(40%) rotate(12deg)}}
.topbar__inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:10px}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em}
.brand__mark{
  width:34px;height:34px;border-radius:12px;display:grid;place-items:center;color:#071019;
  background:linear-gradient(135deg,rgba(45,212,191,.95),rgba(96,165,250,.95));
  box-shadow:0 14px 34px rgba(45,212,191,.18);
}
.brand__logo{width:22px;height:22px;display:block;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(2,18,38,.12))}
.nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.nav__link{padding:10px 12px;border-radius:14px;color:var(--muted);border:1px solid transparent;transition:background 160ms ease,border-color 160ms ease,color 160ms ease}
.nav__link:hover{background:rgba(106,59,255,.06);border-color:rgba(11,18,32,.10);color:rgba(11,18,32,.92)}
.nav__cta{
  padding:10px 14px;border-radius:14px;
  background:linear-gradient(135deg,rgba(0,199,182,.20),rgba(47,125,246,.16));
  border:1px solid rgba(47,125,246,.22);
  color:rgba(7,22,36,.92);
}
.lang{display:inline-flex;border:1px solid rgba(7,22,36,.12);background:rgba(255,255,255,.78);border-radius:999px;overflow:hidden}
.lang__a{padding:8px 10px;font-weight:800;font-size:12px;letter-spacing:-.02em;color:rgba(7,22,36,.58)}
.lang__a.isActive{background:rgba(7,22,36,.92);color:rgba(255,255,255,.96)}

.menuBtn{display:none;appearance:none;border:1px solid rgba(7,22,36,.12);background:rgba(255,255,255,.78);border-radius:14px;padding:10px 12px}
.menuBtn__lines{display:block;width:18px;height:12px;position:relative}
.menuBtn__lines:before,.menuBtn__lines:after{content:"";position:absolute;left:0;right:0;height:2px;border-radius:99px;background:rgba(7,22,36,.78)}
.menuBtn__lines:before{top:1px}
.menuBtn__lines:after{bottom:1px}

.hero{padding:54px 0 26px}
.badge__dot{opacity:.65;margin:0 2px}
.badge{
  display:inline-flex;gap:10px;align-items:center;padding:10px 12px;border-radius:999px;
  border:1px solid rgba(7,22,36,.14);
  background:rgba(255,255,255,.70);
  color:rgba(7,22,36,.70);
  font-weight:600;
}
.badge--glow{position:relative}
.badge--glow:after{
  content:"";position:absolute;inset:-12px;z-index:-1;
  background:
    radial-gradient(180px 60px at 20% 40%,rgba(45,212,191,.20),transparent 65%),
    radial-gradient(180px 60px at 80% 60%,rgba(96,165,250,.18),transparent 65%);
  filter:blur(10px);
}
.hero__title{font-size:clamp(36px,4.2vw,56px);line-height:1.02;letter-spacing:-.05em;margin:14px 0 10px}
.hero__title--xl{font-size:clamp(40px,4.8vw,68px)}
.hero__lead{color:var(--muted);font-size:16px;line-height:1.7;margin:0 0 18px}
.hero__lead--xl{font-size:17px;max-width:56ch}
.hero__actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}

.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:16px;border:1px solid var(--stroke);font-weight:700;letter-spacing:-.01em}
.btn[data-magnet]{transform:translate3d(var(--mgx,0px),var(--mgy,0px),0);transition:transform 180ms cubic-bezier(.2,.8,.2,1)}
.btn--primary{
  background:linear-gradient(135deg,rgba(0,194,255,.96),rgba(106,59,255,.96));
  color:rgba(255,255,255,.98);
  border-color:rgba(106,59,255,.24);
  box-shadow:0 16px 44px rgba(106,59,255,.14);
}
.btn--ghost{background:rgba(255,255,255,.72);color:rgba(7,22,36,.92)}
.btn--full{width:100%}
.btn--shine{position:relative;overflow:hidden}
.btn--shine:before{content:"";position:absolute;inset:-40% -60%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:translateX(-40%) rotate(12deg);transition:transform 450ms cubic-bezier(.2,.8,.2,1)}
.btn--shine:hover:before{transform:translateX(40%) rotate(12deg)}

.section{padding:52px 0}
.section__title{margin:0 0 10px;font-size:clamp(26px,2.6vw,34px);letter-spacing:-.04em}
.section__lead{margin:0;color:var(--muted);line-height:1.7}

.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.feature{padding:16px;border-radius:var(--r);background:var(--surface);border:1px solid var(--stroke);position:relative;box-shadow:0 18px 60px rgba(2,18,38,.08)}
.feature--lift{transition:transform 160ms ease,border-color 160ms ease,background 160ms ease}
.feature--lift:hover{transform:translateY(-3px);border-color:rgba(47,125,246,.18);background:var(--surface2)}
.feature__arrow{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:14px;display:grid;place-items:center;border:1px solid rgba(7,22,36,.12);background:rgba(255,255,255,.82);opacity:.95}
.feature__title{margin:0 0 6px;letter-spacing:-.03em}
.feature__text{margin:0;color:var(--muted);line-height:1.7}

.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0 16px}
.filters__input{flex:1 1 260px;padding:12px 12px;border-radius:14px;border:1px solid rgba(7,22,36,.12);background:rgba(255,255,255,.82);color:var(--ink);font:inherit;outline:none}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pCard{
  padding:16px;border-radius:var(--r);
  background:var(--surface);
  border:1px solid var(--stroke);
  display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start;
}
.pCard:hover{transform:translateY(-2px);border-color:rgba(47,125,246,.18)}
.pCard--glassy{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.72));box-shadow:0 22px 70px rgba(2,18,38,.12)}
.pCard__imgWrap{grid-column:1 / -1;border-radius:16px;overflow:hidden;border:1px solid rgba(7,22,36,.12);background:rgba(255,255,255,.72)}
.pCard__img{width:100%;height:180px;object-fit:cover;display:block;transform:scale(1.02);transition:transform 220ms ease,filter 220ms ease;filter:saturate(1.06) contrast(1.02)}
.pCard:hover .pCard__img{transform:scale(1.06)}
.pCard__title{font-weight:900;letter-spacing:-.03em}
.pCard__icon{
  width:42px;height:42px;border-radius:16px;
  display:grid;place-items:center;
  border:1px solid rgba(7,22,36,.12);
  background:rgba(255,255,255,.86);
  box-shadow:0 18px 50px rgba(2,18,38,.10);
}
.pCard__icon .i{width:18px;height:18px}
.pCard__text{margin-top:6px;color:var(--muted);line-height:1.7}
.pCard__arrow{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;border:1px solid rgba(7,22,36,.12);background:rgba(255,255,255,.82)}
.pChips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.pChip{padding:6px 8px;border-radius:999px;border:1px solid rgba(7,22,36,.12);background:rgba(255,255,255,.72);color:rgba(7,22,36,.72);font-weight:900;font-size:12px;letter-spacing:-.01em}
.pChip{backdrop-filter:blur(10px)}

.rte{padding:16px;border-radius:var(--r);border:1px solid rgba(7,22,36,.12);background:rgba(255,255,255,.78);line-height:1.8;color:rgba(7,22,36,.92)}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.form{padding:16px;border-radius:var(--r);background:rgba(255,255,255,.82);border:1px solid rgba(7,22,36,.12);box-shadow:var(--shadow)}
.field{display:grid;gap:8px;margin-bottom:12px}
.field__label{font-weight:900;letter-spacing:-.02em;color:rgba(7,22,36,.88)}
.field__input{width:100%;padding:12px 12px;border-radius:14px;border:1px solid rgba(7,22,36,.12);background:rgba(255,255,255,.76);color:var(--ink);font:inherit;outline:none}
.field__textarea{resize:vertical;min-height:110px}
.form__hint{margin:10px 0 0;min-height:20px;color:var(--muted)}
.footer{padding:26px 0 34px}
.footer__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(7,22,36,.12);padding-top:18px}
.footer__left{margin:0;color:var(--muted2)}
.footer__right{padding:10px 12px;border-radius:14px;border:1px solid rgba(7,22,36,.12);background:rgba(255,255,255,.74)}

[data-reveal]{
  opacity:0;
  transform:translateY(14px) scale(.985);
  filter:blur(10px);
  transition:
    transform 780ms cubic-bezier(.2,.8,.2,1),
    opacity 680ms ease,
    filter 780ms cubic-bezier(.2,.8,.2,1);
  will-change:transform,opacity,filter;
}
[data-reveal].isVisible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}

/* Child reveals (staggered inside a revealed section) */
[data-reveal-child]{
  opacity:0;
  transform:translateY(14px) scale(.99);
  filter:blur(10px);
  transition:
    transform 780ms cubic-bezier(.2,.8,.2,1),
    opacity 680ms ease,
    filter 780ms cubic-bezier(.2,.8,.2,1);
  transition-delay:var(--rd,0ms);
  will-change:transform,opacity,filter;
}
[data-reveal-child].isVisible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}

/* Split-word effect (used with data-split) */
.splitWord{
  display:inline-block;
  opacity:0;
  transform:translateY(18px);
  filter:blur(10px);
  transition:
    transform 820ms cubic-bezier(.2,.8,.2,1),
    opacity 720ms ease,
    filter 820ms cubic-bezier(.2,.8,.2,1);
  transition-delay:calc(var(--i, 0) * 38ms);
  will-change:transform,opacity,filter;
}
.isVisible .splitWord{opacity:1;transform:translateY(0);filter:blur(0)}

/* Aquatech hero */
.heroAq{position:relative;overflow:hidden;padding:66px 0 30px;perspective:1200px}
.heroAq__bg{position:absolute;inset:-60px;pointer-events:none;transform-style:preserve-3d}
.heroAq__grid{display:grid;grid-template-columns:1.06fr .94fr;gap:16px;align-items:center;position:relative}
.aqOrb{position:absolute;width:420px;height:420px;border-radius:999px;filter:blur(28px);opacity:.55}
.aqOrb--one{left:-120px;top:40px;background:radial-gradient(circle at 30% 30%,rgba(0,194,255,.22),transparent 65%)}
.aqOrb--two{right:-140px;top:120px;background:radial-gradient(circle at 30% 30%,rgba(106,59,255,.20),transparent 65%)}
.aqGrid{position:absolute;inset:0;background:
  linear-gradient(transparent 0 96%,rgba(11,18,32,.07) 96% 100%),
  linear-gradient(90deg,transparent 0 96%,rgba(11,18,32,.07) 96% 100%);
  background-size:72px 72px;mask-image:radial-gradient(520px 280px at 45% 30%,#000 40%,transparent 72%);opacity:.08}
.aqPipes{position:absolute;left:0;right:0;top:0;height:520px;opacity:.60}
.aqPipes__stroke{fill:none;stroke:rgba(255,255,255,.10);stroke-width:10;stroke-linecap:round}
.aqPipes__stroke--alt{stroke:rgba(255,255,255,.07);stroke-width:8}
.aqPipes__dash{fill:none;stroke:rgba(0,194,255,.52);stroke-width:6;stroke-linecap:round;stroke-dasharray:14 16;animation:aqDash 3.2s linear infinite}
@keyframes aqDash{to{stroke-dashoffset:-120}}
.aqKpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.aqKpi{padding:12px;border-radius:var(--r2);border:1px solid rgba(11,18,32,.12);background:rgba(255,255,255,.86)}
.aqKpi__k{font-weight:900;letter-spacing:-.03em}
.aqKpi__v{margin-top:4px;color:var(--muted2);font-size:13px}
.heroAq__show{position:relative;transform-style:preserve-3d}
.aqGlow{position:absolute;inset:-28px;z-index:-1;background:radial-gradient(260px 220px at 20% 20%,rgba(0,194,255,.14),transparent 65%),radial-gradient(280px 220px at 75% 70%,rgba(106,59,255,.12),transparent 65%);filter:blur(18px)}
.aqShow{border-radius:var(--r);border:1px solid rgba(11,18,32,.12);background:rgba(255,255,255,.86);box-shadow:var(--shadow);overflow:hidden}
.aqShow__top{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid rgba(11,18,32,.08);background:rgba(255,255,255,.90)}
.aqDot{width:10px;height:10px;border-radius:999px}
.aqDot--r{background:var(--a2)}.aqDot--y{background:#fbbf24}.aqDot--g{background:var(--a1)}
.aqShow__tag{margin-left:auto;font-weight:900;font-size:12px;color:var(--muted2)}
.aqShow__body{padding:16px}
.aqCards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.aqCard{padding:14px;border-radius:18px;border:1px solid rgba(11,18,32,.12);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.84));transition:transform 180ms ease,border-color 180ms ease;transform-style:preserve-3d}
.aqCard:hover{border-color:rgba(47,125,246,.18)}
.aqCard__cap{display:inline-flex;padding:7px 10px;border-radius:999px;border:1px solid rgba(11,18,32,.12);background:rgba(255,255,255,.90);font-weight:900;font-size:12px;color:rgba(11,18,32,.72)}
.aqCard__title{margin-top:10px;font-weight:900;letter-spacing:-.03em}
.aqCard__meta{margin-top:6px;color:var(--muted2);font-size:13px;line-height:1.5}
.aqCard--alt{background:linear-gradient(135deg,rgba(0,194,255,.10),rgba(106,59,255,.08))}
.aqMarquee{margin-top:14px;border-radius:16px;border:1px solid rgba(11,18,32,.12);background:rgba(255,255,255,.90);overflow:hidden}
.aqMarquee__track{display:flex;gap:18px;padding:10px 12px;white-space:nowrap;animation:aqMarq 14s linear infinite;font-weight:900;color:var(--muted2)}
.aqMarquee__track span{opacity:.95}
@keyframes aqMarq{to{transform:translateX(-50%)}}
.aqHead{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:10px}

@media (max-width:920px){.heroAq__grid{grid-template-columns:1fr;gap:18px}.aqCards{grid-template-columns:1fr}.aqPipes{height:460px}.grid3{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr 1fr}.contact{grid-template-columns:1fr}}
@media (max-width:680px){
  .heroAq{padding-top:46px}
  .aqKpis{grid-template-columns:1fr}
  .aqHead{flex-direction:column;align-items:flex-start}
  .grid3{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr}
  .pipeCounter{padding:6px 8px}
  .pipeCounter__unit{display:none}
  .meterRail__inner{justify-content:flex-start}
  .menuBtn{display:inline-flex;align-items:center;justify-content:center}
  .nav{
    position:absolute;right:20px;top:56px;
    width:min(340px,calc(100vw - 40px));
    display:grid;gap:6px;padding:12px;
    border-radius:18px;border:1px solid rgba(255,255,255,.14);
    background:rgba(10,15,22,.86);box-shadow:var(--shadow);
    transform:translateY(-6px);opacity:0;pointer-events:none;
    transition:opacity 160ms ease,transform 160ms ease;
  }
  .nav.isOpen{opacity:1;transform:translateY(0);pointer-events:auto}
  .nav__link,.nav__cta{width:100%;justify-content:center}
  .lang{justify-self:center}
}