/* Crafters Apex v3.4 — luminous editorial product system.
   Loaded after the legacy utilities so this layer owns visual priority. */
:root {
  color-scheme: light;
  --apex-paper: #F5F8F5;
  --apex-white: #FFFFFF;
  --apex-surface-2: #EEF3EF;
  --apex-line: #DCE5DF;
  --apex-ink: #1B2A21;
  --apex-muted: #53635A;
  --apex-primary: #2B6B4D;
  --apex-primary-hover: #20583D;
  --apex-primary-rgb: 43, 107, 77;
  --apex-secondary: #176C70;
  --apex-danger: #A52836;
  --apex-amber: #8A4D14;
  --cb-lime: #2B6B4D;
  --cb-lime-rgb: 43, 107, 77;
  --cb-lime-deep: #20583D;
  --cb-red: #A52836;
  --cb-red-rgb: 165, 40, 54;
  --cb-bg: #F5F8F5;
  --cb-edge: rgba(27, 42, 33, .12);
  --cb-text: #1B2A21;
  --cb-mute: #53635A;
}

/* Every regular site page uses the light system; the server console is scoped below. */
body:not(.cb-server-console) {
  color-scheme: light;
  color: var(--apex-ink) !important;
  background-color: var(--apex-paper) !important;
  background-image:
    radial-gradient(850px 480px at 92% -8%, rgba(var(--apex-primary-rgb), .075), transparent 64%),
    radial-gradient(700px 440px at -12% 42%, rgba(var(--apex-primary-rgb), .035), transparent 68%) !important;
  font-family: var(--cb-font-body, 'IBM Plex Sans', system-ui, sans-serif);
}

body:not(.cb-server-console) h1,
body:not(.cb-server-console) h2,
body:not(.cb-server-console) h3,
body:not(.cb-server-console) h4 {
  color: var(--apex-ink);
  text-wrap: pretty;
}

body:not(.cb-server-console) ::selection {
  color: #FFFFFF;
  background: rgba(var(--apex-primary-rgb), .82);
}

body:not(.cb-server-console) :focus-visible {
  outline: 3px solid var(--apex-primary) !important;
  outline-offset: 3px;
  border-radius: 6px;
}

body:not(.cb-server-console) a:not(.btn-primary-glow):not(.btn-accent):not(.btn-danger) {
  text-decoration-color: rgba(var(--apex-primary-rgb), .38);
  text-underline-offset: .18em;
}
body:not(.cb-server-console) a:hover { text-decoration-color: currentColor; }

/* Semantic utility tokens and legacy dark surfaces. */
body:not(.cb-server-console) .bg-void { background-color: var(--apex-paper) !important; }
body:not(.cb-server-console) .bg-surface { background-color: var(--apex-white) !important; }
body:not(.cb-server-console) .bg-elevated { background-color: var(--apex-surface-2) !important; }
body:not(.cb-server-console) .text-ink { color: var(--apex-ink) !important; }
body:not(.cb-server-console) .text-mute { color: var(--apex-muted) !important; }
body:not(.cb-server-console) .text-primary,
body:not(.cb-server-console) .text-accent { color: var(--apex-primary) !important; }
body:not(.cb-server-console) .text-diamond { color: var(--apex-secondary) !important; }
body:not(.cb-server-console) .text-ember { color: var(--apex-amber) !important; }
body:not(.cb-server-console) .text-redstone,
body:not(.cb-server-console) .text-red-400,
body:not(.cb-server-console) .text-red-500 { color: var(--apex-danger) !important; }
body:not(.cb-server-console) .text-green-400,
body:not(.cb-server-console) .text-green-500 { color: var(--apex-primary) !important; }
body:not(.cb-server-console) .text-yellow-400,
body:not(.cb-server-console) .text-yellow-500 { color: #805300 !important; }
body:not(.cb-server-console) .text-gray-300,
body:not(.cb-server-console) .text-gray-400 { color: #59685F !important; }

body:not(.cb-server-console) .bg-primary,
body:not(.cb-server-console) .bg-accent { background-color: var(--apex-primary) !important; }
body:not(.cb-server-console) .border-primary,
body:not(.cb-server-console) .border-accent { border-color: var(--apex-primary) !important; }
body:not(.cb-server-console) [class~="bg-primary/5"] { background-color: rgba(var(--apex-primary-rgb), .05) !important; }
body:not(.cb-server-console) [class~="bg-primary/10"] { background-color: rgba(var(--apex-primary-rgb), .10) !important; }
body:not(.cb-server-console) [class~="bg-primary/20"] { background-color: rgba(var(--apex-primary-rgb), .16) !important; }
body:not(.cb-server-console) [class~="bg-accent/10"] { background-color: rgba(var(--apex-primary-rgb), .10) !important; }
body:not(.cb-server-console) [class~="border-primary/20"],
body:not(.cb-server-console) [class~="border-primary/25"],
body:not(.cb-server-console) [class~="border-primary/30"],
body:not(.cb-server-console) [class~="border-primary/50"] { border-color: rgba(var(--apex-primary-rgb), .24) !important; }
body:not(.cb-server-console) [class~="bg-void/80"],
body:not(.cb-server-console) [class~="bg-void/90"] { background-color: rgba(245, 248, 245, .92) !important; }
body:not(.cb-server-console) [class~="bg-surface/20"],
body:not(.cb-server-console) [class~="bg-surface/30"],
body:not(.cb-server-console) [class~="bg-surface/50"],
body:not(.cb-server-console) [class~="bg-surface/60"] { background-color: rgba(255, 255, 255, .88) !important; }
body:not(.cb-server-console) [class~="bg-[#0e1519]"],
body:not(.cb-server-console) [class~="bg-[#070b0d]"],
body:not(.cb-server-console) [class~="bg-[#05050a]"],
body:not(.cb-server-console) [class~="bg-[#05080a]"],
body:not(.cb-server-console) [class~="bg-black"] {
  color: var(--apex-ink) !important;
  background-color: var(--apex-white) !important;
}

body:not(.cb-server-console) .glass-card,
body:not(.cb-server-console) .glass-sidebar,
body:not(.cb-server-console) .cb-panel {
  color: var(--apex-ink);
  background: rgba(255, 255, 255, .94) !important;
  border-color: var(--apex-line) !important;
  box-shadow: 0 14px 38px rgba(31, 55, 39, .075), 0 2px 8px rgba(31, 55, 39, .035) !important;
  -webkit-backdrop-filter: blur(14px) saturate(120%);
  backdrop-filter: blur(14px) saturate(120%);
}
body:not(.cb-server-console) .glass-sidebar { border-right-color: var(--apex-line) !important; }
body:not(.cb-server-console) .glass-card.group:hover,
body:not(.cb-server-console) .cb-panel--hover:hover,
body:not(.cb-server-console) .glow-hover:hover,
body:not(.cb-server-console) .card-hover:hover {
  border-color: rgba(var(--apex-primary-rgb), .35) !important;
  box-shadow: 0 18px 42px rgba(31, 55, 39, .12) !important;
}
body:not(.cb-server-console) .grid-pattern {
  background-image:
    linear-gradient(to right, rgba(var(--apex-primary-rgb), .025) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(var(--apex-primary-rgb), .025) 1px, transparent 1px);
}
body:not(.cb-server-console) .strata { opacity: .28; }

/* Light fields, readable helper text and consistent focus. */
body:not(.cb-server-console) input:not([type="checkbox"]):not([type="radio"]),
body:not(.cb-server-console) textarea,
body:not(.cb-server-console) select {
  color: var(--apex-ink);
  background-color: #FFFFFF;
  border-color: #CAD7CE;
}
body:not(.cb-server-console) input::placeholder,
body:not(.cb-server-console) textarea::placeholder { color: #69776E; opacity: 1; }
body:not(.cb-server-console) input:focus,
body:not(.cb-server-console) textarea:focus,
body:not(.cb-server-console) select:focus {
  border-color: var(--apex-primary) !important;
  box-shadow: 0 0 0 3px rgba(var(--apex-primary-rgb), .16) !important;
}
body:not(.cb-server-console) #sessionLogoutButton,
body:not(.cb-server-console) #sessionLogoutButtonMobile { color: var(--apex-danger) !important; text-shadow: none !important; }

/* Primary, secondary and destructive actions. The continuous legacy glow is removed. */
body:not(.cb-server-console) .btn-primary-glow,
body:not(.cb-server-console) .btn-accent {
  color: #FFFFFF !important;
  background: linear-gradient(135deg, #347B57, var(--apex-primary)) !important;
  background-size: 100% 100% !important;
  border-color: transparent !important;
  box-shadow: 0 5px 14px rgba(var(--apex-primary-rgb), .18) !important;
  animation: none !important;
}
body:not(.cb-server-console) .btn-ghost,
body:not(.cb-server-console) .btn-shine,
body:not(.cb-server-console) .back-btn {
  color: var(--apex-ink) !important;
  background-color: #FFFFFF !important;
  border-color: var(--apex-line) !important;
  box-shadow: 0 2px 8px rgba(31, 55, 39, .045);
}
body:not(.cb-server-console) .btn-danger {
  color: #FFFFFF !important;
  background: var(--apex-danger) !important;
  border-color: var(--apex-danger) !important;
}
body:not(.cb-server-console) .btn-ghost:hover,
body:not(.cb-server-console) .back-btn:hover { color: var(--apex-primary) !important; }
body:not(.cb-server-console) .btn-primary-glow::after,
body:not(.cb-server-console) .btn-accent::after,
body:not(.cb-server-console) .btn-shine::after,
body:not(.cb-server-console) .btn-ghost::after { opacity: .22; }
body:not(.cb-server-console) .nav-link::after { background: var(--apex-primary); }
body:not(.cb-server-console) .tab-btn[data-active="true"] {
  color: var(--apex-primary) !important;
  background-color: rgba(var(--apex-primary-rgb), .09) !important;
  border-color: rgba(var(--apex-primary-rgb), .24) !important;
  box-shadow: none !important;
}
body:not(.cb-server-console) .tab-btn[data-active="false"] { color: var(--apex-muted) !important; }
body:not(.cb-server-console) .tab-btn[data-active="false"]:hover { color: var(--apex-primary) !important; background: var(--apex-surface-2) !important; }

/* All buttons gain a restrained lift/press response; button-like links follow suit. */
:where(button, [role="button"], input[type="button"], input[type="submit"], input[type="reset"],
  a.btn-primary-glow, a.btn-accent, a.btn-ghost, a.btn-shine, a.btn-danger, a.back-btn,
  a[class~="bg-primary"], a[class~="bg-accent"], a[class~="bg-ember"], a[class~="bg-diamond"],
  a[class~="bg-redstone"], a[role="button"]) {
  transition: transform .18s cubic-bezier(.2, .75, .25, 1), box-shadow .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease;
  -webkit-tap-highlight-color: transparent;
}
:where(button, [role="button"], input[type="button"], input[type="submit"], input[type="reset"],
  a.btn-primary-glow, a.btn-accent, a.btn-ghost, a.btn-shine, a.btn-danger, a.back-btn,
  a[class~="bg-primary"], a[class~="bg-accent"], a[class~="bg-ember"], a[class~="bg-diamond"],
  a[class~="bg-redstone"], a[role="button"]):not(:disabled):hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(32, 70, 48, .12);
}
:where(button, [role="button"], input[type="button"], input[type="submit"], input[type="reset"],
  a.btn-primary-glow, a.btn-accent, a.btn-ghost, a.btn-shine, a.btn-danger, a.back-btn,
  a[class~="bg-primary"], a[class~="bg-accent"], a[class~="bg-ember"], a[class~="bg-diamond"],
  a[class~="bg-redstone"], a[role="button"]):not(:disabled):active { transform: scale(.985); }
:where(button, [role="button"], input[type="button"], input[type="submit"], input[type="reset"]):disabled { cursor: not-allowed; }

/* Motion is opt-in at the element level; the script leaves all content visible if it fails. */
.apex-motion-ready [data-apex-reveal] {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .48s ease var(--apex-motion-delay, 0ms), transform .48s cubic-bezier(.2, .75, .25, 1) var(--apex-motion-delay, 0ms);
}
.apex-motion-ready [data-apex-reveal].is-visible { opacity: 1; transform: translateY(0); }

/* Seasonal palettes replace the base accent only inside the requested date windows. */
html.season-halloween {
  --apex-paper: #FAF7F2;
  --apex-primary: #8A4D14;
  --apex-primary-hover: #6F3A10;
  --apex-primary-rgb: 138, 77, 20;
  --apex-secondary: #67508B;
  --cb-lime: #8A4D14;
  --cb-lime-rgb: 138, 77, 20;
  --cb-lime-deep: #6F3A10;
  --cb-bg: #FAF7F2;
}
html.season-christmas {
  --apex-paper: #F4F8F6;
  --apex-primary: #1F6848;
  --apex-primary-hover: #174E36;
  --apex-primary-rgb: 31, 104, 72;
  --apex-secondary: #8A3446;
  --cb-lime: #1F6848;
  --cb-lime-rgb: 31, 104, 72;
  --cb-lime-deep: #174E36;
  --cb-bg: #F4F8F6;
}
html.season-halloween body:not(.cb-server-console) {
  background-image:
    radial-gradient(820px 480px at 92% -8%, rgba(138, 77, 20, .09), transparent 64%),
    radial-gradient(700px 440px at -12% 42%, rgba(103, 80, 139, .045), transparent 68%) !important;
}
html.season-christmas body:not(.cb-server-console) {
  background-image:
    radial-gradient(820px 480px at 92% -8%, rgba(31, 104, 72, .08), transparent 64%),
    radial-gradient(700px 440px at -12% 42%, rgba(138, 52, 70, .045), transparent 68%) !important;
}
html.season-halloween body:not(.cb-server-console) .btn-primary-glow,
html.season-halloween body:not(.cb-server-console) .btn-accent { background: linear-gradient(135deg, #A76325, #8A4D14) !important; }
html.season-christmas body:not(.cb-server-console) .btn-primary-glow,
html.season-christmas body:not(.cb-server-console) .btn-accent { background: linear-gradient(135deg, #2C7958, #1F6848) !important; }
html.season-halloween body:not(.cb-server-console) .cb-seasonal-badge { color: #73400F; border-color: rgba(138,77,20,.28); }
html.season-christmas body:not(.cb-server-console) .cb-seasonal-badge { color: #1F6848; border-color: rgba(31,104,72,.25); }

/* Low-glare server console: charcoal, never pure black; keep terminal/editor legible. */
body.cb-server-console {
  color-scheme: dark;
  color: #DDE7E0 !important;
  background-color: #151D20 !important;
  background-image:
    radial-gradient(760px 460px at 88% -8%, rgba(95, 145, 105, .10), transparent 64%),
    radial-gradient(650px 420px at -10% 42%, rgba(63, 111, 112, .06), transparent 68%) !important;
}
body.cb-server-console .bg-void { background-color: #151D20 !important; }
body.cb-server-console .bg-surface { background-color: #1C272B !important; }
body.cb-server-console .bg-elevated { background-color: #263237 !important; }
body.cb-server-console .text-ink { color: #DDE7E0 !important; }
body.cb-server-console .text-mute { color: #A8B7AE !important; }
body.cb-server-console .text-primary,
body.cb-server-console .text-accent { color: #B5D29A !important; }
body.cb-server-console .border-line { border-color: #34443F !important; }
body.cb-server-console .glass-card,
body.cb-server-console .glass-sidebar,
body.cb-server-console .cb-panel {
  color: #DDE7E0;
  background: rgba(29, 40, 44, .94) !important;
  border-color: rgba(194, 215, 201, .12) !important;
  box-shadow: 0 16px 44px rgba(0,0,0,.22) !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}
body.cb-server-console input,
body.cb-server-console textarea,
body.cb-server-console select { color: #E3ECE5; background-color: #202C30; border-color: #40514A; }
body.cb-server-console .cb-site-footer { background: #11181B; color: #A9B5AE; border-top-color: rgba(220,235,224,.10); }
body.cb-server-console .cb-site-footer__brand-link,
body.cb-server-console .cb-site-footer__heading { color: #E5ECE7 !important; }
body.cb-server-console .cb-site-footer__description,
body.cb-server-console .cb-site-footer__links a,
body.cb-server-console .cb-site-footer__copyright { color: #A9B5AE !important; }
html.season-halloween body.cb-server-console { background-color: #191C1E !important; --apex-primary: #C0874A; --apex-primary-rgb: 192,135,74; }
html.season-christmas body.cb-server-console { background-color: #151F1D !important; --apex-primary: #75A988; --apex-primary-rgb: 117,169,136; }
body.cb-server-console .btn-primary-glow,
body.cb-server-console .btn-accent { color: #102017 !important; background: linear-gradient(135deg, #A8C98E, #78A95A) !important; animation: none !important; }

.cb-seasonal-badge {
  z-index: 70;
  border: 1px solid var(--apex-line, #DCE5DF);
  border-radius: 999px;
  background: rgba(255,255,255,.94);
  color: var(--apex-primary, #2B6B4D);
  box-shadow: 0 8px 24px rgba(31,55,39,.10);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
body:not(.cb-server-console) .cb-seasonal-badge { border-color: rgba(var(--apex-primary-rgb), .22); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; }
  .apex-motion-ready [data-apex-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; }
  button, [role="button"], input[type="button"], input[type="submit"], input[type="reset"],
  a.btn-primary-glow, a.btn-accent, a.btn-ghost, a.btn-shine, a.btn-danger, a.back-btn,
  a[class~="bg-primary"], a[class~="bg-accent"], a[class~="bg-ember"], a[class~="bg-diamond"], a[class~="bg-redstone"] {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
  .btn-primary-glow, .cb-glint, .fade-in-up, .console-line, .cursor-blink { animation: none !important; }
}

/* Remove legacy white-on-dark text utilities on light surfaces, while retaining contrast on action fills. */
body:not(.cb-server-console) .text-white { color: var(--apex-ink) !important; }
body:not(.cb-server-console) .btn-primary-glow.text-white,
body:not(.cb-server-console) .btn-accent.text-white,
body:not(.cb-server-console) .btn-danger.text-white,
body:not(.cb-server-console) [class~="bg-primary"].text-white,
body:not(.cb-server-console) [class~="bg-accent"].text-white,
body:not(.cb-server-console) [class~="bg-ember"].text-white,
body:not(.cb-server-console) [class~="bg-diamond"].text-white,
body:not(.cb-server-console) [class~="bg-redstone"].text-white,
body:not(.cb-server-console) :is(.btn-primary-glow, .btn-accent, .btn-danger, [class~="bg-primary"], [class~="bg-accent"], [class~="bg-ember"], [class~="bg-diamond"], [class~="bg-redstone"]) .text-white,
body:not(.cb-server-console) [class~="bg-[#5865F2]"],
body:not(.cb-server-console) [class~="bg-[#5865F2]"] .text-white { color: #FFFFFF !important; }
body:not(.cb-server-console) pre,
body:not(.cb-server-console) code { color: inherit; }

/* The shared footer follows the same light palette; the server footer stays graphite. */
body:not(.cb-server-console) .cb-site-footer {
  color: #53635A !important;
  background: linear-gradient(180deg, #F5F8F5 0%, #EDF3EE 100%) !important;
  border-top: 1px solid var(--apex-line) !important;
}
body:not(.cb-server-console) .cb-site-footer a { color: inherit; }
body:not(.cb-server-console) .cb-site-footer a:hover { color: var(--apex-primary) !important; }
body:not(.cb-server-console) .cb-site-footer a:focus-visible { outline-color: var(--apex-primary) !important; }
body:not(.cb-server-console) .cb-site-footer__brand-link { color: var(--apex-ink) !important; }
body:not(.cb-server-console) .cb-site-footer__description,
body:not(.cb-server-console) .cb-site-footer__links a,
body:not(.cb-server-console) .cb-site-footer__copyright,
body:not(.cb-server-console) .cb-site-footer__bottom-links { color: #53635A !important; }
body:not(.cb-server-console) .cb-site-footer__heading { color: #26372D !important; }
body:not(.cb-server-console) .cb-site-footer__social {
  color: var(--apex-primary) !important;
  background: #FFFFFF !important;
  border-color: var(--apex-line) !important;
}
body:not(.cb-server-console) .cb-site-footer__social:hover {
  color: #FFFFFF !important;
  background: var(--apex-primary) !important;
  border-color: var(--apex-primary) !important;
}
body.cb-server-console .cb-seasonal-badge {
  color: #DDE7E0;
  background: rgba(30, 42, 46, .94);
  border-color: rgba(205, 223, 210, .16);
  box-shadow: 0 8px 24px rgba(0,0,0,.28);
}
body.cb-server-console .cb-site-footer__social { color: #B5D29A !important; }

body.cb-server-console {
  --apex-primary: #A6C98C;
  --apex-primary-hover: #B9D6A3;
  --apex-primary-rgb: 166, 201, 140;
}
body.cb-server-console .bg-primary,
body.cb-server-console .bg-accent { background-color: var(--apex-primary) !important; }
body.cb-server-console .text-primary,
body.cb-server-console .text-accent { color: var(--apex-primary) !important; }
body.cb-server-console .btn-primary-glow,
body.cb-server-console .btn-accent { color: #162019 !important; background: var(--apex-primary) !important; }
html.season-halloween body.cb-server-console {
  --apex-primary: #C0874A;
  --apex-primary-hover: #D09A63;
  --apex-primary-rgb: 192, 135, 74;
}
html.season-christmas body.cb-server-console {
  --apex-primary: #75A988;
  --apex-primary-hover: #8EB99D;
  --apex-primary-rgb: 117, 169, 136;
}

/* Bright non-console adaptation of the inherited component library. */
body:not(.cb-server-console) {
  --cb-lime: var(--apex-primary);
  --cb-lime-rgb: var(--apex-primary-rgb);
  --cb-lime-deep: var(--apex-primary-hover);
  --cb-red: #A52836;
  --cb-red-rgb: 165, 40, 54;
  --cb-bg: #F5F8F5;
  --cb-edge: #DCE5DF;
  --cb-text: #1B2A21;
  --cb-mute: #53635A;
}
html.season-halloween body:not(.cb-server-console) {
  --cb-lime: #8A4D14;
  --cb-lime-rgb: 138, 77, 20;
  --cb-lime-deep: #6C3A0D;
}
html.season-christmas body:not(.cb-server-console) {
  --cb-lime: #24613F;
  --cb-lime-rgb: 36, 97, 63;
  --cb-lime-deep: #174B2F;
}
body.cb-server-console {
  --cb-bg: #151E1A;
  --cb-edge: rgba(220, 229, 223, .16);
  --cb-text: #E1E9E3;
  --cb-mute: #A2B0A7;
  --cb-lime: #A6C98C;
  --cb-lime-rgb: 166, 201, 140;
  --cb-lime-deep: #6A8B61;
  --cb-red: #D77D77;
  --cb-red-rgb: 215, 125, 119;
}
html.season-halloween body.cb-server-console { --cb-lime: #BA874D; --cb-lime-rgb: 186, 135, 77; --cb-lime-deep: #8B6034; }
html.season-christmas body.cb-server-console { --cb-lime: #75A988; --cb-lime-rgb: 117, 169, 136; --cb-lime-deep: #4F8063; }

body:not(.cb-server-console) .cb-h2,
body:not(.cb-server-console) .cb-hero h1,
body:not(.cb-server-console) .cb-btn--ghost,
body:not(.cb-server-console) .cb-stats strong,
body:not(.cb-server-console) .cb-log b,
body:not(.cb-server-console) .cb-meter output,
body:not(.cb-server-console) .cb-status strong,
body:not(.cb-server-console) .cb-feature h3,
body:not(.cb-server-console) .cb-point h3,
body:not(.cb-server-console) .cb-host__bar strong,
body:not(.cb-server-console) .cb-cell__name,
body:not(.cb-server-console) .cb-tab strong,
body:not(.cb-server-console) .cb-window__body b,
body:not(.cb-server-console) .cb-prompt,
body:not(.cb-server-console) .cb-env__val,
body:not(.cb-server-console) .cb-step h4,
body:not(.cb-server-console) .cb-scale__plan,
body:not(.cb-server-console) .cb-scale__label strong,
body:not(.cb-server-console) .cb-compare td:last-child,
body:not(.cb-server-console) .cb-cta h2,
body:not(.cb-server-console) .cb-foot-brand,
body:not(.cb-server-console) .cb-plan__name,
body:not(.cb-server-console) .cb-plan__price .plan-price,
body:not(.cb-server-console) .cb-spec dd,
body:not(.cb-server-console) .cb-tiles b,
body:not(.cb-server-console) .cb-gauge b,
body:not(.cb-server-console) .cb-plan__hero b,
body:not(.cb-server-console) .cb-dialog__list,
body:not(.cb-server-console) .cb-progress > li.is-active,
body:not(.cb-server-console) .cb-field > label,
body:not(.cb-server-console) .cb-field > legend,
body:not(.cb-server-console) .cb-choice b,
body:not(.cb-server-console) .cb-sum dd,
body:not(.cb-server-console) .cb-sum__total strong,
body:not(.cb-server-console) .cb-soon h2,
body:not(.cb-server-console) .cb-up__card h3,
body:not(.cb-server-console) .cb-up__price b,
body:not(.cb-server-console) .cb-set-profile__name,
body:not(.cb-server-console) .cb-set-item__txt b,
body:not(.cb-server-console) .cb-set-card__title,
body:not(.cb-server-console) .cb-set-row__head label,
body:not(.cb-server-console) .cb-verify__txt strong,
body:not(.cb-server-console) .cb-aa__state h1,
body:not(.cb-server-console) .cb-pk__txt b {
  color: var(--apex-ink) !important;
}
body:not(.cb-server-console) .cb-stats { border-top-color: var(--apex-line); }
body:not(.cb-server-console) .cb-stats span,
body:not(.cb-server-console) .cb-node__foot { color: var(--apex-muted); }
body:not(.cb-server-console) .cb-chip { color: var(--apex-primary); }
body:not(.cb-server-console) .cb-stack {
  background: linear-gradient(180deg, #EEF3EF, #F5F8F5);
  border-color: var(--apex-line);
}
body:not(.cb-server-console) .cb-pill {
  color: var(--apex-ink);
  background: #FFFFFF;
  border-color: var(--apex-line);
}
body:not(.cb-server-console) .cb-pill:hover { color: var(--apex-primary); }
body:not(.cb-server-console) .cb-node__bar,
body:not(.cb-server-console) .cb-host__bar,
body:not(.cb-server-console) .cb-window__bar {
  color: var(--apex-muted);
  background: #EEF3EF;
  border-color: var(--apex-line);
}
body:not(.cb-server-console) .cb-node__lights i { background: #CAD5CE; }
body:not(.cb-server-console) .cb-node__lights i:first-child { background: var(--apex-primary); }
body:not(.cb-server-console) .cb-log { color: var(--apex-muted); }
body:not(.cb-server-console) .cb-log .ok,
body:not(.cb-server-console) .cb-log .arrow { color: var(--apex-primary); }
body:not(.cb-server-console) .cb-log .warn { color: #A52836; }
body:not(.cb-server-console) .cb-meter__track { background: rgba(27, 42, 33, .12); }
body:not(.cb-server-console) .cb-code,
body:not(.cb-server-console) .cb-prompt,
body:not(.cb-server-console) .cb-env__row,
body:not(.cb-server-console) .cb-provision-steps li,
body:not(.cb-server-console) .cb-pk__row,
body:not(.cb-server-console) .cb-dialog__list {
  color: var(--apex-ink);
  background: #F1F5F2;
  border-color: var(--apex-line);
}
body:not(.cb-server-console) .cb-choice,
body:not(.cb-server-console) .cb-set-item,
body:not(.cb-server-console) .cb-up__card,
body:not(.cb-server-console) .cb-plan,
body:not(.cb-server-console) #vps .cb-plan,
body:not(.cb-server-console) #vps .cb-vps-card,
body:not(.cb-server-console) .cb-co__card,
body:not(.cb-server-console) .cb-co__summary,
body:not(.cb-server-console) .cb-set-card,
body:not(.cb-server-console) .cb-aa,
body:not(.cb-server-console) .cb-dialog__box {
  color: var(--apex-ink);
  background: linear-gradient(145deg, #FFFFFF, #F5F8F5 78%);
  border-color: var(--apex-line);
  box-shadow: 0 18px 48px -34px rgba(31, 57, 41, .28), 0 1px 0 rgba(255, 255, 255, .9) inset;
}
body:not(.cb-server-console) .cb-plan--iron {
  border-color: rgba(var(--apex-primary-rgb), .42);
  background: linear-gradient(145deg, #FFFFFF, rgba(var(--apex-primary-rgb), .08));
}
body:not(.cb-server-console) .cb-plan--copper { border-left-color: #8A552A; }
body:not(.cb-server-console) .cb-plan--copper .cb-plan__tier { color: #80532D; }
body:not(.cb-server-console) .cb-plan--redstone {
  border-top-color: #64766C;
  background: repeating-linear-gradient(135deg, rgba(43, 107, 77, .025) 0 1px, transparent 1px 11px), #F8FAF8;
}
body:not(.cb-server-console) .cb-plan--redstone .cb-plan__tier { color: #53635A; }
body:not(.cb-server-console) .cb-plan__btn,
body:not(.cb-server-console) .cb-set-cancel {
  color: var(--apex-ink);
  background: #FFFFFF;
  border-color: var(--apex-line);
}
body:not(.cb-server-console) .cb-plan__btn.is-current,
body:not(.cb-server-console) .cb-plan__btn:disabled {
  color: var(--apex-primary);
  background: rgba(var(--apex-primary-rgb), .08);
  border-color: rgba(var(--apex-primary-rgb), .35);
}
body:not(.cb-server-console) .cb-plan--iron .cb-plan__btn:not(:disabled):not(.is-current),
body:not(.cb-server-console) #vps .cb-vps-card .cb-plan__btn {
  color: #FFFFFF;
  background: var(--apex-primary);
  border-color: var(--apex-primary);
}
body:not(.cb-server-console) #vps .cb-vps-card .cb-plan__price .plan-price {
  color: var(--apex-ink);
  text-shadow: none;
}
body:not(.cb-server-console) #vps .cb-vps-card__rail { color: var(--apex-primary); border-color: rgba(var(--apex-primary-rgb), .2); }
body:not(.cb-server-console) #vps .cb-vps-card__scope { color: var(--apex-muted); }
body:not(.cb-server-console) .cb-plan__hero,
body:not(.cb-server-console) .cb-spec > div,
body:not(.cb-server-console) .cb-sum > div,
body:not(.cb-server-console) .cb-sum__total { border-color: var(--apex-line); }
body:not(.cb-server-console) .cb-tiles > div { border-color: var(--apex-line); background: #F1F5F2; }
body:not(.cb-server-console) .cb-gauge i,
body:not(.cb-server-console) .cb-progress__bar,
body:not(.cb-server-console) .cb-provision-progress__bar { background: #E3EAE5; }
body:not(.cb-server-console) .cb-progress__n { border-color: var(--apex-line); background: #FFFFFF; }
body:not(.cb-server-console) .cb-progress > li.is-done,
body:not(.cb-server-console) .cb-provision-steps li.is-done { color: #24613F; }
body:not(.cb-server-console) .cb-provision-steps li.is-active { color: var(--apex-primary); }
body:not(.cb-server-console) .cb-field input[type='text'],
body:not(.cb-server-console) .cb-field input[type='password'],
body:not(.cb-server-console) .cb-field input[type='email'],
body:not(.cb-server-console) .cb-field textarea,
body:not(.cb-server-console) .cb-field select,
body:not(.cb-server-console) .cb-select,
body:not(.cb-server-console) .cb-set-input {
  color: var(--apex-ink);
  background: #FFFFFF;
  border-color: var(--apex-line);
}
body:not(.cb-server-console) .cb-field select option,
body:not(.cb-server-console) .cb-select option { color: var(--apex-ink); background: #FFFFFF; }
body:not(.cb-server-console) .cb-field input::placeholder,
body:not(.cb-server-console) .cb-field textarea::placeholder,
body:not(.cb-server-console) .cb-set-input--off::placeholder { color: #68786F; }
body:not(.cb-server-console) .cb-field__err,
body:not(.cb-server-console) .cb-alert,
body:not(.cb-server-console) .cb-set-msg.is-err,
body:not(.cb-server-console) .cb-pk__rm { color: #8E2631; }
body:not(.cb-server-console) .cb-alert,
body:not(.cb-server-console) .cb-set-msg.is-err { background: #FFF1F0; border-color: #E7B5B2; }
body:not(.cb-server-console) .cb-network-warning { color: #70420D; background: #FFF5E8; border-color: #E7C99D; }
body:not(.cb-server-console) .cb-field input:focus,
body:not(.cb-server-console) .cb-field textarea:focus,
body:not(.cb-server-console) .cb-field select:focus,
body:not(.cb-server-console) .cb-select:focus,
body:not(.cb-server-console) .cb-set-input:focus { border-color: var(--apex-primary); box-shadow: 0 0 0 3px rgba(var(--apex-primary-rgb), .14); }
body:not(.cb-server-console) .cb-choice,
body:not(.cb-server-console) .cb-set-item { border-color: var(--apex-line); }
body:not(.cb-server-console) .cb-choice.is-on,
body:not(.cb-server-console) .cb-verify { border-color: rgba(var(--apex-primary-rgb), .38); background: rgba(var(--apex-primary-rgb), .06); }
body:not(.cb-server-console) .cb-soon { border-color: var(--apex-line); background: linear-gradient(180deg, #FFFFFF, #F4F7F4); }
body:not(.cb-server-console) .cb-set-cancel:hover:not(:disabled),
body:not(.cb-server-console) .cb-plan__btn:hover:not(:disabled) { background: #F0F5F1; border-color: #B8C8BD; }
body:not(.cb-server-console) .cb-foot-brand:hover { color: var(--apex-primary) !important; }
body:not(.cb-server-console) .cb-node,
body:not(.cb-server-console) .cb-host,
body:not(.cb-server-console) .cb-window { border-color: var(--apex-line); }
body:not(.cb-server-console) .cb-compare thead { color: var(--apex-ink); background: #EEF3EF; }
body:not(.cb-server-console) .cb-compare th,
body:not(.cb-server-console) .cb-compare td { border-color: var(--apex-line); }
body:not(.cb-server-console) .cb-compare td:last-child { background: rgba(var(--apex-primary-rgb), .045); }
body:not(.cb-server-console) .cb-cta { background: linear-gradient(145deg, #FFFFFF, #EEF4EF); border-color: var(--apex-line); }

/* Graphite low-glare palette for the live server console. */
body.cb-server-console .cb-h2,
body.cb-server-console .cb-hero h1,
body.cb-server-console .cb-feature h3,
body.cb-server-console .cb-point h3,
body.cb-server-console .cb-plan__name,
body.cb-server-console .cb-plan__price .plan-price,
body.cb-server-console .cb-field > label,
body.cb-server-console .cb-field > legend { color: #E1E9E3 !important; }
body.cb-server-console .cb-stats strong,
body.cb-server-console .cb-log b,
body.cb-server-console .cb-meter output,
body.cb-server-console .cb-status strong { color: #DDE7E0; }
body.cb-server-console .cb-code,
body.cb-server-console .cb-field input,
body.cb-server-console .cb-field textarea,
body.cb-server-console .cb-field select { color: #E1E9E3; background: #202B26; border-color: rgba(220,229,223,.18); }

body:not(.cb-server-console) .glass-header {
  background: rgba(255, 255, 255, .9) !important;
  border-bottom: 1px solid var(--apex-line) !important;
  box-shadow: 0 8px 26px rgba(29, 54, 39, .06);
}
body:not(.cb-server-console) .discounted-price { color: #24613F !important; }
body:not(.cb-server-console) .original-price { color: #8E2631 !important; }

body:not(.cb-server-console) [class~="to-[#070b0d]"] {
  --tw-gradient-to: #EEF3EF !important;
  --tw-gradient-stops: var(--tw-gradient-from), #EEF3EF !important;
}
body.cb-server-console { color-scheme: dark; }

/* Accessible reduced-motion fallback for all pages and legacy components. */
@media (prefers-reduced-motion: reduce) {
  html, body, *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    transition-delay: 0ms !important;
  }
  [data-apex-reveal] { opacity: 1 !important; transform: none !important; }
}

/* Server summaries shown in the light dashboard (distinct from server.html console). */
body:not(.cb-server-console) .cb-server-card__identifier,
body:not(.cb-server-console) .cb-server-card__capacity { color: var(--apex-muted) !important; }
body:not(.cb-server-console) .cb-server-card__metric-head { color: #53635A !important; }
body:not(.cb-server-console) .cb-server-card__metric-head strong { color: var(--apex-ink) !important; }
body:not(.cb-server-console) .cb-server-card__track {
  background: #E3EAE5;
  border-color: var(--apex-line);
}
body:not(.cb-server-console) .cb-server-card__avatar {
  color: var(--apex-primary);
  background: rgba(var(--apex-primary-rgb), .1);
  border-color: rgba(var(--apex-primary-rgb), .28);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 8px 22px rgba(var(--apex-primary-rgb), .08);
}
body:not(.cb-server-console) .cb-server-card__icon-button {
  color: var(--apex-ink);
  background: #F3F7F4;
  border-color: var(--apex-line);
}
body:not(.cb-server-console) .cb-server-card__icon-button:hover {
  color: var(--apex-primary);
  background: rgba(var(--apex-primary-rgb), .08);
  border-color: rgba(var(--apex-primary-rgb), .4);
}
body:not(.cb-server-console) .cb-server-card__footer { border-top-color: var(--apex-line); }
body:not(.cb-server-console) .cb-server-card__primary-action {
  color: #FFFFFF;
  background: linear-gradient(135deg, #347B57, var(--apex-primary));
  border-color: var(--apex-primary);
}
body:not(.cb-server-console) .cb-server-card__primary-action.is-locked {
  color: #53635A;
  background: #EEF3EF;
  border-color: var(--apex-line);
}

/* Button-like anchors are included alongside native buttons. */
a.cb-plan__btn,
a.cb-server-card__primary-action,
a.cb-back {
  transition: transform .18s cubic-bezier(.2, .75, .25, 1), box-shadow .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease;
  -webkit-tap-highlight-color: transparent;
}
a.cb-plan__btn:not([aria-disabled="true"]):hover,
a.cb-server-card__primary-action:not(.is-locked):hover,
a.cb-back:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(32, 70, 48, .12);
}
a.cb-plan__btn:not([aria-disabled="true"]):active,
a.cb-server-card__primary-action:not(.is-locked):active,
a.cb-back:active { transform: scale(.985); }

@media (prefers-reduced-motion: reduce) {
  :where(button, [role="button"], input[type="button"], input[type="submit"], input[type="reset"],
    a.btn-primary-glow, a.btn-accent, a.btn-ghost, a.btn-shine, a.btn-danger, a.back-btn,
    a.cb-plan__btn, a.cb-server-card__primary-action, a.cb-back):hover,
  :where(button, [role="button"], input[type="button"], input[type="submit"], input[type="reset"],
    a.btn-primary-glow, a.btn-accent, a.btn-ghost, a.btn-shine, a.btn-danger, a.back-btn,
    a.cb-plan__btn, a.cb-server-card__primary-action, a.cb-back):active { transform: none !important; }
  a.cb-back svg { transform: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

a[class*="btn"] {
  transition: transform .18s cubic-bezier(.2, .75, .25, 1), box-shadow .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease;
  -webkit-tap-highlight-color: transparent;
}
a[class*="btn"]:not([aria-disabled="true"]):hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(32, 70, 48, .12);
}
a[class*="btn"]:not([aria-disabled="true"]):active { transform: scale(.985); }
@media (prefers-reduced-motion: reduce) {
  a[class*="btn"]:hover, a[class*="btn"]:active { transform: none !important; }
}

/* Authentication surfaces: replace inherited near-black glass panels with calm light layers. */
body.auth-bg:not(.cb-server-console) .glass-panel {
  color: var(--apex-ink);
  background: #FFFFFF !important;
  border-color: var(--apex-line) !important;
  box-shadow: 0 24px 70px rgba(31, 55, 39, .12) !important;
}
body.auth-bg:not(.cb-server-console) .glass-panel > div[class*="from-[#070b0d"] {
  color: var(--apex-ink);
  background: linear-gradient(145deg, #F4F7F4, #EAF1EC) !important;
  border-right-color: var(--apex-line) !important;
}
body.auth-bg:not(.cb-server-console) .glass-panel > div[class*="bg-[#08080f]"] {
  color: var(--apex-ink);
  background: #FAFCFA !important;
}
body.auth-bg:not(.cb-server-console) .glass-panel .bg-surface\/30 {
  background: rgba(255,255,255,.82) !important;
  border-color: var(--apex-line) !important;
}
body.auth-bg:not(.cb-server-console) .separator { color: var(--apex-muted); }
body.auth-bg:not(.cb-server-console) .separator::before,
body.auth-bg:not(.cb-server-console) .separator::after {
  background: linear-gradient(90deg, transparent, var(--apex-line), transparent);
}
body.auth-bg:not(.cb-server-console) .oauth-btn {
  color: var(--apex-ink) !important;
  background: #F4F7F4 !important;
  border-color: var(--apex-line) !important;
  box-shadow: 0 2px 8px rgba(31,55,39,.045);
}
body.auth-bg:not(.cb-server-console) .oauth-btn.discord {
  background: rgba(88,101,242,.08) !important;
  border-color: rgba(88,101,242,.24) !important;
}
body.auth-bg:not(.cb-server-console) .oauth-btn:hover { box-shadow: 0 8px 20px rgba(31,55,39,.12) !important; }
body.auth-bg:not(.cb-server-console) .btn-submit {
  color: #FFFFFF !important;
  background: linear-gradient(135deg, #347B57, var(--apex-primary)) !important;
  background-size: 100% 100% !important;
  border-color: transparent !important;
  box-shadow: 0 6px 18px rgba(var(--apex-primary-rgb), .2) !important;
  animation: none !important;
}
body.auth-bg:not(.cb-server-console) .btn-submit:hover {
  box-shadow: 0 9px 24px rgba(var(--apex-primary-rgb), .24) !important;
}
body.auth-bg:not(.cb-server-console) .glow-border::before {
  background: linear-gradient(135deg, rgba(var(--apex-primary-rgb), .3), rgba(var(--apex-primary-rgb), .16), rgba(var(--apex-primary-rgb), .08));
}
body:not(.cb-server-console) .cb-back {
  color: #FFFFFF !important;
  background: linear-gradient(135deg, #347B57, var(--apex-primary)) !important;
  border-color: transparent !important;
  box-shadow: 0 5px 14px rgba(var(--apex-primary-rgb), .18) !important;
}

body.auth-bg:not(.cb-server-console) .glass-panel > div[class*="bg-[#070b0d]"] {
  color: var(--apex-ink);
  background: #FAFCFA !important;
}


/* v3.4 contrast refinement: dark, legible hierarchy on light surfaces. */
body:not(.cb-server-console) .cb-hero h1,
body:not(.cb-server-console) .cb-hero__grid > div:first-child h1,
body:not(.cb-server-console) h1.text-white,
body:not(.cb-server-console) .text-slate-100 {
  color: #09090B !important;
}
body:not(.cb-server-console) .cb-hero__grid > div:first-child > p,
body:not(.cb-server-console) .hero-section p,
body:not(.cb-server-console) .text-slate-400,
body:not(.cb-server-console) .text-zinc-400 {
  color: #52525B !important;
}

/* The homepage's illustrative terminal remains graphite, like an actual developer console. */
body:not(.cb-server-console) .cb-hero .cb-node,
body:not(.cb-server-console) .terminal-window,
body:not(.cb-server-console) .mock-terminal {
  color: #F4F4F5 !important;
  background-color: #09090B !important;
  background-image: none !important;
  border: 1px solid #27272A !important;
}
body:not(.cb-server-console) .cb-hero .cb-node *,
body:not(.cb-server-console) .terminal-window *,
body:not(.cb-server-console) .mock-terminal * {
  color: #F4F4F5 !important;
}
body:not(.cb-server-console) .cb-hero .cb-node__bar {
  background: #111113 !important;
  border-bottom-color: #27272A !important;
}
body:not(.cb-server-console) .cb-hero .cb-node__foot { color: #A1A1AA !important; }
body:not(.cb-server-console) .cb-hero .cb-log .ok,
body:not(.cb-server-console) .cb-hero .cb-log .arrow,
body:not(.cb-server-console) .cb-hero .cb-node .text-green-400,
body:not(.cb-server-console) .cb-hero .cb-node .accent-green,
body:not(.cb-server-console) .cb-hero .cb-node span[class*="text-green-"],
body:not(.cb-server-console) .terminal-window .text-green-400,
body:not(.cb-server-console) .terminal-window .accent-green,
body:not(.cb-server-console) .terminal-window span[class*="text-green-"],
body:not(.cb-server-console) .mock-terminal .text-green-400,
body:not(.cb-server-console) .mock-terminal .accent-green,
body:not(.cb-server-console) .mock-terminal span[class*="text-green-"] {
  color: #10B981 !important;
}
body:not(.cb-server-console) .cb-hero .cb-log .warn { color: #FBBF24 !important; }
body:not(.cb-server-console) .cb-hero .cb-meter__track { background: #27272A !important; }
body:not(.cb-server-console) .cb-hero .cb-meter__fill { background: #10B981 !important; }

/* Quiet, high-contrast alert treatment; targets alerts rather than every red badge. */
body:not(.cb-server-console) .error-banner,
body:not(.cb-server-console) .alert-danger,
body:not(.cb-server-console) [role="alert"].text-redstone,
body:not(.cb-server-console) [role="alert"][class*="bg-redstone"],
body:not(.cb-server-console) [role="alert"][class*="bg-red-500"] {
  color: #991B1B !important;
  background-color: #FEF2F2 !important;
  border: 1px solid #FEE2E2 !important;
  border-left: 4px solid #EF4444 !important;
  border-radius: 6px !important;
}

/* Premium solid deploy actions; limit to deploy CTAs, not destructive or status controls. */
body:not(.cb-server-console) .btn-deploy,
body:not(.cb-server-console) button[class*="bg-green-400"],
body:not(.cb-server-console) .glass-sidebar a[href="products.html"] {
  color: #FFFFFF !important;
  background: #09090B !important;
  border: 1px solid #09090B !important;
  border-radius: 6px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}
body:not(.cb-server-console) .btn-deploy:hover,
body:not(.cb-server-console) button[class*="bg-green-400"]:hover,
body:not(.cb-server-console) .glass-sidebar a[href="products.html"]:hover {
  color: #FFFFFF !important;
  background: #27272A !important;
  border-color: #27272A !important;
}

/* The interactive control-panel mock is a terminal-like surface too. */
body:not(.cb-server-console) .cb-window {
  color: #F4F4F5 !important;
  background-color: #09090B !important;
  background-image: none !important;
  border: 1px solid #27272A !important;
}
body:not(.cb-server-console) .cb-window__bar {
  color: #A1A1AA !important;
  background: #111113 !important;
  border-color: #27272A !important;
}
body:not(.cb-server-console) .cb-window__body {
  color: #D4D4D8 !important;
  background-color: #09090B !important;
}
body:not(.cb-server-console) .cb-window__body b { color: #F4F4F5 !important; }
body:not(.cb-server-console) .cb-window__body .ok { color: #10B981 !important; }
body:not(.cb-server-console) .cb-window__body .bad { color: #F87171 !important; }

/* Strict graphite for the live xterm surface; surrounding server page stays low-glare. */
body.cb-server-console .cb-terminal-window,
body.cb-server-console .cb-terminal-window .xterm,
body.cb-server-console .cb-terminal-window .xterm-viewport,
body.cb-server-console .cb-terminal-window .xterm-screen,
body.cb-server-console #terminalLoading {
  background-color: #09090B !important;
}
body.cb-server-console .cb-terminal-window {
  border: 1px solid #27272A !important;
}