/* ==========================================================================
   Light — everything below the stage goes light, compact and airy.
   The stage stays dark. Real "screens" (3D map, neuron canvas, video wall,
   e-way bill card, cockpit chrome) stay dark as objects on white.
   Loaded last on index + SCM page.
   ========================================================================== */

/* ---- Flip the colour tokens inside every formerly dark section */
body.home .s--dark,
body.home .s--ink,
body.home .s-proof,
body.scm-page .s--dark,
body.scm-page .s--ink,
body.scm-page .s-proof {
  --n-ink: #ffffff;
  --n-ink-2: #f6fcfd;
  --n-ink-3: #ebf9fc;
  --n-on: #0b8fa8;
  --n-on-2: #43757c;
  --n-on-3: #79a2a8;
  --n-line-d: rgba(11, 143, 168, 0.1);
  --rail-d: rgba(11, 143, 168, 0.1);
  color: var(--n-text) !important;
}

/* ---- Section surfaces: white and a whisper tint, alternating */
body.home main > section:not(#top),
body.scm-page main > section:not(.scm-stage) { background: #ffffff !important; }
body.home .s--light,
body.scm-page .s--light { background: #f6fcfd !important; }
body.home .s--dark::before,
body.home .s--ink::before,
body.scm-page .s--dark::before,
body.scm-page .s--ink::before,
body.home .s--light::before,
body.scm-page .s--light::before { background: none !important; }

/* ---- Type on light */
body.home .s--dark .s-title,
body.home .s--ink .s-title,
body.scm-page .s--dark .s-title,
body.scm-page .s--ink .s-title { color: var(--n-text) !important; }
body.home .s--dark .s-title .hl,
body.home .s--ink .s-title .hl,
body.scm-page .s--dark .s-title .hl,
body.scm-page .s--ink .s-title .hl { background-image: linear-gradient(100deg, #00a7c9, #02abcd 60%, #09bbdf) !important; }
body.home .s--dark .s-eyebrow,
body.home .s--ink .s-eyebrow,
body.scm-page .s--dark .s-eyebrow,
body.scm-page .s--ink .s-eyebrow { color: #048eaa !important; }
body.home .s--dark .s-lede,
body.home .s--ink .s-lede,
body.scm-page .s--dark .s-lede,
body.scm-page .s--ink .s-lede { color: var(--n-text-2) !important; }
body.home .s--dark .s-more a { color: #048eaa !important; }

/* ---- Compact rhythm, generous white */
body.home .s,
body.scm-page .s { padding-top: clamp(40px, 4.6vw, 68px) !important; padding-bottom: clamp(40px, 4.6vw, 68px) !important; }
body.home .s-head,
body.scm-page .s-head { margin-bottom: clamp(22px, 2.6vw, 36px) !important; }
body.home .s-title,
body.scm-page .s-title { font-size: clamp(26px, 2.8vw, 40px) !important; }
body.home .s-head--split,
body.scm-page .s-head--split { gap: clamp(16px, 3vw, 48px) !important; }

/* ==========================================================================
   Homepage components
   ========================================================================== */
/* Proof band */
body.home .s-proof__stats b {
  background: linear-gradient(100deg, #0b8fa8 20%, #048eaa) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}
body.home .s-proof__stats span { color: var(--n-text) !important; }
body.home .s-proof__stats sup { color: #048eaa !important; -webkit-text-fill-color: #048eaa !important; }
body.home .s-logos { background: #f6fcfd !important; }

/* Signal cards: white with a colour edge */
body.home .sig { background: #fff !important; color: var(--n-text) !important; box-shadow: 0 0 0 1px rgba(11, 143, 168, 0.1) inset; }
body.home .sig::before { background: radial-gradient(260px 180px at 100% 0%, color-mix(in srgb, var(--c) 14%, transparent), transparent 70%) !important; }
body.home .sig h3 { color: var(--n-text) !important; }
body.home .sig p { color: var(--n-text-2) !important; }
body.home .sig__n { color: color-mix(in srgb, var(--c) 70%, #2f3a3d) !important; }

/* Memory: keep the neuron as a dark screen; layers and outcomes go light */
body.home .s-memory .nm__canvas { background: #0b8fa8 !important; border-color: #0b8fa8 !important; }
body.home .nm-layer { background: #fff !important; border-color: rgba(11, 143, 168, 0.1) !important; border-top: 2px solid var(--c) !important; }
body.home .nm-layer h4 { color: var(--n-text) !important; }
body.home .nm-layer p { color: var(--n-text-2) !important; }
body.home .nm-layer__q { color: color-mix(in srgb, var(--c) 65%, #2f3a3d) !important; }
body.home .nm-layer dd { color: var(--n-text) !important; }
body.home .nm-layer dt { color: #79a2a8 !important; }
body.home .nm-layer blockquote { background: #f1fbfd !important; color: #2f3a3d !important; }
body.home .nm__sub { color: #048eaa !important; }
body.home .nm__sub span { color: #79a2a8 !important; }
body.home .nm__unlocks li { background: #f1fbfd !important; border-color: rgba(11, 143, 168, 0.1) !important; }
body.home .nm__unlocks b { color: var(--n-text) !important; }
body.home .nm__unlocks span { color: var(--n-text-2) !important; }
body.home .nm__canvas::after { color: #79a2a8 !important; }

/* Industries: photo tiles stay (they are images), framed on white */
body.home .s-inds .ind a { background: #0b8fa8; }

/* Twin: the map is a dark screen on a white section */
body.home .s-twin .tw { box-shadow: 0 30px 70px -40px rgba(11, 143, 168, 0.45) !important; }

/* Method contrast: the Autowhat side goes pale cyan, not navy */
body.home .vs__card--aw {
  background: linear-gradient(160deg, #e9f8fb, #f6fcfd) !important;
  box-shadow: 0 0 0 1px rgba(4, 142, 170, 0.25) inset !important;
  color: var(--n-text) !important;
}
body.home .vs__card--aw h3 { color: var(--n-text) !important; }
body.home .vs__card--aw li { color: var(--n-text-2) !important; }
body.home .vs__card--aw .vs__tag { color: #048eaa !important; }

/* Contact: white form card */
body.home .s-contact__meta a { color: var(--n-text) !important; }
body.home .s-contact__meta a:hover { color: #048eaa !important; }
body.home .s-form {
  background: #fff !important;
  border: 1px solid rgba(11, 143, 168, 0.12) !important;
  box-shadow: 0 30px 60px -40px rgba(11, 143, 168, 0.35);
}
body.home .s-form label > span { color: #79a2a8 !important; }
body.home .s-form input,
body.home .s-form select,
body.home .s-form textarea {
  background-color: #f4fcfd !important;
  border-color: rgba(11, 143, 168, 0.12) !important;
  color: var(--n-text) !important;
}
body.home .s-form input:focus,
body.home .s-form select:focus,
body.home .s-form textarea:focus { background-color: #fff !important; border-color: #048eaa !important; }
body.home .s-form input::placeholder,
body.home .s-form textarea::placeholder { color: #9dbfc4 !important; }
body.home .s-form__actions a { color: var(--n-text-2) !important; }
body.home .s-form .form-status { color: var(--n-text-2) !important; }

/* Floating index: light */
body.home .s-index { background: rgba(255, 255, 255, 0.92) !important; border-color: rgba(11, 143, 168, 0.12) !important; }
body.home .s-index a { color: #79a2a8 !important; }
body.home .s-index a:hover,
body.home .s-index a.is-active { color: #048eaa !important; }
body.home .s-index a.is-active::after { background: #048eaa !important; }

/* ==========================================================================
   SCM page components
   ========================================================================== */
body.scm-page .scm-scale .s-proof__stats b {
  background: linear-gradient(100deg, #0b8fa8 20%, #048eaa) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}
body.scm-page .scm-scale .s-proof__stats span { color: var(--n-text) !important; }
body.scm-page .scm-scale .s-proof__stats sup { color: #048eaa !important; -webkit-text-fill-color: #048eaa !important; }

/* Cockpit sits on white; window keeps its dark chrome + navy sidebar */
body.scm-page .ck { box-shadow: 0 40px 90px -50px rgba(11, 143, 168, 0.5), 0 0 0 1px rgba(11, 143, 168, 0.12) !important; }
body.scm-page .ck-note { color: #79a2a8 !important; }

/* WhatsApp */
body.scm-page .wa-card { background: #fff !important; }
body.scm-page .wa-card--flow { background: linear-gradient(160deg, #ecf9fc, #fff) !important; }
body.scm-page .wa-card h3 { color: var(--n-text) !important; }
body.scm-page .wa-card__tag { color: #048eaa !important; }
body.scm-page .s--dark .ticks li { color: var(--n-text-2) !important; }
body.scm-page .s--dark .ticks li::before { background-color: rgba(4, 142, 170, 0.12) !important; }
body.scm-page .pipe b { color: var(--n-text) !important; }
body.scm-page .pipe span { color: var(--n-text-2) !important; }
body.scm-page .pipe li::before { background: #fff !important; color: #048eaa !important; border-color: rgba(4, 142, 170, 0.45) !important; }
body.scm-page .wa-extras li { background: #f6fcfd !important; color: var(--n-text-2) !important; }
body.scm-page .wa-extras b { color: #048eaa !important; }

/* Control room: the wall stays a dark screen; chips go light */
body.scm-page .wall {
  --n-on-3: rgba(224, 245, 250, 0.5);
  background: rgba(122, 233, 255, 0.16) !important;
  border-color: #0b8fa8 !important;
  box-shadow: 0 30px 70px -40px rgba(11, 143, 168, 0.5);
}
body.scm-page .wall__note { color: #79a2a8 !important; }
body.scm-page .s--ink .chips li,
body.scm-page .s--dark .chips li { border-color: rgba(11, 143, 168, 0.12) !important; color: var(--n-text-2) !important; background: #fff; }
body.scm-page .s--ink .chips li:hover,
body.scm-page .s--dark .chips li:hover { border-color: #048eaa !important; color: var(--n-text) !important; }

/* Automation */
body.scm-page .rules { background: #fff; }
body.scm-page .rules caption { color: #048eaa !important; }
body.scm-page .rules thead th { color: #79a2a8 !important; background: #f6fcfd; }
body.scm-page .rules tbody th { color: #048eaa !important; }
body.scm-page .rules td { color: var(--n-text-2) !important; }
body.scm-page .rules td:nth-child(2) { color: var(--n-text) !important; }
body.scm-page .rules tbody tr:hover { background: #f1fbfd !important; }
body.scm-page .flows { background: #fff !important; }
body.scm-page .flows__head h3,
body.scm-page .flows__head b,
body.scm-page .flow__name { color: var(--n-text) !important; }
body.scm-page .flows__head p { color: var(--n-text-2) !important; }
body.scm-page .flows__sum { color: #048eaa !important; }
body.scm-page .flow__code { color: #79a2a8 !important; }
body.scm-page .flow__state button { color: #79a2a8 !important; }
body.scm-page .flow__state button:hover { color: var(--n-text) !important; }
body.scm-page .flow[data-state="off"] [data-set="off"] { background: #eef4f5 !important; color: var(--n-text) !important; }
body.scm-page .flow[data-state="draft"] [data-set="draft"] { background: #d9f6fc !important; color: #2f3a3d !important; }
body.scm-page .flow[data-state="auto"] [data-set="auto"] { background: #048eaa !important; color: #fff !important; }
body.scm-page .flow[data-state="auto"] .flow__name::after { color: #048eaa !important; }

/* Connectors */
body.scm-page .conn { background: #fff !important; }
body.scm-page .conn:hover { background: #f6fcfd !important; }
body.scm-page .conn h3 { color: var(--n-text) !important; }
body.scm-page .conn p { color: var(--n-text-2) !important; }

/* CTA */
body.scm-page .scm-cta { background: linear-gradient(160deg, #e9f8fb, #ffffff 60%) !important; }
body.scm-page .scm-cta .scm-link { color: var(--n-text) !important; border-bottom-color: rgba(11, 143, 168, 0.3) !important; }
body.scm-page .scm-cta .scm-link:hover { color: #048eaa !important; border-bottom-color: #048eaa !important; }

/* ==========================================================================
   Footer: light, closing the frame
   ========================================================================== */
body.home .site-footer,
body.scm-page .site-footer {
  background: #f6fcfd !important;
  background-image: none !important;
  color: var(--n-text-2) !important;
}
body.home .site-footer h2,
body.scm-page .site-footer h2 { color: #048eaa !important; }
body.home .site-footer a,
body.home .site-footer p,
body.scm-page .site-footer a,
body.scm-page .site-footer p { color: var(--n-text-2) !important; }
body.home .site-footer a:hover,
body.scm-page .site-footer a:hover { color: var(--n-text) !important; }
body.home .site-footer .brand-logo--stack,
body.scm-page .site-footer .brand-logo--stack { filter: none !important; }
body.home .site-footer .foot-mark,
body.scm-page .site-footer .foot-mark { background: linear-gradient(180deg, rgba(11, 143, 168, 0.1), rgba(11, 143, 168, 0.02)) !important; -webkit-background-clip: text !important; background-clip: text !important; }
body.home .site-footer .foot,
body.scm-page .site-footer .foot { color: #79a2a8 !important; border-color: rgba(11, 143, 168, 0.1) !important; }
body.home .site-footer .foot-grid,
body.home .site-footer .foot-grid > div,
body.scm-page .site-footer .foot-grid,
body.scm-page .site-footer .foot-grid > div { border-color: rgba(11, 143, 168, 0.1) !important; }
body.home .site-footer .foot-tagline,
body.scm-page .site-footer .foot-tagline,
body.scm-page .site-footer .foot-grid p { color: var(--n-text-2) !important; }