/* Light storefront: per-page fixes for live pages that keep their own markup
   (2026-09-28). Loaded on every light page after light.css. The `html body`
   prefix outranks the pages' own inline <style> blocks, which load later. */

/* ---------- Slim app bar (install, assistant, calculator, order status) ---------- */
.lt-appbar {
  position: sticky;
  top: 0;
  z-index: 40;
  border-bottom: 1px solid #e3eaf0;
  background: rgba(255, 255, 255, 0.94);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}
.lt-appbar-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 60px;
}
.lt-appbar-brand {
  display: block;
  line-height: 0;
}
.lt-appbar-brand img {
  width: 34px;
  height: 34px;
  object-fit: contain;
}
.lt-appbar-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px 18px;
}
.lt-appbar-links a {
  color: #3b5263 !important;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none !important;
}
.lt-appbar-links a:hover {
  color: #0b6fd0 !important;
}

/* ---------- Order status (checkout complete) ---------- */
html body .cc-card {
  border-color: #e3eaf0;
  box-shadow: 0 1px 2px #08131c0a, 0 24px 60px -30px #08131c40;
}

/* ---------- Updates ---------- */
html body .up-hero {
  border-color: #e3eaf0;
  background:
    radial-gradient(640px 320px at 100% 0%, rgba(11, 111, 208, 0.08), transparent 70%),
    linear-gradient(180deg, #ffffff 0%, #f7fafc 100%);
  box-shadow: 0 1px 2px #08131c08, 0 24px 60px -34px #08131c33;
}
html body .up-hero::before {
  background: rgba(11, 111, 208, 0.08);
}
html body .up-eyebrow {
  color: #0b6fd0;
}
html body .up-pulse {
  display: none;
}
html body .up-hero-copy {
  color: #3b5263;
}
html body .up-stats {
  border-color: #e3eaf0;
  background: #e3eaf0;
}
html body .up-stat {
  background: #ffffff;
}
html body .up-stat span {
  color: #5e7180;
}
html body .up-item::before {
  box-shadow: none;
}
html body .up-item h3 a:hover {
  color: #0b6fd0;
}
/* Release tags as plain small caps (no pills on the storefront). */
html body .up-badge {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: #0b6fd0;
}
html body .up-badge.current {
  background: none;
  color: #15803d;
}
html body .up-build-icon {
  border-color: #e3eaf0;
  background: #eef3f7;
  color: #3b5263;
}
html body .up-note {
  border-color: #e3eaf0;
  background: linear-gradient(145deg, rgba(11, 111, 208, 0.05), #ffffff);
}

/* ---------- Affiliates ---------- */
html body .af-hero::before {
  opacity: 0.1;
}
html body .af-hero::after {
  background: rgba(11, 111, 208, 0.08);
}
html body .af-promise {
  border-color: #e3eaf0;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 1px 2px #08131c08, 0 20px 48px -28px #08131c40;
}
html body .af-promise strong {
  color: #0b1d2b;
}
html body .af-promise span {
  color: #4f6372;
}

/* ---------- Compare: closing band matches the product-page closing band ---------- */
html body .closer {
  background:
    radial-gradient(640px 280px at 85% 0%, rgba(11, 111, 208, 0.35), transparent 70%),
    linear-gradient(180deg, #0c1a27 0%, #0a1622 100%);
  box-shadow: 0 30px 60px -34px #08131c80;
}
html body .closer .tex-grain {
  display: none;
}

/* ---------- Affiliates: rank table ---------- */
html body .af-rank {
  background: #ffffff;
}
html body .af-rank b {
  color: #0b6fd0;
}
html body .af-rank span {
  color: #4f6372;
}

/* ---------- Email offer ended ---------- */
html body .tag {
  color: #0b5784;
}

/* ---------- Browser installer (/flash): light version of the live UI ---------- */
html body .fl-card {
  border-color: #e3eaf0;
  box-shadow: 0 1px 2px #08131c0a, 0 30px 70px -36px #08131c4d;
}
html body .fl-ring .bg {
  stroke: rgba(11, 29, 43, 0.1);
}
html body .fl-ring .fg {
  stroke: #0b6fd0;
}
html body .fl-ver {
  background: linear-gradient(145deg, rgba(11, 111, 208, 0.03), transparent 62%);
}
html body .fl-version-trigger {
  border-color: #dbe4eb;
  background-color: #ffffff;
  background-image: radial-gradient(circle at 92% -45%, rgba(11, 111, 208, 0.1), transparent 48%),
    linear-gradient(145deg, #ffffff 0%, #f7fafc 72%);
  box-shadow: 0 1px 2px #08131c0a, 0 8px 22px -14px #08131c33;
  color: #0b1d2b;
}
html body .fl-version-trigger:hover:not(:disabled) {
  border-color: #9ccbe8;
  background-image: radial-gradient(circle at 92% -45%, rgba(11, 111, 208, 0.14), transparent 48%),
    linear-gradient(145deg, #ffffff 0%, #f3f8fc 72%);
  box-shadow: 0 1px 2px #08131c0a, 0 12px 28px -14px #08131c40;
}
html body .fl-version-trigger:focus-visible,
html body .fl-version-picker.is-open .fl-version-trigger {
  border-color: #0b6fd0;
  box-shadow: 0 0 0 3px rgba(11, 111, 208, 0.16);
}
html body .fl-version-trigger:disabled {
  border-color: #e3eaf0;
}
html body .fl-version-kicker {
  color: #0b6fd0;
}
html body .fl-version-value {
  color: #0b1d2b;
}
html body .fl-version-chevron {
  border-color: #5e7180;
}
html body .fl-version-picker.is-open .fl-version-chevron {
  border-color: #0b6fd0;
}
html body .fl-badge {
  border-color: #dbe4eb;
  background: #f4f7fa;
  color: #4f6372;
}
html body .fl-badge.recommended,
html body .fl-option-tag.recommended {
  border-color: rgba(11, 111, 208, 0.25);
  background: rgba(11, 111, 208, 0.07);
  color: #0b5784;
}
html body .fl-badge.current,
html body .fl-option-tag.current {
  border-color: rgba(21, 128, 61, 0.22);
  background: rgba(21, 128, 61, 0.07);
  color: #15803d;
}
html body .fl-version-popover {
  border-color: #dbe4eb;
  background: #ffffff;
  box-shadow: 0 24px 60px -20px rgba(8, 19, 28, 0.3);
}
html body .fl-version-popover-head {
  color: #5a6d7c;
}
html body .fl-version-popover-head span:last-child {
  color: #0b6fd0;
}
html body .fl-version-option:hover,
html body .fl-version-option[data-active="true"] {
  border-color: #d6e6f2;
  background: #f3f8fc;
}
html body .fl-version-option[aria-selected="true"] {
  border-color: rgba(11, 111, 208, 0.3);
  background: linear-gradient(100deg, rgba(11, 111, 208, 0.08), rgba(11, 111, 208, 0.02));
}
html body .fl-version-option-mark {
  border-color: #dbe4eb;
  background: #eef3f7;
  color: #3b5263;
}
html body .fl-version-option[aria-selected="true"] .fl-version-option-mark {
  border-color: rgba(11, 111, 208, 0.3);
  background: rgba(11, 111, 208, 0.1);
  color: #0b6fd0;
}
html body .fl-version-option-copy strong {
  color: #0b1d2b;
}
html body .fl-version-option-copy small {
  color: #5a6d7c;
}
html body .fl-option-tag {
  border-color: #dbe4eb;
  background: #f4f7fa;
  color: #4f6372;
}
html body .fl-option-tag.private {
  border-color: rgba(109, 40, 217, 0.25);
  background: rgba(109, 40, 217, 0.07);
  color: #6d28d9;
}
html body .fl-version-option-check {
  border-color: #cfdbe5;
  background: #ffffff;
}
html body .fl-version-option[aria-selected="true"] .fl-version-option-check {
  border-color: #0b6fd0;
  background: rgba(11, 111, 208, 0.1);
}
html body .fl-version-option[aria-selected="true"] .fl-version-option-check::after {
  border-color: #0b6fd0;
}
html body .fl-version-popover-foot {
  border-top-color: #e3eaf0;
  color: #5a6d7c;
}
html body .fl-release-card {
  border-color: #e3eaf0;
  background: #ffffff;
}
html body .fl-release-meta dd.warn {
  color: #b45309;
}
html body .fl-release-notes-body a,
html body .fl-capability a,
html body .fl-safe a {
  text-decoration-color: rgba(11, 29, 43, 0.25);
}
html body .fl-older {
  border-color: rgba(180, 83, 9, 0.25);
  background: rgba(245, 158, 11, 0.08);
  color: #92400e;
}
html body .fl-capability {
  background: #f7fafc;
}
html body .fl-prog .t em {
  color: #0b6fd0;
}
html body .fl-bar {
  background: rgba(11, 29, 43, 0.08);
}
html body .fl-bar i {
  background: #0b6fd0;
}
html body .fl-row .ic {
  background: #ffffff;
}
html body .fl-pill.busy {
  background: rgba(11, 111, 208, 0.1);
  color: #0b5784;
}
html body .fl-pill.wait {
  background: #ffffff;
  color: #4f6372;
}
html body .fl-pill.error {
  border-color: rgba(220, 38, 38, 0.25);
  background: rgba(220, 38, 38, 0.07);
  color: #b91c1c;
}
html body .fl-check {
  background: #ffffff;
  color: #0b6fd0;
}
html body .fl-alert.error {
  border-color: rgba(220, 38, 38, 0.25);
  background: rgba(220, 38, 38, 0.06);
  color: #b91c1c;
}
html body .fl-alert.warn {
  border-color: rgba(180, 83, 9, 0.25);
  background: rgba(245, 158, 11, 0.08);
  color: #92400e;
}
html body .fl-alert.ok {
  border-color: rgba(21, 128, 61, 0.22);
  background: rgba(21, 128, 61, 0.06);
  color: #15803d;
}

/* ---------- Legacy top bar (.topnav) used by the ad offer pages ---------- */
html body .topnav {
  border-bottom-color: #e3eaf0;
  background: rgba(255, 255, 255, 0.94);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}
html body .topnav .tn-brand img {
  filter: invert(1) hue-rotate(180deg);
}
html body .topnav .tn-link,
html body .topnav .tn-signin {
  color: #3b5263;
}
html body .topnav .tn-link:hover,
html body .topnav .tn-signin:hover {
  color: #0b1d2b;
}
html body .topnav .tn-cta {
  background: #0b1d2b;
  color: #ffffff;
}
html body .topnav .tn-cta:hover {
  background: #1d3547;
}
html body .topnav .tn-toggle {
  border-color: #dbe4eb;
  background: #ffffff;
}
html body .topnav .tn-toggle span {
  background: #0b1d2b;
}
html body .tn-mobile a:hover {
  background: #f2f6f9;
}

/* ---------- Exit offer (on top of auto/exit-offer.light.css) ---------- */
html body .xo-hl {
  color: #0b6fd0;
}
html body .xo-list {
  color: var(--price-red);
  text-decoration-color: var(--price-red);
}
html body .xo-now,
html body .xo-bar strong {
  color: var(--price-blue);
}
html body .xo-bar s {
  color: var(--price-red);
}

/* ---------- Page eyebrows: plain small caps, not pills (owner: no pill chips) ---------- */
html body .chip-lg {
  gap: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: #0b6fd0;
  font-size: 12px;
  font-weight: 650;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* ---------- Reviews: the Discord button ---------- */
html body .rv-cta .btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 20px;
  border-radius: 999px;
  background: #5865f2;
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;
  white-space: nowrap;
  box-shadow: 0 10px 22px -12px #5865f2;
}
html body .rv-cta .btn-primary:hover {
  background: #4752e0;
}

/* ---------- Guides: per-script accent text, darkened to read on white ---------- */
html body :is(.gx-card-tag, .gx-lock, .gx-card-go, .gd-tag, .gd-body a),
html body .gx-card:hover .gx-card-title {
  color: color-mix(in srgb, var(--c, #0b6fd0) 55%, #0b1d2b);
}
html body .gd-tag::before {
  box-shadow: none;
}

/* ---------- Installer: no data-notice box (owner 2026-09-28) ---------- */
html body .fl-privacy {
  display: none !important;
}