/* =====================================================================================
   marketing-v3.css — the BoardUI design language on the public website (2026-11-05).

   Loaded LAST in layouts/marketing.blade.php, after marketing.css, marketing-v2.css and every
   per-page sheet pushed into <head>, so it wins on equal specificity and nothing underneath it had
   to change: every section, menu, word and price of marketing.css / v2 / features / pricing /
   showcase is still there. This file only re-skins them to match the app (app.css "BOARDUI
   LANGUAGE"): Inter everywhere, neutral greys (#fafafa … #0a0a0a), one indigo accent (#4f46e5)
   with the gradient primary button, 24px cards, 10px controls, 1px #ebebeb lines, no green.
   Rollback = remove the one <link> line in the layout.
   ===================================================================================== */

:root {
  /* marketing.css tokens */
  --mkt-bg: #ffffff;
  --mkt-bg-soft: #fafafa;
  --mkt-bg-dark: #0a0a0a;
  --mkt-ink: #0a0a0a;
  --mkt-ink-soft: #525252;
  --mkt-ink-mute: #737373;
  --mkt-accent: #4f46e5;
  --mkt-accent-dark: #4338ca;
  --mkt-accent-soft: #eef2ff;
  --mkt-hero-cyan: #818cf8;
  --mkt-hero-pink: #a5b4fc;
  --mkt-hero-violet: #6366f1;
  --mkt-logo-green: #4f46e5;
  --mkt-logo-bright: #818cf8;
  --mkt-logo-deep: #0a0a0a;
  --mkt-deep-2: #171717;
  --mkt-border: #ebebeb;
  --mkt-border-soft: #f0f0f0;
  --mkt-shadow-sm: 0 1px 1px 0 rgba(0,0,0,0.05);
  --mkt-shadow: 0 1px 1px 0 rgba(0,0,0,0.05);
  --mkt-shadow-lg: 0 1px 1px 0 rgba(0,0,0,0.05), 0 24px 60px -24px rgba(15,23,42,0.22);
  --mkt-radius: 24px;
  --mkt-radius-lg: 24px;
  --mkt-radius-xl: 28px;
  /* marketing-v2.css tokens */
  --v2-green: #4f46e5;
  --v2-leaf: #6366f1;
  --v2-mint: #818cf8;
  --v2-lime: #c7d2fe;
  --v2-aqua: #a5b4fc;
  --v2-deep: #0a0a0a;
  --v2-deeper: #171717;
  --v2-muted: #737373;
  --v2-lift: 0 0 0 1px #ebebeb, 0 24px 60px -30px rgba(15,23,42,0.22);
  --v2-ring: 0 0 0 1px #ebebeb;
  /* marketing-features.css tokens */
  --fx-green: #4f46e5;
  --fx-leaf: #6366f1;
  --fx-mint: #818cf8;
  --fx-aqua: #a5b4fc;
  --fx-deep: #0a0a0a;
  --fx-ink: #0a0a0a;
  --fx-muted: #737373;
  /* letfold.css tokens (tools pages) */
  --lf-accent: #4f46e5;
  --lf-accent-dark: #4338ca;
  --lf-accent-soft: #eef2ff;
  --lf-ink: #0a0a0a;
  --lf-ink-soft: #525252;
  --lf-ink-mute: #737373;
  --lf-border: #ebebeb;
  --lf-border-soft: #f0f0f0;
  --lf-bg-soft: #fafafa;
  --lf-bg-tint: #f7f7f7;
  --lf-deep: #0a0a0a;
  --lf-deep-2: #171717;
  --lf-teal-soft: #eef2ff;
  /* this layer */
  --b-accent: #4f46e5;
  --b-accent-top: #6b63ff;
  --b-ground: #f7f7f7;
  --b-line: #ebebeb;
  --b-card-shadow: 0 1px 1px 0 rgba(0,0,0,0.05);
  --b-primary-shadow: 0 0 0 1px #4f46e5, inset 0 1px 0 0 rgba(255,255,255,0.25), 0 1px 2px 0 rgba(0,0,0,0.06);
}

/* ---------- Type ---------- */
.mkt-body { color: var(--mkt-ink-soft); }
.mkt-body h1, .mkt-body h2, .mkt-body h3, .mkt-body h4,
.mkt-display, .mkt-h2, .mkt-nw__name, .px-price__face, .fx-h1, .fx-h2, .sx-h2, .sx-title {
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 600;
}
.mkt-display { letter-spacing: -0.03em; line-height: 1.06; color: var(--mkt-ink); }
.mkt-body .mkt-hx h1.mkt-display { background: none; -webkit-text-fill-color: var(--mkt-ink); color: var(--mkt-ink); }
.mkt-h2 { font-weight: 600; letter-spacing: -0.02em; }
.mkt-lead { color: var(--mkt-ink-soft); }
.mkt-eyebrow {
  background: #ffffff; color: var(--mkt-ink-mute); border-radius: 999px;
  box-shadow: 0 0 0 1px var(--b-line), var(--b-card-shadow); letter-spacing: 0.04em; font-weight: 600; font-size: 12px;
}
.mkt-eyebrow--dark { background: rgba(255,255,255,0.06); color: #d4d4d4; box-shadow: 0 0 0 1px rgba(255,255,255,0.12); }

/* ---------- Buttons: 10px, 500 weight, gradient primary with a ring ---------- */
.mkt-btn { border-radius: 10px; font-weight: 500; letter-spacing: 0; padding: 11px 16px; font-size: 14px; }
.mkt-btn--lg { padding: 14px 20px; font-size: 15px; }
.mkt-btn--primary, .mkt-btn--accent, .mkt-hx .mkt-hx__btn--primary {
  color: #ffffff;
  background: linear-gradient(180deg, var(--b-accent-top), var(--b-accent));
  box-shadow: var(--b-primary-shadow);
}
.mkt-btn--primary:hover, .mkt-btn--accent:hover, .mkt-hx .mkt-hx__btn--primary:hover {
  background: linear-gradient(180deg, #7a73ff, #5b52f0);
  box-shadow: 0 0 0 1px #4338ca, inset 0 1px 0 0 rgba(255,255,255,0.25), 0 4px 12px -4px rgba(79,70,229,0.5);
  transform: none;
}
.mkt-btn--secondary, .mkt-btn--secondary:hover {
  background: #ffffff; color: var(--mkt-ink);
  box-shadow: 0 0 0 1px var(--b-line), var(--b-card-shadow);
}
.mkt-btn--secondary:hover { background: var(--b-ground); box-shadow: 0 0 0 1px #d4d4d4, var(--b-card-shadow); }
.mkt-btn--ghost { color: var(--mkt-ink); border-radius: 10px; }
.mkt-btn--ghost:hover { background: var(--b-ground); }
.mkt-hx .mkt-hx__btn--text { color: var(--mkt-ink); background: #ffffff; box-shadow: 0 0 0 1px var(--b-line), var(--b-card-shadow); }
.mkt-pill { background: var(--b-ground); color: var(--mkt-ink-soft); }

/* ---------- Header ---------- */
.mkt-header { background: rgba(255,255,255,0.92); border-bottom: 1px solid var(--b-line); }
.mkt-header.is-scrolled, .mkt-header.is-stuck { box-shadow: none; border-bottom-color: var(--b-line); }
.mkt-header__inner { height: 64px; }
.mkt-header__nav a { border-radius: 10px; padding: 8px 10px; color: var(--mkt-ink-soft); font-size: 14px; font-weight: 500; }
.mkt-header__nav a:hover, .mkt-header__nav a[aria-expanded="true"] { background: var(--b-ground); color: var(--mkt-ink); }
.mkt-header__search { color: var(--mkt-ink-mute); border-radius: 10px; }
.mkt-header__search:hover { background: var(--b-ground); color: var(--mkt-ink); }
.mkt-nav-dd__panel { border-radius: 16px; border: 1px solid var(--b-line); box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05), 0 24px 60px -24px rgba(15,23,42,0.22); }
.mkt-nav-dd__item { border-radius: 10px; }
.mkt-nav-dd__item:hover { background: var(--b-ground); }
.mkt-nav-dd__icon { background: var(--b-ground); color: var(--mkt-ink); border: 1px solid var(--b-line); border-radius: 10px; }
.mkt-nav-dd__item:hover .mkt-nav-dd__icon { background: var(--mkt-accent-soft); color: var(--mkt-accent); border-color: #e0e7ff; }
.mkt-nav-dd__label { color: var(--mkt-ink); }
.mkt-nav-dd__desc { color: var(--mkt-ink-mute); }
.mkt-nav-dd__heading { color: #a3a3a3; }
.mkt-nav-dd__foot, .mkt-nav-dd__foot:hover { background: var(--b-ground); color: var(--mkt-ink); border-radius: 12px; }
.mkt-nav-dd__new { background: linear-gradient(180deg, var(--b-accent-top), var(--b-accent)); color: #ffffff; }
.mkt-nav-dd__foot-link { color: var(--mkt-accent); }
.mkt-mobile-menu { border-top: 1px solid var(--b-line); }
.mkt-mobile-menu a, .mkt-mobile-menu__group { color: var(--mkt-ink); }

/* ---------- Hero (home): no green band, a soft indigo wash ---------- */
.mkt-hx {
  background: radial-gradient(1200px 520px at 50% -140px, #eef2ff 0%, rgba(238,242,255,0) 70%), #ffffff;
}
.mkt-hx__band { display: none; }
.mkt-hx__sub { color: var(--mkt-ink-soft); }
.mkt-hx__chip { border-color: var(--b-line); box-shadow: var(--b-card-shadow); color: var(--mkt-ink-soft); font-weight: 500; border-radius: 999px; }
.mkt-hx__chip svg { color: var(--mkt-accent); }
.mkt-hx__trust li { color: var(--mkt-ink-mute); }
.mkt-hx__trust svg { color: var(--mkt-accent); }
.mkt-hx__foot { border-top: 1px solid var(--b-line); background: var(--mkt-bg-soft); }
.mkt-hx__foot p { color: var(--mkt-ink-mute); }
.mkt-brandrow__logo { filter: grayscale(1); opacity: 0.7; }
.mkt-brandrow__item:hover .mkt-brandrow__logo { filter: none; opacity: 1; }
/* The tenant-portal phone in the hero: neutral dark instead of deep green. */
.mkt-hx__phone { background: #0a0a0a; box-shadow: 0 1px 1px rgba(0,0,0,0.05), 0 40px 80px -32px rgba(15,23,42,0.45); }
.mkt-hx__ph-hd { background: #171717; }
.mkt-hx__ph-btn { background: linear-gradient(180deg, var(--b-accent-top), var(--b-accent)); }
.mkt-hx__ph-tile u.is-fix { background: #fee2e2; color: #991b1b; }
.mkt-hx__ph-tile u.is-ast { background: var(--mkt-accent-soft); color: var(--mkt-accent); }

/* ---------- The product window (hero-app + previews) ---------- */
.mkt-win { border-radius: 24px; border: 1px solid var(--b-line); box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05), 0 24px 60px -24px rgba(15,23,42,0.25); }
.mkt-win__chrome, .mkt-preview-chrome { background: #fafafa; border-bottom: 1px solid var(--b-line); }
.mkt-win__dot { opacity: 0.35; filter: grayscale(1); }
.mkt-win__addr, .mkt-preview-url { background: #ffffff; border: 1px solid var(--b-line); color: var(--mkt-ink-mute); border-radius: 8px; }
.mkt-ui__side { background: #ffffff; color: var(--mkt-ink-soft); border-right: 1px solid var(--b-line); }
.mkt-ui__side a, .mkt-ui__side span, .mkt-ui__side li { color: var(--mkt-ink-soft); }
.mkt-ui__side .is-active, .mkt-ui__side [aria-current="page"] { background: linear-gradient(180deg, var(--b-accent-top), var(--b-accent)); color: #ffffff; border-radius: 10px; }
.mkt-ui__side strong, .mkt-ui__side b { color: var(--mkt-ink); }
.mkt-ui__tabs { background: #fafafa; border-bottom: 1px solid var(--b-line); }
.mkt-ui__tab { font-weight: 500; }
.mkt-ui__tab[aria-selected="true"] { color: var(--mkt-accent); border-bottom-color: var(--mkt-accent); }
.mkt-preview-tab { border-radius: 10px; font-weight: 500; }
.mkt-preview-tab.is-active { background: linear-gradient(180deg, var(--b-accent-top), var(--b-accent)); color: #ffffff; box-shadow: var(--b-primary-shadow); }
.mkt-preview-frame { border-radius: 24px; border: 1px solid var(--b-line); box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05), 0 24px 60px -24px rgba(15,23,42,0.22); }

/* ---------- Cards and tiles everywhere ---------- */
.mkt-card, .mkt-photo-card, .fx-tile, .fx-screen, .px-plan, .px-matrix, .px-invoice, .mkt-metric, .sx-card, .mkt-mig-preview {
  border-radius: 24px; background: #ffffff; border: 1px solid var(--b-line); box-shadow: var(--b-card-shadow);
}
.mkt-card:hover, .mkt-photo-card:hover, .fx-tile:hover { transform: none; border-color: #d4d4d4; box-shadow: var(--b-card-shadow); }
.fx-screen { border-radius: 20px; }
.px-invoice { border-radius: 16px; }
.mkt-photo-card { overflow: hidden; }
.mkt-metrics-grid b, .mkt-metric__value { color: var(--mkt-ink); background: none; -webkit-text-fill-color: var(--mkt-ink); font-family: 'Inter', sans-serif; font-weight: 600; letter-spacing: -0.03em; }

/* ---------- Section backgrounds: white and #fafafa only ---------- */
.mkt-sl, .fx-hero, .px-hero, .fx-core, .px-how, .px-plans-section, .px-matrix-section, .mkt-section--soft, .sx {
  background: #ffffff;
}
.fx-core, .px-matrix-section, .mkt-hx__foot { background: var(--mkt-bg-soft); }
.mkt-sl__num, .mkt-sl__chip-icon--ok, .sx-dot--ok, .sx-step--done i, .sx-match__tick, .mkt-trust-row__dot, .px-yes, .sx-timeline .is-on::before {
  background: var(--mkt-accent); color: #ffffff;
}
.fx-ticks__mark, .px-plan__features .fx-ticks__mark { background: var(--mkt-accent-soft); color: var(--mkt-accent); font-weight: 700; }
.fx-ticks li, .px-plan__features li { color: var(--mkt-ink); }
.mkt-sl__chip, .fx-chip, .sx-chip { border-radius: 999px; border: 1px solid var(--b-line); background: #ffffff; color: var(--mkt-ink-soft); box-shadow: var(--b-card-shadow); }

/* ---------- The dark bands ("What's new", enterprise, cards on dark): neutral near-black ---------- */
.mkt-nw, .px-enterprise, .fx-card, .fx-dev, .fx-rules, .fx-phone, .fx-inspect__phone, .sx-phone, .sx-art--aurora, .sx-art--dusk, .sx-pcard--1, .sx-pcard--2, .sx-pcard--3 {
  background: radial-gradient(900px 420px at 85% -10%, rgba(99,102,241,0.28), transparent 60%), radial-gradient(700px 380px at 0% 110%, rgba(129,140,248,0.16), transparent 60%), linear-gradient(180deg, #171717, #0a0a0a);
  color: #d4d4d4;
}
.mkt-nw__lead, .mkt-nw__body, .mkt-nw__list span, .px-enterprise p { color: #a3a3a3; }
.mkt-nw__eyebrow, .mkt-nw__more, .px-enterprise .mkt-eyebrow { color: #a5b4fc; }
.mkt-nw__all { color: #ffffff; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.18); border-radius: 10px; }
.mkt-nw__all:hover { background: rgba(255,255,255,0.08); }
.mkt-nw__card { border-radius: 20px; background: rgba(255,255,255,0.04); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1); }
.mkt-nw__card:hover { background: rgba(255,255,255,0.07); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.18), 0 30px 60px -40px rgba(0,0,0,0.6); }
.mkt-nw__card--updates { background: linear-gradient(145deg, rgba(99,102,241,0.28), rgba(129,140,248,0.08)); box-shadow: inset 0 0 0 1px rgba(165,180,252,0.3); }
.mkt-nw__icon { color: #ffffff; background: linear-gradient(180deg, var(--b-accent-top), var(--b-accent)); }
.mkt-nw__badge { color: #0a0a0a; background: #c7d2fe; }
.mkt-nw__list i { color: #ffffff; background: var(--b-accent); }
.mkt-nw__name { color: #ffffff; }
.px-enterprise .mkt-btn--accent { background: #ffffff; color: var(--mkt-ink); box-shadow: 0 0 0 1px rgba(255,255,255,0.2); }
.px-enterprise .mkt-btn--accent:hover { background: #f5f5f5; }

/* ---------- Pricing ---------- */
.px-switch__note { color: var(--mkt-accent); font-weight: 600; }
.px-toggle { border-radius: 12px; background: var(--b-ground); box-shadow: 0 0 0 1px var(--b-line); padding: 4px; }
.px-toggle__thumb { border-radius: 9px; top: 4px; bottom: 4px; left: 4px; width: calc(50% - 4px); box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05), 0 0 0 1px var(--b-line); }
.px-toggle button { border-radius: 9px; font-weight: 500; color: var(--mkt-ink-soft); }
.px-toggle button[aria-checked="true"] { color: var(--mkt-ink); }
.px-plan { padding: 32px 28px 28px; box-shadow: var(--b-card-shadow); }
.px-plan:hover { transform: none; }
.px-plan--hot { background: #ffffff; color: inherit; box-shadow: 0 0 0 2px var(--mkt-accent), 0 32px 64px -32px rgba(79,70,229,0.4); border-color: transparent; }
.px-plan--hot .px-plan__name, .px-plan--hot .px-price__face, .px-plan--hot .px-limits b, .px-plan--hot .px-plan__features li, .px-plan--hot .px-plan__inherits { color: var(--mkt-ink); }
.px-plan--hot .px-plan__tagline, .px-plan--hot .px-plan__save, .px-plan--hot .px-limits em, .px-plan--hot .px-price__face span { color: var(--mkt-ink-mute); }
.px-plan__badge { left: 28px; transform: none; color: #ffffff; background: linear-gradient(180deg, var(--b-accent-top), var(--b-accent)); box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.25), 0 1px 2px rgba(0,0,0,0.08); font-weight: 600; }
.px-plan__name { font-size: 18px; font-weight: 600; letter-spacing: -0.01em; }
.px-price__face { font-weight: 600; letter-spacing: -0.03em; color: var(--mkt-ink); }
.px-price__face span { color: var(--mkt-ink-mute); font-weight: 400; }
.px-plan__save { color: var(--mkt-ink-mute); }
/* Limits as three small tiles (the board) */
.px-limits { gap: 8px; background: transparent; box-shadow: none; border-radius: 0; overflow: visible; margin-top: 20px; }
.px-limits span { padding: 12px 14px; border-radius: 12px; background: var(--b-ground); border: 1px solid var(--b-line); display: flex; flex-direction: column; gap: 2px; }
.px-limits b { font-size: 18px; font-weight: 600; letter-spacing: -0.02em; color: var(--mkt-ink); }
.px-limits em { color: var(--mkt-ink-mute); font-size: 12px; }
.px-plan--hot .px-limits span { background: var(--mkt-accent-soft); border-color: #e0e7ff; }
.px-plan__cta.mkt-btn--primary, .px-plan__cta.mkt-btn--accent { height: 44px; }
.px-plan:not(.px-plan--hot) .px-plan__cta { background: #ffffff; color: var(--mkt-ink); box-shadow: 0 0 0 1px var(--b-line), var(--b-card-shadow); }
.px-plan:not(.px-plan--hot) .px-plan__cta:hover { background: var(--b-ground); box-shadow: 0 0 0 1px #d4d4d4, var(--b-card-shadow); }
.px-matrix th { color: var(--mkt-ink-mute); font-weight: 600; font-size: 12px; letter-spacing: 0.02em; background: #fafafa; }
.px-matrix td, .px-matrix th { border-bottom: 1px solid var(--b-line); }
.px-matrix .is-group td, .px-matrix tr.group td { background: #fafafa; color: var(--mkt-ink-soft); }
.px-tag--hot { background: var(--mkt-accent); color: #ffffff; }
.px-scale__bar, .px-scale__bar::after { background: #e5e5e5; }
.px-scale__col.is-hot .px-scale__bar, .px-scale__col.is-hot .px-scale__bar::after { background: var(--mkt-accent); }

/* ---------- Footer: neutral near-black so the mono logo and the status light stay readable ---------- */
.mkt-footer { background: #0a0a0a !important; color: #a3a3a3; border-top: 1px solid #171717; }
.mkt-footer::before { display: none; }
.mkt-footer__col h3, .mkt-footer__col-toggle, .mkt-footer__brand-logo { color: #ffffff; }
.mkt-footer__col a { color: #a3a3a3; }
.mkt-footer__col a:hover { color: #ffffff; }
.mkt-footer__col { border-top-color: rgba(255,255,255,0.08); }
.mkt-footer__bottom { border-top-color: rgba(255,255,255,0.1); color: #a3a3a3; }
.mkt-footer__status { background: rgba(255,255,255,0.06); color: #d4d4d4; border-radius: 999px; }
.mkt-footer__status-dot { background: #22c55e; box-shadow: 0 0 0 3px rgba(34,197,94,0.2); }
.mkt-footer__social a { background: rgba(255,255,255,0.06); color: #d4d4d4; border-radius: 10px; }
.mkt-footer__social a:hover { background: rgba(255,255,255,0.14); color: #ffffff; }

/* ---------- Forms on the public pages (contact, demo, tools) ---------- */
.mkt-body input[type="text"], .mkt-body input[type="email"], .mkt-body input[type="tel"], .mkt-body input[type="number"], .mkt-body select, .mkt-body textarea {
  border-radius: 10px; border: 1px solid var(--b-line); box-shadow: var(--b-card-shadow);
}
.mkt-body input:focus-visible, .mkt-body select:focus-visible, .mkt-body textarea:focus-visible, .mkt-btn:focus-visible, .mkt-header__nav a:focus-visible {
  outline: 2px solid var(--mkt-accent); outline-offset: 2px;
}

/* ---------- Leftover greens, file by file (listed with a grep on 2026-11-05) ---------- */
/* marketing.css */
.mkt-stage3d__ghost { border-color: var(--b-line); border-radius: 20px; }
.mkt-stage3d__ghost::before { background: #171717; }
.mkt-stage3d__ghost::after { background: linear-gradient(#f5f5f5 0 0) 0 0 / 30% 100% no-repeat, linear-gradient(#fafafa 0 0) 34% 0 / 64% 22% no-repeat, linear-gradient(#fafafa 0 0) 34% 28% / 64% 46% no-repeat; }
.mkt-pal--teal { --icon-fg: #4f46e5; }
.mkt-header__nav .mkt-nav-dd__item:focus-visible .mkt-nav-dd__icon { background: linear-gradient(180deg, var(--b-accent-top), var(--b-accent)); color: #ffffff; }
.mkt-header__nav .mkt-nav-dd__item:focus-visible, .mkt-nav-dd__foot:focus-visible, .mkt-mobile-menu__acc > summary:focus-visible, .mkt-nw__all:focus-visible, .mkt-nw__card:focus-visible { outline: 2px solid var(--mkt-accent); }
.mkt-header__nav .mkt-nav-dd__item:hover .mkt-nav-dd__label { color: var(--mkt-accent); }
.mkt-nav-dd__foot { background: var(--b-ground) !important; }
.mkt-mobile-menu nav a.mkt-mobile-menu__new { color: var(--mkt-accent); }
/* marketing-v2.css */
.mkt-section--soft { background: var(--mkt-bg-soft); }
.mkt-uk-card__icon, .mkt-bento-card__icon, .mkt-step__icon { box-shadow: inset 0 1px 0 rgba(255,255,255,0.7), 0 0 0 1px var(--b-line); }
.mkt-plan--featured::before { background: conic-gradient(from var(--v2-angle, 0deg), #6366f1, #a5b4fc, #c7d2fe, #4f46e5, #6366f1); }
.mkt-plan__badge { background: linear-gradient(180deg, var(--b-accent-top), var(--b-accent)); }
.mkt-plan__price { background: none; -webkit-text-fill-color: var(--mkt-ink); color: var(--mkt-ink); }
.v2-compare table td:nth-child(2), .v2-compare table th:nth-child(2) { box-shadow: inset 2px 0 0 var(--mkt-accent), inset -2px 0 0 var(--mkt-accent); }
.v2-compare table td:nth-child(2) { color: var(--mkt-accent) !important; }
.v2-compare table tr:last-child td:nth-child(2) { box-shadow: inset 2px 0 0 var(--mkt-accent), inset -2px 0 0 var(--mkt-accent), inset 0 -2px 0 var(--mkt-accent); }
.v2-compare table thead th:nth-child(2) { box-shadow: inset 2px 0 0 var(--mkt-accent), inset -2px 0 0 var(--mkt-accent), inset 0 2px 0 var(--mkt-accent); }
.v2-vs-prices .v2-vs-us { box-shadow: 0 0 0 2px var(--mkt-accent), 0 24px 50px -30px rgba(79,70,229,0.45); }
.v2-textcover { background: linear-gradient(135deg, #171717 0%, #312e81 55%, #4f46e5 100%); }
/* marketing-showcase.css (home bento) */
.sx-art--dusk { background-image: linear-gradient(135deg, #eef2ff, #c7d2fe 40%, #6366f1 70%, #312e81); }
.sx-art--aurora { background-image: linear-gradient(135deg, #eef2ff, #e0e7ff 45%, #c7d2fe); }
.sx-tag--new, .sx-match, .sx-feeds__listing em, .sx-opt.is-on, .fx-note, .px-hero__badge { color: var(--mkt-accent); }
.sx-ring, .fx-ring { --c: #4f46e5; }
.sx-timeline .is-on::before { background: var(--mkt-accent); box-shadow: 0 0 0 2px var(--mkt-accent); }
.sx-pcard--1 { background: linear-gradient(135deg, #6366f1, #4f46e5 60%, #312e81); }
.sx-pcard--2 { background: linear-gradient(135deg, #262626, #171717 60%, #0a0a0a); }
.sx-pcard--3 { background: linear-gradient(135deg, #a5b4fc, #818cf8 60%, #6366f1); }
.sx-sale__bar i, .sx-bars i, .sx-burst__core, .sx-slot--hot, .sx-offer__stamp, .px-yes, .px-tag--hot, .px-scale__bar, .px-scale__col.is-hot .px-scale__bar { background: linear-gradient(180deg, var(--b-accent-top), var(--b-accent)); }
.px-tag--hot em { color: #c7d2fe; }
.sx-step--done i { background-color: var(--mkt-accent); }
.sx-step--now i { box-shadow: inset 0 0 0 4px var(--mkt-accent); }
.sx-meter { background: linear-gradient(90deg, var(--mkt-accent) calc(var(--v) * 100%), #e5e5e5 0); }
.sx-zoom__chrome, .fx-screen__bar, .fx-win__bar { border-bottom-color: var(--b-line); }
.sx-hero-card, .sx-offer, .sx-doc, .fx-list, .fx-prop, .fx-flowline__step, .fx-kpis div, .px-bill .fx-grid2, .px-invoice { box-shadow: 0 0 0 1px var(--b-line); }
.px-invoice__total { border-top-color: var(--b-line); }
/* marketing-features.css */
.fx-win__side { background: #0a0a0a; }
.fx-slide { background: var(--mkt-bg-soft); }
.px-table thead th.is-hot { box-shadow: inset 0 3px 0 var(--mkt-accent); }

/* Per-page sheets scope their tokens on .fx / .px, which beats :root, so repeat them there. */
.fx, .px, .sx, .fx .px { --fx-green: #4f46e5; --fx-leaf: #6366f1; --fx-mint: #818cf8; --fx-aqua: #a5b4fc; --fx-deep: #0a0a0a; --fx-ink: #0a0a0a; --fx-muted: #737373; }
.fx-hero__band { display: none; }
.fx-hero, .px-hero { background: radial-gradient(1200px 520px at 50% -140px, #eef2ff 0%, rgba(238,242,255,0) 70%), #ffffff; }
.fx-hero__title, .mkt-body .fx-hero__title { font-family: 'Inter', ui-sans-serif, system-ui, sans-serif; font-weight: 600; letter-spacing: -0.03em; color: var(--mkt-ink); }
.fx-hero__sub { color: var(--mkt-ink-soft); }
.px-hero__badge { background: #ffffff; box-shadow: 0 0 0 1px var(--b-line), var(--b-card-shadow); color: var(--mkt-ink-soft); font-weight: 500; }
.px-bill, .fx-win__main, .fx-screen__body { background: #fafafa; }
.fx-screen__bar, .fx-win__bar { background: #fafafa; }
.fx-screen__bar i, .fx-win__bar i { background: #e5e5e5; }
.px-bill__head b, .px-tag b, .px-table thead th, .fx-chip-card b { font-family: 'Inter', ui-sans-serif, system-ui, sans-serif; font-weight: 600; }
.px-tag { border-radius: 16px; box-shadow: 0 0 0 1px var(--b-line), 0 24px 60px -24px rgba(15,23,42,0.22); }
.px-tag--hot { box-shadow: 0 24px 60px -24px rgba(79,70,229,0.5); }
.px-table .is-hot { background: #eef2ff; }
.px-table thead th.is-hot { background: #eef2ff; box-shadow: inset 0 3px 0 var(--mkt-accent); }
.px-table__section th { background: #fafafa; color: var(--mkt-ink-soft); font-weight: 600; }
.px-table th[scope="row"], .px-table thead th:first-child { color: var(--mkt-ink); }
.px-table tbody tr:not(.px-table__section):hover th, .px-table tbody tr:not(.px-table__section):hover td { background: #fafafa; }
.px-table tbody tr:not(.px-table__section):hover td.is-hot { background: #e0e7ff; }
.fx-chip-card { border-radius: 14px; box-shadow: 0 0 0 1px var(--b-line), 0 24px 50px -24px rgba(15,23,42,0.22); }
/* Showcase (home bento) art: the same tints in indigo instead of mint */
.sx-tile { border-radius: 24px; background: #ffffff; box-shadow: 0 0 0 1px var(--b-line), var(--b-card-shadow); }
.sx-tile__plus { border-radius: 8px; box-shadow: 0 0 0 1px var(--b-line); }
.sx-art--sunrise { background-image: linear-gradient(160deg, rgba(255,255,255,0) 20%, #e0e7ff 42%, #a5b4fc 62%, #c7d2fe 86%, #818cf8 100%); }
.sx-art--lagoon { background-image: linear-gradient(135deg, #eef2ff, #a5b4fc 45%, #818cf8 75%, #6366f1); }
.sx-art--meadow { background-image: radial-gradient(60% 55% at 70% 55%, #e0e7ff 0%, rgba(224,231,255,0) 70%), radial-gradient(50% 50% at 30% 80%, #eef2ff 0%, rgba(238,242,255,0) 70%); }
.sx-art--mist { background-image: radial-gradient(70% 60% at 85% 50%, #e0e7ff 0%, rgba(224,231,255,0) 70%); }
.sx-art--aurora { background-image: linear-gradient(115deg, rgba(255,255,255,0) 10%, #e0e7ff 35%, #a5b4fc 58%, #818cf8 78%, #6366f1 100%); }
.sx-ring { --c: #4f46e5; background: conic-gradient(var(--c) calc(var(--p) * 360deg), #e5e5e5 0); }

/* ---------- Links ---------- */
.mkt-body a.mkt-link, .mkt-body .mkt-prose a { color: var(--mkt-accent); }
::selection { background: #e0e7ff; color: #0a0a0a; }