/* Shared dark palette. Route accents follow the service hierarchy. */
body[data-mode] {
  color-scheme: dark;
  --bg:#101722; --surface:#192330; --mist:#1c2938; --mist-2:#24354a;
  --ink:#eef2f6; --ink-2:#d4dde8; --muted:#aebdce; --logo-ink:#eef2f6;
  --line:#324153; --line-2:#4b5d70;
  --accent:#8fb7f6; --accent-hover:#aecbfa; --accent-soft:#243754;
  --blue:var(--accent); --blue-deep:var(--accent); --blue-soft:var(--accent-soft);
  --orange:var(--accent); --orange-deep:var(--accent); --peach:var(--accent-soft);
  --green:#6ed6ac; --sage:#193d34;
  --shadow-sm:0 3px 12px #0002; --shadow:0 18px 40px -18px #0009;
}
body[data-colour="business"] {--accent:#6ed5c7;--accent-hover:#9ae5db;--accent-soft:#193d3e}
body[data-colour="marketing"] {--accent:#f2bd68;--accent-hover:#f8d296;--accent-soft:#3b3023}
body[data-colour="software"] {--accent:#74d8ed;--accent-hover:#a0e7f4;--accent-soft:#193c49}
body[data-colour="education"] {--accent:#6ed6ac;--accent-hover:#9ee5c6;--accent-soft:#193d34}
header.main,header.gate,header.seg {background:#101722ed}
.backbar {background:var(--surface)}
#start .pick {background:var(--bg)}
.company-services>div,.stackchips span,.socials a,.totop,.price-card,
.f-news input,.frame .tagline,.portrait .cap {background:var(--surface)}
.segment-toggle:hover {background:var(--mist)}
.stage-bg,.svc.feature {background:linear-gradient(145deg,var(--surface),var(--mist))}
.b1,.b4,.incl {background:linear-gradient(145deg,var(--surface),var(--accent-soft))!important}
.btn-primary,.btn-orange,.slots input:checked+span,.ts:first-child .n,
.quickbar a.qb-cta {background:var(--accent);color:#101722;box-shadow:none}
.btn-primary:hover,.btn-orange:hover {background:var(--accent-hover)}
.btn-white,.fx .f-cta .btn {background:var(--accent);color:#101722}
.utility .pill {background:var(--surface);color:var(--accent)}
.cta,.fx .f-cta {background:linear-gradient(120deg,var(--surface),var(--accent-soft));border:1px solid var(--line);color:var(--ink)}
.cta h2,.fx .f-cta h3 {color:var(--ink)}
.cta p,.fx .f-cta p {color:var(--ink-2)}
.b .bi,.b .bi.o,.b .bi.g,.f-counsel .av {background:var(--accent-soft);color:var(--accent)}
.g-card {--acc:#6ed5c7}
.g-card.c2 {--acc:#f2bd68}
.g-card.c3 {--acc:#74d8ed}
.g-cta {color:#101722!important}
.g-card::after {background:radial-gradient(420px circle at var(--gx,50%) var(--gy,0%),#8fb7f612,transparent 60%)}
.dgv-hero {background:var(--bg);box-shadow:0 0 0 100vmax var(--bg)}
.dgv-hero h1 {text-shadow:0 2px 24px var(--bg)}
.dgv-hero h1 span {color:var(--accent)}
.dgv-hero .btn-ghost {background:var(--surface);border-color:var(--line-2)}
/* Keep illustrations legible while softening their previously white frames. */
.g-media,.seg-art,.stage-bg {background:var(--mist)!important}
.g-media svg,.seg-art svg,.stage-bg svg {filter:brightness(.82) saturate(.8)}
input::placeholder,textarea::placeholder {color:var(--muted);opacity:1}
::selection {background:var(--accent);color:#101722}
@media(max-width:760px) {.quickbar {background:#192330f5}}