/* A shared service palette for the requested homepage cards and carousel CTAs. */
body.homepage-content-restored [data-service-color],
body.homepage-content-restored .roadmap-art-line {
  --service-accent: #dfbd77;
  --service-ink: #806024;
  --service-wash: #c69c4826;
  --service-button: #d6b16c;
}
body.homepage-content-restored [data-service-color="website"],
body.homepage-content-restored :is(.roadmap-art-line--web,.roadmap-art-line--search) {
  --service-accent: #55beff; --service-ink: #124c80; --service-wash: #168fff45; --service-button: #55beff;
}
body.homepage-content-restored [data-service-color="film"],
body.homepage-content-restored .roadmap-art-line--content {
  --service-accent: #7cbf98; --service-ink: #347e53; --service-wash: #7cbf9845; --service-button: #7cbf98;
}
body.homepage-content-restored :is([data-service-color="film"],.hero-system__service--film) {
  --service-accent:#7cbf98;
  --service-ink:#347e53;
  --service-wash:#7cbf9845;
  --service-button:#7cbf98;
}
body.homepage-content-restored .hero-system__service--film {
  border-color:rgba(124,191,152,.68);
  background:linear-gradient(145deg,rgba(18,43,28,.92),rgba(5,12,8,.84));
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 1.2rem 3rem rgba(0,0,0,.35),0 0 1.5rem rgba(124,191,152,.14);
}
body.homepage-content-restored .hero-system__service--film :is(small,b) {color:#9dcfb2}
body.homepage-content-restored .hero-system__service--film::before {background:linear-gradient(90deg,#7cbf98,transparent)}
body.homepage-content-restored [data-service-color="social"],
body.homepage-content-restored :is(.roadmap-art-line--social,.roadmap-art-line--campaign) {
  --service-accent: #a61b29; --service-ink: #a61b29; --service-wash: #a61b2945; --service-button: #a61b29;
}

/* The company in the center combines every surrounding service color. */
body.homepage-content-restored #digital-roadmap .digital-roadmap__center {
  border-color:rgba(255,255,255,.52);
  background:
    radial-gradient(circle at 50% 48%,rgba(12,14,20,.94) 0 24%,rgba(12,14,20,.76) 42%,rgba(12,14,20,.18) 69%,transparent 78%),
    conic-gradient(from -24deg,#55beff 0 24%,#7cbf98 29% 47%,#a61b29 54% 76%,#dfbd77 83% 100%);
  box-shadow:
    0 2rem 6rem rgba(40,28,10,.22),
    0 0 2.5rem rgba(85,190,255,.18),
    1.6rem 0 3rem rgba(124,191,152,.22),
    -1.6rem 0 3rem rgba(166,27,41,.22),
    inset 0 0 0 1rem rgba(10,12,18,.1);
}
body.homepage-content-restored #digital-roadmap .digital-roadmap__center small { color:#fff; }
body.homepage-content-restored #digital-roadmap .digital-roadmap__center strong {
  color:#fff;
  text-shadow:0 .15rem 1.1rem rgba(0,0,0,.78);
}
body.homepage-content-restored #digital-roadmap .digital-roadmap__center span { color:rgba(255,255,255,.82); }
body.homepage-content-restored #digital-roadmap .digital-roadmap__center>i:nth-of-type(1) { border-color:rgba(85,190,255,.48); }
body.homepage-content-restored #digital-roadmap .digital-roadmap__center>i:nth-of-type(1)::after { background:#55beff; box-shadow:0 0 1rem #55beff; }
body.homepage-content-restored #digital-roadmap .digital-roadmap__center>i:nth-of-type(2) { border-color:rgba(124,191,152,.56); }
body.homepage-content-restored #digital-roadmap .digital-roadmap__center>i:nth-of-type(2)::after { background:#7cbf98; box-shadow:0 0 1rem #7cbf98; }
body.homepage-content-restored #digital-roadmap .digital-roadmap__center>i:nth-of-type(3) { border-color:rgba(166,27,41,.56); }
body.homepage-content-restored #digital-roadmap .digital-roadmap__center>i:nth-of-type(3)::after { background:#a61b29; box-shadow:0 0 1rem #a61b29; }
body.homepage-content-restored #digital-roadmap .digital-roadmap__center>i:nth-of-type(4) { border-color:rgba(223,189,119,.42); }
body.homepage-content-restored #digital-roadmap .digital-roadmap__center>i:nth-of-type(4)::after { background:#dfbd77; box-shadow:0 0 1rem #dfbd77; }
/* First-slide angled image cards. */
body.homepage-content-restored .hero-editorial__services a[data-service-color] {
  border-width: 2px !important;
  border-color: color-mix(in srgb,var(--service-accent) 78%,transparent) !important;
  border-top-color: color-mix(in srgb,var(--service-accent) 75%,#fff) !important;
  border-bottom-color: color-mix(in srgb,var(--service-accent) 42%,transparent) !important;
  box-shadow: 0 1.15rem 2.5rem #0009, 0 .35rem 1.3rem color-mix(in srgb,var(--service-accent) 14%,transparent), inset 0 1px #ffffff24 !important;
}
body.homepage-content-restored .hero-editorial__services a[data-service-color]::after {
  background: linear-gradient(115deg,#ffffff16,transparent 32%,transparent 66%,#ffffff06), linear-gradient(110deg,var(--service-wash),transparent 58%);
  box-shadow: inset 3px 0 var(--service-accent), inset 0 0 1.6rem #00000018;
}
body.homepage-content-restored .hero-editorial__services a[data-service-color] :is(small,i) { color: var(--service-accent) !important; }
body.homepage-content-restored .hero-editorial__services a[data-service-color]:is(:hover,:focus-visible) {
  border-color: var(--service-accent) !important;
  outline-color: var(--service-accent);
  box-shadow: 0 1.4rem 2.8rem #0009, 0 .35rem 1.6rem color-mix(in srgb,var(--service-accent) 26%,transparent), inset 0 1px #ffffff40 !important;
}
body.homepage-content-restored .hero-editorial__services a[data-service-color] i {
  border: 1px solid color-mix(in srgb,var(--service-accent) 55%,transparent);
  border-radius: 50%;
  background: color-mix(in srgb,var(--service-accent) 12%,#101218);
  font-size: 1rem;
}
/* Carousel slides 2–5. */
body.homepage-content-restored .hero-deck__slide[data-service-color] .hero-deck__cta {
  color: var(--service-accent); border-color: var(--service-accent);
  background: linear-gradient(110deg, var(--service-wash), #090b1090);
}
body.homepage-content-restored .hero-deck__slide[data-service-color] .hero-deck__cta span { color: var(--service-accent); }
body.homepage-content-restored .hero-deck__slide[data-service-color] .hero-deck__cta:hover { background: var(--service-button); color: #11151b; }
body.homepage-content-restored .hero-deck__slide[data-service-color] .hero-deck__cta:hover span { color: #11151b; }
/* Light orbit cards: darker labels maintain contrast on the pale surfaces. */
body.homepage-content-restored #digital-roadmap [data-service-color] .digital-roadmap__face--front {
  background: linear-gradient(135deg, #fffefa 15%, var(--service-wash)), #f7f4ed;
  border-color: color-mix(in srgb, var(--service-ink) 45%, transparent);
  box-shadow: 0 1rem 2rem -.8rem var(--service-wash), inset 0 3px var(--service-accent);
}
body.homepage-content-restored #digital-roadmap [data-service-color] .digital-roadmap__face--front :is(small,strong),
body.homepage-content-restored #digital-roadmap [data-service-color] .digital-roadmap__face--front::after { color: var(--service-ink); }
body.homepage-content-restored #digital-roadmap [data-service-color] .digital-roadmap__face--back { border-color: var(--service-accent); background: linear-gradient(var(--service-wash),var(--service-wash)), #14161b; }
body.homepage-content-restored #digital-roadmap [data-service-color] .digital-roadmap__face--back :is(small,strong),
body.homepage-content-restored #digital-roadmap [data-service-color] .digital-roadmap__face--back li::before { color: var(--service-accent); }
body.homepage-content-restored #digital-roadmap [data-service-color]:focus-visible { outline-color: var(--service-ink); }
body.homepage-content-restored #digital-roadmap .roadmap-art-line { border-color: color-mix(in srgb,var(--service-ink) 50%,transparent); }
body.homepage-content-restored #digital-roadmap .roadmap-art-line::after { background-image: linear-gradient(90deg,transparent 15%,var(--service-accent) 45%,transparent 70%); }
/* The three service tiles in the all-in-one section. */
body.homepage-content-restored .all-in-one-care__services [data-service-color] {
  background: linear-gradient(110deg,var(--service-wash),#ffffff03);
  border-color: color-mix(in srgb,var(--service-accent) 45%,transparent);
}
body.homepage-content-restored .all-in-one-care__services [data-service-color] :is(b,i,small,em) { color: var(--service-accent); border-color: var(--service-accent); }
body.homepage-content-restored .all-in-one-care__services [data-service-color]:hover { border-color: var(--service-accent); background: var(--service-wash); }
/* The final service selection retains its imagery and card dimensions. */
body.homepage-content-restored .service-choice-placement .interest-grid [data-service-color] {
  border-color: var(--service-accent) !important;
  box-shadow: 0 1rem 2rem #0002, inset 0 3px var(--service-accent) !important;
}
body.homepage-content-restored .service-choice-placement .interest-grid [data-service-color] b { color: var(--service-accent) !important; }
body.homepage-content-restored .service-choice-placement .interest-grid [data-service-color] i { background: var(--service-button) !important; color: #11151b !important; }
body.homepage-content-restored .service-choice-placement .interest-grid [data-service-color]:is(:hover,:focus-visible) { outline-color: var(--service-accent); box-shadow: 0 1.25rem 2.5rem var(--service-wash), inset 0 3px var(--service-accent) !important; }

/* Stronger colored edges on dark cards; deeper ink on the light orbit cards. */
body.homepage-content-restored .all-in-one-care__services article[data-service-color]:not([data-service-color="hosting"]) {
  border-color: color-mix(in srgb,var(--service-accent) 85%,transparent) !important;
}
body.homepage-content-restored #digital-roadmap [data-service-color]:not([data-service-color="hosting"]) .digital-roadmap__face--front {
  border-color: color-mix(in srgb,var(--service-ink) 70%,transparent);
  box-shadow: 0 1rem 2rem -.8rem var(--service-wash), inset 0 4px var(--service-accent);
}