/* ============================================================
   Liquid Glass — Cenco Core (cenco.ai/core)
   Loaded after site-light.css. Chrome and floating surfaces become
   frosted, saturated glass with a specular rim. Content stays
   readable; frost is regular-material, not low-opacity glassmorphism.
   ============================================================ */

body.lite {
  --glass-blur: 26px;
  --glass-sat: 180%;
  --glass-r: 22px;
  --glass-fill: rgba(255, 255, 255, 0.46);
  --glass-fill-strong: rgba(255, 255, 255, 0.64);
  --glass-edge: rgba(255, 255, 255, 0.68);
  --glass-spec: inset 0 1px 0 rgba(255, 255, 255, 0.82), inset 0 -1px 0 rgba(255, 255, 255, 0.12);
  --glass-shadow: 0 22px 56px -28px rgba(21, 45, 105, 0.28), 0 2px 8px rgba(16, 24, 40, 0.04);
  --spot-x: 30%;
  --spot-y: 0%;
  background:
    radial-gradient(980px 520px at 86% -8%, rgba(155, 196, 255, 0.62), transparent 58%),
    radial-gradient(760px 460px at 8% 28%, rgba(160, 230, 210, 0.38), transparent 55%),
    radial-gradient(640px 380px at 50% 88%, rgba(186, 214, 255, 0.42), transparent 50%),
    #E8F0F8;
}

body.lite .nav__group,
body.lite .nav__right {
  position: relative;
  background: var(--glass-fill-strong);
  backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-sat));
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-sat));
  border: 1px solid var(--glass-edge);
  box-shadow: var(--glass-shadow), var(--glass-spec);
}
body.lite .nav.is-stuck .nav__group,
body.lite .nav.is-stuck .nav__right {
  background: rgba(255, 255, 255, 0.82);
}

body.lite .btn--primary,
body.lite .btn--dark {
  border-radius: 999px;
  background: linear-gradient(180deg, #3B7BFF, #1D4ED8);
  border: 1px solid rgba(255, 255, 255, 0.28);
  box-shadow: 0 10px 24px -12px rgba(29, 78, 216, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
body.lite .btn--outline {
  border-radius: 999px;
  background: var(--glass-fill);
  backdrop-filter: blur(16px) saturate(160%);
  -webkit-backdrop-filter: blur(16px) saturate(160%);
  border-color: var(--glass-edge);
  box-shadow: var(--glass-spec);
}

body.lite .hero,
body.lite .section,
body.lite .ptabs,
body.lite .statband,
body.lite .page-hero {
  background: transparent;
}
body.lite .section--deep {
  background: rgba(244, 247, 254, 0.42);
}

body.lite .mock,
body.lite .subledger,
body.lite .ppanel,
body.lite .statband__inner,
body.lite .grid-1px,
body.lite .invariants-code,
body.lite .opt,
body.lite .field input,
body.lite .field textarea {
  background: var(--glass-fill);
  backdrop-filter: blur(20px) saturate(var(--glass-sat));
  -webkit-backdrop-filter: blur(20px) saturate(var(--glass-sat));
  border-color: var(--glass-edge);
  box-shadow: var(--glass-shadow), var(--glass-spec);
}
body.lite .mock,
body.lite .subledger,
body.lite .ppanel,
body.lite .invariants-code { border-radius: var(--glass-r); }
body.lite .statband__inner,
body.lite .grid-1px {
  border-radius: var(--glass-r);
  overflow: hidden;
  gap: 1px;
  background: rgba(21, 94, 239, 0.08);
  border: 1px solid var(--glass-edge);
  box-shadow: var(--glass-shadow);
}
body.lite .grid-1px > *,
body.lite .stat { background: rgba(255, 255, 255, 0.55); }

body.lite .kpi,
body.lite .mcard,
body.lite .wnode,
body.lite .ptab,
body.lite .chip,
body.lite .soon__chip {
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(12px) saturate(160%);
  -webkit-backdrop-filter: blur(12px) saturate(160%);
  border-radius: 14px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

body.lite .ptab { border-radius: 999px; }
body.lite .ptab[aria-selected="true"] {
  background: rgba(255, 255, 255, 0.86);
  box-shadow: var(--glass-spec);
}

body.lite .ppanel__copy {
  background: rgba(14, 27, 52, 0.72);
  backdrop-filter: blur(22px) saturate(160%);
  -webkit-backdrop-filter: blur(22px) saturate(160%);
}

body.lite .flip-grid--modules {
  background: transparent;
  border: none;
  gap: 14px;
}
body.lite .fcard--sm .fcard__face {
  background: var(--glass-fill) !important;
  backdrop-filter: blur(18px) saturate(170%);
  -webkit-backdrop-filter: blur(18px) saturate(170%);
  border: 1px solid var(--glass-edge) !important;
  border-radius: 20px !important;
  box-shadow: var(--glass-shadow), var(--glass-spec);
}
body.lite .mrail .fcard__face {
  clip-path: none;
  border-radius: 20px !important;
}

body.lite .cta-final {
  border-radius: 28px;
  margin: 0 24px 24px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  box-shadow: 0 30px 80px -36px rgba(6, 16, 32, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

body.lite .sheet {
  background: var(--glass-fill-strong);
  backdrop-filter: blur(24px) saturate(180%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  border-color: var(--glass-edge);
}

@media (prefers-reduced-transparency: reduce) {
  body.lite .nav__group,
  body.lite .nav__right,
  body.lite .mock,
  body.lite .subledger,
  body.lite .ppanel,
  body.lite .fcard--sm .fcard__face,
  body.lite .opt {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background: #fff;
  }
}

@media (max-width: 700px) {
  /* Phone homepage stays the dark atmosphere piece — do not glass-wash it. */
  body.lite .nav__group,
  body.lite .nav__right {
    background: rgba(7, 13, 25, 0.72);
    border-color: rgba(255, 255, 255, 0.16);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
  }
}