{"id":42,"date":"2021-12-31T06:26:07","date_gmt":"2021-12-31T06:26:07","guid":{"rendered":"https:\/\/greenvicorp.com\/?page_id=42"},"modified":"2026-04-21T00:32:35","modified_gmt":"2026-04-21T00:32:35","slug":"beautiful-portfolios-for-exceptional-creatives","status":"publish","type":"page","link":"https:\/\/greenvicorp.com\/","title":{"rendered":"GREENVI,"},"content":{"rendered":"\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap');\n\nbody.home {\n  background: #090b10;\n  color: #f4f7fb;\n}\n\nbody.home .page_wrap {\n  position: relative;\n  min-height: 100vh;\n  background:\n    radial-gradient(circle at 12% 10%, rgba(42, 179, 140, 0.16), transparent 24%),\n    radial-gradient(circle at 86% 16%, rgba(75, 168, 255, 0.14), transparent 20%),\n    radial-gradient(circle at 50% 72%, rgba(255, 255, 255, 0.04), transparent 28%),\n    linear-gradient(180deg, #0a0c11 0%, #0d1017 48%, #090b10 100%);\n}\n\nbody.home .page_wrap::before,\nbody.home .page_wrap::after {\n  content: \"\";\n  position: fixed;\n  inset: 0;\n  pointer-events: none;\n  z-index: 0;\n}\n\nbody.home .page_wrap::before {\n  opacity: 0.35;\n  background:\n    radial-gradient(circle at 10% 85%, rgba(255, 255, 255, 0.07), transparent 18%),\n    radial-gradient(circle at 82% 78%, rgba(255, 255, 255, 0.05), transparent 12%),\n    radial-gradient(circle at 92% 34%, rgba(255, 255, 255, 0.05), transparent 9%);\n  filter: blur(18px);\n}\n\nbody.home .page_wrap::after {\n  background-image:\n    radial-gradient(circle at center, rgba(255,255,255,0.08) 0 1px, transparent 1px),\n    radial-gradient(circle at center, rgba(255,255,255,0.04) 0 1px, transparent 1px);\n  background-size: 240px 240px, 420px 420px;\n  background-position: 18px 24px, 120px 140px;\n  mask-image: linear-gradient(180deg, rgba(0,0,0,0.65), rgba(0,0,0,0.15) 65%, transparent 100%);\n  opacity: 0.24;\n}\n\nbody.home .top_panel,\nbody.home .footer_wrap {\n  display: none !important;\n}\n\nbody.home .page_content_wrap,\nbody.home .page_content_wrap .content_wrap,\nbody.home .page_content_wrap .content,\nbody.home article.post_item_single,\nbody.home .post_content.entry-content {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\nbody.home .page_content_wrap .content {\n  float: none !important;\n}\n\nbody.home .sidebar,\nbody.home .widget_area,\nbody.home .sidebar_default {\n  display: none !important;\n}\n\nbody.home .page_content_wrap {\n  padding: 0 !important;\n  background: transparent !important;\n}\n\nbody.home .post_item_single {\n  background: transparent !important;\n}\n\nbody.home .post_content.entry-content {\n  overflow: visible;\n}\n\n.gvlab-home {\n  position: relative;\n  z-index: 1;\n  font-family: 'IBM Plex Sans', sans-serif;\n  color: #f4f7fb;\n}\n\n.gvlab-shell {\n  width: min(calc(100% - 22px), 1420px);\n  margin: 10px auto;\n  min-height: calc(100vh - 20px);\n  border: 1px solid rgba(255, 255, 255, 0.12);\n  border-radius: 24px;\n  overflow: hidden;\n  position: relative;\n  background:\n    linear-gradient(180deg, rgba(16, 18, 26, 0.95), rgba(10, 12, 18, 0.88)),\n    radial-gradient(circle at top, rgba(255,255,255,0.08), transparent 55%);\n  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255,255,255,0.05);\n}\n\n.gvlab-shell::before,\n.gvlab-shell::after {\n  content: \"\";\n  position: absolute;\n  border-radius: 999px;\n  pointer-events: none;\n}\n\n.gvlab-shell::before {\n  width: 520px;\n  height: 520px;\n  left: 48%;\n  top: 52%;\n  transform: translate(-50%, -50%);\n  background: radial-gradient(circle, rgba(188, 216, 255, 0.16), rgba(39, 46, 74, 0.02) 66%, transparent 74%);\n  filter: blur(16px);\n}\n\n.gvlab-shell::after {\n  width: 760px;\n  height: 760px;\n  right: -280px;\n  bottom: -280px;\n  border: 1px solid rgba(255, 255, 255, 0.05);\n  opacity: 0.35;\n}\n\n.gvlab-nav {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  margin: 12px;\n  padding: 14px 20px;\n  border: 1px solid rgba(255, 255, 255, 0.10);\n  border-radius: 20px;\n  background: rgba(0, 0, 0, 0.45);\n  backdrop-filter: blur(14px);\n  position: relative;\n  z-index: 3;\n}\n\n.gvlab-brand {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  text-decoration: none;\n  color: #f6f8fb;\n}\n\n.gvlab-brand img {\n  width: 28px;\n  height: 28px;\n  object-fit: contain;\n  filter: drop-shadow(0 0 16px rgba(86, 198, 162, 0.45));\n}\n\n.gvlab-brand span {\n  font-family: 'Space Grotesk', sans-serif;\n  letter-spacing: 0.18em;\n  font-size: 0.94rem;\n  text-transform: uppercase;\n}\n\n.gvlab-menu {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n}\n\n.gvlab-menu a {\n  text-decoration: none;\n  color: rgba(255,255,255,0.78);\n  border: 1px solid rgba(255,255,255,0.08);\n  background: rgba(255,255,255,0.06);\n  padding: 10px 16px;\n  border-radius: 999px;\n  font-size: 0.8rem;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, color 160ms ease;\n}\n\n.gvlab-menu a:hover,\n.gvlab-menu a.gvlab-active {\n  transform: translateY(-1px);\n  color: #ffffff;\n  border-color: rgba(126, 214, 187, 0.28);\n  background: rgba(126, 214, 187, 0.10);\n}\n\n.gvlab-hero {\n  position: relative;\n  z-index: 2;\n  padding: 46px 30px 28px;\n  min-height: calc(100vh - 116px);\n  display: flex;\n  flex-direction: column;\n}\n\n.gvlab-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  color: rgba(255,255,255,0.6);\n  font-size: 0.72rem;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  margin-bottom: 26px;\n}\n\n.gvlab-eyebrow span {\n  width: 22px;\n  height: 1px;\n  background: rgba(255,255,255,0.38);\n}\n\n.gvlab-stage {\n  display: grid;\n  grid-template-columns: minmax(250px, 1fr) minmax(380px, 1.18fr) minmax(310px, 1fr);\n  gap: 28px;\n  align-items: center;\n  flex: 1;\n}\n\n.gvlab-left,\n.gvlab-right {\n  position: relative;\n  z-index: 2;\n}\n\n.gvlab-shadowword {\n  font-family: 'Space Grotesk', sans-serif;\n  font-weight: 700;\n  font-size: clamp(2.8rem, 5vw, 5rem);\n  letter-spacing: -0.05em;\n  color: rgba(255,255,255,0.08);\n  margin-bottom: 34px;\n  line-height: 0.92;\n  white-space: nowrap;\n}\n\n.gvlab-left h1 {\n  margin: 0 0 22px;\n  font-family: 'Space Grotesk', sans-serif;\n  font-size: clamp(2.4rem, 5vw, 4.3rem);\n  line-height: 0.98;\n  letter-spacing: -0.06em;\n  color: #f8f9fb;\n}\n\n.gvlab-lead {\n  max-width: 340px;\n  margin: 0 0 24px;\n  font-size: 1rem;\n  line-height: 1.7;\n  color: rgba(234, 240, 247, 0.72);\n}\n\n.gvlab-actions {\n  display: flex;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.gvlab-actions a {\n  text-decoration: none;\n  border-radius: 999px;\n  padding: 13px 18px;\n  font-size: 0.84rem;\n  letter-spacing: 0.07em;\n  text-transform: uppercase;\n  transition: transform 160ms ease, background 160ms ease, border-color 160ms ease;\n}\n\n.gvlab-actions .primary {\n  background: linear-gradient(135deg, #82d7b5, #3b9dd6);\n  color: #071018;\n  font-weight: 600;\n  box-shadow: 0 14px 34px rgba(53, 143, 189, 0.26);\n}\n\n.gvlab-actions .secondary {\n  color: #eef4f8;\n  border: 1px solid rgba(255,255,255,0.14);\n  background: rgba(255,255,255,0.04);\n}\n\n.gvlab-actions a:hover {\n  transform: translateY(-1px);\n}\n\n.gvlab-visual {\n  position: relative;\n  min-height: 620px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.gvlab-visual::before,\n.gvlab-visual::after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  border: 1px solid rgba(255,255,255,0.11);\n}\n\n.gvlab-visual::before {\n  width: 500px;\n  height: 500px;\n  opacity: 0.42;\n}\n\n.gvlab-visual::after {\n  width: 690px;\n  height: 690px;\n  opacity: 0.15;\n}\n\n.gvlab-gridplane {\n  position: absolute;\n  width: 420px;\n  height: 260px;\n  top: 45%;\n  left: 50%;\n  transform: translate(-50%, -50%) perspective(1000px) rotateX(70deg) rotateZ(-20deg);\n  border: 1px solid rgba(255,255,255,0.20);\n  background-image:\n    linear-gradient(rgba(255,255,255,0.22) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,0.22) 1px, transparent 1px);\n  background-size: 38px 38px;\n  box-shadow:\n    0 0 45px rgba(195, 214, 255, 0.18),\n    inset 0 0 40px rgba(195, 214, 255, 0.10);\n  opacity: 0.66;\n}\n\n.gvlab-gridplane::before {\n  content: \"\";\n  position: absolute;\n  inset: 18px;\n  border: 1px solid rgba(255,255,255,0.14);\n}\n\n.gvlab-signal,\n.gvlab-node {\n  position: absolute;\n  border-radius: 50%;\n}\n\n.gvlab-signal {\n  width: 16px;\n  height: 16px;\n  background: radial-gradient(circle, rgba(255,255,255,0.95), rgba(190,220,255,0.9) 38%, rgba(190,220,255,0.06) 70%, transparent 74%);\n  box-shadow: 0 0 18px rgba(255,255,255,0.55), 0 0 40px rgba(157, 204, 255, 0.22);\n  animation: gvlabPulse 4.6s ease-in-out infinite;\n}\n\n.gvlab-signal.s1 { top: 20%; left: 22%; }\n.gvlab-signal.s2 { top: 28%; right: 16%; animation-delay: 0.6s; }\n.gvlab-signal.s3 { top: 58%; left: 17%; animation-delay: 1.2s; }\n.gvlab-signal.s4 { top: 64%; right: 14%; animation-delay: 1.8s; }\n.gvlab-signal.s5 { top: 42%; left: 50%; animation-delay: 2.4s; }\n\n.gvlab-node {\n  width: 6px;\n  height: 6px;\n  background: rgba(194, 221, 255, 0.85);\n  box-shadow: 0 0 18px rgba(194, 221, 255, 0.38);\n}\n\n.gvlab-node.n1 { top: 26%; left: 50%; }\n.gvlab-node.n2 { top: 40%; left: 30%; }\n.gvlab-node.n3 { top: 52%; right: 29%; }\n.gvlab-node.n4 { top: 68%; left: 47%; }\n\n.gvlab-beam {\n  position: absolute;\n  height: 2px;\n  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.8), rgba(255,255,255,0));\n  transform-origin: left center;\n  opacity: 0.55;\n  filter: drop-shadow(0 0 12px rgba(191, 216, 255, 0.45));\n}\n\n.gvlab-beam.b1 { width: 180px; top: 31%; left: 26%; transform: rotate(18deg); }\n.gvlab-beam.b2 { width: 190px; top: 43%; right: 20%; transform: rotate(-24deg); }\n.gvlab-beam.b3 { width: 170px; top: 58%; left: 28%; transform: rotate(-14deg); }\n.gvlab-beam.b4 { width: 160px; top: 56%; right: 27%; transform: rotate(24deg); }\n\n.gvlab-symbol-wrap {\n  position: relative;\n  width: min(80vw, 600px);\n  max-width: 560px;\n  aspect-ratio: 1 \/ 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  animation: gvlabFloat 7s ease-in-out infinite;\n}\n\n.gvlab-symbol-wrap::before {\n  content: \"\";\n  position: absolute;\n  inset: 18%;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(132, 215, 182, 0.24), rgba(59, 157, 214, 0.06) 58%, transparent 74%);\n  filter: blur(12px);\n}\n\n.gvlab-symbol-wrap img {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  filter: drop-shadow(0 0 40px rgba(128, 212, 183, 0.16));\n}\n\n.gvlab-right {\n  max-width: 360px;\n  justify-self: end;\n}\n\n.gvlab-intro {\n  margin: 0 0 22px;\n  font-size: 1rem;\n  line-height: 1.65;\n  color: rgba(241,245,251,0.77);\n}\n\n.gvlab-panel {\n  border: 1px solid rgba(255,255,255,0.10);\n  background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.03));\n  border-radius: 24px;\n  padding: 22px;\n  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);\n  backdrop-filter: blur(12px);\n}\n\n.gvlab-panel h2 {\n  margin: 0 0 14px;\n  font-family: 'Space Grotesk', sans-serif;\n  font-size: 1.02rem;\n  letter-spacing: 0.02em;\n}\n\n.gvlab-panel ul {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 18px;\n}\n\n.gvlab-panel li {\n  padding: 10px 0;\n  border-bottom: 1px solid rgba(255,255,255,0.08);\n  color: rgba(239,244,249,0.75);\n  line-height: 1.55;\n}\n\n.gvlab-panel li:last-child {\n  border-bottom: 0;\n}\n\n.gvlab-panel a {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 176px;\n  padding: 12px 16px;\n  text-decoration: none;\n  color: #f4f8fb;\n  border-radius: 999px;\n  border: 1px solid rgba(126, 214, 187, 0.24);\n  background: rgba(126, 214, 187, 0.10);\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  font-size: 0.78rem;\n}\n\n.gvlab-bottom {\n  margin-top: 18px;\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 12px;\n}\n\n.gvlab-chip {\n  border: 1px solid rgba(255,255,255,0.08);\n  border-radius: 18px;\n  padding: 16px 18px;\n  background: rgba(255,255,255,0.03);\n}\n\n.gvlab-chip strong {\n  display: block;\n  margin-bottom: 6px;\n  font-family: 'Space Grotesk', sans-serif;\n  font-size: 1rem;\n  color: #f7fbff;\n}\n\n.gvlab-chip span {\n  color: rgba(238,243,249,0.64);\n  font-size: 0.88rem;\n  line-height: 1.5;\n}\n\n.gvlab-footnote {\n  margin-top: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n  color: rgba(235,240,246,0.46);\n  font-size: 0.78rem;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n}\n\n.gvlab-footnote-brand {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.gvlab-footnote-brand img {\n  width: 18px;\n  height: 18px;\n  object-fit: contain;\n}\n\n@keyframes gvlabFloat {\n  0%, 100% { transform: translateY(0px); }\n  50% { transform: translateY(-10px); }\n}\n\n@keyframes gvlabPulse {\n  0%, 100% { transform: scale(1); opacity: 0.7; }\n  50% { transform: scale(1.28); opacity: 1; }\n}\n\n@media (max-width: 1180px) {\n  .gvlab-stage {\n    grid-template-columns: 1fr;\n    gap: 16px;\n  }\n\n  .gvlab-left,\n  .gvlab-right {\n    max-width: none;\n    justify-self: stretch;\n  }\n\n  .gvlab-visual {\n    order: 2;\n    min-height: 460px;\n  }\n\n  .gvlab-right {\n    order: 3;\n  }\n\n  .gvlab-bottom {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 820px) {\n  .gvlab-nav {\n    align-items: flex-start;\n    flex-direction: column;\n  }\n\n  .gvlab-menu {\n    width: 100%;\n    justify-content: flex-start;\n  }\n\n  .gvlab-hero {\n    padding: 32px 18px 22px;\n  }\n\n  .gvlab-shadowword {\n    margin-bottom: 18px;\n  }\n\n  .gvlab-lead {\n    max-width: none;\n  }\n\n  .gvlab-visual {\n    min-height: 360px;\n  }\n\n  .gvlab-visual::before {\n    width: 320px;\n    height: 320px;\n  }\n\n  .gvlab-visual::after {\n    width: 460px;\n    height: 460px;\n  }\n\n  .gvlab-gridplane {\n    width: 270px;\n    height: 170px;\n  }\n\n  .gvlab-footnote {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n}\n\n@media (max-width: 640px) {\n  .gvlab-shell {\n    width: calc(100% - 14px);\n    border-radius: 18px;\n  }\n\n  .gvlab-nav {\n    margin: 8px;\n    padding: 12px 14px;\n    border-radius: 16px;\n  }\n\n  .gvlab-menu {\n    gap: 8px;\n  }\n\n  .gvlab-menu a,\n  .gvlab-actions a,\n  .gvlab-panel a {\n    width: 100%;\n    justify-content: center;\n  }\n\n  .gvlab-actions {\n    flex-direction: column;\n  }\n\n  .gvlab-visual {\n    min-height: 300px;\n  }\n\n  .gvlab-symbol-wrap {\n    width: min(88vw, 320px);\n  }\n\n  .gvlab-bottom {\n    grid-template-columns: 1fr;\n  }\n}\n\n\n\/* GREENVI MEMBRANE VISUAL START *\/\n.gvlab-symbol-wrap,\n.gvxi-visual-frame {\n  overflow: visible;\n}\n\n.gvlab-symbol-wrap .gvmem-stage {\n  width: 98%;\n  height: 88%;\n}\n\n.gvxi-visual-frame .gvmem-stage {\n  width: 94%;\n  height: 84%;\n  min-height: 280px;\n}\n\n.gvmem-stage {\n  position: relative;\n  overflow: visible;\n  background: transparent;\n  border: 0;\n  box-shadow: none;\n  filter: drop-shadow(0 22px 54px rgba(0,0,0,0.18));\n}\n\n.gvmem-stage::before,\n.gvmem-stage::after {\n  content: none;\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.gvlab-gridplane,\n.gvlab-gridplane::before,\n.gvlab-beam,\n.gvxi-gridplane,\n.gvxi-orbit,\n.gvlab-visual::before,\n.gvlab-visual::after {\n  display: none !important;\n}\n\n.gvmem-lane {\n  position: absolute;\n  border-radius: 999px;\n  opacity: 0.88;\n  filter: blur(0.2px);\n}\n\n.gvmem-lane.feed {\n  left: 10%;\n  right: 52%;\n  top: 50%;\n  height: 12px;\n  transform: translateY(-50%);\n  background:\n    linear-gradient(90deg, rgba(67, 158, 255, 0.06), rgba(124, 211, 255, 0.82), rgba(124, 211, 255, 0.16));\n  box-shadow: 0 0 24px rgba(124, 211, 255, 0.18);\n}\n\n.gvmem-lane.permeate {\n  left: 56%;\n  right: 10%;\n  top: 43%;\n  height: 10px;\n  background:\n    linear-gradient(90deg, rgba(143, 238, 198, 0.16), rgba(143, 238, 198, 0.80), rgba(143, 238, 198, 0.05));\n  box-shadow: 0 0 22px rgba(143, 238, 198, 0.18);\n}\n\n.gvmem-lane.reject {\n  left: 54%;\n  width: 26%;\n  bottom: 25%;\n  height: 8px;\n  transform: rotate(26deg);\n  transform-origin: left center;\n  background:\n    linear-gradient(90deg, rgba(255, 170, 106, 0.56), rgba(255, 115, 79, 0.14));\n  box-shadow: 0 0 18px rgba(255, 156, 96, 0.14);\n}\n\n.gvmem-cloud {\n  position: absolute;\n  width: 34%;\n  height: 34%;\n  border-radius: 50%;\n  filter: blur(28px);\n  opacity: 0.42;\n}\n\n.gvmem-cloud.feed {\n  top: 35%;\n  left: 10%;\n  background: radial-gradient(circle, rgba(92, 189, 255, 0.66), transparent 70%);\n}\n\n.gvmem-cloud.permeate {\n  top: 34%;\n  right: 10%;\n  background: radial-gradient(circle, rgba(142, 238, 197, 0.62), transparent 70%);\n}\n\n.gvmem-foulant,\n.gvmem-pass,\n.gvmem-reject {\n  position: absolute;\n  z-index: 3;\n  border-radius: 50%;\n}\n\n.gvmem-foulant {\n  width: 20px;\n  height: 20px;\n  background: radial-gradient(circle, rgba(255, 223, 166, 0.98), rgba(255, 143, 92, 0.92) 56%, rgba(255, 143, 92, 0.16) 76%, transparent 78%);\n  box-shadow: 0 0 24px rgba(255, 163, 102, 0.28);\n  animation: gvmemCling 3.8s ease-in-out infinite;\n}\n\n.gvmem-foulant.f1 {\n  left: 28%;\n  top: 20%;\n}\n\n.gvmem-foulant.f2 {\n  left: 38%;\n  top: 46%;\n  animation-delay: 0.8s;\n}\n\n.gvmem-foulant.f3 {\n  left: 54%;\n  top: 68%;\n  animation-delay: 1.6s;\n}\n\n.gvmem-pass {\n  width: 16px;\n  height: 16px;\n  background: radial-gradient(circle, rgba(248, 253, 255, 0.98), rgba(137, 221, 255, 0.92) 48%, rgba(137, 221, 255, 0.18) 74%, transparent 76%);\n  box-shadow: 0 0 24px rgba(132, 216, 255, 0.30);\n}\n\n.gvmem-pass.p1 { animation: gvmemPassOne 4.6s linear infinite; }\n.gvmem-pass.p2 { animation: gvmemPassTwo 5.0s linear infinite 0.7s; }\n.gvmem-pass.p3 { animation: gvmemPassThree 4.8s linear infinite 1.4s; }\n\n.gvmem-reject {\n  width: 20px;\n  height: 20px;\n  background: radial-gradient(circle, rgba(255, 234, 168, 0.98), rgba(255, 119, 75, 0.96) 58%, rgba(255, 119, 75, 0.20) 76%, transparent 78%);\n  box-shadow: 0 0 24px rgba(255, 135, 84, 0.28);\n}\n\n.gvmem-reject.r1 { animation: gvmemRejectOne 5.1s linear infinite 0.2s; }\n.gvmem-reject.r2 { animation: gvmemRejectTwo 4.9s linear infinite 1.1s; }\n.gvmem-reject.r3 { animation: gvmemRejectThree 5.3s linear infinite 1.8s; }\n\n.gvmem-dot {\n  position: absolute;\n  z-index: 2;\n  border-radius: 50%;\n  background: rgba(212, 232, 255, 0.90);\n  box-shadow: 0 0 18px rgba(212, 232, 255, 0.30);\n  animation: gvmemSpark 4.4s ease-in-out infinite;\n}\n\n.gvmem-dot.d1 {\n  width: 8px;\n  height: 8px;\n  top: 18%;\n  left: 18%;\n}\n\n.gvmem-dot.d2 {\n  width: 10px;\n  height: 10px;\n  top: 74%;\n  left: 24%;\n  animation-delay: 0.8s;\n}\n\n.gvmem-dot.d3 {\n  width: 9px;\n  height: 9px;\n  top: 24%;\n  right: 18%;\n  animation-delay: 1.4s;\n}\n\n.gvmem-dot.d4 {\n  width: 7px;\n  height: 7px;\n  top: 80%;\n  right: 20%;\n  animation-delay: 2.1s;\n}\n\n@keyframes gvmemCling {\n  0%, 100% {\n    transform: translateX(0) scale(1);\n    opacity: 0.72;\n  }\n  50% {\n    transform: translateX(6px) scale(1.1);\n    opacity: 1;\n  }\n}\n\n@keyframes gvmemSpark {\n  0%, 100% {\n    opacity: 0.26;\n    transform: scale(0.8);\n  }\n  50% {\n    opacity: 1;\n    transform: scale(1.2);\n  }\n}\n\n@keyframes gvmemPassOne {\n  0% { left: 10%; top: 32%; opacity: 0; }\n  14% { opacity: 1; }\n  54% { left: 46%; top: 32%; opacity: 1; }\n  74% { left: 58%; top: 30%; opacity: 1; }\n  100% { left: 82%; top: 29%; opacity: 0; }\n}\n\n@keyframes gvmemPassTwo {\n  0% { left: 12%; top: 46%; opacity: 0; }\n  14% { opacity: 1; }\n  56% { left: 47%; top: 46%; opacity: 1; }\n  76% { left: 59%; top: 44%; opacity: 1; }\n  100% { left: 81%; top: 43%; opacity: 0; }\n}\n\n@keyframes gvmemPassThree {\n  0% { left: 14%; top: 58%; opacity: 0; }\n  14% { opacity: 1; }\n  54% { left: 47%; top: 58%; opacity: 1; }\n  76% { left: 58%; top: 55%; opacity: 1; }\n  100% { left: 80%; top: 54%; opacity: 0; }\n}\n\n@keyframes gvmemRejectOne {\n  0% { left: 11%; top: 26%; opacity: 0; }\n  14% { opacity: 1; }\n  54% { left: 44%; top: 28%; opacity: 1; }\n  70% { left: 52%; top: 46%; opacity: 1; }\n  100% { left: 72%; top: 72%; opacity: 0; }\n}\n\n@keyframes gvmemRejectTwo {\n  0% { left: 9%; top: 48%; opacity: 0; }\n  14% { opacity: 1; }\n  54% { left: 44%; top: 48%; opacity: 1; }\n  70% { left: 51%; top: 60%; opacity: 1; }\n  100% { left: 69%; top: 82%; opacity: 0; }\n}\n\n@keyframes gvmemRejectThree {\n  0% { left: 13%; top: 66%; opacity: 0; }\n  14% { opacity: 1; }\n  52% { left: 43%; top: 64%; opacity: 1; }\n  68% { left: 50%; top: 70%; opacity: 1; }\n  100% { left: 66%; top: 90%; opacity: 0; }\n}\n\n@media (max-width: 820px) {\n  .gvxi-visual-frame .gvmem-stage {\n    width: 92%;\n    height: 78%;\n    min-height: 230px;\n  }\n}\n\/* GREENVI MEMBRANE VISUAL END *\/\n\n\n\n\/* GREENVI NAV LOGO START *\/\n.gvlab-brand,\n.gvxi-brand {\n  gap: 0 !important;\n}\n\n.gvlab-brand .greenvi-nav-logo,\n.gvxi-brand .greenvi-nav-logo {\n  display: block;\n  width: clamp(200px, 18vw, 280px) !important;\n  height: auto !important;\n  max-height: 56px;\n  object-fit: contain;\n  filter: drop-shadow(0 0 18px rgba(107, 196, 132, 0.18)) !important;\n}\n\n@media (max-width: 820px) {\n  .gvlab-brand .greenvi-nav-logo,\n  .gvxi-brand .greenvi-nav-logo {\n    width: min(240px, 62vw) !important;\n    max-height: 48px;\n  }\n}\n\/* GREENVI NAV LOGO END *\/\n\n\/* GREENVI HOME HERO EXPAND START *\/\n.gvlab-shell {\n  width: min(calc(100% - 12px), 1420px) !important;\n  margin: 0 auto !important;\n  min-height: calc(100vh - 8px) !important;\n}\n\nbody.home {\n  margin: 0 !important;\n}\n\nbody.home .page_wrap {\n  min-height: 100vh !important;\n}\n\n.gvlab-nav {\n  margin: 6px !important;\n  padding: 8px 14px !important;\n}\n\n.gvlab-hero {\n  padding: 12px 20px 8px !important;\n  min-height: calc(100vh - 112px) !important;\n  justify-content: flex-start !important;\n}\n\n.gvlab-eyebrow {\n  margin-bottom: 8px !important;\n}\n\n.gvlab-right {\n  display: none !important;\n}\n\n.gvlab-stage {\n  grid-template-columns: minmax(280px, 0.88fr) minmax(460px, 1.18fr) !important;\n  gap: clamp(14px, 1.8vw, 24px) !important;\n  align-items: center !important;\n  flex: 0 1 auto !important;\n}\n\n.gvlab-shadowword {\n  margin-bottom: 10px !important;\n  font-size: clamp(2rem, 3.6vw, 3.5rem) !important;\n}\n\n.gvlab-left h1 {\n  margin: 0 0 10px !important;\n  font-size: clamp(1.8rem, 3.7vw, 3.15rem) !important;\n}\n\n.gvlab-left {\n  align-self: end !important;\n  transform: translateY(36px);\n}\n\n.gvlab-lead {\n  max-width: 280px !important;\n  margin: 0 0 12px !important;\n  font-size: 0.9rem !important;\n  line-height: 1.42 !important;\n}\n\n.gvlab-actions a {\n  padding: 10px 15px !important;\n}\n\n.gvlab-visual {\n  min-height: 430px !important;\n  justify-content: flex-end !important;\n}\n\n.gvlab-symbol-wrap {\n  width: min(50vw, 460px) !important;\n  max-width: 460px !important;\n}\n\n.gvlab-symbol-wrap .gvmem-stage {\n  width: 100% !important;\n  height: 100% !important;\n}\n\n.gvmem-stage {\n  transform: scale(1.4);\n  transform-origin: center center;\n}\n\n.gvlab-footnote {\n  margin-top: auto !important;\n  padding-top: 8px !important;\n  font-size: 0.68rem !important;\n  gap: 10px !important;\n}\n\n.gvlab-footnote-brand img {\n  width: 12px !important;\n  height: 12px !important;\n}\n\n@media (min-width: 1181px) {\n  html {\n    overflow-y: hidden !important;\n  }\n\n  body.home {\n    overflow-y: hidden !important;\n  }\n}\n\n@media (max-width: 1180px) {\n  .gvlab-shell {\n    min-height: auto !important;\n  }\n\n  .gvlab-hero {\n    min-height: auto !important;\n    padding: 22px 20px 16px !important;\n  }\n\n  .gvlab-stage {\n    grid-template-columns: 1fr !important;\n  }\n\n  .gvlab-left {\n    align-self: auto !important;\n    transform: none !important;\n  }\n\n  .gvlab-visual {\n    min-height: 420px !important;\n    justify-content: center !important;\n  }\n\n  .gvlab-symbol-wrap {\n    width: min(84vw, 460px) !important;\n    max-width: 460px !important;\n  }\n\n  .gvmem-stage {\n    transform: scale(1.16);\n  }\n\n  .gvlab-footnote {\n    margin-top: 12px !important;\n  }\n}\n\n@media (max-width: 640px) {\n  .gvlab-shell {\n    width: calc(100% - 10px) !important;\n    margin: 5px auto !important;\n  }\n\n  .gvlab-nav {\n    margin: 6px !important;\n    padding: 10px 12px !important;\n  }\n\n  .gvlab-hero {\n    padding: 18px 14px 14px !important;\n  }\n\n  .gvlab-visual {\n    min-height: 320px !important;\n  }\n\n  .gvlab-symbol-wrap {\n    width: min(88vw, 340px) !important;\n  }\n\n  .gvmem-stage {\n    transform: scale(1.02);\n  }\n}\n\/* GREENVI HOME HERO EXPAND END *\/\n\n\/* GREENVI GREEN THEME START *\/\n:root {\n  --greenvi-bg-950: #051008;\n  --greenvi-bg-900: #07140c;\n  --greenvi-bg-850: #0a1d12;\n  --greenvi-bg-800: #102918;\n  --greenvi-surface: rgba(10, 31, 19, 0.74);\n  --greenvi-surface-strong: rgba(7, 23, 14, 0.82);\n  --greenvi-border: rgba(154, 228, 177, 0.14);\n  --greenvi-border-strong: rgba(154, 228, 177, 0.28);\n  --greenvi-glow: rgba(107, 196, 132, 0.22);\n  --greenvi-accent-1: #9ae0ad;\n  --greenvi-accent-2: #2e7e56;\n  --greenvi-accent-3: #d8f9de;\n}\n\nbody.home,\nbody.page:not(.home),\nbody.blog {\n  background: var(--greenvi-bg-950) !important;\n}\n\nbody.home .page_wrap,\nbody.page:not(.home) .page_wrap,\nbody.blog .page_wrap {\n  background:\n    radial-gradient(circle at 12% 10%, rgba(84, 176, 118, 0.16), transparent 24%),\n    radial-gradient(circle at 86% 16%, rgba(144, 214, 161, 0.10), transparent 22%),\n    radial-gradient(circle at 50% 72%, rgba(230, 255, 235, 0.03), transparent 28%),\n    linear-gradient(180deg, var(--greenvi-bg-900) 0%, var(--greenvi-bg-850) 48%, var(--greenvi-bg-950) 100%) !important;\n}\n\nbody.home .page_wrap::before,\nbody.page:not(.home) .page_wrap::before,\nbody.blog .page_wrap::before {\n  background:\n    radial-gradient(circle at 10% 85%, rgba(236, 255, 239, 0.05), transparent 18%),\n    radial-gradient(circle at 82% 78%, rgba(167, 230, 183, 0.06), transparent 12%),\n    radial-gradient(circle at 92% 34%, rgba(116, 186, 140, 0.05), transparent 9%) !important;\n  filter: blur(18px) !important;\n}\n\nbody.home .page_wrap::after,\nbody.page:not(.home) .page_wrap::after,\nbody.blog .page_wrap::after {\n  opacity: 0.14 !important;\n}\n\n.gvlab-home,\n.gvxi-page {\n  isolation: isolate;\n}\n\n.gvxi-page {\n  --gvxi-accent1: var(--greenvi-accent-1) !important;\n  --gvxi-accent2: var(--greenvi-accent-2) !important;\n}\n\n.gvlab-backdrop video,\n.gvxi-backdrop video {\n  filter: saturate(0.5) blur(2.5px) brightness(0.52) contrast(1.06) !important;\n  opacity: 0.60 !important;\n}\n\n.gvlab-backdrop::after,\n.gvxi-backdrop::after {\n  background:\n    linear-gradient(180deg, rgba(4, 15, 9, 0.38), rgba(4, 16, 10, 0.60)),\n    radial-gradient(circle at top center, rgba(116, 211, 143, 0.14), transparent 28%),\n    radial-gradient(circle at 14% 18%, rgba(69, 143, 96, 0.14), transparent 30%),\n    radial-gradient(circle at 86% 74%, rgba(231, 255, 237, 0.04), transparent 22%) !important;\n}\n\n.gvlab-shell,\n.gvxi-shell {\n  background:\n    linear-gradient(180deg, rgba(9, 29, 18, 0.78), rgba(5, 16, 10, 0.60)),\n    radial-gradient(circle at top, rgba(182, 255, 200, 0.08), transparent 55%) !important;\n  border-color: var(--greenvi-border) !important;\n  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(223, 255, 230, 0.04) !important;\n  backdrop-filter: blur(9px) !important;\n}\n\n.gvlab-shell::before,\n.gvxi-shell::before {\n  background: radial-gradient(circle, rgba(123, 209, 150, 0.18), rgba(20, 55, 35, 0.03) 66%, transparent 74%) !important;\n}\n\n.gvlab-shell::after,\n.gvxi-shell::after {\n  border-color: rgba(170, 234, 189, 0.08) !important;\n  opacity: 0.28 !important;\n}\n\n.gvlab-nav,\n.gvxi-nav,\n.gvlab-panel,\n.gvlab-sidecard,\n.gvlab-capability-card,\n.gvlab-bottom-strip article,\n.gvxi-panel,\n.gvxi-related-card,\n.gvxi-body-card,\n.gvxi-mini-card,\n.gvxi-faq-card,\n.gvxi-gallery-item {\n  background: linear-gradient(180deg, rgba(10, 31, 19, 0.74), rgba(6, 19, 12, 0.62)) !important;\n  border-color: var(--greenvi-border) !important;\n  box-shadow: inset 0 1px 0 rgba(224, 255, 232, 0.03), 0 16px 40px rgba(0, 0, 0, 0.16) !important;\n}\n\n.gvlab-menu a,\n.gvxi-pill {\n  background: rgba(120, 190, 143, 0.08) !important;\n  border-color: rgba(154, 228, 177, 0.10) !important;\n}\n\n.gvlab-menu a:hover,\n.gvlab-menu a.gvlab-active,\n.gvxi-pill:hover,\n.gvxi-pill.gvxi-active {\n  border-color: var(--greenvi-border-strong) !important;\n  background: rgba(114, 197, 140, 0.15) !important;\n  box-shadow: inset 0 0 0 1px rgba(80, 156, 103, 0.20);\n}\n\n.gvlab-actions .primary,\n.gvlab-panel a,\n.gvxi-button.primary {\n  background: linear-gradient(135deg, var(--greenvi-accent-1), var(--greenvi-accent-2)) !important;\n  color: #06110a !important;\n  box-shadow: 0 14px 34px rgba(46, 126, 86, 0.30) !important;\n}\n\n.gvlab-actions .secondary,\n.gvxi-button.secondary {\n  border-color: rgba(154, 228, 177, 0.18) !important;\n  background: rgba(103, 167, 125, 0.08) !important;\n}\n\n.gvlab-brand img,\n.gvxi-brand img {\n  filter: drop-shadow(0 0 18px rgba(107, 196, 132, 0.40)) !important;\n}\n\n.gvlab-symbol-wrap::before,\n.gvxi-visual-frame::before {\n  background: radial-gradient(circle, rgba(117, 206, 145, 0.22), rgba(49, 114, 78, 0.06) 58%, transparent 74%) !important;\n}\n\n.gvxi-visual-frame {\n  background: radial-gradient(circle at center, rgba(170, 239, 187, 0.06), transparent 68%) !important;\n}\n\n.gvmem-cloud.feed,\n.gvmem-cloud.permeate {\n  background: radial-gradient(circle, rgba(118, 211, 145, 0.54), transparent 70%) !important;\n}\n\n.gvmem-lane.feed,\n.gvmem-lane.permeate {\n  background: linear-gradient(90deg, rgba(89, 182, 116, 0.10), rgba(144, 228, 169, 0.74), rgba(144, 228, 169, 0.12)) !important;\n  box-shadow: 0 0 22px rgba(124, 211, 151, 0.18) !important;\n}\n\n.gvmem-pass {\n  background: radial-gradient(circle, rgba(247, 255, 249, 0.98), rgba(158, 232, 180, 0.90) 48%, rgba(158, 232, 180, 0.16) 74%, transparent 76%) !important;\n  box-shadow: 0 0 24px rgba(141, 219, 165, 0.28) !important;\n}\n\n.gvmem-dot {\n  background: rgba(214, 245, 221, 0.92) !important;\n  box-shadow: 0 0 18px rgba(178, 236, 192, 0.28) !important;\n}\n\/* GREENVI GREEN THEME END *\/\n\n\n\/* GREENVI VIDEO BACKDROP START *\/\nbody.home {\n  background: #05070b;\n}\n\nbody.home .page_wrap {\n  background: transparent !important;\n}\n\nbody.home .page_wrap::before {\n  opacity: 0.18;\n  filter: blur(24px);\n}\n\nbody.home .page_wrap::after {\n  opacity: 0.12;\n}\n\n.gvlab-home {\n  isolation: isolate;\n}\n\n.gvlab-backdrop {\n  position: fixed;\n  inset: 0;\n  width: 100vw;\n  height: 100vh;\n  overflow: hidden;\n  pointer-events: none;\n  z-index: 0;\n  background: #06080d url(\"https:\/\/greenvicorp.com\/wp-content\/uploads\/2026\/04\/greenvi-water-background-poster-20260416.jpg\") center \/ cover no-repeat;\n  contain: strict;\n}\n\n.gvlab-backdrop video {\n  position: absolute;\n  inset: 0;\n  display: block;\n  width: 100%;\n  height: 100%;\n  min-width: 100%;\n  min-height: 100%;\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: cover;\n  pointer-events: none !important;\n  user-select: none;\n  -webkit-user-select: none;\n  -webkit-touch-callout: none;\n  appearance: none;\n  -webkit-appearance: none;\n  filter: grayscale(1) saturate(0) blur(2.5px) brightness(0.58) contrast(1.08);\n  transform: scale(1.015);\n  opacity: 0.66;\n}\n\n.gvlab-backdrop video::-webkit-media-controls,\n.gvlab-backdrop video::-webkit-media-controls-enclosure,\n.gvlab-backdrop video::-webkit-media-controls-panel,\n.gvlab-backdrop video::-webkit-media-controls-play-button,\n.gvlab-backdrop video::-webkit-media-controls-start-playback-button,\n.gvlab-backdrop video::-webkit-media-controls-overlay-play-button,\n.gvlab-backdrop video::-webkit-media-controls-timeline,\n.gvlab-backdrop video::-webkit-media-controls-current-time-display,\n.gvlab-backdrop video::-webkit-media-controls-time-remaining-display,\n.gvlab-backdrop video::-webkit-media-controls-mute-button,\n.gvlab-backdrop video::-webkit-media-controls-volume-slider,\n.gvlab-backdrop video::-webkit-media-controls-fullscreen-button {\n  display: none !important;\n  -webkit-appearance: none;\n  opacity: 0 !important;\n}\n\n.gvlab-backdrop::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(180deg, rgba(6, 8, 13, 0.36), rgba(6, 8, 13, 0.52)),\n    radial-gradient(circle at top center, rgba(126, 214, 187, 0.10), transparent 26%),\n    radial-gradient(circle at 14% 18%, rgba(84, 167, 255, 0.10), transparent 28%),\n    radial-gradient(circle at 86% 74%, rgba(255, 255, 255, 0.06), transparent 24%);\n}\n\n.gvlab-shell {\n  background:\n    linear-gradient(180deg, rgba(14, 18, 27, 0.58), rgba(8, 11, 18, 0.40)),\n    radial-gradient(circle at top, rgba(255,255,255,0.08), transparent 55%);\n  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255,255,255,0.05);\n  backdrop-filter: blur(7px);\n}\n\n.gvlab-nav,\n.gvlab-panel,\n.gvlab-sidecard,\n.gvlab-capability-card,\n.gvlab-bottom-strip article {\n  backdrop-filter: blur(14px);\n}\n\/* GREENVI VIDEO BACKDROP END *\/\n\n\n\n\/* GREENVI RESPONSIVE CONSISTENCY START *\/\nhtml {\n  -webkit-text-size-adjust: 100%;\n}\n\nbody.home,\nbody.page:not(.home),\nbody.blog {\n  overflow-x: clip !important;\n}\n\nbody.home .page_wrap,\nbody.page:not(.home) .page_wrap,\nbody.blog .page_wrap {\n  min-height: 100svh !important;\n}\n\n.gvlab-shell,\n.gvxi-shell {\n  width: min(calc(100% - 16px), 1420px) !important;\n}\n\n.gvlab-nav,\n.gvxi-nav {\n  gap: clamp(12px, 1.8vw, 20px) !important;\n}\n\n.gvlab-menu,\n.gvxi-menu {\n  gap: clamp(8px, 1vw, 10px) !important;\n}\n\n.gvlab-menu a,\n.gvxi-pill,\n.gvlab-actions a,\n.gvxi-button {\n  display: inline-flex !important;\n  align-items: center;\n  justify-content: center;\n}\n\n.gvlab-menu a,\n.gvxi-pill {\n  min-height: 36px;\n  padding: 8px 18px !important;\n  line-height: 1.05 !important;\n  border-radius: 12px !important;\n}\n\n.gvlab-brand .greenvi-nav-logo,\n.gvxi-brand .greenvi-nav-logo {\n  width: clamp(140px, 12.6vw, 196px) !important;\n  max-height: 39px !important;\n}\n\n.gvlab-hero,\n.gvxi-hero,\n.gvxi-body-grid,\n.gvxi-cards-section,\n.gvxi-foot {\n  padding-left: clamp(18px, 2.6vw, 30px) !important;\n  padding-right: clamp(18px, 2.6vw, 30px) !important;\n}\n\n.gvlab-actions,\n.gvxi-actions {\n  gap: 10px !important;\n}\n\n.gvlab-actions a,\n.gvxi-button {\n  min-height: 48px;\n}\n\n.gvlab-symbol-wrap,\n.gvxi-visual-frame {\n  max-width: 100% !important;\n}\n\n.gvxi-copy,\n.gvxi-panel,\n.gvxi-body-card,\n.gvxi-related-card,\n.gvxi-mini-card,\n.gvxi-faq-card {\n  max-width: 100%;\n}\n\n.gvxi-stage.gvxi-stage-no-panel {\n  grid-template-columns: minmax(300px, 1fr) minmax(420px, 1.08fr) !important;\n}\n\n.gvxi-stage.gvxi-stage-no-panel .gvxi-visual {\n  min-height: clamp(400px, 36vw, 500px) !important;\n}\n\n.gvxi-stage.gvxi-stage-no-panel .gvxi-visual-frame {\n  width: min(86vw, 500px) !important;\n}\n\n.gvxi-body-card,\n.gvxi-related-card,\n.gvxi-mini-card,\n.gvxi-faq-card,\n.gvxi-panel,\n.gvxi-gallery-item {\n  overflow-wrap: anywhere;\n}\n\n@media (max-width: 1180px) {\n  .gvlab-stage,\n  .gvxi-stage,\n  .gvxi-body-grid {\n    grid-template-columns: 1fr !important;\n    gap: 18px !important;\n  }\n\n  .gvlab-visual,\n  .gvxi-visual {\n    min-height: clamp(340px, 42vw, 460px) !important;\n    justify-content: center !important;\n  }\n\n  .gvlab-symbol-wrap {\n    width: min(86vw, 460px) !important;\n  }\n\n  .gvxi-visual-frame {\n    width: min(82vw, 440px) !important;\n  }\n\n  .gvxi-panel {\n    order: 3;\n  }\n\n  .gvxi-mini-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n  }\n}\n\n@media (max-width: 900px) {\n  .gvlab-shell,\n  .gvxi-shell {\n    width: calc(100% - 12px) !important;\n    margin: 6px auto !important;\n  }\n\n  .gvlab-nav,\n  .gvxi-nav {\n    flex-direction: column !important;\n    align-items: stretch !important;\n    margin: 8px !important;\n    padding: 12px 14px !important;\n  }\n\n  .gvlab-brand,\n  .gvxi-brand {\n    justify-content: center !important;\n  }\n\n  .gvlab-brand .greenvi-nav-logo,\n  .gvxi-brand .greenvi-nav-logo {\n    width: min(147px, 43vw) !important;\n    max-height: 34px !important;\n  }\n\n  .gvlab-menu,\n  .gvxi-menu {\n    width: 100% !important;\n    display: grid !important;\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    justify-content: stretch !important;\n  }\n\n  .gvlab-menu a,\n  .gvxi-pill {\n    width: 100% !important;\n    text-align: center !important;\n    padding: 8px 12px !important;\n    border-radius: 11px !important;\n  }\n\n  .gvlab-footnote,\n  .gvxi-foot {\n    flex-direction: column !important;\n    align-items: flex-start !important;\n    gap: 12px !important;\n  }\n\n  .gvxi-mini-grid,\n  .gvxi-faq-grid,\n  .gvxi-gallery-grid {\n    grid-template-columns: 1fr !important;\n  }\n}\n\n@media (max-width: 640px) {\n  .gvlab-shell,\n  .gvxi-shell {\n    width: calc(100% - 8px) !important;\n    margin: 4px auto !important;\n    border-radius: 18px !important;\n  }\n\n  .gvlab-nav,\n  .gvxi-nav {\n    margin: 6px !important;\n    padding: 10px 12px !important;\n    border-radius: 16px !important;\n  }\n\n  .gvlab-brand .greenvi-nav-logo,\n  .gvxi-brand .greenvi-nav-logo {\n    width: min(133px, 42vw) !important;\n    max-height: 28px !important;\n  }\n\n  .gvlab-menu,\n  .gvxi-menu {\n    gap: 8px !important;\n  }\n\n  .gvlab-menu a,\n  .gvxi-pill {\n    min-height: 34px !important;\n    font-size: 0.74rem !important;\n    letter-spacing: 0.06em !important;\n    padding: 7px 11px !important;\n    border-radius: 10px !important;\n  }\n\n  .gvlab-hero,\n  .gvxi-hero,\n  .gvxi-body-grid,\n  .gvxi-cards-section,\n  .gvxi-foot {\n    padding-left: 16px !important;\n    padding-right: 16px !important;\n  }\n\n  .gvlab-stage,\n  .gvxi-stage {\n    gap: 14px !important;\n  }\n\n  .gvlab-shadowword {\n    font-size: clamp(2.2rem, 11vw, 3.2rem) !important;\n    margin-bottom: 6px !important;\n  }\n\n  .gvlab-left h1 {\n    font-size: clamp(2.5rem, 14vw, 4.2rem) !important;\n  }\n\n  .gvlab-lead,\n  .gvxi-summary,\n  .gvxi-body-card p,\n  .gvxi-mini-card p,\n  .gvxi-faq-card p {\n    max-width: 100% !important;\n    font-size: 0.98rem !important;\n    line-height: 1.65 !important;\n  }\n\n  .gvlab-actions,\n  .gvxi-actions {\n    display: grid !important;\n    grid-template-columns: 1fr !important;\n  }\n\n  .gvlab-actions a,\n  .gvxi-button {\n    width: 100% !important;\n  }\n\n  .gvlab-visual,\n  .gvxi-visual {\n    min-height: 280px !important;\n  }\n\n  .gvlab-symbol-wrap {\n    width: min(90vw, 320px) !important;\n  }\n\n  .gvmem-stage {\n    transform: scale(0.98) !important;\n  }\n\n  .gvxi-shadow {\n    white-space: normal !important;\n    font-size: clamp(2.1rem, 11vw, 3.2rem) !important;\n    margin-bottom: 14px !important;\n  }\n\n  .gvxi-copy h1 {\n    font-size: clamp(2rem, 10vw, 3rem) !important;\n    line-height: 1.02 !important;\n  }\n\n  .gvxi-visual-frame {\n    width: min(88vw, 340px) !important;\n    border-radius: 24px !important;\n  }\n\n  .gvxi-panel,\n  .gvxi-body-card,\n  .gvxi-related-card,\n  .gvxi-mini-card,\n  .gvxi-faq-card {\n    padding: 18px !important;\n    border-radius: 20px !important;\n  }\n\n  .gvxi-gallery-item {\n    min-height: 220px !important;\n    border-radius: 20px !important;\n  }\n}\n\n@media (max-width: 360px) {\n  .gvlab-menu,\n  .gvxi-menu {\n    grid-template-columns: 1fr !important;\n  }\n}\n\/* GREENVI RESPONSIVE CONSISTENCY END *\/\n<\/style>\n\n<div class=\"gvlab-home\">\n<!-- GREENVI VIDEO BACKDROP START -->\n<div class=\"gvlab-backdrop\" aria-hidden=\"true\">\n  <video autoplay muted loop playsinline webkit-playsinline preload=\"auto\" poster=\"https:\/\/greenvicorp.com\/wp-content\/uploads\/2026\/04\/greenvi-water-background-poster-20260416.jpg\" disablepictureinpicture disableremoteplayback controlslist=\"nodownload nofullscreen noplaybackrate noremoteplayback\" tabindex=\"-1\" aria-hidden=\"true\">\n    <source src=\"https:\/\/greenvicorp.com\/wp-content\/uploads\/2026\/04\/greenvi-water-background-20260416.mp4\" type=\"video\/mp4\" \/>\n  <\/video>\n  <script>\n    (function() {\n      const selector = '.gvlab-backdrop video, .gvxi-backdrop video';\n      const armBackdropVideo = (video) => {\n        if (!video) return;\n        video.defaultMuted = true;\n        video.muted = true;\n        video.autoplay = true;\n        video.loop = true;\n        video.playsInline = true;\n        video.controls = false;\n        video.removeAttribute('controls');\n        video.setAttribute('muted', '');\n        video.setAttribute('playsinline', '');\n        video.setAttribute('webkit-playsinline', '');\n        video.setAttribute('disablepictureinpicture', '');\n        video.setAttribute('disableremoteplayback', '');\n        video.setAttribute('controlslist', 'nodownload nofullscreen noplaybackrate noremoteplayback');\n        const playPromise = video.play();\n        if (playPromise && typeof playPromise.catch === 'function') {\n          playPromise.catch(() => {});\n        }\n      };\n      const run = () => document.querySelectorAll(selector).forEach(armBackdropVideo);\n      if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', run, { once: true });\n      } else {\n        run();\n      }\n      window.addEventListener('pageshow', run);\n    })();\n  <\/script>\n<\/div>\n<!-- GREENVI VIDEO BACKDROP END -->\n\n\n  <div class=\"gvlab-shell\">\n    <nav class=\"gvlab-nav\" aria-label=\"Primary\">\n      <a class=\"gvlab-brand\" href=\"https:\/\/greenvicorp.com\/\" aria-label=\"GREENVI home\">\n        <img decoding=\"async\" class=\"greenvi-nav-logo\" src=\"https:\/\/greenvicorp.com\/wp-content\/uploads\/2026\/04\/greenvi-nav-logo-20260417-scaled.png\" alt=\"GREENVI logo\" \/>\n      <\/a>\n      <div class=\"gvlab-menu\"><a class=\"gvlab-pill gvlab-active\" href=\"https:\/\/greenvicorp.com\/\">Home<\/a><a class=\"gvlab-pill\" href=\"https:\/\/greenvicorp.com\/index.php\/news\/\">Products<\/a><a class=\"gvlab-pill\" href=\"https:\/\/greenvicorp.com\/index.php\/consulting-services\/\">Consulting<\/a><a class=\"gvlab-pill\" href=\"https:\/\/greenvicorp.com\/index.php\/contact\/\">Contact<\/a><\/div>\n    <\/nav>\n\n    <section class=\"gvlab-hero\">\n      <div class=\"gvlab-eyebrow\"><span><\/span> Advanced separation systems for industry<\/div>\n\n      <div class=\"gvlab-stage\">\n        <div class=\"gvlab-left\">\n          <div class=\"gvlab-shadowword\">SEPARATION<\/div>\n          <h1>Water.<br \/>Gas.<br \/>Solvents.<br \/>Recovery.<\/h1>\n          <p class=\"gvlab-lead\">GREENVI develops membrane-led gas and liquid separation solutions for wastewater, petrochemical, refinery, and gas processing facilities.<\/p>\n          <div class=\"gvlab-actions\">\n            <a class=\"primary\" href=\"https:\/\/greenvicorp.com\/index.php\/news\/\">Explore Products<\/a>\n            <a class=\"secondary\" href=\"https:\/\/greenvicorp.com\/index.php\/contact\/\">Contact Us<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"gvlab-visual\" aria-hidden=\"true\">\n          <div class=\"gvlab-gridplane\"><\/div>\n          <div class=\"gvlab-beam b1\"><\/div>\n          <div class=\"gvlab-beam b2\"><\/div>\n          <div class=\"gvlab-beam b3\"><\/div>\n          <div class=\"gvlab-beam b4\"><\/div>\n          <div class=\"gvlab-signal s1\"><\/div>\n          <div class=\"gvlab-signal s2\"><\/div>\n          <div class=\"gvlab-signal s3\"><\/div>\n          <div class=\"gvlab-signal s4\"><\/div>\n          <div class=\"gvlab-signal s5\"><\/div>\n          <div class=\"gvlab-node n1\"><\/div>\n          <div class=\"gvlab-node n2\"><\/div>\n          <div class=\"gvlab-node n3\"><\/div>\n          <div class=\"gvlab-node n4\"><\/div>\n          <div class=\"gvlab-symbol-wrap\">\n          <!-- GREENVI MEMBRANE VISUAL START -->\n          <div class=\"gvmem-stage\">\n            <div class=\"gvmem-cloud feed\"><\/div>\n            <div class=\"gvmem-cloud permeate\"><\/div>\n            <span class=\"gvmem-dot d1\"><\/span>\n            <span class=\"gvmem-dot d2\"><\/span>\n            <span class=\"gvmem-dot d3\"><\/span>\n            <span class=\"gvmem-dot d4\"><\/span>\n            <span class=\"gvmem-foulant f1\"><\/span>\n            <span class=\"gvmem-foulant f2\"><\/span>\n            <span class=\"gvmem-foulant f3\"><\/span>\n            <span class=\"gvmem-pass p1\"><\/span>\n            <span class=\"gvmem-pass p2\"><\/span>\n            <span class=\"gvmem-pass p3\"><\/span>\n            <span class=\"gvmem-reject r1\"><\/span>\n            <span class=\"gvmem-reject r2\"><\/span>\n            <span class=\"gvmem-reject r3\"><\/span>\n          <\/div>\n          <!-- GREENVI MEMBRANE VISUAL END -->\n        <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"gvlab-footnote\">\n        <div class=\"gvlab-footnote-brand\">\n          <img decoding=\"async\" src=\"https:\/\/greenvicorp.com\/wp-content\/uploads\/2026\/04\/greenvi-favicon-300x300.png\" alt=\"GREENVI icon\" \/>\n          <span>Green Environmental Solutions<\/span>\n        <\/div>\n        <span>Membrane systems for water, energy, and industrial process streams<\/span>\n      <\/div>\n    <\/section>\n  <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>HomeProductsConsultingContact Advanced separation systems for industry SEPARATION Water.Gas.Solvents.Recovery. GREENVI develops membrane-led gas and liquid separation solutions for wastewater, petrochemical, refinery, and gas processing facilities. Explore Products Contact Us Green Environmental&hellip;<\/p>\n","protected":false},"author":1,"featured_media":675,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-42","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/greenvicorp.com\/index.php\/wp-json\/wp\/v2\/pages\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/greenvicorp.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/greenvicorp.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/greenvicorp.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/greenvicorp.com\/index.php\/wp-json\/wp\/v2\/comments?post=42"}],"version-history":[{"count":170,"href":"https:\/\/greenvicorp.com\/index.php\/wp-json\/wp\/v2\/pages\/42\/revisions"}],"predecessor-version":[{"id":1369,"href":"https:\/\/greenvicorp.com\/index.php\/wp-json\/wp\/v2\/pages\/42\/revisions\/1369"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/greenvicorp.com\/index.php\/wp-json\/wp\/v2\/media\/675"}],"wp:attachment":[{"href":"https:\/\/greenvicorp.com\/index.php\/wp-json\/wp\/v2\/media?parent=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}