/* PCG liquid glass: optical layers move behind stable, readable controls. */
.pcg-liquid-ready {
  isolation: isolate;
  background: #f4f8fc;
  --glass-x: 50%;
  --glass-y: 0%;
}
.pcg-liquid-scene {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
  contain: strict;
  background: linear-gradient(135deg, #edf4fa 0%, #fdfefe 48%, #e7f0f7 100%);
}
.pcg-liquid-scene > span { position: absolute; display: block; pointer-events: none; }
.liquid-depth {
  width: 124vw;
  height: 115vmax;
  left: -40vw;
  top: -41vmax;
  border-radius: 43% 57% 56% 44%;
  background: radial-gradient(ellipse at 53% 64%, #183f6245 0%, #376f9c35 19%, #93b7d32e 33%, #dcecf416 46%, transparent 63%);
  transform: translate3d(var(--liquid-x, 0vw), var(--liquid-y, 0vh), 0) rotate(var(--liquid-angle, -16deg)) scale(var(--liquid-scale, 1));
}
.liquid-wave {
  width: 120vw;
  height: 105vmax;
  top: -52vmax;
  right: -57vw;
  border-radius: 48% 52% 42% 58%;
  background: radial-gradient(ellipse at 47% 63%, #0f2d4340 0%, #2b618b30 24%, #b3d0e62b 39%, transparent 59%);
  transform: translate3d(var(--liquid-counter-x, 0vw), var(--liquid-counter-y, 0vh), 0) rotate(var(--liquid-counter-angle, 18deg));
}
.liquid-ribbon {
  width: 158vw;
  height: 87vmax;
  left: -28vw;
  top: -65vmax;
  border: 1px solid #ffffffc7;
  border-bottom-width: 2px;
  border-radius: 49%;
  background: linear-gradient(174deg, transparent 54%, #ffffff04 80%, #ffffff6e 100%);
  box-shadow: 0 8px 32px #ffffff73, inset 0 -5px 30px #ffffff70;
  transform: translate3d(var(--liquid-ribbon-x, 0vw), var(--liquid-ribbon-y, 0vh), 0) rotate(var(--liquid-ribbon-angle, -14deg));
}
.liquid-light {
  inset: 0;
  background: radial-gradient(ellipse at 50% 43%, #ffffffd1 0%, #ffffff70 37%, transparent 73%);
}
.motion-enabled .liquid-light { animation: liquid-breath 18s ease-in-out infinite alternate; }
@keyframes liquid-breath {
  from { opacity: .68; transform: scale(1) translate3d(-2%, -1%, 0); }
  to { opacity: 1; transform: scale(1.08) translate3d(3%, 2%, 0); }
}
.pcg-liquid-ready .hero-atmosphere { display: none; }
.pcg-liquid-ready .hero {
  background: linear-gradient(180deg, #ffffff12 0%, #ffffff2b 43%, #eef5fa38 78%, #ffffff63 100%);
}
.pcg-liquid-ready .ecosystem-strip { background: #ffffffad; }
.pcg-liquid-ready .solutions-section { background: #ffffff69; }
.pcg-liquid-ready .benefits-section { background: #eaf2f887; }
.pcg-liquid-ready .faq-section { background: #ffffffb0; }
.pcg-liquid-ready .resources-section { background: #ffffff75; }
.pcg-liquid-ready .contact-section { background: #eaf2f865; }
.pcg-liquid-ready .footer { background: #ffffffb8; }
.pcg-liquid-ready .process-section {
  background: linear-gradient(115deg, #0b243cf5, #133b58f0 60%, #173f5bec);
}
.pcg-liquid-ready .process-section::before {
  background: radial-gradient(ellipse at var(--section-glow-x, 80%) var(--section-glow-y, 20%), #8fbbd940, transparent 61%);
}
.pcg-liquid-ready .contact-section::before {
  background: radial-gradient(ellipse at var(--section-glow-x, 80%) var(--section-glow-y, 20%), #ffffff85, transparent 65%);
}
/* Bright upper edges and soft, darker lower edges give the glass depth. */
.pcg-liquid-ready .header {
  border-color: #ffffffd9;
  background: #ffffff94;
  box-shadow: 0 8px 35px #193e5910, inset 0 1px 0 #fff, inset 0 -1px 0 #5f85a025;
  -webkit-backdrop-filter: blur(26px) saturate(160%);
  backdrop-filter: blur(26px) saturate(160%);
}
.pcg-liquid-ready .header.scrolled { background: #ffffffb3; }
.pcg-liquid-ready :is(.button, .pcg-btn, .motion-toggle, .solution-icon, .play-circle) {
  background-image: radial-gradient(ellipse at var(--glass-x) var(--glass-y), #ffffff38, transparent 60%), linear-gradient(165deg, #ffffff17, transparent 45%, #031c3012);
  box-shadow: inset 0 1px 0 #ffffff4d, inset 0 -1px 0 #09263b24, 0 5px 18px #0f2d430c;
  -webkit-backdrop-filter: blur(12px) saturate(140%);
  backdrop-filter: blur(12px) saturate(140%);
}
.pcg-liquid-ready :is(.button, .pcg-btn, .motion-toggle):hover {
  background-image: radial-gradient(ellipse at var(--glass-x) var(--glass-y), #ffffff47, transparent 66%), linear-gradient(165deg, #ffffff21, transparent 45%, #031c3012);
  transform: none;
  box-shadow: inset 0 1px 0 #ffffff61, inset 0 -1px 0 #0c30472b, 0 8px 26px #0f2d4320;
}
.pcg-liquid-ready .button-light { background-color: #ffffffe8; }
.pcg-liquid-ready :is(.solution-card, .resource-card, .benefit-item, .contact-card, .connected-note) {
  background: radial-gradient(ellipse at var(--glass-x) var(--glass-y), #ffffffeb, #ffffff72 60%), linear-gradient(145deg, #ffffff69, #dcebf663);
  border-color: #ffffffcf;
  box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 #476e8f1c, 0 14px 45px -27px #183a6052;
  -webkit-backdrop-filter: blur(18px) saturate(130%);
  backdrop-filter: blur(18px) saturate(130%);
}
.pcg-liquid-ready :is(.solution-card, .resource-card):hover {
  transform: none;
  border-color: #a3c2d8;
  box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 #476e8f26, 0 16px 45px -22px #183a6040;
}
.pcg-liquid-ready .solution-card::after {
  width: 250px;
  height: 250px;
  top: -190px;
  right: -65px;
  border: 1px solid #ffffffb5;
  background: #ffffff1a;
  box-shadow: 0 3px 13px #ffffff4d;
  transform: rotate(-20deg);
}
.pcg-liquid-ready .process-step {
  border-color: #aacbe229;
  background: radial-gradient(ellipse at var(--glass-x) var(--glass-y), #d6ebfa1c, transparent 80%), #ffffff07;
  box-shadow: inset 0 1px 0 #ffffff0d, inset 0 -1px 0 #09203430;
}
.pcg-liquid-ready :is(.form-field, .pcg-field) :is(input, select, textarea) {
  background: radial-gradient(ellipse at var(--glass-x) var(--glass-y), #ffffffd4, #f7fbfe91 75%);
  border-color: #c6d8e6;
  box-shadow: inset 0 2px 5px #234c6b06, 0 1px 0 #ffffffcf;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.pcg-liquid-ready :is(.form-field, .pcg-field) :is(input, select, textarea):focus {
  border-color: #5689ae;
  background: #ffffffed;
  outline: 2px solid #7daac933;
  outline-offset: 2px;
  box-shadow: inset 0 1px 4px #17466306, 0 0 0 4px #a3c9e41c;
}
.pcg-liquid-ready :is(.form-field, .pcg-field) select option { color: #0f2d43; background: #fff; }
.pcg-liquid-ready .video-dialog::backdrop { background: #071d359e; backdrop-filter: blur(16px) saturate(70%); }
/* Stop the optical movement along with the page's existing motion control. */
html.motion-paused .pcg-liquid-ready :is(.button, .pcg-btn, .motion-toggle, .solution-card, .resource-card, .form-field input, .form-field select, .pcg-field input, .pcg-field select) { transition: none; }
@media (prefers-reduced-motion: reduce) {
  html:not(.motion-override) .liquid-light { animation: none; }
  html:not(.motion-override) .pcg-liquid-scene > span { transform: none; }
  html:not(.motion-override) .pcg-liquid-ready :is(.button, .pcg-btn, .solution-card, .resource-card) { transition: none; }
}
@media (max-width: 640px) {
  .liquid-depth { width: 175vw; left: -105vw; height: 110vmax; }
  .liquid-wave { width: 170vw; right: -107vw; height: 100vmax; }
  .liquid-ribbon { width: 250vw; left: -75vw; height: 90vmax; }
  .pcg-liquid-ready :is(.solution-card, .resource-card, .benefit-item, .contact-card, .connected-note) { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
  .pcg-liquid-ready :is(.form-field, .pcg-field) :is(input, select, textarea) { -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@supports not (backdrop-filter: blur(10px)) {
  .pcg-liquid-ready .header { background: #f9fcfff2; }
  .pcg-liquid-ready :is(.solution-card, .resource-card, .benefit-item, .contact-card, .connected-note) { background: #f9fcfff2; }
}