/* S1094 (owner 2026-10-13, "Glass like the app"): the public site joins the /app glass redesign - the faceted-crystal backdrop
   under a violet light, a floating glass nav, frosted cards, violet accent (also over the orange brand token). This
   reverses S1079's solid material on purpose (owner chose glass after seeing the homepage before/after). Linked last on
   every public page, after S1077/S1079 - same selectors, later in the cascade. The mountain hero stays.
   Rollback: remove the <link>. Blur only on cards and the nav; tall sections only lose their solid fill. */
:root, html[data-theme="light"] {
  --accent: #7C3AED; --accent-deep: #6D28D9; --accent-soft: #EDE9FE; --accent-glow: #DDD6FE; --qt-accent: #7C3AED;
  --bg-cream: #F7F7FB; --bg-paper: rgba(255, 255, 255, 0.72); --bg-off: rgba(255, 255, 255, 0.45);   /* cool, not cream (cream is also a text colour - kept opaque) */
  --qt-glass-bg: rgba(255, 255, 255, 0.60); --qt-glass-border: rgba(255, 255, 255, 0.90); --qt-glass-blur: 18px; --qt-glass-accent: #7C3AED;
  --dg-fill-1: rgb(255 255 255 / .64); --dg-fill-2: rgb(255 255 255 / .60); --dg-fill-3: rgb(255 255 255 / .56);
  --dg-sheen: linear-gradient(180deg, rgb(255 255 255 / .70) 0%, rgb(255 255 255 / 0) 40%);
  --dg-edge: rgb(255 255 255 / .92); --dg-base: rgb(46 38 110 / .12); --dg-edge-soft: rgb(255 255 255 / .55); --dg-rim: rgb(46 38 110 / .14);
  --dg-shadow-1: 0 1px 1px rgb(46 38 110 / .10), 0 22px 46px -24px rgb(46 38 110 / .34), 0 64px 120px -60px rgb(109 40 217 / .30);
  --dg-shadow-2: 0 1px 1px rgb(46 38 110 / .10), 0 16px 34px -18px rgb(46 38 110 / .30), 0 46px 90px -48px rgb(109 40 217 / .24);
  --dg-shadow-3: 0 1px 1px rgb(46 38 110 / .10), 0 12px 24px -14px rgb(46 38 110 / .28);
  --dg-shadow-up: 0 2px 2px rgb(46 38 110 / .10), 0 28px 56px -22px rgb(46 38 110 / .36), 0 76px 130px -60px rgb(109 40 217 / .36);
}
html[data-theme="dark"] {
  --accent: #A78BFA; --accent-deep: #8B5CF6; --accent-soft: #2E1065; --accent-glow: #C4B5FD; --qt-accent: #A78BFA;
  --bg-cream: #0B0B12; --bg-paper: rgba(24, 24, 36, 0.62); --bg-off: rgba(255, 255, 255, 0.03);
  --qt-glass-bg: rgba(24, 24, 36, 0.55); --qt-glass-border: rgba(255, 255, 255, 0.10); --qt-glass-accent: #8B5CF6;
  --dg-fill-1: rgb(24 24 36 / .58); --dg-fill-2: rgb(24 24 36 / .55); --dg-fill-3: rgb(32 30 46 / .55);
  --dg-sheen: linear-gradient(180deg, rgb(255 255 255 / .08) 0%, rgb(255 255 255 / 0) 40%);
  --dg-edge: rgb(255 255 255 / .12); --dg-base: rgb(0 0 0 / .5); --dg-edge-soft: rgb(255 255 255 / .05); --dg-rim: rgb(255 255 255 / .10);
  --dg-shadow-1: 0 1px 1px rgb(0 0 0 / .35), 0 20px 40px -18px rgb(0 0 0 / .70), 0 56px 104px -52px rgb(109 40 217 / .42);
  --dg-shadow-2: 0 1px 1px rgb(0 0 0 / .32), 0 16px 32px -16px rgb(0 0 0 / .64), 0 38px 76px -42px rgb(109 40 217 / .32);
  --dg-shadow-3: 0 1px 1px rgb(0 0 0 / .30), 0 10px 20px -11px rgb(0 0 0 / .60);
  --dg-shadow-up: 0 2px 2px rgb(0 0 0 / .32), 0 28px 52px -20px rgb(0 0 0 / .76), 0 70px 124px -56px rgb(109 40 217 / .52);
}

/* the backdrop */
html[data-theme] body, body {
  background:
    radial-gradient(900px 600px at 12% -10%, rgba(139, 92, 246, 0.20), transparent 65%),
    radial-gradient(800px 560px at 100% 10%, rgba(99, 102, 241, 0.12), transparent 60%),
    radial-gradient(1000px 700px at 50% 120%, rgba(167, 139, 250, 0.22), transparent 60%),
    url("/assets/qt-crystal-light.svg?v=s1094-1") center / cover no-repeat fixed, #e6e7ef !important;
}
html[data-theme="dark"] body {
  background:
    radial-gradient(900px 600px at 12% -10%, rgba(139, 92, 246, 0.30), transparent 65%),
    radial-gradient(800px 560px at 100% 10%, rgba(99, 102, 241, 0.16), transparent 60%),
    radial-gradient(1000px 700px at 50% 120%, rgba(76, 29, 149, 0.28), transparent 60%),
    url("/assets/qt-crystal-dark.svg?v=s1094-1") center / cover no-repeat fixed, #07070b !important;
}

/* glass again on S1077's card families (S1079 switched their blur off; same selectors, later here) */
html[data-theme] :is(.ws, .pro-terminal, .pricing-compare, .video-card, .qt-mining-panel, .qvstrip-inner, .dg-sheet, .qt-bento-card, .qm-card, .inst-card, .voice, .trusted-card, .infra-col, .pro-panel, .price-card:not(.recommended), .istat, .trust-stat, .qt-stat, .metric, .qt-mining-table),
html[data-theme] #vs-ai-chat .aicmp-table, html[data-theme] #vs-ai-chat table {
  -webkit-backdrop-filter: blur(var(--qt-glass-blur)) saturate(140%) !important; backdrop-filter: blur(var(--qt-glass-blur)) saturate(140%) !important;
}
html[data-theme] .price-card.recommended {
  background: linear-gradient(150deg, rgba(124, 92, 246, 0.92), rgba(109, 40, 217, 0.66) 55%, rgba(67, 56, 202, 0.6)) !important;
  border-color: rgba(196, 181, 253, 0.55) !important;
}

/* the nav floats as rounded glass (reel 2) */
nav.nav {
  top: 10px !important; left: 14px !important; right: 14px !important; width: auto !important; border-radius: 18px !important; border: 1px solid var(--qt-glass-border) !important;
  background: var(--qt-glass-bg) !important; -webkit-backdrop-filter: blur(var(--qt-glass-blur)) saturate(150%) !important; backdrop-filter: blur(var(--qt-glass-blur)) saturate(150%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), 0 18px 40px -22px rgba(0, 0, 0, 0.45) !important;
}
@media (max-width: 720px) { nav.nav { top: 8px !important; left: 8px !important; right: 8px !important; border-radius: 16px !important; } }
@media (prefers-reduced-transparency: reduce) {
  html[data-theme] :is(.ws, .qt-bento-card, .qm-card, .price-card, .metric, nav.nav) { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
}

/* the warm solid bands and the warm ambient wash give way to the violet-lit crystal; bands keep a faint glass tint */
html[data-theme] :is(.trust-strip, .dataflow-section, .inst-band, .pro-terminal-section, .security, .cta, .playbook) { background-color: rgba(255, 255, 255, 0.32) !important; }
html[data-theme="dark"] :is(.trust-strip, .dataflow-section, .inst-band, .pro-terminal-section, .security, .cta, .playbook) { background-color: rgba(255, 255, 255, 0.025) !important; }
html[data-theme] .dg-ambient { display: none !important; }
html[data-theme] footer.footer {
  margin: 40px 14px 14px; border-radius: 26px; border: 1px solid var(--qt-glass-border) !important; background: var(--qt-glass-bg) !important;
  -webkit-backdrop-filter: blur(var(--qt-glass-blur)); backdrop-filter: blur(var(--qt-glass-blur));
}

/* pages built on the KB/marketing template (cross-border, mining, ...): the same floating glass bar and violet CTA */
.mcr-nav {
  top: 10px; margin: 10px 14px 0; border-radius: 18px; border: 1px solid var(--qt-glass-border) !important;
  background: var(--qt-glass-bg) !important; -webkit-backdrop-filter: blur(var(--qt-glass-blur)) saturate(150%); backdrop-filter: blur(var(--qt-glass-blur)) saturate(150%);
}
body a.mcr-cta, body .mcr-nav a.mcr-cta {
  background: linear-gradient(135deg, #8B5CF6, #6D28D9) !important; color: #fff !important; border: 1px solid rgba(196, 181, 253, 0.45);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 10px 24px -12px rgba(124, 58, 237, 0.8);
}
@media (max-width: 720px) { .mcr-nav { margin: 8px 8px 0; top: 8px; border-radius: 16px; } }