/* light theme: page layer for contact */
@media (prefers-color-scheme: light) {
/* from <style 0> */
html #vccx:where(:not(.hero *):not(.hero)) { --cxa: #086d95; --cxa2: #086d95; --cxink: #141315; --cxmut: #4c4c4c; --cxsoft: #909090; --cxpan: rgba(11,13,18,0.057); --cxbrd: rgba(11,13,18,0.138); --cxbrd2: rgba(11,13,18,0.081); }
html #vccx .cx-vial:where(:not(.hero *):not(.hero)) { filter: drop-shadow(0 8px 20px rgba(94,196,232,0.09)); }
html #vccx .cx-cl img:where(:not(.hero *):not(.hero)) { filter: drop-shadow(0 22px 28px rgba(16,24,40,0.12)) drop-shadow(0 0 34px rgba(94,196,232,0.041)); }
html #vccx .cx-hero:where(:not(.hero *):not(.hero)) { background: radial-gradient(900px 480px at 50% -12%,rgba(94,196,232,.20),transparent 66%),radial-gradient(600px 300px at 85% 8%,rgba(130,198,240,.10),transparent 70%),#ffffff; }
html #vccx .cx-pill:where(:not(.hero *):not(.hero)) { color: #38383d; }
html #vccx .cx-pulse:where(:not(.hero *):not(.hero)) { box-shadow: 0 0 0 4px rgba(57,217,138,0.081); }
html #vccx .cx-h1:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html #vccx .cx-btn:hover:where(:not(.hero *):not(.hero)) { box-shadow: 0 12px 30px rgba(94,196,232,0.158); }
html #vccx .cx-ghost:where(:not(.hero *):not(.hero)) { color: #1d1d1f; }
html #vccx .cx-ghost:hover:where(:not(.hero *):not(.hero)) { border-color: rgba(8,109,149,0.6); }
html #vccx .cx-phone a:where(:not(.hero *):not(.hero)) { color: #38383d; }
html #vccx .cx-scroll:where(:not(.hero *):not(.hero)) { color: rgba(10,9,10,0.3); }
html #vccx .cx-tracksec:where(:not(.hero *):not(.hero)) { background: var(--bg-2,#ffffff); }
html #vccx .cx-track:where(:not(.hero *):not(.hero)) { border: 1px solid rgba(8,109,149,0.22); }
html #vccx .cx-track:hover:where(:not(.hero *):not(.hero)) { box-shadow: 0 8px 30px rgba(94,196,232,0.068); }
html #vccx .cx-track .ic:where(:not(.hero *):not(.hero)) { border: 1px solid rgba(8,109,149,0.3); }
html #vccx .cx-track .tt:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html #vccx .cx-faqsec:where(:not(.hero *):not(.hero)) { background: var(--bg-2,#ffffff); }
html #vccx .cx-faqhead h2:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html #vccx .cx-q[open]:where(:not(.hero *):not(.hero)) { border-color: rgba(8,109,149,0.35); }
html #vccx .cx-q summary:where(:not(.hero *):not(.hero)) { color: #19181a; }
html #vccx .cx-chev:where(:not(.hero *):not(.hero)) { background: rgba(11,13,18,0.069); color: #3c3c3c; }
html #vccx .cx-a:where(:not(.hero *):not(.hero)) { color: #424242; }
html #vccx .cx-qic:where(:not(.hero *):not(.hero)) { border: 1.5px solid rgba(8,109,149,0.4); }
html #vccx .cx-still h3:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html #vccx .cx-cta:where(:not(.hero *):not(.hero)) { background: radial-gradient(700px 320px at 50% 120%,rgba(94,196,232,.18),transparent 70%),#ffffff; }
html #vccx .cx-cta h2:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
/* --- hand fixes for contact --- */
/* contact: hand fixes (plain rules; the generator wraps them in the light media query) */

/* Page tokens: grey page, white cards, hairlines, the site's text greys */
html #vccx { --cxink: var(--text); --cxmut: var(--text-2); --cxsoft: var(--text-3); --cxpan: #ffffff;
  --cxbrd: var(--line-strong); --cxbrd2: var(--line); --cxa: var(--accent-ink); --cxa2: var(--accent-ink); }

/* Bands sit on the page grey (white bands + white cards had no separation) */
html #vccx .cx-hero { background: radial-gradient(900px 480px at 50% -12%, rgba(94,196,232,0.20), transparent 66%), radial-gradient(600px 300px at 85% 8%, rgba(130,198,240,0.10), transparent 70%), var(--bg) !important; }
html #vccx .cx-tracksec, html #vccx .cx-faqsec { background: var(--bg) !important; }
html #vccx .cx-vial { filter: drop-shadow(0 8px 16px rgba(16,24,40,0.10)) !important; }

/* "How can we help?": light-cyan gradient text was ~1.9:1 on the light hero */
html #vccx .cx-h1 .cx-cy { background: linear-gradient(120deg, #0a8abb, #086d95) !important; -webkit-background-clip: text !important; background-clip: text !important; }

/* Response-time pill + Discord ghost button: white with a hairline instead of grey slabs */
html #vccx .cx-pill { background: #ffffff !important; border-color: var(--line-strong) !important; color: var(--text-2) !important; box-shadow: 0 2px 8px rgba(16,24,40,0.04); }
html #vccx .cx-pulse { background: #12a150 !important; box-shadow: 0 0 0 4px rgba(18,161,80,0.16) !important; }
html #vccx .cx-ghost { background: #ffffff !important; border-color: var(--line-strong) !important; color: var(--text) !important; }
html #vccx .cx-ghost:hover { border-color: var(--accent-ink) !important; background: #ffffff !important; }
html #vccx .cx-ghost svg { color: var(--accent-ink) !important; }
html #vccx .cx-phone { color: var(--text-3) !important; }
html #vccx .cx-phone a { color: var(--text) !important; }
html #vccx .cx-scroll { color: rgba(11,13,18,0.35) !important; }

/* "Looking for your order?" card: cyan-tinted white card */
html #vccx .cx-track { background: linear-gradient(90deg, rgba(94,196,232,0.10), rgba(130,198,240,0.04)), #ffffff !important; border-color: rgba(8,109,149,0.22) !important; box-shadow: 0 8px 24px rgba(16,24,40,0.05); }
html #vccx .cx-track:hover { box-shadow: 0 10px 28px rgba(8,109,149,0.12) !important; }
html #vccx .cx-track .ic { background: rgba(94,196,232,0.14) !important; color: var(--accent-ink) !important; }
html #vccx .cx-track .go { color: var(--text-3) !important; }

/* Support FAQ + "Still have questions?": white cards with a hairline and soft shadow */
html #vccx .cx-q { background: #ffffff !important; border-color: var(--line) !important; box-shadow: 0 8px 24px rgba(16,24,40,0.05); }
html #vccx .cx-q[open] { border-color: rgba(8,109,149,0.35) !important; }
html #vccx .cx-q summary { color: var(--text) !important; }
html #vccx .cx-chev { background: #f1f4f7 !important; color: var(--text-2) !important; }
html #vccx .cx-q[open] .cx-chev { background: rgba(94,196,232,0.18) !important; color: var(--accent-ink) !important; }
html #vccx .cx-a { color: var(--text-2) !important; }
html #vccx .cx-a a { color: var(--accent-ink) !important; }
html #vccx .cx-still { background: #ffffff !important; border-color: var(--line) !important; box-shadow: 0 10px 30px rgba(16,24,40,0.06); }
html #vccx .cx-qic { color: var(--accent-ink) !important; border-color: rgba(8,109,149,0.35) !important; background: radial-gradient(closest-side, rgba(94,196,232,0.18), rgba(94,196,232,0.04)) !important; }

}