/* Shared DVQC visual language for the 16 industry service pages.
   Keep sector illustrations and content distinct; keep the site UI blue, teal and navy. */
:root {
  --re-ink:#101938; --re-copy:#405773; --re-green:#075bd8; --re-green-2:#007c86; --re-soft:#f4f9fd; --re-night:#101938;
  --nt-ink:#101938; --nt-muted:#405773; --nt-cream:#f4f9fd; --nt-paper:#fff; --nt-line:#dce7f2; --nt-terracotta:#075bd8; --nt-dark:#101938;
  --sp-ink:#101938; --sp-plum:#075bd8; --sp-berry:#075bd8; --sp-blush:#f4f9fd; --sp-paper:#fff; --sp-muted:#405773; --sp-line:#dce7f2; --sp-dark:#101938;
  --dn-ink:#101938; --dn-plum:#075bd8; --dn-berry:#075bd8; --dn-blush:#f4f9fd; --dn-paper:#fff; --dn-muted:#405773; --dn-line:#dce7f2; --dn-dark:#101938;
  --ed-ink:#101938; --ed-indigo:#075bd8; --ed-blue:#075bd8; --ed-cream:#f4f9fd; --ed-paper:#fff; --ed-muted:#405773; --ed-line:#dce7f2; --ed-violet:#eef7fc; --ed-dark:#101938;
  --cos-ink:#101938; --cos-copy:#405773; --cos-muted:#536984; --cos-line:#dce7f2; --cos-rose:#075bd8; --cos-rose2:#007c86; --cos-plum:#075bd8; --cos-cream:#fff; --cos-blush:#f4f9fd;
  --fsh-ink:#101938; --fsh-copy:#405773; --fsh-blue:#075bd8; --fsh-indigo:#075bd8; --fsh-rose:#007c86; --fsh-mint:#007c86; --fsh-line:#dce7f2; --fsh-soft:#f4f9fd; --fsh-cream:#f4f9fd; --fsh-night:#101938;
  --mbb-ink:#101938; --mbb-copy:#405773; --mbb-blue:#075bd8; --mbb-indigo:#075bd8; --mbb-rose:#007c86; --mbb-mint:#007c86; --mbb-line:#dce7f2; --mbb-soft:#f4f9fd; --mbb-cream:#f4f9fd; --mbb-night:#101938;
}
.auto-ads-landing,.tour-ads-landing,.stay-ads-landing,.appliance-ads-landing,
.dining-ads-landing,.fmcg-ads-landing,.finance-ads-landing,.insurance-ads-landing {
  --auto-ink:#101938; --tour-ink:#101938; --stay-ink:#101938; --appliance-ink:#101938;
  --dining-ink:#101938; --fmcg-ink:#101938; --finance-ink:#101938; --insurance-ink:#101938;
  --auto-blue:#075bd8; --tour-blue:#075bd8; --stay-blue:#075bd8; --appliance-blue:#075bd8;
  --dining-blue:#075bd8; --fmcg-blue:#075bd8; --finance-blue:#075bd8; --insurance-blue:#075bd8;
  --auto-teal:#007c86; --tour-teal:#007c86; --stay-teal:#007c86; --appliance-teal:#007c86;
  --dining-teal:#007c86; --fmcg-teal:#007c86; --finance-teal:#007c86; --insurance-teal:#007c86;
}

/* The homepage supplies the common light canvas and the navy/blue hierarchy. */
.re-hero,.nt-hero,.sp-hero,.dn-hero,.ed-hero,.cos-hero,.fsh-hero,.mbb-hero,
.auto-hero,.tour-hero,.stay-hero,.appliance-hero,.dining-hero,.fmcg-hero,.finance-hero,.insurance-hero {
  background:radial-gradient(circle at 80% 15%,rgba(155,220,247,.24),transparent 35%),linear-gradient(112deg,#f8fcff 0%,#f1faff 58%,#eaf8ff 100%);
}
.fsh-hero:before,.mbb-hero:before { background:radial-gradient(circle,rgba(7,91,216,.075),transparent 68%); }
.fsh-hero:after,.mbb-hero:after { background:radial-gradient(circle,rgba(0,124,134,.07),transparent 68%); }
.sp-hero:before,.dn-hero:before,.ed-hero:before,.cos-hero:before,.nt-hero:before {
  opacity:.4;
}
.re-hero h1 span,.nt-hero h1 span,.sp-hero h1 span,.dn-hero h1 span,.ed-hero h1 span,
.cos-hero h1 span,.fsh-hero h1 span,.mbb-hero h1 span,
.auto-hero h1 span,.tour-hero h1 span,.stay-hero h1 span,.appliance-hero h1 span,
.dining-hero h1 span,.fmcg-hero h1 span,.finance-hero h1 span,.insurance-hero h1 span { color:#075bd8; }
.re-hero .eyebrow,.nt-hero .eyebrow,.sp-hero .eyebrow,.dn-hero .eyebrow,
.ed-hero .eyebrow,.cos-hero .eyebrow,.fsh-hero .eyebrow,.mbb-hero .eyebrow,
.auto-eyebrow,.tour-eyebrow,.stay-eyebrow,.appliance-eyebrow,.dining-eyebrow,
.fmcg-eyebrow,.finance-eyebrow,.insurance-eyebrow { color:#075bd8; }

/* Alternate surfaces use one light blue; dense sections use one deep navy. */
.re-section--soft,.nt-section--cream,.sp-section--blush,.dn-section--blush,
.ed-section--cream,.ed-section--violet,.cos-section--soft,.cos-section--rose,
.fsh-section--soft,.mbb-section--soft,
.auto-section--mist,.tour-section--mist,.stay-section--mist,.appliance-section--mist,
.dining-section--mist,.fmcg-section--mist,.finance-section--mist,.insurance-section--mist {
  background:#f4f9fd;
}
.ed-section--violet,.cos-section--policy,.fsh-section--final,.mbb-section--final,
.mbb-section--choice,.fsh-cost-cta,.mbb-cost-cta,
.dining-section--sea {
  background:linear-gradient(135deg,#f8fcff,#eaf7fc);
}
.re-section--dark,.nt-section--dark,.sp-section--ink,.dn-section--ink,
.ed-section--ink,.ed-section--blue,.cos-section--ink,.fsh-section--ink,.mbb-section--ink,
.auto-section--ink,.tour-section--ink,.stay-section--ink,.appliance-section--ink,
.dining-section--ink,.fmcg-section--ink,.finance-section--ink,.insurance-section--ink {
  background:#101938;
}
.cos-section--cta,.ed-section--cta,
.auto-section--final,.tour-section--final,.stay-section--final,.appliance-section--final,
.dining-section--final,.fmcg-section--final,.finance-section--final,.insurance-section--final {
  background:linear-gradient(110deg,#075bd8 8%,#0870cf 53%,#007c86 100%);
}
.cos-section--cta p,.ed-section--cta p { color:#ecf7ff; }
.cos-btn--light,.ed-btn--light { color:#075bd8!important; }
.sp-section--ink .sp-kicker,.dn-section--ink .dn-kicker,
.ed-section--ink .ed-kicker,.ed-section--blue .ed-kicker,
.nt-section--dark .nt-kicker,.re-section--dark .re-kicker { color:#85dce6; }
.nt-section--dark p,.nt-section--dark li,.nt-section--dark small,
.sp-section--ink p,.sp-section--ink li,.sp-section--ink small,
.dn-section--ink p,.dn-section--ink li,.dn-section--ink small,
.ed-section--ink p,.ed-section--ink li,.ed-section--ink small,
.ed-section--blue p,.ed-section--blue li,.ed-section--blue small { color:#d7e7f5!important; }

/* Brand action color remains stable even on the oldest seven templates. */
.re-hero .btn-primary,.nt-hero .btn-primary,.sp-hero .btn-primary,.dn-hero .btn-primary,
.ed-hero .btn-primary,.cos-hero .btn-primary {
  background:linear-gradient(110deg,#075bd8 8%,#0870cf 53%,#007c86 100%);
  border-color:#075bd8;
  color:#fff;
  box-shadow:0 13px 28px rgba(7,91,216,.16);
}
.nt-hero-board,.nt-moodboard { background:#eaf2f8; }
.sp-content-board { background:#eaf2f8; }
.dn-content-board { background:#eaf2f8; }
.cos-studio__product { background:linear-gradient(135deg,#10244b,#075bd8); }
.dining-hero h1 span { color:#075bd8; }
.dining-eyebrow:before { background:#007c86; }

/* Demo graphics can explain a sector without setting a competing page identity. */
.sp-console__card,.dn-console__card { background:linear-gradient(145deg,#10244b,#075bd8);box-shadow:0 16px 34px rgba(7,91,216,.16); }
.ed-intake__card { background:linear-gradient(145deg,#10244b,#075bd8);box-shadow:0 16px 34px rgba(7,91,216,.16); }
.sp-console__card>span,.dn-console__card>span { color:#b9e8ff; }
.sp-console__route small,.dn-console__route small { color:#e2f2ff; }
.sp-console__bar,.dn-console__bar { background:#e1edf6; }
.sp-console__badge b,.dn-console__badge b { background:#e7f3ff; }
.sp-content-board>div:not(.sp-content-board__head),
.sp-content-board>div:nth-of-type(3),.sp-content-board>div:nth-of-type(4),.sp-content-board>div:nth-of-type(5),
.dn-content-board>div:not(.dn-content-board__head),
.dn-content-board>div:nth-of-type(3),.dn-content-board>div:nth-of-type(4),.dn-content-board>div:nth-of-type(5) {
  background:linear-gradient(145deg,#10244b,#075bd8);
}
.sp-review-board,.dn-review-board { background:#263d64; }
.sp-hero__lead,.dn-hero__lead,.nt-hero__lead,.ed-hero__lead,.cos-hero__lead { color:#405773; }
.sp-hero__points li,.dn-hero__points li,.nt-hero__points li,.ed-hero__points li { color:#263f5d; }
.sp-nav a,.dn-nav a,.nt-nav a,.ed-nav a,.cos-nav a { color:#405773; }

/* Preserve readable headings and copy in the dark editorial panels. */
.fsh-section--ink .fsh-heading h2,
.fsh-section--ink .fsh-goals h3 { color:#fff; }
.fsh-section--ink .fsh-heading>p,
.fsh-section--ink .fsh-goals p { color:#d7e7f5; }
.cos-section--ink .cos-scope article,
.cos-section--ink .cos-callout { background:#172a4b;border-color:#314b70; }
.cos-section--ink .cos-scope h3 { color:#fff; }
.cos-section--ink .cos-scope p,
.cos-section--ink .cos-callout span { color:#d7e7f5; }
.cos-section--ink .cos-scope article>span { background:#234e84;color:#dcefff; }
.cos-section--ink .cos-kicker { color:#85dce6; }

/* Platform-by-industry answers moved into the industry owner pages. */
.dvqc-platform-depth{margin-top:clamp(22px,3vw,42px);padding-bottom:clamp(10px,2vw,24px)}
.dvqc-platform-depth__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,24px)}
.dvqc-platform-depth__card{min-width:0;scroll-margin-top:150px;background:#fff;color:#173151;border:1px solid #d8e5f3;border-radius:20px;padding:clamp(22px,2.3vw,32px);box-shadow:0 12px 30px rgba(17,53,91,.055)}
.dvqc-platform-depth__label{display:inline-block;color:#1266c3;font-size:12px;font-weight:800;letter-spacing:.075em;text-transform:uppercase;margin-bottom:12px}
.dvqc-platform-depth__card h3{color:#102b4d;font-size:clamp(20px,1.8vw,25px);font-weight:800;line-height:1.22;letter-spacing:-.025em;margin:0 0 15px}
.dvqc-platform-depth__card p{color:#435a76;font-size:16px;font-weight:500;line-height:1.68;margin:0 0 12px}
.dvqc-platform-depth__card p strong{color:#183a65;font-weight:800}
.dvqc-platform-depth__card a{display:inline-flex;align-items:center;gap:7px;color:#075fc2;font-size:15px;font-weight:750;line-height:1.4;text-decoration:none;margin-top:7px}
.dvqc-platform-depth__card a:hover{text-decoration:underline}
@media(max-width:767px){.dvqc-platform-depth__grid{grid-template-columns:1fr}.dvqc-platform-depth__card{scroll-margin-top:105px;padding:22px}.dvqc-platform-depth__card p{font-size:16px}}