/* Shared reference-image art direction for the existing non-home pages.
   Keep page content, semantics, application behavior, and product logos intact. */
:root {
  --inner-navy: #153b6d;
  --inner-blue: #1377d1;
  --inner-ice: #e5f5ff;
  --inner-cut: inset 2px 2px 0 rgb(255 255 255 / 98%),
    inset -3px -3px 0 rgb(35 127 233 / 31%),
    inset 0 -13px 20px rgb(30 129 238 / 8%),
    0 18px 42px rgb(25 90 164 / 13%),
    0 0 0 1px rgb(51 139 229 / 21%);
}

body.glass-water:is(.service-page,.distributor-page,.legal-page,.admin-page) {
  color: var(--inner-navy);
  background: #f7fbff;
}

/* The shared fixed water layer sits behind these translucent hero washes. */
body.glass-water:is(.service-page,.distributor-page) :is(.service-hero,.pd-hero) {
  isolation: isolate;
  background: linear-gradient(90deg,rgb(255 255 255 / 59%) 0%,rgb(255 255 255 / 25%) 45%,transparent 74%) !important;
}
body.glass-water.service-page .service-hero::before {
  background: linear-gradient(180deg,rgb(255 255 255 / 28%),transparent 45%,rgb(202 231 255 / 13%));
}
body.glass-water .site-header {
  background: linear-gradient(135deg,rgb(255 255 255 / 61%),rgb(239 249 255 / 32%) 70%,rgb(86 164 243 / 12%)) !important;
  border-color: rgb(255 255 255 / 94%) !important;
  box-shadow: inset 2px 2px 0 #fff,inset -2px -3px 0 rgb(63 147 233 / 25%),0 13px 35px rgb(19 87 159 / 13%);
  backdrop-filter: blur(8px) saturate(128%);
}
body.glass-water .site-header::after {
  content: ''; position: absolute; inset: 3px; border: 1px solid rgb(255 255 255 / 45%);
  border-radius: inherit; pointer-events: none;
}
body.glass-water :is(.service-menu-panel,.mobile-navigation,.mobile-service-panel) {
  background: linear-gradient(145deg,rgb(255 255 255 / 81%),rgb(221 240 255 / 78%)) !important;
  box-shadow: var(--inner-cut);
}

/* Preserve all copy and CTA destinations while giving controls a clear blue lens. */
body.glass-water :is(.service-hero,.pd-hero) .button,
body.glass-water .service-feature-copy .button {
  --liquid-light: #88ccf8;
  --liquid-base: #0865b9;
  --liquid-border: #bce8ff;
  color: #fff !important;
  border: 1px solid rgb(255 255 255 / 94%) !important;
  background: linear-gradient(145deg,#a9e2ff 0%,#318cd5 34%,#0c5fb6 76%,#6ab9f1 100%) !important;
  box-shadow: inset 2px 2px 0 rgb(255 255 255 / 95%),inset -2px -3px 0 rgb(4 60 144 / 55%),0 11px 26px rgb(24 103 187 / 23%);
}
body.glass-water :is(.service-hero,.pd-hero) .button::before,
body.glass-water .service-feature-copy .button::before {
  background: linear-gradient(132deg,rgb(255 255 255 / 31%),transparent 36%,rgb(11 63 168 / 23%) 100%) !important;
}
body.glass-water :is(.service-hero,.pd-hero) .button:hover {
  box-shadow: inset 2px 2px 0 #fff,inset -2px -3px 0 rgb(4 60 144 / 55%),0 16px 32px rgb(24 103 187 / 30%);
}
body.glass-water .service-hero h1 em { color: #1467bb; }
body.glass-water :is(.service-hero h1,.service-section h2,.pd-hero h1,.pd-section h2) { text-shadow: 0 1px 0 rgb(255 255 255 / 66%); }
body.glass-water .service-hero-line,
body.glass-water .pd-hero-line {
  border-top-color: rgb(255 255 255 / 79%);
  color: #315f8f;
  text-shadow: 0 1px rgb(255 255 255 / 65%);
}

/* The service bodies use an editorial rhythm: clear copy, then optical panels. */
body.glass-water.service-page .service-section {
  position: relative;
  background: linear-gradient(155deg,rgb(255 255 255 / 35%),rgb(231 246 255 / 17%) 67%,rgb(255 255 255 / 33%)) !important;
}
body.glass-water.service-page .service-feature {
  background: linear-gradient(160deg,rgb(220 240 255 / 25%),rgb(255 255 255 / 35%) 44%,rgb(205 232 255 / 17%)) !important;
}
body.glass-water.service-page .service-feature::before {
  content: none;
}
body.glass-water.service-page .service-feature > * { position: relative; z-index: 1; }
body.glass-water.service-page .service-grid { gap: clamp(16px,2vw,28px); }
body.glass-water.service-page .service-card {
  min-height: 245px; padding: clamp(23px,2.5vw,34px);
  border: 1px solid rgb(255 255 255 / 92%) !important;
  border-radius: 23px;
  background: linear-gradient(140deg,rgb(255 255 255 / 52%),rgb(218 240 255 / 29%) 64%,rgb(76 155 240 / 14%)) !important;
  box-shadow: var(--inner-cut);
  backdrop-filter: blur(4px) saturate(125%);
  transition: transform .35s ease,box-shadow .35s ease;
}
body.glass-water.service-page .service-card::before {
  content: ''; position: absolute; inset: 3px; border: 1px solid rgb(255 255 255 / 48%);
  border-radius: 19px; pointer-events: none;
  background: linear-gradient(122deg,rgb(255 255 255 / 18%),transparent 52%);
}
body.glass-water.service-page .service-card:hover { transform: translateY(-4px); box-shadow: var(--inner-cut),0 16px 38px rgb(33 118 204 / 13%); }
body.glass-water.service-page .service-card > * { position: relative; z-index: 1; }
body.glass-water.service-page .service-card > span { color: #155fa8; }
body.glass-water.service-page .service-feature-list { border-color: rgb(89 155 216 / 36%); }
body.glass-water.service-page .service-feature-list li { border-color: rgb(89 155 216 / 27%); }
body.glass-water.service-page .site-footer { background: linear-gradient(180deg,rgb(240 249 255 / 32%),rgb(202 231 255 / 35%)) !important; }

/* Recruitment stays information-dense, with the same light/water optics. */
body.glass-water.distributor-page .pd-hero::before {
  background: linear-gradient(90deg,rgb(255 255 255 / 38%),transparent 72%);
}
body.glass-water.distributor-page :is(.pd-work-path,.pd-why,.pd-bonus,.pd-steps,.pd-application) {
  background: linear-gradient(160deg,rgb(255 255 255 / 38%),rgb(232 247 255 / 23%),rgb(255 255 255 / 33%)) !important;
}
body.glass-water.distributor-page :is(.pd-spare-experience,.pd-simulator,.pd-reward,.pd-style,.pd-faq) {
  background: linear-gradient(140deg,rgb(219 239 255 / 25%),rgb(255 255 255 / 39%) 49%,rgb(225 243 255 / 22%)) !important;
}
body.glass-water.distributor-page :is(.pd-path-choice,.pd-simulator-panel,.pd-benefits article,.pd-style-card,.pd-bonus-example,.pd-faq-list,.pd-form-panel) {
  border-radius: 20px;
  border-color: rgb(255 255 255 / 92%) !important;
  background: linear-gradient(145deg,rgb(255 255 255 / 51%),rgb(220 242 255 / 24%) 70%,rgb(70 153 238 / 10%)) !important;
  box-shadow: var(--inner-cut);
  backdrop-filter: blur(3px) saturate(125%);
}
body.glass-water.distributor-page :is(.pd-form-panel,.pd-simulator-panel) { background: linear-gradient(140deg,rgb(255 255 255 / 76%),rgb(235 248 255 / 59%)) !important; }
body.glass-water.distributor-page .pd-hero-image.optical-recruit { filter: drop-shadow(0 18px 25px rgb(28 103 179 / 14%)); }
body.glass-water.distributor-page .pd-simulator-presets { margin: 0 auto clamp(36px,5vw,68px); }
body.glass-water.distributor-page .pd-simulator-presets > span { color: #315f8f; font-weight: 700; }
body.glass-water.distributor-page .pd-simulator-presets button {
  min-height: 91px;
  border: 2px solid rgb(255 255 255 / 95%) !important;
  border-radius: 15px;
  color: #fff !important;
  background: linear-gradient(145deg,#9bd4fa 0%,#378ed1 30%,#1068b8 76%,#268ad2 100%) !important;
  box-shadow: inset 2px 2px 0 rgb(255 255 255 / 91%),inset -2px -3px 0 rgb(2 55 128 / 43%),0 9px 22px rgb(24 103 187 / 20%);
  text-shadow: 0 1px 2px rgb(8 65 130 / 28%);
}
body.glass-water.distributor-page .pd-simulator-presets button :is(span,strong) { color: #fff !important; }
body.glass-water.distributor-page .pd-simulator-presets button:hover {
  transform: translateY(-3px);
  box-shadow: inset 2px 2px 0 #fff,inset -2px -3px 0 rgb(2 55 128 / 43%),0 15px 28px rgb(24 103 187 / 28%);
}
body.glass-water.distributor-page .pd-simulator-presets button[aria-pressed="true"] {
  border-color: #d6f2ff !important;
  background: linear-gradient(145deg,#76c7f9 0%,#197cce 35%,#064c9b 100%) !important;
  box-shadow: inset 2px 2px 0 rgb(255 255 255 / 93%),inset -2px -3px 0 rgb(2 50 118 / 54%),0 0 0 3px rgb(41 141 232 / 39%),0 12px 27px rgb(24 103 187 / 28%);
}
body.glass-water.distributor-page .pd-simulator-presets button:focus-visible { outline: 3px solid #064c9b; outline-offset: 5px; }

/* Legal and private administration pages need calm water light, not busy art. */
body.glass-water:is(.legal-page,.admin-page)::before {
  background:
    linear-gradient(rgb(255 255 255 / 24%),rgb(255 255 255 / 24%)),
    url('images/inner-pages-20261006/water-horizon.webp') center center / cover no-repeat;
}
body.glass-water:is(.legal-page,.admin-page)::after { opacity: .13; animation: none; }
body.glass-water.legal-page .legal-shell { max-width: 940px; }
body.glass-water.legal-page .legal-brand { color: var(--inner-navy); }
body.glass-water.legal-page .legal-document {
  border-radius: 22px;
  border-color: rgb(255 255 255 / 96%) !important;
  background: linear-gradient(150deg,rgb(255 255 255 / 91%),rgb(240 249 255 / 83%)) !important;
  box-shadow: var(--inner-cut);
  backdrop-filter: blur(5px);
}
body.glass-water.legal-page .legal-document h1,
body.glass-water.legal-page .legal-document h2 { color: #153b6d; }
body.glass-water.legal-page .legal-document :is(p,li) { color: #294869; }
body.glass-water.legal-page .legal-document a { color: #0756aa; }

body.glass-water.admin-page .admin-header {
  border-bottom-color: rgb(255 255 255 / 92%);
  background: linear-gradient(130deg,rgb(255 255 255 / 83%),rgb(220 241 255 / 55%)) !important;
  box-shadow: inset 0 2px 0 #fff,0 10px 31px rgb(30 91 165 / 11%);
}
body.glass-water.admin-page :is(.auth-card,.summary article,.controls,.application,.state) {
  border-radius: 18px;
  border-color: rgb(255 255 255 / 95%) !important;
  background: linear-gradient(145deg,rgb(255 255 255 / 89%),rgb(230 246 255 / 72%)) !important;
  box-shadow: var(--inner-cut);
  backdrop-filter: blur(4px);
}
body.glass-water.admin-page .application.is-unread {
  border-color: #d96469 !important;
  background: linear-gradient(145deg,rgb(255 247 247 / 95%),rgb(235 246 255 / 78%)) !important;
  box-shadow: inset 5px 0 #d95862,var(--inner-cut);
}
body.glass-water.admin-page :is(.primary-auth-button,.reply-button,#refresh) {
  color: #fff !important;
  background: linear-gradient(145deg,#65bafa,#126ac1 68%,#0d4d9e) !important;
  box-shadow: inset 2px 2px rgb(255 255 255 / 80%),inset -2px -3px rgb(0 49 125 / 44%),0 10px 20px rgb(24 103 187 / 17%);
}
body.glass-water.admin-page :is(.auth-form input,.auth-form select,.controls input,.controls select) { background: rgb(255 255 255 / 85%); }

@media (max-width: 900px) {
  body.glass-water:is(.service-page,.distributor-page) :is(.service-hero,.pd-hero) {
    background-position: center bottom !important;
  }
  body.glass-water.service-page .service-card { min-height: 0; }
}
@media (max-width: 600px) {
  body.glass-water:is(.service-page,.distributor-page) :is(.service-hero,.pd-hero) {
    background: linear-gradient(180deg,rgb(255 255 255 / 53%),rgb(255 255 255 / 22%) 54%,rgb(255 255 255 / 15%)) !important;
  }
  body.glass-water.service-page .service-card { padding: 23px; }
  body.glass-water.legal-page .legal-document { padding: 25px 21px; }
}
@media (prefers-reduced-motion: reduce) {
  body.glass-water.service-page .service-card { transition: none; }
}
@media (forced-colors: active) {
  body.glass-water.distributor-page .pd-simulator-presets button { color: ButtonText !important; background: ButtonFace !important; border: 2px solid ButtonText !important; box-shadow: none; text-shadow: none; }
  body.glass-water.distributor-page .pd-simulator-presets button :is(span,strong) { color: ButtonText !important; }
  body.glass-water:is(.service-page,.distributor-page,.legal-page,.admin-page) :is(.service-card,.legal-document,.auth-card,.application,.pd-form-panel) {
    background: Canvas !important; color: CanvasText; border: 1px solid CanvasText !important; box-shadow: none;
  }
}