/* VideoForce colour pass: brand accents on the dark surfaces.
   Brand gradient: #0044FF 0% / #E7417E 40% / #E27333 72% / #E54D6A 100% */
:root{
  --vf-grad:linear-gradient(90deg,#0044FF 0%,#E7417E 40%,#E27333 72%,#E54D6A 100%);
  --vf-grad-soft:linear-gradient(90deg,rgba(0,68,255,.55) 0%,rgba(231,65,126,.55) 40%,rgba(226,115,51,.55) 72%,rgba(229,77,106,.55) 100%);
  --vf-card:#101017;
  --vf-card-2:#14131c;
  --vf-glow-blue:rgba(0,68,255,.16);
  --vf-glow-pink:rgba(231,65,126,.13);
}

/* 1. Ambient brand light on dark sections (colour stays, glow is layered on top) */
.section:not(.warm),
.about-cred-v2,.about-leadership-v2,
.home-close,.about-close-v2,.resource-close-v99,.concierge-close-v80,.home-concierge-close-v96,
.pain.home-demand-v83:not(.warm),.offerings-work.unified-solution{
  background-image:
    radial-gradient(900px 460px at 0% 0%,var(--vf-glow-blue),transparent 62%),
    radial-gradient(820px 460px at 100% 100%,var(--vf-glow-pink),transparent 62%);
  background-repeat:no-repeat;
}

/* 2. Short gradient bar above section headings */
.section-head h2::before,.about-cred-v2-top h2::before,.performance-proof-head h2::before{
  content:"";display:block;width:56px;height:3px;border-radius:3px;background:var(--vf-grad);margin-bottom:22px;
}

/* 3. Eyebrows / kickers in brand gradient */
.kicker,.partner-grid .eyebrow,.resource-case-v99>span,.resource-more-grid-v99 article>span{
  background:var(--vf-grad);-webkit-background-clip:text;background-clip:text;color:transparent!important;
}
.warm .kicker,.warm .resource-more-grid-v99 article>span{
  background:linear-gradient(90deg,#0044FF 0%,#E7417E 60%);-webkit-background-clip:text;background-clip:text;
}

/* 4. Dark cards: lifted surface, gradient top edge, soft hover glow */
.resource-recognition-grid-v99>*,.resource-case-v99,.about-outcome-grid>div,.performance-case-card,.partner-grid .partner{
  position:relative;overflow:hidden;
  background:linear-gradient(180deg,var(--vf-card-2),var(--vf-card))!important;
  border-color:rgba(255,255,255,.09)!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.resource-recognition-grid-v99>*::before,.resource-case-v99::before,.about-outcome-grid>div::before,.performance-case-card::before,.partner-grid .partner::before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--vf-grad);opacity:.85;
}
.resource-recognition-grid-v99>*::after,.resource-case-v99::after,.performance-case-card::after,.partner-grid .partner::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .25s ease;
  background:radial-gradient(420px 220px at 0% 0%,rgba(0,68,255,.16),transparent 70%),radial-gradient(420px 220px at 100% 100%,rgba(231,65,126,.14),transparent 70%);
}
.resource-recognition-grid-v99>*:hover,.resource-case-v99:hover,.performance-case-card:hover,.partner-grid .partner:hover{
  transform:translateY(-3px);border-color:rgba(231,65,126,.35)!important;box-shadow:0 18px 40px rgba(0,0,0,.45);
}
.resource-recognition-grid-v99>*:hover::after,.resource-case-v99:hover::after,.performance-case-card:hover::after,.partner-grid .partner:hover::after{opacity:1}
.resource-recognition-grid-v99>*>*,.resource-case-v99>*,.performance-case-card>*,.partner-grid .partner>*{position:relative;z-index:1}

/* Recognition: linked cards get a gradient arrow chip */
.rec-link-v119 i{
  display:inline-flex!important;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;font-style:normal;font-size:14px;color:#fff;
  border:1px solid transparent;background:linear-gradient(#14131c,#14131c) padding-box,var(--vf-grad) border-box;
  transition:transform .2s ease;
}
.rec-link-v119:hover i{transform:translate(2px,-2px);background:var(--vf-grad) border-box}
.resource-recognition-grid-v99 b{color:#fff}
.rec-link-v119>b,.rec-link-v119>span{padding-right:40px}

/* About outcome numbers + homepage case numbers in gradient */
.about-outcome-grid strong{background:var(--vf-grad);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;display:inline-block}

/* 5. Case-study metric chips: gradient outline with a faint tint */
.resource-case-metrics-v99 b{
  border:1px solid transparent!important;
  background:linear-gradient(rgba(20,19,28,.96),rgba(20,19,28,.96)) padding-box,var(--vf-grad-soft) border-box!important;
}
.resource-case-v99>a{
  background:var(--vf-grad);-webkit-background-clip:text;background-clip:text;color:transparent!important;font-weight:700;
}

/* 5b. Inline CTA bands and archive rows: soft brand tint + gradient edge */
.about-proof-cta-v116,.press-item{
  border:1px solid transparent!important;
  background:
    radial-gradient(520px 200px at 0% 0%,rgba(0,68,255,.14),transparent 70%) padding-box,
    radial-gradient(520px 200px at 100% 100%,rgba(231,65,126,.12),transparent 70%) padding-box,
    linear-gradient(#0f0f15,#0f0f15) padding-box,
    var(--vf-grad-soft) border-box!important;
  border-radius:18px;
}

/* 6. Footer: gradient hairline across the top */
.site-footer{position:relative}
.site-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--vf-grad-soft)}

@media (prefers-reduced-motion:reduce){
  .resource-recognition-grid-v99>*,.resource-case-v99,.performance-case-card,.rec-link-v119 i{transition:none}
  .resource-recognition-grid-v99>*:hover,.resource-case-v99:hover,.performance-case-card:hover,.partner-grid .partner:hover{transform:none}
}
