/* The browser preference is authoritative; no stored override or JavaScript is required. */
:root {
  color-scheme:light;
  --paper:#f7f9f8;
  --white:#ffffff;
  --ink:#202b2d;
  --display-ink:#172326;
  --muted:#53656a;
  --line:#d5e0df;
  --blue:#006b8f;
  --blue-dark:#004f70;
  --blue-wash:#eaf3f6;
  --green-wash:#eff4f1;
  --charcoal:#171e20;
  --surface-raised:#ffffff;
  --surface-hover:#f0f6f7;
  --surface-tint:#f0f5f5;
  --surface-inset:#f6f9f9;
  --surface-border:#cbdadb;
  --surface-edge:#ffffff;
  --control-line:#728b93;
  --action-ink:#ffffff;
  --accent-green:#326953;
  --accent-warm:#865b2e;
  --chapter-surface:#e9f0ef;
  --header-surface:rgba(250,252,251,.93);
  --card-start:#ffffff;
  --card-end:#f3f7f6;
  --depth-shadow:0 2px 4px #18383a04,0 12px 30px #18383a08,inset 0 1px 0 #fff;
  --hover-shadow:0 4px 8px #18383a06,0 20px 42px #18383a12,inset 0 1px 0 #fff;
  --media-shadow:0 20px 42px -12px #173b4936,0 2px 8px #173b4910;
  --action-shadow:inset 0 1px 0 #ffffff2e,0 2px 4px #003e5520,0 8px 18px -5px #006b8f42;
  --shadow:0 12px 32px #18383a0c;
  --brand-icon-filter:none;
}
.brand-icon {filter:var(--brand-icon-filter)}
.chapter-meta,.chapter-progress a,.chapter-progress a>span {color:var(--muted)}
.chapter-progress a[aria-current="page"],.chapter-progress a:hover {color:var(--blue)}
.agent-scene-caption {color:var(--muted)}

@media screen and (prefers-color-scheme:dark) {
  :root {
    color-scheme:dark;
    --paper:#131719;
    --white:#1c2326;
    --ink:#eaf0f2;
    --display-ink:#f4f7f8;
    --muted:#b1c0c6;
    --line:#35444a;
    --blue:#89d9f2;
    --blue-dark:#b4e9f8;
    --blue-wash:#192c34;
    --green-wash:#1d2b29;
    --charcoal:#0d1214;
    --surface-raised:#232d31;
    --surface-hover:#2b393e;
    --surface-tint:#1b2529;
    --surface-inset:#161e21;
    --surface-border:#40535b;
    --surface-edge:#51636b;
    --control-line:#69818c;
    --action-ink:#102a34;
    --accent-green:#a6ddbf;
    --accent-warm:#e3c08d;
    --chapter-surface:#202e32;
    --header-surface:rgba(19,23,25,.93);
    --card-start:#263338;
    --card-end:#1c262a;
    --depth-shadow:0 2px 5px #0000001a,0 14px 32px #00000024,inset 0 1px 0 #ffffff0c;
    --hover-shadow:0 4px 8px #00000024,0 22px 44px #00000038,inset 0 1px 0 #ffffff15;
    --media-shadow:0 20px 44px -12px #0000008f,0 0 0 1px #ffffff12;
    --action-shadow:inset 0 1px 0 #ffffff80,0 2px 5px #00000030,0 8px 22px -8px #61cbe76b;
    --shadow:0 14px 34px #00000030;
    --brand-icon-filter:grayscale(1) invert(1);
  }

  ::selection {background:#325a60;color:#f3f8f6}
  :is(button,a,input,select,textarea,summary):focus-visible {outline-color:var(--blue)}
  .site-nav[data-enhanced] {background:var(--paper)}
  .icon-button,.button-quiet,.stack-view-toggle {background:var(--surface-raised);color:var(--ink)}
  .icon-button:hover,.button-quiet:hover {background:var(--surface-hover)}
  .button-primary {color:var(--action-ink)}
  .button-secondary:hover,.skip-link {color:var(--paper)}
  .button-light {background:var(--surface-raised);border-color:var(--control-line);color:var(--ink)}
  .button-light:hover {background:var(--surface-hover);border-color:var(--blue)}
  .button-primary:hover {box-shadow:0 6px 20px #0003}
  .search-field,.select-field select,.field input,.field select,.field textarea {
    background:var(--white);color:var(--ink);border-color:var(--control-line);
  }
  .search-field input {color:var(--ink)}
  input::placeholder,textarea::placeholder {color:var(--muted);opacity:1}
  .search-field:focus-within {border-color:var(--blue);outline-color:#315e65}
  .filter-button {border-color:var(--control-line)}
  .filter-button:hover {background:var(--surface-hover)}
  .filter-button[aria-pressed="true"] {background:var(--blue-wash);border-color:var(--blue);color:var(--blue)}

  .capability,.case-preview,.case-card,.package-card-link,.detail-aside,
  .leadership-profile,.category-feature {background:var(--white);border-color:var(--line)}
  .case-preview:hover,.case-card:hover,.package-card-link:hover {border-color:#7d9b88}
  .image-window,.category-agent-art {background:var(--surface-raised)}
  .hero-media .image-window,.platform-band,.category-directory {border-color:var(--line)}
  .category-art-caption {background:rgba(26,33,29,.96)}
  .category-icon-anchor,.collection-icon {background:var(--white)}
  .category-count {color:var(--muted)}

  /* Opaque, differentiated card surfaces preserve the existing sticky stack. */
  .package-feature {--texture-ink:#66818d}
  .feature-points li {color:#c0d0d7}
  [data-category="Sales"] {--category-color:#a0cfff}
  [data-category="Service"] {--category-color:#9be0be}
  [data-category="Marketing"] {--category-color:#efc58d}
  [data-category="Experience"] {--category-color:#d1bdf7}
  [data-category="Agentforce"] {--category-color:#cdb8ff}

  .chapter-meta,.chapter-progress a {color:var(--muted)}
  .chapter-progress {border-color:var(--line)}
  .chapter-progress a>span {color:#a5b8ac}
  .chapter-progress a[aria-current="page"],.chapter-progress a:hover {color:var(--blue)}
  .site-footer {border-top:1px solid var(--line)}
  .footer-invitation,.footer-bottom {border-color:var(--line)}

  .client-marquee,.service-wayfinding,.team-fuse-hero,.team-facts {background:var(--paper)}
  .situation-section,.team-values {background:var(--green-wash)}
  .situation-tabs button {border-color:var(--control-line)}
  .situation-tabs button:hover {background:var(--surface-raised)}
  .situation-tabs button[aria-selected="true"] {
    background:var(--blue-wash);color:var(--blue);border-color:#69aabe;
    box-shadow:inset 0 -3px var(--blue);
  }
  .situation-explanation h3,.story-decisions dt {color:#c0dacb}
  .journey-stages li {color:var(--muted);border-color:var(--line)}
  .journey-stages [aria-current="step"] {color:var(--blue);border-color:var(--blue)}
  .situation-evidence,.situation-packages li {border-color:var(--line)}
  .ecosystem-product {background:var(--surface-raised);border-color:var(--line)}
  .ecosystem-product:hover {border-color:#799b87;box-shadow:var(--shadow)}
  .principle-ledger,.principle-line {border-color:var(--line)}
  .principle-index,.principle-result {color:var(--accent-green)}
  .maturity-path li {border-color:var(--control-line)}

  .client-carousel,.client-slide,.relationship-client,.relationship-lead,
  .story-index .story-index-card,.team-person,.team-value {
    background:var(--white);border-color:var(--line);
  }
  .client-slide-copy .client-profile-note {color:var(--muted)}
  .client-carousel-dots span {background:#63766a}
  .relationship-role {color:var(--accent-green)}
  .relationship-monogram {background:var(--green-wash);color:var(--accent-green)}
  .relationship-client:hover,.story-index-card:hover,.team-person:hover {box-shadow:var(--shadow)}
  .story-preview-toggle {background:var(--white);border-color:var(--control-line)}
  .team-person-portrait {background:#e8ede9}
  .industry-product {background:#21312d;border-color:#415e54}
  .industry-symbol,.industry-count {color:#a8d8b9}
  .industry-product:nth-child(3n+2) {background:#202e36;border-color:#46616d}
  .industry-product:nth-child(3n+2) .industry-symbol {color:#9bd2e8}
  .industry-product:nth-child(3n) {background:#2e2b23;border-color:#62573f}
  .industry-product:nth-child(3n) .industry-symbol {color:#e4c78f}
  .industry-product:hover {border-color:#8aab96;box-shadow:var(--shadow)}

  /* Original customer marks keep a neutral light canvas, not an inverted identity. */
  .story-card-media,.story-image-contained,.client-slide-image,
  .client-slide:first-child .client-slide-image {background:#edf1ee}
  .client-logo:not(.logo-dark) {background:#edf1ee;border-radius:3px;padding:8px}
  .story-client-mark .client-logo:not(.logo-dark) {background:none;border-radius:0;padding:0}
  .detail-identity:has(.client-logo) {background:#edf1ee;border-radius:8px}
  .detail-identity .client-logo:not(.logo-dark) {background:none}

  .agent-mission-hero,.agent-hero,.agent-experience-hero {background:var(--blue-wash)}
  .agent-scene-heading>span,.agent-scene-note,.agent-scene-caption,
  .agent-scene-rail>span,.flight-signals span,.flight-baseline,.agent-label {color:var(--muted)}
  .agent-scene-note strong,.flight-signals strong {color:var(--ink)}
  .agent-scene-note-action {background:transparent}
  .character-pause {background:var(--surface-raised);border-color:var(--control-line)}
  .agent-scene-rail,.agent-example-menu,.agent-example-panel,.agent-decision-path li,
  .flight-signals>div,.flight-baseline,.agent-flow article,.team-working-rhythm,
  .team-working-rhythm article {border-color:var(--line)}
  .agent-tabs button {border-color:var(--control-line)}
  .agent-tabs button[aria-selected="true"] {color:var(--action-ink)}
  .agent-example-panel {background:var(--white);box-shadow:var(--shadow)}
  .agent-decision-path .icon {color:var(--blue)}
  .agent-outcome {color:var(--accent-green)}
  .agent-scene::before {background:var(--line)}

  .values-console {background:var(--white);box-shadow:var(--shadow)}
  .values-controls {background:var(--surface-raised)}
  .values-tab-pill {background:var(--blue);box-shadow:0 4px 14px #0003}
  .values-tab[aria-selected="true"] {color:var(--action-ink)}
  .values-letter-bg {color:#2a3b42}
  .values-tag {background:var(--blue-wash);border-color:#547780}
  .values-accent {background:var(--surface-raised);border-color:#547780;box-shadow:0 12px 28px #0003,inset 0 1px #526359}
  .about-maturity {background:var(--paper)}
  .about-maturity-background {opacity:.12}
  .about-maturity::before {background:rgba(19,23,25,.35)}
  .about-maturity .section-head>p,.about-maturity .maturity-path p {color:var(--muted)}
  .about-maturity .maturity-path::before {background:var(--control-line)}
  .about-maturity .maturity-path li::before {background:var(--paper)}
}

/* Material depth is shared; headline scale and scroll transforms are not changed. */
.site-header {background:var(--header-surface);box-shadow:0 1px 0 var(--surface-edge),0 6px 24px #00000005}
.site-nav a {transition:color .2s,box-shadow .2s}
.hero:not(.agent-mission-hero) {background:var(--paper)}
.hero .headline-accent {color:var(--blue)}
.hero .eyebrow {display:flex;align-items:center;gap:12px}
.hero .eyebrow::before {content:"";width:26px;height:2px;flex:0 0 26px;background:currentColor}
.team-fuse-hero .eyebrow {justify-content:center}
.hero-media .image-window {border-color:var(--surface-edge);box-shadow:var(--media-shadow)}
.hero-media .image-window::after {content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff24;pointer-events:none}
.hero-caption::before {height:2px}
.service-photo,.split-photo,.case-intro-photo {box-shadow:var(--media-shadow)}
.button-primary {box-shadow:var(--action-shadow);border-top-color:color-mix(in srgb,var(--blue),white 22%)}
.button-primary:hover {box-shadow:var(--action-shadow),0 5px 12px #006b8f1a}
.button-secondary {border-color:var(--control-line);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--surface-edge),transparent 50%)}
.button-quiet,.icon-button,.stack-view-toggle {box-shadow:inset 0 1px 0 color-mix(in srgb,var(--surface-edge),transparent 30%)}
.text-link {text-underline-offset:5px}
.text-link:hover {text-decoration-thickness:1px}
.client-marquee {background:var(--white)}
.situation-section {background:var(--green-wash)}
.situation-tabs button {border-color:var(--surface-border)}
.situation-tabs button:hover {background:var(--surface-raised)}
.situation-tabs button[aria-selected="true"] {background:var(--blue-wash);color:var(--blue);border-color:var(--blue);box-shadow:inset 0 -3px var(--blue),0 3px 10px #007ba508}
.launch-summary {border-top:2px solid var(--blue)}
.launch-summary article:nth-child(2)>span,.home-method li:nth-child(2) span {color:var(--accent-green)}
.launch-summary article:nth-child(3)>span,.home-method li:nth-child(3) span {color:var(--accent-warm)}
.ecosystem-product,.capability,.case-preview,.package-card-link,.team-value,.detail-aside,
.relationship-client,.relationship-lead,.team-person,.story-index .story-index-card {
  background-color:var(--white);border-color:var(--surface-border);box-shadow:var(--depth-shadow);
}
.ecosystem-product,.capability,.package-card-link,.team-value,.detail-aside {
  background-image:linear-gradient(145deg,var(--white),var(--surface-tint));
}
.ecosystem-product:hover,.case-preview:hover,.package-card-link:hover,.relationship-client:hover,
.team-person:hover,.story-index .story-index-card:hover {
  border-color:var(--control-line);box-shadow:var(--hover-shadow);
}
.feature-card {
  background-color:var(--card-end);
  background-image:linear-gradient(135deg,var(--card-start),var(--card-end));
  border-color:var(--surface-border);border-top-color:var(--surface-edge);
  box-shadow:var(--depth-shadow),0 20px 38px -24px #00000045;
}
.package-feature-link:focus-visible {outline-color:var(--blue)}
.industry-product {box-shadow:var(--depth-shadow)}
.industry-product:hover {box-shadow:var(--hover-shadow)}
.team-person-caption {border-top:1px solid var(--line)}
.team-facts strong {color:var(--blue)}
.service-wayfinding {background:var(--white)}
.service-wayfinding a::after {content:"";width:28px;height:2px;position:absolute;left:0;bottom:0;background:var(--blue);transition:width .3s}
.service-wayfinding a:hover::after {width:60px}
.contact-form {padding:32px;border:1px solid var(--surface-border);border-top:2px solid var(--blue);border-radius:8px;background:var(--white);box-shadow:var(--depth-shadow)}
.contact-option a {transition:color .2s}
.contact-option a:hover {color:var(--blue)}
.field input,.field select,.field textarea,.search-field,.select-field select {
  background-color:var(--surface-inset);border-color:var(--control-line);color:var(--ink);
  box-shadow:inset 0 1px 3px #00000005;
}
.field input,.field select,.field textarea {transition:border-color .2s,box-shadow .2s,background-color .2s}
.field :is(input,select,textarea):focus-visible {border-color:var(--blue);background-color:var(--white);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue),transparent 90%)}
.agent-example-panel,.values-console {background-color:var(--white);box-shadow:var(--depth-shadow);border-color:var(--surface-border)}
.agent-scene-heading {padding-bottom:12px;border-bottom:1px solid var(--line)}
.agent-scene-rail::before {background:var(--blue);box-shadow:0 0 8px color-mix(in srgb,var(--blue),transparent 60%)}
.values-controls {background:var(--surface-raised)}
.values-accent {background:linear-gradient(145deg,var(--surface-raised),var(--blue-wash));box-shadow:var(--depth-shadow);border-color:var(--surface-border)}
.chapter-section {background:var(--chapter-surface);border-color:var(--line);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--surface-edge),transparent 65%)}
.chapter-progress a[aria-current="page"] {text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.site-footer {position:relative;background:var(--charcoal)}
.site-footer::before {content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#76bad0,#86ae9e 55%,#b59b78)}
.footer-main h3 {color:#a8c3ca}
.footer-main a {transition:color .2s}
.footer-main a:hover {color:#a7e5f6}
@media (max-width:800px) {.contact-form {padding:26px}}
@media (max-width:520px) {.contact-form {padding:24px 20px}.hero .eyebrow {gap:9px}.hero .eyebrow::before {width:18px;flex-basis:18px}}
@media print {
  .hero .headline-accent {color:var(--display-ink)}
  .contact-form,.feature-card,.hero-media .image-window,.ecosystem-product,.detail-aside,
  .team-person,.story-index .story-index-card,.values-console {box-shadow:none}
}