/*
  Consolith v11.3 — Émeraude clair
  Équilibre de la palette graphite v11.2 et de la palette vert canard :
  #06141b #11212d #253745 #4a5c6a #9ba8ab #ccd0cf
  #113b3a #184948 #235e5d #317978 #599d9c #b7e6e5
*/
:root {
  --graphite-950: #11212d;
  --graphite-900: #113b3a;
  --graphite-700: #235e5d;
  --graphite-500: #317978;
  --graphite-300: #599d9c;
  --graphite-100: #f4faf8;

  --navy: var(--graphite-950);
  --cream: color-mix(in srgb, var(--graphite-100) 88%, var(--graphite-300) 12%);
  --bg: color-mix(in srgb, var(--graphite-100) 76%, var(--graphite-300) 24%);
  --surface: var(--graphite-100);
  --border: color-mix(in srgb, var(--graphite-300) 68%, var(--graphite-500) 32%);
  --border-control: var(--graphite-500);
  --accent: var(--graphite-700);
  --accent-hover: var(--graphite-900);
  --accent-active: var(--graphite-950);
  --success: var(--graphite-500);
  --danger: var(--graphite-700);
  --warning: var(--graphite-500);
  --text: var(--graphite-950);
  --text-2: var(--graphite-700);
  --text-3: var(--graphite-500);
  --shadow: 0 18px 55px rgba(6, 20, 27, .12);
  --focus-ring: 0 0 0 4px rgba(74, 92, 106, .26);
}

html {
  background: var(--graphite-950);
}

body {
  background: var(--graphite-100);
  color: var(--graphite-950);
}

::selection {
  background: var(--graphite-500);
  color: var(--graphite-100);
}

/* Common chrome */
.site-header {
  border-color: rgba(74, 92, 106, .38);
  background: rgba(204, 208, 207, .90);
  box-shadow: 0 1px 0 rgba(6, 20, 27, .08);
  backdrop-filter: saturate(.82) blur(18px);
  -webkit-backdrop-filter: saturate(.82) blur(18px);
}

.site-header.scrolled {
  box-shadow: 0 16px 44px rgba(6, 20, 27, .12);
}

.logo,
.logo:hover,
.nav-links > a:not(.btn),
.v10-nav-trigger,
.v10-nav-link {
  color: var(--graphite-950);
}

.logo-mark path {
  stroke: var(--graphite-500) !important;
}

.v10-scroll-track,
.v10-scroll-track span {
  background: var(--graphite-500) !important;
}

.btn,
.v10-nav-cta {
  border-color: var(--graphite-950);
  border-radius: 999px;
  background: var(--graphite-950);
  color: var(--graphite-100);
  box-shadow: 0 10px 28px rgba(6, 20, 27, .13);
}

.btn:hover,
.v10-nav-cta:hover {
  border-color: var(--graphite-700);
  background: var(--graphite-700);
  color: var(--graphite-100);
  transform: translateY(-1px);
}

.btn.secondary {
  border-color: var(--graphite-500);
  background: transparent;
  color: var(--graphite-950);
  box-shadow: none;
}

.btn.secondary:hover {
  border-color: var(--graphite-950);
  background: rgba(155, 168, 171, .22);
  color: var(--graphite-950);
}

.btn.on-dark {
  border-color: var(--graphite-100);
  background: var(--graphite-100);
  color: var(--graphite-950);
}

.btn.on-dark:hover {
  border-color: var(--graphite-300);
  background: var(--graphite-300);
  color: var(--graphite-950);
}

.menu-toggle {
  border-color: var(--graphite-500);
  background: rgba(204, 208, 207, .72);
  color: var(--graphite-950);
}

.v10-nav-backdrop {
  background: rgba(6, 20, 27, .55) !important;
  backdrop-filter: blur(5px);
}

.v10-mega {
  border: 1px solid rgba(155, 168, 171, .44) !important;
  background: var(--graphite-900) !important;
  color: var(--graphite-100) !important;
  box-shadow: 0 38px 90px rgba(6, 20, 27, .34) !important;
}

.v10-mega-intro {
  background: var(--graphite-950) !important;
  color: var(--graphite-100) !important;
}

.v10-mega-kicker,
.v10-mega-intro p,
.v10-mega-intro a,
.v10-mega-links small {
  color: var(--graphite-300) !important;
}

.v10-mega-links a {
  border-color: rgba(155, 168, 171, .24) !important;
  color: var(--graphite-100) !important;
}

.v10-mega-links a:hover {
  background: var(--graphite-700) !important;
}

.v10-mega-links > a > span {
  border-color: var(--graphite-500) !important;
  color: var(--graphite-300) !important;
}

.skip-link {
  border-color: var(--graphite-950);
  background: var(--graphite-100);
  color: var(--graphite-950);
}

/* Shared page language */
.page-hero,
.section.dark,
.site-footer,
.v10-footer {
  border-color: rgba(155, 168, 171, .18);
  background: linear-gradient(145deg, var(--graphite-950), var(--graphite-900) 64%, var(--graphite-700));
  color: var(--graphite-100);
}

.page-hero p,
.section.dark p,
.section.dark li,
.footer-brand p,
.footer-links a,
.footer-links span,
.footer-bottom {
  color: var(--graphite-300);
}

.page-hero .eyebrow,
.section.dark .eyebrow,
.footer-links h2 {
  color: var(--graphite-500);
}

.section {
  border-color: rgba(74, 92, 106, .26);
  background: var(--graphite-100);
}

.section.bg,
.v10-soft,
.v10-section-soft {
  background: color-mix(in srgb, var(--graphite-100) 76%, var(--graphite-300) 24%) !important;
}

.section.cream {
  background: color-mix(in srgb, var(--graphite-100) 88%, var(--graphite-300) 12%);
}

.card,
.panel,
.tool-card,
.resource-card,
.price-card,
.security-card,
.v10-card,
.v10-proof-card,
.v10-module-card {
  border-color: rgba(74, 92, 106, .34) !important;
  background: color-mix(in srgb, var(--graphite-100) 88%, var(--graphite-300) 12%) !important;
  color: var(--graphite-950) !important;
  box-shadow: 0 20px 45px rgba(6, 20, 27, .07);
}

.card:hover,
.tool-card:hover,
.resource-card:hover,
.price-card:hover,
.v10-card:hover,
.v10-module-card:hover {
  border-color: var(--graphite-500) !important;
  box-shadow: 0 28px 58px rgba(6, 20, 27, .13) !important;
  transform: translateY(-4px);
}

.eyebrow,
.num,
.meta,
.ref,
.small,
.status,
.kicker,
.v10-kicker,
.v10-eyebrow {
  color: var(--graphite-500) !important;
}

.text-link,
a {
  color: var(--graphite-700);
  text-decoration-color: rgba(74, 92, 106, .48);
}

a:hover,
.text-link:hover {
  color: var(--graphite-950);
}

hr,
.divider,
.footer-bottom,
.meta-row,
table,
th,
td {
  border-color: rgba(74, 92, 106, .30) !important;
}

/* Homepage v11.2 */
.v11-home {
  background: var(--graphite-100);
  color: var(--graphite-950);
}

.v11-hero {
  background:
    radial-gradient(circle at 72% 18%, rgba(155, 168, 171, .20), transparent 34%),
    radial-gradient(circle at 18% 82%, rgba(74, 92, 106, .25), transparent 36%),
    linear-gradient(145deg, var(--graphite-950) 0%, var(--graphite-900) 56%, var(--graphite-700) 100%);
  color: var(--graphite-100);
}

.v11-hero-glow,
.v11-hero-halo {
  background: radial-gradient(circle, rgba(204, 208, 207, .23), rgba(155, 168, 171, .08) 38%, transparent 68%) !important;
}

.v11-overline,
.v11-kicker,
.v11-kicker-light,
.v11-card-number,
.v11-cap-idx,
.v11-story-step,
.v11-manifesto-label {
  color: var(--graphite-300) !important;
}

.v11-spark,
.v11-caption-dot,
.v11-status-pulse,
.v11-tour-track-bar span,
.v11-stage-dots::before,
.v11-stage-dots::after {
  background: var(--graphite-300) !important;
}

.v11-hero h1,
.v11-break h2,
.v11-outro h2 {
  color: var(--graphite-100) !important;
}

.v11-hero h1 em {
  color: var(--graphite-300) !important;
  -webkit-text-fill-color: var(--graphite-300) !important;
}

.v11-hero-intro,
.v11-hero-footnote,
.v11-scroll-cue,
.v11-break-statement > p,
.v11-outro p {
  color: var(--graphite-300) !important;
}

.v11-line-stamp,
.v11-scroll-cue::before {
  background: var(--graphite-500) !important;
}

.v11-button {
  border-radius: 999px;
  box-shadow: 0 18px 36px rgba(6, 20, 27, .20);
}

.v11-button-gold,
.v11-button-light {
  border-color: var(--graphite-100) !important;
  background: var(--graphite-100) !important;
  color: var(--graphite-950) !important;
}

.v11-button-gold:hover,
.v11-button-light:hover {
  border-color: var(--graphite-300) !important;
  background: var(--graphite-300) !important;
  color: var(--graphite-950) !important;
}

.v11-button-outline,
.v11-outro-secondary {
  border-color: var(--graphite-500) !important;
  background: rgba(17, 33, 45, .28) !important;
  color: var(--graphite-100) !important;
}

.v11-button-outline:hover,
.v11-outro-secondary:hover {
  border-color: var(--graphite-300) !important;
  background: var(--graphite-700) !important;
}

.v11-product-window,
.v11-browser-top,
.v11-float-note {
  border-color: rgba(155, 168, 171, .42) !important;
}

.v11-product-window {
  background: var(--graphite-100) !important;
  box-shadow: 0 44px 100px rgba(6, 20, 27, .34) !important;
}

.v11-browser-top,
.v11-float-note {
  background: rgba(204, 208, 207, .94) !important;
  color: var(--graphite-700) !important;
}

.v11-browser-lights i,
.v11-mini-icon,
.v11-note-mark {
  border-color: var(--graphite-500) !important;
  background: var(--graphite-700) !important;
  color: var(--graphite-100) !important;
}

.v11-browser-live,
.v11-interface-tag,
.v11-fiction-tag,
.v11-outro-tag {
  border-color: rgba(74, 92, 106, .55) !important;
  background: rgba(155, 168, 171, .24) !important;
  color: var(--graphite-700) !important;
}

.v11-manifesto {
  background: var(--graphite-300) !important;
  color: var(--graphite-950) !important;
}

.v11-manifesto-row,
.v11-manifesto-symbol {
  border-color: rgba(37, 55, 69, .35) !important;
}

.v11-audience,
.v11-capabilities,
.v11-personas {
  background: var(--graphite-100) !important;
}

.v11-audience-card,
.v11-persona-card {
  border-color: rgba(74, 92, 106, .30) !important;
  background: color-mix(in srgb, var(--graphite-100) 87%, var(--graphite-300) 13%) !important;
  color: var(--graphite-950) !important;
  box-shadow: 0 24px 54px rgba(6, 20, 27, .08) !important;
}

.v11-card-link,
.v11-text-cta,
.v11-persona-point {
  border-color: var(--graphite-500) !important;
  color: var(--graphite-700) !important;
}

.v11-audience-photo img,
.v11-realworld-photo img,
.v11-persona-top img {
  filter: saturate(.58) contrast(1.04) !important;
}

.v11-audience-photo::after {
  background: linear-gradient(transparent, rgba(6, 20, 27, .86)) !important;
}

.v11-product-story,
.v11-tools {
  background: color-mix(in srgb, var(--graphite-100) 82%, var(--graphite-300) 18%) !important;
}

.v11-story-tabs,
.v11-story-tab,
.v11-status-note,
.v11-tool-row,
.v11-persona-bottom {
  border-color: rgba(74, 92, 106, .30) !important;
}

.v11-story-tab {
  color: var(--graphite-950) !important;
}

.v11-story-tab.is-active {
  background: rgba(155, 168, 171, .16) !important;
}

.v11-story-tab.is-active::before {
  background: var(--graphite-500) !important;
}

.v11-story-tab-text small,
.v11-story-intro p,
.v11-cap p,
.v11-tools-heading > p,
.v11-persona-card p,
.v11-photo-disclosure,
.v11-personas-disclaimer {
  color: var(--graphite-500) !important;
}

.v11-showcase-stage {
  background: linear-gradient(145deg, var(--graphite-300), var(--graphite-500)) !important;
}

.v11-visual-wash::after {
  background: rgba(204, 208, 207, .38) !important;
}

.v11-showcase-caption {
  color: var(--graphite-700) !important;
}

.v11-break,
.v11-outro {
  background:
    radial-gradient(circle at 72% 36%, rgba(155, 168, 171, .13), transparent 32%),
    linear-gradient(145deg, var(--graphite-950), var(--graphite-900) 62%, var(--graphite-700)) !important;
  color: var(--graphite-100) !important;
}

.v11-orbit {
  border-color: rgba(155, 168, 171, .34) !important;
}

.v11-orbit-1 {
  border-color: var(--graphite-300) !important;
}

.v11-break-art::before,
.v11-break-art::after {
  background: var(--graphite-300) !important;
  box-shadow: 0 0 0 10px rgba(155, 168, 171, .08) !important;
}

.v11-orbit-core {
  border-color: var(--graphite-300) !important;
  color: var(--graphite-300) !important;
  box-shadow: 0 0 70px rgba(155, 168, 171, .13) !important;
}

.v11-orbit-label {
  border-color: rgba(155, 168, 171, .30) !important;
  background: var(--graphite-700) !important;
  color: var(--graphite-100) !important;
}

.v11-cap {
  border: 1px solid rgba(74, 92, 106, .25) !important;
  background: color-mix(in srgb, var(--graphite-100) 86%, var(--graphite-300) 14%) !important;
  color: var(--graphite-950) !important;
  box-shadow: 0 20px 50px rgba(6, 20, 27, .07);
}

.v11-cap-wide {
  background: linear-gradient(135deg, var(--graphite-300), color-mix(in srgb, var(--graphite-300) 58%, var(--graphite-100) 42%)) !important;
}

.v11-cap-mini:nth-child(2),
.v11-cap-mini:nth-child(3) {
  background: color-mix(in srgb, var(--graphite-100) 80%, var(--graphite-300) 20%) !important;
}

.v11-cap-wide img {
  border-color: var(--graphite-100) !important;
  box-shadow: 0 25px 40px rgba(6, 20, 27, .18) !important;
}

.v11-micro-chart {
  border-color: var(--graphite-500) !important;
}

.v11-micro-chart i {
  background: linear-gradient(var(--graphite-700), var(--graphite-300)) !important;
}

.v11-doc-stack span {
  border-color: var(--graphite-500) !important;
  background: var(--graphite-100) !important;
  box-shadow: 0 10px 28px rgba(6, 20, 27, .14) !important;
}

.v11-doc-stack span::after {
  background: repeating-linear-gradient(to bottom, var(--graphite-300) 0, var(--graphite-300) 2px, transparent 2px, transparent 10px) !important;
}

.v11-status-pulse {
  box-shadow: 0 0 0 7px rgba(155, 168, 171, .22) !important;
}

.v11-tool-row,
.v11-persona-bottom,
.v11-tour-button {
  background: color-mix(in srgb, var(--graphite-100) 86%, var(--graphite-300) 14%) !important;
  color: var(--graphite-950) !important;
}

.v11-tool-icon,
.v11-tour-icon {
  border-color: var(--graphite-500) !important;
  background: var(--graphite-700) !important;
  color: var(--graphite-100) !important;
}

.v11-realworld {
  background: var(--graphite-900) !important;
  color: var(--graphite-100) !important;
}

.v11-realworld-copy p,
.v11-realworld-copy li,
.v11-photo-credit {
  color: var(--graphite-300) !important;
}

.v11-realworld-interface {
  border-color: rgba(155, 168, 171, .42) !important;
  background: var(--graphite-100) !important;
  box-shadow: 0 38px 80px rgba(6, 20, 27, .36) !important;
}

/* Calculators, forms and tables */
input,
select,
textarea {
  border-color: var(--graphite-500) !important;
  background: color-mix(in srgb, var(--graphite-100) 90%, var(--graphite-300) 10%) !important;
  color: var(--graphite-950) !important;
}

input::placeholder,
textarea::placeholder {
  color: var(--graphite-500) !important;
}

fieldset,
.calculator,
.calculator-form,
.calculator-result,
.salary-calculator,
.salary-form,
.salary-result,
.stc-calculator,
.stc-form,
.stc-result {
  border-color: rgba(74, 92, 106, .34) !important;
}

.salary-hero,
.stc-hero,
.tool-hero,
.v10-tool-hero {
  background:
    radial-gradient(circle at 78% 20%, rgba(155, 168, 171, .18), transparent 34%),
    linear-gradient(145deg, var(--graphite-950), var(--graphite-900) 62%, var(--graphite-700)) !important;
  color: var(--graphite-100) !important;
}

.salary-hero-deck,
.salary-hero-trust,
.salary-hero-proof > p,
.tool-hero p,
.stc-hero p {
  color: var(--graphite-300) !important;
}

.salary-proof-head,
.salary-proof-line,
.salary-proof-total,
.salary-proof-cost,
.v10-live-summary,
.salary-result-context,
.salary-result-summary,
.salary-breakdown-card,
.salary-tax-detail,
.salary-parameter-card,
.salary-exempt-card,
.salary-tax-adjustment-card,
.salary-plan-fieldset,
.salary-inverse-panel,
.stc-result-card,
.stc-summary-card {
  border-color: rgba(74, 92, 106, .36) !important;
  background: color-mix(in srgb, var(--graphite-100) 88%, var(--graphite-300) 12%) !important;
  color: var(--graphite-950) !important;
}

.salary-result-summary > div.primary,
.salary-lines .total,
.salary-print-kpi-primary,
.stc-result-card.primary,
.calculator-result .primary {
  background: var(--graphite-950) !important;
  color: var(--graphite-100) !important;
}

.salary-mode-switch input:checked + span,
.salary-tax-switch input:checked + span,
.segmented input:checked + span,
.tabs button[aria-selected="true"],
.stc-step.is-active {
  border-color: var(--graphite-700) !important;
  background: var(--graphite-700) !important;
  color: var(--graphite-100) !important;
}

.salary-mode-switch input:checked + span *,
.salary-tax-switch input:checked + span * {
  color: var(--graphite-100) !important;
}

.salary-social-live .primary,
.salary-plan-preview,
.salary-cfc-panel,
.salary-cfc-duration,
.salary-cfc-comparison-grid article,
.salary-tax-grid > div,
.salary-assumption-list article,
.salary-assiette-grid article,
.salary-limit-grid article {
  border-color: rgba(74, 92, 106, .30) !important;
  background: rgba(155, 168, 171, .18) !important;
}

.salary-cfc-status,
.calculator-message,
.status-pill,
.badge,
.tag {
  border-color: var(--graphite-500) !important;
  background: rgba(155, 168, 171, .22) !important;
  color: var(--graphite-700) !important;
}

thead,
.table-head,
.salary-lines .subtotal {
  background: rgba(155, 168, 171, .20) !important;
}

/* Print report also follows the palette */
@media print {
  #salary-print-report {
    background: var(--graphite-100) !important;
    color: var(--graphite-950) !important;
  }
  .salary-print-report-head,
  .salary-print-row,
  .salary-print-footer,
  .salary-print-meta,
  .salary-print-kpis {
    border-color: var(--graphite-500) !important;
  }
  .salary-print-mark,
  .salary-print-ledger h2,
  .salary-print-tax h2 {
    border-color: var(--graphite-700) !important;
    color: var(--graphite-700) !important;
  }
  .salary-print-kpi-primary,
  .salary-print-row.total {
    background: var(--graphite-950) !important;
  }
  .salary-print-kpi-primary *,
  .salary-print-row.total * {
    color: var(--graphite-100) !important;
  }
  .salary-print-disclaimer,
  .salary-print-row.subtotal {
    background: rgba(155, 168, 171, .20) !important;
  }
}

/* Motion remains subtle and premium */
@media (prefers-reduced-motion: no-preference) {
  .btn,
  .v11-button,
  .card,
  .v11-cap,
  .v11-audience-card,
  .v11-persona-card {
    transition-duration: 260ms;
    transition-timing-function: cubic-bezier(.2,.75,.2,1);
  }
}

@media (max-width: 780px) {
  .site-header {
    background: rgba(204, 208, 207, .96);
  }
  .nav-links {
    border-color: rgba(74, 92, 106, .35) !important;
    background: var(--graphite-100) !important;
  }
  .v11-hero {
    background: linear-gradient(160deg, var(--graphite-950), var(--graphite-900) 72%, var(--graphite-700));
  }
}
.v11-manifesto-symbol { color: var(--graphite-700) !important; }


/* ================================================================
   V11.3 : editorial light.  This stylesheet loads after site.css and
   home-v11.css.  Visual-only CSS: all calculator logic remains intact.
   ================================================================ */
:root {
  --teal-950: #113b3a;
  --teal-900: #184948;
  --teal-800: #235e5d;
  --teal-700: #317978;
  --teal-500: #599d9c;
  --teal-200: #b7e6e5;
  --ink: #11212d;
  --slate: #253745;
  --slate-muted: #4a5c6a;
  --paper: #fbfdfc;
  --mist: #f4faf8;
  --mist-deep: #e7f5f2;
  --glass: rgba(255, 255, 255, .90);
  --navy: var(--ink);
  --cream: var(--paper);
  --bg: var(--paper);
  --surface: #fff;
  --border: #d8e8e4;
  --border-control: #9ba8ab;
  --accent: var(--teal-700);
  --accent-hover: var(--teal-800);
  --accent-active: var(--teal-900);
  --success: var(--teal-700);
  --text: var(--ink);
  --text-2: var(--slate);
  --text-3: var(--slate-muted);
  --shadow: 0 20px 60px rgba(17, 59, 58, .095);
  --focus-ring: 0 0 0 4px rgba(89, 157, 156, .28);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color-scheme: light;
}
html, body { background: var(--paper); }
html, body, button, input, select, textarea, option { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; }
body, .v11-home, .v11-home button, .v11-home a { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
body { color: var(--ink); -webkit-font-smoothing: antialiased; }
::selection { background: var(--teal-200); color: var(--ink); }
:focus-visible { outline-color: var(--teal-700); }

/* Persistent masthead: fresh, fully legible navigation. */
.site-header, .site-header.scrolled {
  background: rgba(251, 253, 252, .94) !important;
  border-bottom: 1px solid rgba(35, 94, 93, .14) !important;
  box-shadow: 0 3px 20px rgba(17, 59, 58, .045) !important;
  backdrop-filter: saturate(1.15) blur(18px);
}
.logo, .logo:hover, .v10-logo, .v10-nav-trigger, .v10-nav-link,
.nav-links > a:not(.btn) { color: var(--ink) !important; }
.logo-word { text-transform: none !important; letter-spacing: -.048em !important; font-weight: 640 !important; }
.logo-mark path { stroke: var(--teal-700) !important; }
.v10-scroll-track,.v10-scroll-track span { background: var(--teal-700) !important; }
.btn, .v10-nav-cta {
  background: var(--teal-900) !important;
  border-color: var(--teal-900) !important;
  color: #fff !important;
  box-shadow: 0 10px 26px rgba(17, 59, 58, .14) !important;
}
.btn:hover, .v10-nav-cta:hover { background: var(--teal-700) !important; border-color: var(--teal-700) !important; color: #fff !important; }
.btn.secondary { color: var(--teal-900) !important; background: transparent !important; border-color: var(--teal-700) !important; box-shadow: none !important; }
.btn.secondary:hover { background: var(--mist-deep) !important; }
.btn.on-dark { background: var(--teal-200) !important; color: var(--ink) !important; border-color: var(--teal-200) !important; }
.menu-toggle { background: #fff !important; border-color: var(--border) !important; color: var(--ink) !important; }
.v10-mega { background: #fff !important; border-color: #cde3de !important; color: var(--ink) !important; box-shadow: 0 30px 80px rgba(17,59,58,.19) !important; }
.v10-mega-intro { background: linear-gradient(160deg,#113b3a,#235e5d) !important; color: #fff !important; }
.v10-mega-intro p,.v10-mega-intro a,.v10-mega-kicker { color: #b7e6e5 !important; }
.v10-mega-links a { color: var(--ink) !important; border-color: #e2efeb !important; }
.v10-mega-links a:hover { background: var(--mist-deep) !important; }
.v10-mega-links a small { color: var(--slate-muted) !important; }
.v10-mega-links > a > span { border-color: var(--teal-200) !important; color: var(--teal-900) !important; }

/* Main page backgrounds, inputs and cards use white as the primary surface. */
.section,.section.cream, .section.bg { background: var(--paper) !important; border-color: #e3efed !important; }
.section.bg, .v10-soft,.v10-section-soft { background: var(--mist) !important; }
.section.cream { background: var(--mist-deep) !important; }
.card,.panel,.tool-card,.resource-card,.price-card,.security-card,
.v10-card,.v10-proof-card,.v10-module-card {
  background: #fff !important;
  border: 1px solid #dcebe7 !important;
  box-shadow: 0 16px 48px rgba(17,59,58,.055) !important;
}
.card:hover,.tool-card:hover,.resource-card:hover,.price-card:hover,.v10-card:hover,.v10-module-card:hover {
  border-color: var(--teal-500) !important;
  box-shadow: 0 24px 48px rgba(17,59,58,.11) !important;
}
.eyebrow,.meta,.ref,.small,.status,.kicker,.v10-kicker,.v10-eyebrow { color: var(--teal-800) !important; }
a,.text-link { color: var(--teal-800); text-decoration-color: var(--teal-500); }
a:hover,.text-link:hover { color: var(--teal-900); }
hr,.divider,.footer-bottom,.meta-row,table,th,td { border-color: #daeae6 !important; }
input,select,textarea {
  background: #fff !important;
  border-color: #b8d4ce !important;
  color: var(--ink) !important;
  box-shadow: none;
}
input:focus-visible,select:focus-visible,textarea:focus-visible { outline-color: var(--teal-700) !important; border-color: var(--teal-700) !important; }
input::placeholder,textarea::placeholder { color: var(--slate-muted) !important; }

/* The 19 inner-page hero panels should no longer be dark walls. */
.page-hero,.salary-hero,.stc-hero,.tool-hero,.v10-tool-hero {
  background: radial-gradient(circle at 83% 10%, rgba(183,230,229,.85), transparent 34%),
              linear-gradient(125deg, #f9fcfb 0%, #e9f6f3 53%, #dbf0ed 100%) !important;
  color: var(--ink) !important;
  border-color: #cde6e1 !important;
}
.page-hero h1,.salary-hero h1,.stc-hero h1,.tool-hero h1,.v10-tool-hero h1 { color: var(--ink) !important; }
.page-hero p,.page-hero li,.page-hero .eyebrow,
.salary-hero-deck,.salary-hero-trust,.salary-hero-proof > p,.tool-hero p,.stc-hero p {
  color: var(--slate) !important;
}
.page-hero .eyebrow { color: var(--teal-800) !important; }
.section.dark,.site-footer,.v10-footer { background: linear-gradient(145deg,#11212d 0%,#113b3a 65%,#184948 100%) !important; color: #f1faf8 !important; }
.section.dark p,.section.dark li,.footer-brand p,.footer-links a,.footer-links span,.footer-bottom { color: #d0e6e2 !important; }
.section.dark .eyebrow,.footer-links h2 { color: #b7e6e5 !important; }
.site-footer .logo-word { color: #fff !important; }
.site-footer .logo-mark path { stroke: #b7e6e5 !important; }
.site-footer a:hover { color: #b7e6e5 !important; }

/* Homepage: generous, bright product-led editorial design. */
body.v11-homepage {
  --v11-navy: #113b3a;
  --v11-navy-2: #184948;
  --v11-ink: #11212d;
  --v11-gold: #317978;
  --v11-ivory: #fbfdfc;
  --v11-line: #d4e7e2;
  --v11-muted: #4a5c6a;
}
.v11-home { background: var(--paper) !important; color: var(--ink) !important; }
.v11-home h1,.v11-home h2,.v11-home h3 { letter-spacing: -.049em; font-weight: 660; }
.v11-hero {
  background:
    radial-gradient(ellipse at 85% 36%, rgba(183,230,229,.9), transparent 42%),
    radial-gradient(ellipse at 6% 96%, rgba(89,157,156,.18), transparent 39%),
    linear-gradient(130deg,#fbfdfc 4%,#eff9f6 54%,#e2f3f0 100%) !important;
  color: var(--ink) !important;
  border-bottom: 1px solid #dbece7;
}
.v11-hero::after { opacity: .50; background-image: linear-gradient(90deg,rgba(35,94,93,.065) 1px,transparent 1px),linear-gradient(rgba(35,94,93,.065) 1px,transparent 1px) !important; }
.v11-hero-glow,.v11-hero-halo { background: radial-gradient(circle,rgba(89,157,156,.20),rgba(183,230,229,.10) 40%,transparent 70%) !important; }
.v11-hero h1 { color: var(--ink) !important; letter-spacing: -.059em; }
.v11-hero h1 em { color: var(--teal-700) !important; -webkit-text-fill-color: var(--teal-700) !important; }
.v11-overline,.v11-hero-intro,.v11-hero-footnote,.v11-scroll-cue { color: var(--slate) !important; }
.v11-spark,.v11-caption-dot,.v11-status-pulse { background: var(--teal-700) !important; }
.v11-line-stamp,.v11-scroll-cue::before { background: var(--teal-700) !important; }
.v11-button { border-radius: 10px !important; }
.v11-button-gold,.v11-button-light { background: var(--teal-900) !important; color: #fff !important; border: 1px solid var(--teal-900) !important; box-shadow: 0 14px 30px rgba(17,59,58,.17) !important; }
.v11-button-gold:hover,.v11-button-light:hover { background: var(--teal-700) !important; color: #fff !important; border-color: var(--teal-700) !important; }
.v11-hero .v11-button-outline { background: rgba(255,255,255,.75) !important; border:1px solid #accbc5 !important; color: var(--teal-900) !important; }
.v11-hero .v11-button-outline:hover { background: #fff !important; border-color: var(--teal-700) !important; }
.v11-product-window { background: #fff !important; border:1px solid #cee5e0 !important; box-shadow: 0 36px 78px rgba(17,59,58,.17) !important; }
.v11-browser-top,.v11-float-note { background: rgba(255,255,255,.95) !important; color: var(--slate) !important; border-color: #dfebe9 !important; }
.v11-browser-live,.v11-interface-tag,.v11-fiction-tag,.v11-outro-tag { background: #e3f3ef !important; border-color: #bfded7 !important; color: var(--teal-900) !important; }
.v11-browser-lights i,.v11-mini-icon,.v11-note-mark { background: var(--teal-700) !important; border-color: var(--teal-700) !important; color: #fff !important; }
.v11-mini-icon { background: #e2f1ed !important; color: var(--teal-900) !important; }
.v11-section-head h2 em,.v11-story-intro h2 em,.v11-tools-heading h2 em,
.v11-personas-head h2 em,.v11-break h2 em,.v11-outro h2 em { color: var(--teal-700) !important; }
.v11-section-head > p:last-child,.v11-story-intro > p:last-child,
.v11-story-intro p,.v11-tools-heading > p,.v11-persona-card p { color: var(--slate-muted) !important; }
.v11-kicker,.v11-card-number,.v11-cap-idx,.v11-story-step,.v11-manifesto-label { color: var(--teal-800) !important; }
.v11-manifesto { background: #e2f3ef !important; color: var(--ink) !important; border-color: #cfe5df !important; }
.v11-manifesto-symbol { color: var(--teal-800) !important; }
.v11-manifesto-row,.v11-manifesto-symbol { border-color: #b8d7cf !important; }
.v11-audience,.v11-capabilities,.v11-personas { background: var(--paper) !important; }
.v11-audience-card,.v11-persona-card { background: #fff !important; color: var(--ink) !important; border:1px solid #dfebe7 !important; box-shadow: 0 16px 44px rgba(17,59,58,.065) !important; }
.v11-card-business { background: #e9f7f3 !important; }
.v11-audience-photo,.v11-realworld-photo { background: linear-gradient(135deg,#c0e5df,#85bab5,#e8f3ee) !important; }
.v11-audience-photo img,.v11-realworld-photo img,.v11-persona-top img {
  filter: saturate(1.07) contrast(1.025) brightness(1.03) !important;
}
.v11-audience-photo::after { background: linear-gradient(transparent,rgba(6,20,27,.70)) !important; }
.v11-product-story { background: #eaf6f2 !important; }
.v11-product-story .v11-kicker,.v11-product-story .v11-story-step { color: var(--teal-800) !important; }
.v11-story-tab { color: var(--ink) !important; border-bottom: 1px solid #b7d9d2 !important; }
.v11-story-tabs { border-top: 1px solid #b7d9d2 !important; }
.v11-story-tab.is-active { background: rgba(183,230,229,.38) !important; border-radius: 7px !important; }
.v11-story-tab.is-active::before { background: var(--teal-700) !important; }
.v11-story-tab-text small,.v11-status-note,.v11-photo-disclosure,.v11-personas-disclaimer { color: var(--slate-muted) !important; }
.v11-tour-button { border:1px solid #9accc2 !important; color:var(--teal-900) !important; background:#fff !important; }
.v11-tour-button[aria-pressed="true"] { background:var(--teal-900) !important; color:#fff !important; }
.v11-tour-icon { background:#d8f1ed !important; color:var(--teal-900) !important; }
.v11-tour-track-bar span { background: var(--teal-700) !important; }
.v11-showcase-stage { background:linear-gradient(145deg,#bddfda 0%,#d8efe9 50%,#a6d6ce 100%) !important; }
.v11-browser-top { color: var(--slate) !important; }
.v11-story-panels { background: #fff !important; }
.v11-showcase-caption { color: var(--slate) !important; }
.v11-realworld { background: linear-gradient(130deg,#113b3a 0%,#184948 65%,#235e5d 100%) !important; color: #f8fdfb !important; }
.v11-realworld h2,.v11-realworld h2 em { color: #f8fdfb !important; }
.v11-realworld h2 em { color: #b7e6e5 !important; }
.v11-realworld-copy p,.v11-realworld-copy li,.v11-photo-credit { color:#d3e9e5 !important; }
.v11-realworld .v11-kicker { color: #b7e6e5 !important; }
.v11-realworld .v11-text-cta { color:#b7e6e5 !important; border-color:#b7e6e5 !important; }
.v11-realworld-interface { background:#fff !important; border:1px solid #c8e5de !important; box-shadow:0 30px 70px rgba(6,20,27,.25) !important; }
.v11-break,.v11-outro {
  background: radial-gradient(ellipse at 80% 26%,rgba(89,157,156,.28),transparent 38%),
              linear-gradient(145deg,#113b3a,#184948 62%,#235e5d) !important;
  color: #f5fcfa !important;
}
.v11-break h2,.v11-outro h2 { color:#fff !important; }
.v11-break h2 em,.v11-outro h2 em { color:#b7e6e5 !important; }
.v11-break-statement > p,.v11-outro p { color:#d6eee9 !important; }
.v11-break .v11-kicker,.v11-outro .v11-outro-tag { color: #b7e6e5 !important; }
.v11-orbit-label { background:var(--teal-800) !important; color:#fff !important; border-color:#599d9c !important; }
.v11-orbit-core { border-color:#b7e6e5 !important; color:#b7e6e5 !important; }
.v11-cap { background:#fff !important; border:1px solid #d4e7e2 !important; color:var(--ink) !important; box-shadow:0 18px 43px rgba(17,59,58,.06) !important; }
.v11-cap-wide { background:linear-gradient(125deg,#d9f1eb,#b7e6e5) !important; }
.v11-cap-mini:nth-child(2) { background:#f1f9f7 !important; }
.v11-cap-mini:nth-child(3) { background:#f8fcfa !important; }
.v11-cap p,.v11-status-note p,.v11-cap-idx { color:var(--slate-muted) !important; }
.v11-cap-idx { font-weight:750; }
.v11-micro-chart i { background:linear-gradient(var(--teal-700),var(--teal-200)) !important; }
.v11-doc-stack span { background:#fff !important; border-color:#accfc7 !important; }
.v11-status-pulse { box-shadow:0 0 0 7px rgba(89,157,156,.19) !important; }
.v11-tools { background:#edf8f5 !important; }
.v11-tool-row,.v11-persona-bottom { background:#fff !important; border-color:#d7e7e3 !important; color:var(--ink) !important; }
.v11-tool-icon { background:#e3f3ef !important; border-color:#b6d7d0 !important; color:var(--teal-900) !important; }
.v11-persona-first { background:var(--teal-900) !important; color:#f5fcfa !important; border-color:var(--teal-900) !important; }
.v11-persona-first blockquote { color:#f5fcfa !important; }
.v11-persona-first blockquote em { color:#b7e6e5 !important; }
.v11-persona-first .v11-fiction-tag { background:rgba(183,230,229,.14) !important; color:#e8f9f5 !important; }
.v11-persona-first .v11-persona-point { color:#d1e9e4 !important; }
.v11-persona-first .v11-persona-bottom { background:transparent !important; border-color:rgba(183,230,229,.3) !important; }
.v11-persona-first .v11-persona-bottom a { color:#fff !important; border-color:#b7e6e5 !important; }
.v11-persona-card blockquote em { color:var(--teal-700) !important; }
.v11-persona-card:not(.v11-persona-first) .v11-persona-point { color:var(--slate-muted) !important; }
.v11-outro .v11-button-gold { background:#b7e6e5 !important; border-color:#b7e6e5 !important; color:#113b3a !important; }
.v11-outro .v11-button-gold:hover { background:#e1f5f2 !important; color:#113b3a !important; }
.v11-outro-secondary { border-color:#87beb6 !important; background:rgba(255,255,255,.06) !important; color:#e2f5f0 !important; }

/* Simulators and tables remain neutral white with teal, never gray-on-gray. */
.salary-proof-head,.salary-proof-line,.salary-proof-total,.salary-proof-cost,
.v10-live-summary,.salary-result-context,.salary-result-summary,.salary-breakdown-card,
.salary-tax-detail,.salary-parameter-card,.salary-exempt-card,
.salary-tax-adjustment-card,.salary-plan-fieldset,.salary-inverse-panel,
.stc-result-card,.stc-summary-card { background:#fff !important; border-color:#d7e7e2 !important; color:var(--ink) !important; }
.salary-result-summary > div.primary,.salary-lines .total,.stc-result-card.primary,.calculator-result .primary { background:#184948 !important; color:#fff !important; }
.salary-mode-switch input:checked + span,.salary-tax-switch input:checked + span,
.segmented input:checked + span,.tabs button[aria-selected="true"],.stc-step.is-active { background:#235e5d !important; border-color:#235e5d !important; color:#fff !important; }
.salary-social-live .primary,.salary-plan-preview,.salary-cfc-panel,
.salary-cfc-duration,.salary-cfc-comparison-grid article,.salary-tax-grid > div,
.salary-assumption-list article,.salary-assiette-grid article,.salary-limit-grid article { background:#e9f6f2 !important; border-color:#cbe3dc !important; }
.salary-cfc-status,.calculator-message,.status-pill,.badge,.tag { background:#dff2ec !important; color:#184948 !important; border-color:#accfc5 !important; }
thead,.table-head,.salary-lines .subtotal { background:#edf7f3 !important; }

/* Accessibility and small screens. */
@media (max-width: 780px) {
  .site-header { background:rgba(251,253,252,.97) !important; }
  .nav-links { background:#fff !important; border-color:#cfe5df !important; }
  .v11-hero { background:linear-gradient(145deg,#fbfdfc,#e3f3ef 100%) !important; }
  .v11-showcase-stage { background:linear-gradient(135deg,#e4f4ef,#b7e6e5) !important; }
}
@media print {
  html,body,#salary-print-report { background:#fff !important; color:#11212d !important; }
  .salary-print-kpi-primary,.salary-print-row.total { background:#184948 !important; color:#fff !important; }
}

/* V11.3 QA refinement: prevent legacy body and nested hero styles from washing out content. */
body.v10-site, body.v102-site, body.v11-homepage { background: #fbfdfc !important; }
.v11-hero-footnote strong { color: #113b3a !important; }
.v11-hero .v11-browser-live { color: #235e5d !important; }

/* The salary calculator hero is light, its embedded example stays dark for contrast. */
.salary-hero.v10-tool-hero h1 .v101-line,
.salary-hero.v10-tool-hero h1 .v101-line:not(.v101-line-gold),
.v10-tool-hero h1 .v101-line:not(.v101-line-gold) { color: #11212d !important; -webkit-text-fill-color: #11212d !important; }
.salary-hero.v10-tool-hero h1 .v101-line-gold,
.v10-tool-hero h1 .v101-line-gold { color: #317978 !important; -webkit-text-fill-color: #317978 !important; }
.salary-hero .breadcrumbs, .salary-hero .breadcrumbs a,
.v10-tool-hero .v10-breadcrumbs, .v10-tool-hero .v10-breadcrumbs a,
.salary-hero .v10-tool-trust, .salary-hero .v10-tool-trust span,
.v10-tool-hero .v10-tool-trust, .v10-tool-hero .v10-tool-trust span { color: #4a5c6a !important; }
.salary-hero .eyebrow, .v10-tool-hero .eyebrow { color: #235e5d !important; }
.v10-tool-hero .btn.ghost-on-dark, .salary-hero .btn.ghost-on-dark { background: #fff !important; border-color: #a8d2ca !important; color: #184948 !important; box-shadow: none !important; }
.v10-tool-hero .btn.ghost-on-dark:hover, .salary-hero .btn.ghost-on-dark:hover { background: #e7f5f2 !important; }
.v10-salary-equation {
  background: linear-gradient(145deg,#184948,#113b3a) !important;
  color: #fff !important;
  border:1px solid #317978 !important;
  box-shadow: 0 30px 65px rgba(17,59,58,.18) !important;
}
.v10-salary-equation .v10-equation-head,
.v10-salary-equation .v10-equation-line,
.v10-salary-equation .v10-equation-total { border-color: rgba(183,230,229,.2) !important; }
.v10-salary-equation .v10-equation-head span,
.v10-salary-equation .v10-equation-line span,
.v10-salary-equation .v10-equation-line strong,
.v10-salary-equation .v10-equation-total span,
.v10-salary-equation > p { color:#d3eeea !important; }
.v10-salary-equation .v10-equation-head strong,
.v10-salary-equation .v10-equation-total strong { color:#fff !important; }
.v10-salary-equation .v10-equation-total { background:rgba(183,230,229,.1) !important; }

/* Product and advisory pages use a light first screen and clearly separated panels. */
.v102-site .page-hero.v102-page-hero,
.v102-site .solution-hero.v102-page-hero,
.v102-site .demo-page-hero.v102-page-hero,
.v102-site .article-hero.v102-page-hero,
.v102-site .v102-page-hero {
  background:radial-gradient(ellipse at 83% 14%,rgba(183,230,229,.81),transparent 46%),
             linear-gradient(125deg,#fbfdfc,#e7f5f2 75%,#d6eee8) !important;
  color:#11212d !important;
}
.v102-page-hero::before,.v102-ledger-grid { opacity:.22 !important; }
.v102-page-hero::after { background: #599d9c !important; }
.v102-hero-copy h1,
.v102-site .page-hero.v102-page-hero h1,
.v102-site .solution-hero.v102-page-hero h1,
.v102-site .demo-page-hero.v102-page-hero h1,
.v102-site .article-hero.v102-page-hero h1 { color:#11212d !important; }
.v102-hero-copy h1 span,
.v10-solution-copy h1 span,
.v102-page-hero h1 em { color: #317978 !important; -webkit-text-fill-color:#317978 !important; }
.v102-hero-copy .eyebrow,.v102-page-hero .eyebrow { color:#235e5d !important; }
.v102-hero-lead,
.v102-hero-copy > p,
.v102-site .page-hero.v102-page-hero p,
.v102-site .solution-hero.v102-page-hero p,
.v102-site .demo-page-hero.v102-page-hero p,
.v102-site .article-hero.v102-page-hero p { color:#253745 !important; }
.v102-inline-link,.v102-scope-note,.v102-hero-actions .v102-inline-link { color:#235e5d !important; }
.v102-scope-note { border-color:#c4ded7 !important; }
.v102-advisory-ledger,.v102-operating-map,.v102-product-ledger {
  background:#fff !important; color:#11212d !important;
  border:1px solid #d8e9e3 !important;
  box-shadow:0 28px 75px rgba(17,59,58,.12) !important;
}
.v102-advisory-ledger > div,.v102-ledger-head,.v102-operating-head,
.v102-ledger-total,.v102-ledger-status { border-color:#dbece6 !important; }
.v102-advisory-ledger > div > span,
.v102-ledger-head,.v102-operating-head,
.v102-ledger-total span,
.v102-product-ledger > p,.v102-operating-map > p,.v102-advisory-ledger > p { color:#4a5c6a !important; }
.v102-ledger-head strong,.v102-operating-head strong,
.v102-ledger-total strong,.v102-ledger-status > strong { color:#113b3a !important; }
.v102-advisory-ledger .status.live,
.v102-advisory-ledger .status.beta,
.v102-advisory-ledger .status.planned { color:#235e5d !important; }
.v102-decision-studio-section { background:#f3faf8 !important; }
.v102-decision-studio { background:#fff !important; border-color:#d4e9e3 !important; }
.v102-decision-tabs { background:#f5faf8 !important; border-color:#d8e8e4 !important; }
.v102-decision-tabs button { background:#f5faf8 !important; color:#253745 !important; border-color:#d8e8e4 !important; }
.v102-decision-tabs button.is-active { background:#184948 !important; color:#fff !important; }
.v102-decision-tabs button.is-active > span { color:#b7e6e5 !important; }
.v102-decision-tabs button:not(.is-active):hover { background:#e6f5f1 !important; }
.v102-chapter-nav { background:rgba(251,253,252,.94) !important; border-color:#d6e8e3 !important; }
.v102-chapter-nav a { color:#253745 !important; border-color:#d6e8e3 !important; }
.v102-chapter-nav a:hover,.v102-chapter-nav a.active { background:#e4f4ef !important; color:#113b3a !important; }

/* The decision comparison cards must read like a bright mint editorial surface,
   never the old flat grey placeholder of Graphite. */
.v102-decision-stage,.v102-decision-panel {
  background-color:#fff !important;
  color:#11212d !important;
}
.v102-decision-columns {
  background:#c7e5de !important;
  border-color:#c7e5de !important;
}
.v102-decision-columns > div {
  background:#f0f9f6 !important;
  color:#11212d !important;
}
.v102-decision-columns > div:nth-child(2) { background:#e3f4ef !important; }
.v102-decision-columns > div > span { color:#235e5d !important; }
.v102-decision-columns ul,.v102-decision-columns p { color:#253745 !important; }


/* ===============================================================
   CONSOLITH v11.4 — CLARTÉ
   A deliberate light-first redesign of the actual homepage sections.
   New asset URL also solves client-side cache reuse of Graphite styles.
   The 12-color supplied blue/teal palette plus white/very light tints.
   No JavaScript, formulas, calculation rules, or product screenshots edited.
   =============================================================== */
:root {
  --paper: #ffffff;
  --mist: #f6fcfa;
  --mist-deep: #eaf8f4;
  --ink: #11212d;
  --slate: #253745;
  --slate-muted: #4a5c6a;
  --border: #d8ece6;
  --cream: #f6fcfa;
  --bg: #ffffff;
  --surface: #ffffff;
  --shadow: 0 24px 70px rgba(17, 59, 58, .07);
}
html, body, body.v10-site, body.v102-site, body.v11-homepage {
  background: #ffffff !important;
  color: #11212d !important;
}
.site-header, .site-header.scrolled { background: rgba(255,255,255,.97) !important; }
.site-header .logo-word { color: #11212d !important; }

/* Main editorial palette: whites and cool morning-light mints. */
.v11-home, .v11-audience, .v11-capabilities,
.v11-personas, .section { background: #ffffff !important; }
.v11-hero {
  background: radial-gradient(ellipse at 82% 42%, rgba(183,230,229,.57), transparent 47%),
              linear-gradient(115deg, #ffffff 0%, #fbfefd 53%, #eaf8f4 100%) !important;
  color: #11212d !important;
}
.v11-manifesto { background: #eaf8f4 !important; }
.v11-product-story {
  background: radial-gradient(ellipse at 94% 19%, rgba(183,230,229,.57), transparent 45%),
              linear-gradient(160deg,#ffffff 0%,#f6fcfa 44%,#eaf8f4 100%) !important;
  color: #11212d !important;
}
.v11-product-story .v11-story-intro h2,
.v11-product-story .v11-story-tab-text strong {
  color: #11212d !important;
  -webkit-text-fill-color: #11212d !important;
}
.v11-product-story .v11-story-intro h2 em {
  color: #235e5d !important;
  -webkit-text-fill-color: #235e5d !important;
}
.v11-product-story .v11-story-intro > p:not(.v11-kicker),
.v11-product-story .v11-story-tab-text small,
.v11-product-story .v11-showcase-caption,
.v11-product-story .v11-tour-duration {
  color: #4a5c6a !important;
}
.v11-product-story .v11-kicker,
.v11-product-story .v11-story-step { color: #235e5d !important; }
.v11-story-tabs,
.v11-story-tab { border-color: #c9e4dd !important; }
.v11-story-tab { padding-left: 15px !important; border-radius: 9px !important; }
.v11-story-tab.is-active {
  background: #ffffff !important;
  box-shadow: 0 8px 30px rgba(17,59,58,.075) !important;
  padding-left: 20px !important;
}
.v11-story-tab.is-active::before {
  background: #317978 !important;
  width: 4px !important;
}
.v11-showcase-stage {
  background: linear-gradient(145deg,#ddf3ed 0%,#f5fcfa 53%,#b7e6e5 100%) !important;
  border: 1px solid #d6ebe5 !important;
  box-shadow: 0 23px 60px rgba(17, 59, 58, .075) !important;
}
.v11-story-panels { background: #ffffff !important; }
.v11-visual-wash::after { background: rgba(255,255,255,.45) !important; }
.v11-tour-button { background: #fff !important; border-color: #a8d2c9 !important; }
.v11-tour-button:hover { border-color: #317978 !important; }
.v11-tour-button[aria-pressed="true"] { background: #184948 !important; color: #fff !important; }

/* The intermediate statement becomes a brighter brand interlude. */
.v11-break {
  background: radial-gradient(circle at 75% 35%,rgba(183,230,229,.70),transparent 41%),
              linear-gradient(125deg,#f6fcfa 0%,#e3f5f0 100%) !important;
  color: #11212d !important;
  border-top: 1px solid #d5eae4;
  border-bottom: 1px solid #d5eae4;
}
.v11-break .v11-kicker { color: #235e5d !important; }
.v11-break h2 { color: #11212d !important; }
.v11-break h2 em { color: #317978 !important; -webkit-text-fill-color: #317978 !important; }
.v11-break .v11-break-statement > p { color: #253745 !important; }
.v11-break .v11-button-light { background: #184948 !important; color: #fff !important; border-color: #184948 !important; }
.v11-orbit { border-color: rgba(49,121,120,.32) !important; }
.v11-orbit-1 { border-color: #317978 !important; }
.v11-orbit-core { color: #184948 !important; border-color: #317978 !important; box-shadow: 0 0 70px rgba(89,157,156,.14) !important; }
.v11-orbit-label { background:#ffffff !important; color:#184948 !important; border:1px solid #bdded5 !important; box-shadow: 0 10px 32px rgba(17,59,58,.08); }
.v11-break-art::before,.v11-break-art::after { background:#317978 !important; box-shadow:0 0 0 10px rgba(89,157,156,.12) !important; }

/* Documentary photography stays vibrant; dark panels should not swallow it. */
.v11-realworld {
  background: radial-gradient(ellipse at 13% 24%,rgba(183,230,229,.64),transparent 47%),
              linear-gradient(120deg,#f1fbf8 0%,#e4f5f0 74%,#ffffff 100%) !important;
  color: #11212d !important;
}
.v11-realworld h2 { color: #11212d !important; }
.v11-realworld h2 em { color: #317978 !important; -webkit-text-fill-color:#317978 !important; }
.v11-realworld .v11-kicker { color: #235e5d !important; }
.v11-realworld .v11-realworld-copy > p,
.v11-realworld .v11-realworld-copy li,
.v11-realworld .v11-photo-credit { color:#253745 !important; }
.v11-realworld .v11-text-cta { color:#184948 !important; border-color:#317978 !important; }
.v11-realworld .v11-text-cta:hover { color:#235e5d !important; }
.v11-realworld-interface { box-shadow:0 22px 70px rgba(17,59,58,.17) !important; }

/* Capability, audience and tool cards need white space, not grey slabs. */
.v11-audience-card,.v11-persona-card,.v11-cap,
.v11-tool-row { background:#ffffff !important; border-color:#d9eae5 !important; }
.v11-card-business { background:linear-gradient(120deg,#f0faf7,#e4f5f0) !important; }
.v11-cap-wide { background:linear-gradient(130deg,#d8f1ea,#b7e6e5) !important; }
.v11-cap-mini:nth-child(2) { background:#f3fbf8 !important; }
.v11-cap-mini:nth-child(3) { background:#ffffff !important; }
.v11-tools { background:#f4faf8 !important; }
.v11-status-note { border-color:#d1e6de !important; }
.v11-persona-first { background:#e5f5f0 !important; color:#11212d !important; border-color:#bddfd6 !important; }
.v11-persona-first blockquote,
.v11-persona-first blockquote em { color:#11212d !important; }
.v11-persona-first blockquote em { color:#235e5d !important; }
.v11-persona-first .v11-fiction-tag { color:#184948 !important; background:#ffffff !important; border-color:#bddfd6 !important; }
.v11-persona-first .v11-persona-point { color:#253745 !important; }
.v11-persona-first .v11-persona-bottom { border-color:#bddfd6 !important; }
.v11-persona-first .v11-persona-bottom a { color:#184948 !important; border-color:#317978 !important; }

/* Entire final conversion section is now airy rather than charcoal-black. */
.v11-outro {
  background: radial-gradient(ellipse at 58% 0%,rgba(183,230,229,.84),transparent 55%),
              linear-gradient(155deg,#ffffff 0%,#e5f6f1 55%,#f6fcfa 100%) !important;
  color: #11212d !important;
  border-top:1px solid #c9e6dc !important;
  padding:clamp(95px,10vw,150px) 0 !important;
}
.v11-outro::before {
  opacity: .28 !important;
  background: repeating-linear-gradient(-23deg,transparent 0,transparent 130px,rgba(49,121,120,.085) 131px,transparent 132px) !important;
}
.v11-outro .v11-outro-tag {
  background:#ffffff !important;
  border:1px solid #bcded6 !important;
  border-radius:999px !important;
  padding:9px 16px !important;
  color:#235e5d !important;
}
.v11-outro h2 {
  color:#11212d !important;
  text-wrap:balance;
  max-width:1000px;
  margin:27px auto 28px;
}
.v11-outro h2 em {
  color:#317978 !important;
  -webkit-text-fill-color:#317978 !important;
}
.v11-outro p { color:#253745 !important; }
.v11-outro .v11-button-gold {
  background:#184948 !important;
  border:1px solid #184948 !important;
  color:#ffffff !important;
  box-shadow:0 16px 33px rgba(17,59,58,.16) !important;
}
.v11-outro .v11-button-gold:hover { background:#317978 !important; border-color:#317978 !important; color:#ffffff !important; }
.v11-outro .v11-outro-secondary {
  background:transparent !important;
  color:#184948 !important;
  border-color:#317978 !important;
}
.v11-outro .v11-outro-secondary:hover { color:#235e5d !important; }
.v11-outro-glow { opacity:.18 !important; background:#b7e6e5 !important; }

/* All-page footers are light and crisp too, not another dark full-width wall. */
.site-footer, .v10-footer {
  background: #f4faf8 !important;
  color: #11212d !important;
  border-top:1px solid #cfe7e0 !important;
}
.site-footer .logo, .site-footer .logo-word,
.v10-footer .logo, .v10-footer .logo-word { color:#11212d !important; }
.site-footer .footer-brand p,.site-footer .footer-links a,
.site-footer .footer-links span,.site-footer .footer-bottom,
.v10-footer .footer-brand p,.v10-footer .footer-links a,
.v10-footer .footer-links span,.v10-footer .footer-bottom {
  color:#4a5c6a !important;
}
.site-footer .footer-links h2,.v10-footer .footer-links h2 { color:#184948 !important; }
.site-footer .footer-links a:hover,.v10-footer .footer-links a:hover { color:#317978 !important; }
.site-footer .footer-bottom,.v10-footer .footer-bottom { border-color:#cde5dd !important; }
.site-footer .logo-mark path,.v10-footer .logo-mark path { stroke:#317978 !important; }

/* Lightening all shared dark panels avoids a wall of navy on inner pages. */
.section.dark {
  background:linear-gradient(125deg,#f2faf7,#e1f4ee) !important;
  color:#11212d !important;
}
.section.dark h2,.section.dark h3 { color:#11212d !important; }
.section.dark p,.section.dark li { color:#253745 !important; }
.section.dark .eyebrow { color:#235e5d !important; }
.section.dark .btn.on-dark { background:#184948 !important; border-color:#184948 !important; color:#ffffff !important; }

/* Keep legible headings even in browsers that don't animate reveal opacity. */
.v11-home .v11-section-head h2 em,
.v11-home .v11-story-intro h2 em,
.v11-home .v11-tools-heading h2 em,
.v11-home .v11-personas-head h2 em { color:#235e5d !important; -webkit-text-fill-color:#235e5d !important; }
.v11-home .v11-story-step { color:#235e5d !important; }

@media (max-width: 780px) {
  .v11-product-story { background:linear-gradient(160deg,#ffffff,#effaf6) !important; }
  .v11-showcase-stage { background:linear-gradient(145deg,#e2f6ef,#f5fcfa) !important; }
  .v11-break,.v11-realworld,.v11-outro { background:linear-gradient(145deg,#ffffff,#e8f7f2) !important; }
  .v11-story-tab { padding-left:11px !important; }
  .v11-story-tab.is-active { padding-left:14px !important; }
}
@media print {
  .site-footer,.v10-footer { background:#fff !important; color:#11212d !important; }
}


/* ============================================================
   Consolith 11.5  — GRAPHITE VIVANT
   Original graphite (6 tones) is the brand base.
   One confident blue, one electric aqua, one small warm glow.
   Most surfaces are white / light mineral blue, not gray slabs.
   Home/product behaviour and payroll calculations unchanged.
   ============================================================ */
:root {
  --g-950:#06141b; --g-900:#11212d; --g-700:#253745;
  --g-500:#4a5c6a; --g-300:#9ba8ab; --g-100:#ccd0cf;
  --electric:#2563eb; --electric-hover:#174bc5;
  --cyan:#16c7bf; --teal-ink:#087b83; --sun:#ffb76c;
  --paper:#ffffff; --ice:#f4f8fb; --ice-strong:#e9f3f8;
  --sky:#e9f1ff; --line:#dfe9f0; --ink:var(--g-900);
  --slate:var(--g-700); --slate-muted:var(--g-500);
  --navy:var(--g-900); --cream:#f5f8fa; --bg:#ffffff; --surface:#fff;
  --border:var(--line); --border-control:#a9bdca;
  --accent:var(--electric); --accent-hover:var(--electric-hover);
  --accent-active:#103987; --success:#087b83;
  --text:var(--g-900); --text-2:var(--g-700); --text-3:var(--g-500);
  --focus-ring:0 0 0 4px rgba(37,99,235,.23);
  --shadow:0 20px 60px rgba(17,33,45,.09);
}
html,body,body.v10-site,body.v102-site,body.v11-homepage {
  background:#fff !important; color:var(--g-900) !important;
}
html,body,button,input,select,textarea,option {
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
::selection { background:#b8e7ed !important; color:#06141b !important; }
:focus-visible { outline:3px solid var(--electric) !important; outline-offset:3px; }

/* Consistent, recognizable brand: graphite + a blue call to action */
.site-header,.site-header.scrolled {
  background:rgba(255,255,255,.965) !important;
  border-bottom:1px solid #e0e8ee !important;
  box-shadow:0 5px 22px rgba(6,20,27,.035) !important;
}
.logo,.logo-word,.v10-logo,.v10-nav-link,.v10-nav-trigger,
.nav-links>a:not(.btn) { color:#11212d !important; }
.logo-mark path { stroke:var(--electric) !important; }
.v10-scroll-track,.v10-scroll-track span { background:var(--electric) !important; }
.btn,.v10-nav-cta {
  background:var(--electric) !important; border-color:var(--electric) !important;
  color:#fff !important; border-radius:11px !important;
  box-shadow:0 12px 28px rgba(37,99,235,.18) !important;
}
.btn:hover,.v10-nav-cta:hover {
  background:var(--electric-hover) !important; border-color:var(--electric-hover) !important;
  color:#fff !important;
}
.btn.secondary { background:#fff !important; border-color:#adbfcc !important;
  color:var(--g-900) !important; box-shadow:none !important; }
.btn.secondary:hover { background:#e9f1ff !important; border-color:var(--electric) !important; }
.btn.on-dark { background:var(--cyan) !important; border-color:var(--cyan) !important;
  color:var(--g-950) !important; }
.menu-toggle { background:#fff !important; color:var(--g-900) !important;
  border-color:var(--line) !important; }
.v10-mega { background:#fff !important; border:1px solid var(--line) !important;
  box-shadow:0 32px 80px rgba(6,20,27,.16) !important; }
.v10-mega-intro { background:linear-gradient(148deg,#11212d,#253745) !important; }
.v10-mega-intro p,.v10-mega-intro a,.v10-mega-kicker { color:#b9e6e9 !important; }
.v10-mega-links a { border-color:#e1e9ee !important; color:#11212d !important; }
.v10-mega-links a:hover { background:#ecf6fb !important; }
.v10-mega-links>a>span { border-color:#b7d5ea !important; color:#2563eb !important; }
.v10-nav-backdrop { background:rgba(6,20,27,.58) !important; }

/* Inner pages, forms and tools: neutral light surfaces + live accents. */
.section,.section.cream,.section.bg { border-color:#e2ebf0 !important;
  background:#fff !important; }
.section.bg,.v10-soft,.v10-section-soft { background:#f4f8fb !important; }
.section.cream { background:#edf5f9 !important; }
.card,.panel,.tool-card,.resource-card,.price-card,.security-card,
.v10-card,.v10-proof-card,.v10-module-card {
  background:#fff !important; border:1px solid #dde7ed !important;
  box-shadow:0 15px 44px rgba(17,33,45,.065) !important;
}
.card:hover,.tool-card:hover,.resource-card:hover,.price-card:hover,
.v10-card:hover,.v10-module-card:hover {
  border-color:#8bb8ed !important; box-shadow:0 24px 52px rgba(37,99,235,.11) !important;
}
.eyebrow,.meta,.ref,.small,.status,.kicker,.v10-kicker,.v10-eyebrow {
  color:#087b83 !important;
}
a,.text-link { color:#1d5ecf; text-decoration-color:rgba(37,99,235,.38); }
a:hover,.text-link:hover { color:#1148a9; }
hr,.divider,.footer-bottom,.meta-row,table,th,td { border-color:#dce7ed !important; }
input,select,textarea { color:var(--g-900) !important; background:#fff !important;
  border-color:#b7cbd7 !important; }
input:focus,select:focus,textarea:focus { border-color:var(--electric) !important; }
input::placeholder,textarea::placeholder { color:#63788a !important; }
.page-hero,.salary-hero,.stc-hero,.tool-hero,.v10-tool-hero {
  background:radial-gradient(circle at 87% 16%,rgba(22,199,191,.16),transparent 35%),
             radial-gradient(circle at 10% 90%,rgba(37,99,235,.075),transparent 36%),
             linear-gradient(118deg,#fff 0%,#f8fbfe 55%,#eaf3f9 100%) !important;
  color:#11212d !important; border-color:#dce8f0 !important;
}
.page-hero h1,.salary-hero h1,.stc-hero h1,.tool-hero h1,.v10-tool-hero h1 {
  color:#11212d !important;
}
.page-hero p,.page-hero li,.salary-hero-deck,.salary-hero-trust,
.salary-hero-proof>p,.tool-hero p,.stc-hero p { color:#364c5d !important; }
.page-hero .eyebrow { color:#087b83 !important; }
/* A graphite footer is a purposeful brand ending, not a dark entire page. */
.site-footer,.v10-footer {
  background:linear-gradient(135deg,#11212d 0%,#1a3040 62%,#253745 100%) !important;
  color:#fff !important; border-top:3px solid #16c7bf !important;
}
.site-footer .logo,.site-footer .logo-word,.v10-footer .logo-word,
.site-footer .footer-links h2,.v10-footer .footer-links h2 { color:#fff !important; }
.site-footer .footer-brand p,.site-footer .footer-links a,
.site-footer .footer-links span,.site-footer .footer-bottom,
.v10-footer .footer-brand p,.v10-footer .footer-links a,
.v10-footer .footer-links span,.v10-footer .footer-bottom {
  color:#d1e0e7 !important;
}
.site-footer .logo-mark path,.v10-footer .logo-mark path { stroke:#42dad1 !important; }
.site-footer a:hover,.v10-footer a:hover { color:#6ce9de !important; }
.site-footer .footer-bottom,.v10-footer .footer-bottom { border-color:#486071 !important; }
.section.dark { background:linear-gradient(130deg,#11212d,#253745) !important; color:#fff !important; }
.section.dark p,.section.dark li { color:#d1e0e7 !important; }
.section.dark .eyebrow { color:#69dace !important; }

/* Home: return to the original graphite character, now with light + energy. */
body.v11-homepage {
  --v11-navy:#11212d; --v11-navy-2:#253745;
  --v11-ink:#11212d; --v11-gold:#16c7bf;
  --v11-ivory:#f7fafc; --v11-line:#deebf1; --v11-muted:#4a5c6a;
}
.v11-home { background:#fff !important; color:#11212d !important; }
.v11-hero {
  background:radial-gradient(ellipse at 86% 48%,rgba(22,199,191,.15),transparent 44%),
             radial-gradient(ellipse at 16% 88%,rgba(37,99,235,.065),transparent 38%),
             linear-gradient(110deg,#fff 0%,#f8fbfe 52%,#edf5fa 100%) !important;
  border-bottom:1px solid #e0eaf1 !important; color:#11212d !important;
}
.v11-hero::after { opacity:.46 !important;
  background-image:linear-gradient(90deg,rgba(37,99,235,.075) 1px,transparent 1px),
                   linear-gradient(rgba(37,99,235,.075) 1px,transparent 1px) !important; }
.v11-hero-glow,.v11-hero-halo {
  background:radial-gradient(circle,rgba(22,199,191,.20),rgba(37,99,235,.095) 45%,transparent 72%) !important;
}
.v11-hero h1,.v11-hero h1 strong { color:#11212d !important; }
.v11-hero h1 em,.v11-section-head h2 em,.v11-tools-heading h2 em,
.v11-personas-head h2 em,.v11-story-intro h2 em {
  color:#087b83 !important; -webkit-text-fill-color:#087b83 !important;
}
/* A generous bright gradient is reserved for the main promise only. */
.v11-hero h1 em {
  color:#087b83 !important;
  background-image:linear-gradient(105deg,#0a8a91 8%,#2563eb 93%) !important;
  background-clip:text; -webkit-background-clip:text;
  -webkit-text-fill-color:transparent !important;
}
.v11-hero-intro,.v11-hero-footnote,.v11-scroll-cue { color:#3f5565 !important; }
.v11-hero-footnote strong { color:#11212d !important; }
.v11-overline,.v11-kicker,.v11-card-number,.v11-story-step,
.v11-cap-idx,.v11-manifesto-label { color:#087b83 !important; }
.v11-spark,.v11-caption-dot,.v11-status-pulse { background:#16c7bf !important; }
.v11-line-stamp,.v11-scroll-cue::before { background:#2563eb !important; }
.v11-button { border-radius:12px !important; }
.v11-button-gold,.v11-button-light {
  background:#2563eb !important; border:1px solid #2563eb !important;
  color:#fff !important; box-shadow:0 14px 32px rgba(37,99,235,.19) !important;
}
.v11-button-gold:hover,.v11-button-light:hover {
  background:#174bc5 !important; border-color:#174bc5 !important; color:#fff !important;
}
.v11-hero .v11-button-outline {
  background:#fff !important; border:1px solid #b9cbd7 !important;
  color:#253745 !important; box-shadow:0 7px 25px rgba(17,33,45,.035) !important;
}
.v11-hero .v11-button-outline:hover {
  background:#eaf2ff !important; border-color:#2563eb !important; color:#174bc5 !important;
}
.v11-product-window { background:#fff !important;
  border:1px solid #d5e3ec !important; box-shadow:0 33px 86px rgba(17,33,45,.18) !important; }
.v11-browser-top,.v11-float-note { background:rgba(255,255,255,.97) !important;
  color:#253745 !important; border-color:#dbe5ed !important; }
.v11-browser-live,.v11-interface-tag,.v11-fiction-tag { background:#e7f8f7 !important;
  border-color:#a2e4e0 !important; color:#087b83 !important; }
.v11-browser-lights i:nth-child(1) { background:#ffb76c !important; border-color:#ffb76c !important; }
.v11-browser-lights i:nth-child(2) { background:#16c7bf !important; border-color:#16c7bf !important; }
.v11-browser-lights i:nth-child(3) { background:#2563eb !important; border-color:#2563eb !important; }
.v11-mini-icon,.v11-note-mark { background:#e3f8f5 !important;
  border:1px solid #a7dfdc !important; color:#087b83 !important; }

/* Manifesto, audience & real photography: airy, warm, dimensional. */
.v11-manifesto { background:#eaf3f7 !important; color:#11212d !important;
  border-bottom:1px solid #d5e6ee !important; }
.v11-manifesto-row,.v11-manifesto-symbol { border-color:#bbd4e1 !important; }
.v11-manifesto-symbol { color:#2563eb !important; }
.v11-manifesto-label strong { color:#11212d !important; }
.v11-audience { background:#fff !important; }
.v11-audience-card { background:#fff !important; border:1px solid #dfebf0 !important;
  box-shadow:0 18px 55px rgba(17,33,45,.065) !important; }
.v11-audience-card:nth-child(2) { background:#f1f7fa !important; }
.v11-audience-card::before { content:""; position:absolute; z-index:3; top:0; left:0;
  width:140px; height:4px; background:linear-gradient(90deg,#2563eb,#16c7bf); border-radius:0 0 7px 0; }
.v11-audience-card:nth-child(2)::before { background:linear-gradient(90deg,#16c7bf,#ffb76c); }
.v11-audience-card h3 { color:#11212d !important; }
.v11-audience-card p { color:#465c6b !important; }
.v11-audience-photo img,.v11-realworld-photo img {
  filter:saturate(1.05) contrast(1.025) !important;
}
.v11-audience-photo::after {
  background:linear-gradient(transparent 47%,rgba(6,20,27,.66) 100%) !important;
}
.v11-card-link,.v11-text-cta { color:#185dca !important; border-color:#9cb7dc !important; }
.v11-card-link:hover,.v11-text-cta:hover { color:#0b469b !important; }
.v11-realworld {
  background:radial-gradient(ellipse at 12% 20%,rgba(255,183,108,.12),transparent 45%),
             linear-gradient(120deg,#f4f8fb 0%,#edf5fa 72%,#fff 100%) !important;
  color:#11212d !important;
}
.v11-realworld h2 { color:#11212d !important; }
.v11-realworld h2 em { color:#087b83 !important; -webkit-text-fill-color:#087b83 !important; }
.v11-realworld .v11-realworld-copy>p,
.v11-realworld .v11-realworld-copy li,
.v11-realworld .v11-photo-credit { color:#465c6b !important; }
.v11-realworld .v11-kicker { color:#087b83 !important; }
.v11-realworld-interface { background:#fff !important; border-color:#d7e7ef !important;
  box-shadow:0 25px 60px rgba(17,33,45,.16) !important; }

/* Product tour: readable slate-on-white panels and an exciting blue stage. */
.v11-product-story {
  background:radial-gradient(ellipse at 87% 13%,rgba(37,99,235,.065),transparent 47%),
             linear-gradient(170deg,#fff 0%,#f5f9fc 60%,#fff 100%) !important;
  color:#11212d !important;
}
.v11-product-story .v11-story-intro h2 { color:#11212d !important;
  -webkit-text-fill-color:#11212d !important; }
.v11-product-story .v11-story-intro h2 em {
  color:#087b83 !important; -webkit-text-fill-color:#087b83 !important;
}
.v11-story-tabs,.v11-story-tab { border-color:#dce8f0 !important; }
.v11-story-tab { color:#11212d !important; }
.v11-story-tab-text strong { color:#11212d !important; }
.v11-story-tab-text small,.v11-story-intro>p:not(.v11-kicker),
.v11-showcase-caption,.v11-tour-duration { color:#496070 !important; }
.v11-story-tab.is-active { background:#fff !important;
  box-shadow:0 10px 34px rgba(37,99,235,.065) !important; }
.v11-story-tab.is-active::before { background:var(--electric) !important; }
.v11-showcase-stage {
  background:radial-gradient(circle at 84% 9%,rgba(22,199,191,.28),transparent 45%),
             linear-gradient(136deg,#eaf1ff 0%,#edf7fb 47%,#cce5f3 100%) !important;
  border:1px solid #d0e3f2 !important;
  box-shadow:0 25px 60px rgba(17,33,45,.10) !important;
}
.v11-story-panels { background:#fff !important; }
.v11-visual-wash::after { background:rgba(255,255,255,.32) !important; }
.v11-tour-button { background:#fff !important; color:#11212d !important;
  border-color:#aac3d6 !important; }
.v11-tour-button:hover { border-color:#2563eb !important; background:#f2f7ff !important; }
.v11-tour-button[aria-pressed="true"] { background:#2563eb !important;
  border-color:#2563eb !important; color:#fff !important; }
.v11-tour-track-bar { background:linear-gradient(90deg,#2563eb,#16c7bf) !important; }
.v11-caption-dot { background:#16c7bf !important; }

/* One purposeful rich graphite section, now energised with luminous accents. */
.v11-break {
  background:radial-gradient(ellipse at 78% 42%,rgba(22,199,191,.16),transparent 43%),
             radial-gradient(ellipse at 8% 89%,rgba(37,99,235,.22),transparent 37%),
             linear-gradient(117deg,#06141b 0%,#11212d 48%,#253745 100%) !important;
  color:#f3fbff !important; border-top:0 !important; border-bottom:0 !important;
}
.v11-break h2 { color:#fff !important; }
.v11-break h2 em { color:#65f0dc !important; -webkit-text-fill-color:#65f0dc !important; }
.v11-break .v11-kicker { color:#78eadd !important; }
.v11-break .v11-break-statement>p { color:#d6e6ef !important; }
.v11-break .v11-button-light { background:#16c7bf !important; border-color:#16c7bf !important;
  color:#06141b !important; box-shadow:0 16px 35px rgba(0,0,0,.17) !important; }
.v11-break .v11-button-light:hover { background:#66e8df !important; border-color:#66e8df !important; }
.v11-orbit { border-color:rgba(131,196,210,.33) !important; }
.v11-orbit-1 { border-color:#16c7bf !important; }
.v11-orbit-core { color:#65f0dc !important; border-color:#16c7bf !important;
  box-shadow:0 0 76px rgba(22,199,191,.14) !important; }
.v11-orbit-label { color:#f8feff !important; background:#253745 !important;
  border-color:#466d80 !important; box-shadow:0 11px 27px rgba(0,0,0,.12) !important; }
.v11-break-art::before,.v11-break-art::after { background:#ffb76c !important;
  box-shadow:0 0 0 9px rgba(255,183,108,.11) !important; }

/* A visual bento rather than three identical gray blocks. */
.v11-capabilities { background:#fff !important; }
.v11-cap { color:#11212d !important; border:1px solid #dbe7ed !important;
  box-shadow:0 20px 45px rgba(17,33,45,.065) !important; }
.v11-cap-wide { background:linear-gradient(145deg,#e4efff 0%,#d7edf9 100%) !important; }
.v11-cap-mini:nth-child(2) { background:linear-gradient(150deg,#e5f8f6,#f3fbfa) !important; }
.v11-cap-mini:nth-child(3) { background:linear-gradient(145deg,#fff3e4,#fffaf4) !important; }
.v11-cap h3 { color:#11212d !important; }
.v11-cap p { color:#4a5c6a !important; }
.v11-cap-idx { color:#1762c5 !important; }
.v11-cap-mini:nth-child(2) .v11-cap-idx { color:#087b83 !important; }
.v11-cap-mini:nth-child(3) .v11-cap-idx { color:#9c5627 !important; }
.v11-cap-arrow { color:#2563eb !important; }
.v11-micro-chart { border-color:#a8d8d8 !important; }
.v11-micro-chart i { background:linear-gradient(0deg,#087b83,#16c7bf) !important; }
.v11-micro-chart i:nth-child(2n) { background:linear-gradient(0deg,#2563eb,#8db8ff) !important; }
.v11-doc-stack span { background:#fff !important; border-color:#f0d7b5 !important; }
.v11-doc-stack span::after { background:repeating-linear-gradient(to bottom,#e5b782 0,#e5b782 2px,transparent 2px,transparent 10px) !important; }
.v11-cap-wide img { border-color:#fff !important; }
.v11-status-note { border-color:#d8e7ed !important; }
.v11-status-pulse { box-shadow:0 0 0 7px rgba(22,199,191,.13) !important; }

/* Fictional cases stay explicitly labelled, but visually full of energy. */
.v11-personas { background:#f5f8fb !important; }
.v11-persona-card { background:#fff !important; border:1px solid #dce8ee !important;
  box-shadow:0 17px 42px rgba(17,33,45,.06) !important; }
.v11-persona-first { background:linear-gradient(150deg,#11212d,#253745) !important;
  color:#fff !important; border-color:#253745 !important; }
.v11-persona-first blockquote,.v11-persona-first .v11-persona-point {
  color:#f1f8fb !important;
}
.v11-persona-first blockquote em { color:#77e8e0 !important; }
.v11-persona-first .v11-persona-top>span:first-child { color:#8fdce6 !important; }
.v11-persona-first .v11-fiction-tag { background:rgba(22,199,191,.12) !important;
  color:#9aeee6 !important; border-color:rgba(22,199,191,.31) !important; }
.v11-persona-first .v11-persona-bottom { border-color:#415563 !important; }
.v11-persona-first .v11-persona-bottom a { color:#a6eae6 !important;
  border-color:#6bb9bd !important; }
.v11-persona-card:not(.v11-persona-first) blockquote em { color:#1762c5 !important; }
.v11-persona-card:not(.v11-persona-first) .v11-fiction-tag {
  background:#e5f2f8 !important; color:#1b607f !important;
}
.v11-personas-disclaimer { color:#52697a !important; }

/* Tools: white papers, illustrated icons and accessible labels. */
.v11-tools { background:#fff !important; }
.v11-tool-row { background:#f7fafc !important; border:1px solid #deebf1 !important;
  color:#11212d !important; }
.v11-tool-row:hover { border-color:#8dbbe9 !important; background:#eff7fd !important; }
.v11-tool-icon { background:#e1efff !important; color:#2563eb !important; }
.v11-tool-row:nth-child(even) .v11-tool-icon { background:#e0f7f3 !important;
  color:#087b83 !important; }
.v11-tool-row small,.v11-tool-row>span:nth-child(2)>span { color:#4c6474 !important; }
.v11-tools-heading>p:not(.v11-kicker) { color:#4a5c6a !important; }

/* Final action: lots of daylight, meaningful blue + aqua energy. */
.v11-outro {
  background:radial-gradient(ellipse at 50% 0%,rgba(22,199,191,.27),transparent 53%),
             radial-gradient(ellipse at 100% 90%,rgba(37,99,235,.09),transparent 46%),
             linear-gradient(145deg,#fff 0%,#f1f8fc 55%,#e7f2fb 100%) !important;
  color:#11212d !important; border-top:1px solid #d3e5f0 !important;
}
.v11-outro::before { opacity:.25 !important;
  background:repeating-linear-gradient(-24deg,transparent 0,transparent 130px,rgba(37,99,235,.10) 131px,transparent 132px) !important; }
.v11-outro h2 { color:#11212d !important; }
.v11-outro h2 em { color:#087b83 !important; -webkit-text-fill-color:#087b83 !important; }
.v11-outro p { color:#394f60 !important; }
.v11-outro .v11-outro-tag { background:#fff !important; border:1px solid #bed8e5 !important;
  color:#1762c5 !important; }
.v11-outro .v11-button-gold { background:#2563eb !important; border-color:#2563eb !important;
  color:#fff !important; box-shadow:0 17px 36px rgba(37,99,235,.18) !important; }
.v11-outro .v11-button-gold:hover { background:#174bc5 !important; border-color:#174bc5 !important; }
.v11-outro .v11-outro-secondary { color:#1c559d !important;
  border-color:#7ba2d5 !important; background:transparent !important; }
.v11-outro-glow { background:#16c7bf !important; opacity:.13 !important; }

/* Clean, high-contrast widgets / calculators / mission blocks site-wide. */
.v102-decision-columns { background:#d5e7ee !important; border-color:#d5e7ee !important; }
.v102-decision-columns>div { background:#f3f8fb !important; }
.v102-decision-columns>div:nth-child(2) { background:#eaf1ff !important; }
.v102-decision-columns>div>span { color:#175dbf !important; }
.v102-chapter-nav a:hover,.v102-chapter-nav a.active {
  background:#eaf1ff !important; color:#174bc5 !important;
}
.salary-panel,.salary-form-card,.salary-result-card,.stc-card,
.v10-tool-card { border-color:#dce8ee !important; }
/* Keep vivid colors legible on both white and graphite: no tiny gray-on-gray text. */
.v11-story-intro>p,.v11-personas-head>p,.v11-showcase-caption,
.v11-audience-card p { color:#455b6a !important; }
@media (max-width:680px) {
 .v11-hero { background:linear-gradient(158deg,#fff 0%,#f3f9fd 56%,#e9f6f6 100%) !important; }
 .v11-break { background:linear-gradient(170deg,#06141b,#253745) !important; }
 .v11-showcase-stage { background:linear-gradient(135deg,#eaf1ff,#d9f1f1) !important; }
 .v11-outro { background:linear-gradient(155deg,#fff,#edf7fc) !important; }
}
@media (prefers-reduced-motion:reduce) {
  .v11-hero h1 em { background-image:none !important; -webkit-text-fill-color:#087b83 !important; }
}