/* VanKpa 424: shared detail and editorial system. */
html body:not([data-demo-family]) .site-page-v3{
  --vk424-ink:#102c3b;--vk424-quiet:#4c6572;--vk424-ice:#a9e6ed;--vk424-sea:#176f8b;
}

/* Service and case process: preserve the intended inverse text palette. */
html body:not([data-demo-family]) #main-content :is(.creativeoCasePage,.creativeoServiceDetailPage,.creativeoPricingPage) section.creativeoProcessSection{
  --creativeo-ink:#f6fbfc;--creativeo-muted:#c8dbe1;--creativeo-accent:#a9e6ed;
  --creativeo-line:#a9e6ed38;--creativeo-surface:#143547;--creativeo-surface-3:#143547;
  background:linear-gradient(145deg,#081b29 0%,#102d3d 62%,#091d2c 100%)!important;
  color:#f6fbfc!important;
  padding-block:clamp(72px,7vw,112px)!important;
}
html body:not([data-demo-family]) #main-content :is(.creativeoCasePage,.creativeoServiceDetailPage,.creativeoPricingPage) .creativeoProcessSection .creativeoStickyStory>aside{
  border:1px solid #a9e6ed33!important;border-radius:22px!important;
  background:linear-gradient(135deg,#173e5080,#0d273635)!important;
  padding:clamp(28px,4vw,54px)!important;margin-bottom:24px!important;
  gap:12px clamp(28px,5vw,80px)!important;
}
html body:not([data-demo-family]) #main-content :is(.creativeoCasePage,.creativeoServiceDetailPage,.creativeoPricingPage) .creativeoProcessSection :is(h2,h3,h4,strong){
  color:#f6fbfc!important;-webkit-text-fill-color:#f6fbfc!important;
}
html body:not([data-demo-family]) #main-content :is(.creativeoCasePage,.creativeoServiceDetailPage,.creativeoPricingPage) .creativeoProcessSection h2 em{
  color:#a9e6ed!important;-webkit-text-fill-color:#a9e6ed!important;
}
html body:not([data-demo-family]) #main-content :is(.creativeoCasePage,.creativeoServiceDetailPage,.creativeoPricingPage) .creativeoProcessSection :is(p,li,dd){
  color:#c8dbe1!important;-webkit-text-fill-color:#c8dbe1!important;
}
html body:not([data-demo-family]) #main-content :is(.creativeoCasePage,.creativeoServiceDetailPage,.creativeoPricingPage) .creativeoProcessSection :is(.creativeoEyebrow,small,.creativeoStoryOutput span){
  color:#a9e6ed!important;-webkit-text-fill-color:#a9e6ed!important;
}
html body:not([data-demo-family]) #main-content :is(.creativeoCasePage,.creativeoServiceDetailPage,.creativeoPricingPage) .creativeoProcessSection .creativeoStickyStory>aside ol{
  gap:0 12px!important;
}
html body:not([data-demo-family]) #main-content :is(.creativeoCasePage,.creativeoServiceDetailPage,.creativeoPricingPage) .creativeoProcessSection .creativeoStickyStory>aside li{
  border-bottom:1px solid #a9e6ed2f!important;border-left:0!important;
  min-height:0!important;padding:14px 6px 14px 0!important;
  font-size:clamp(.9rem,1.1vw,1.06rem)!important;
}
html body:not([data-demo-family]) #main-content :is(.creativeoCasePage,.creativeoServiceDetailPage,.creativeoPricingPage) .creativeoProcessSection .creativeoStickyStoryContent{
  gap:14px!important;border:0!important;background:transparent!important;
}
html body:not([data-demo-family]) #main-content :is(.creativeoCasePage,.creativeoServiceDetailPage,.creativeoPricingPage) .creativeoProcessSection .creativeoStoryPanel{
  min-height:280px!important;gap:16px!important;
  border:1px solid #93d4de38!important;border-radius:18px!important;
  background:linear-gradient(150deg,#16394b,#102c3b)!important;
  box-shadow:0 16px 40px #00131f30!important;
  transition:transform .3s ease,border-color .3s ease,background .3s ease!important;
}
html body:not([data-demo-family]) #main-content :is(.creativeoCasePage,.creativeoServiceDetailPage,.creativeoPricingPage) .creativeoProcessSection .creativeoStoryPanel:is(:hover,:focus-within){
  transform:translateY(-4px)!important;border-color:#a9e6edb8!important;
  background:linear-gradient(150deg,#1a4559,#123241)!important;
}
html body:not([data-demo-family]) #main-content :is(.creativeoCasePage,.creativeoServiceDetailPage,.creativeoPricingPage) .creativeoProcessSection .creativeoStoryPanel:last-child:nth-child(odd){
  min-height:240px!important;
}
html body:not([data-demo-family]) #main-content :is(.creativeoCasePage,.creativeoServiceDetailPage,.creativeoPricingPage) .creativeoProcessSection .creativeoStoryOutput{
  border-color:#a9e6ed3b!important;background:#071d2b83!important;border-radius:10px!important;
}

/* All detail cards remain readable in their interactive state. */
html body:not([data-demo-family]) #main-content :is(.creativeoCasePage,.creativeoServiceDetailPage) .creativeoCardSection{
  background:#f0f7f8!important;padding-block:clamp(72px,7vw,110px)!important;
}
html body:not([data-demo-family]) #main-content :is(.creativeoCasePage,.creativeoServiceDetailPage) .creativeoCardSection :is(h2,h3){
  color:#102c3b!important;-webkit-text-fill-color:#102c3b!important;
}
html body:not([data-demo-family]) #main-content :is(.creativeoCasePage,.creativeoServiceDetailPage) .creativeoCardSection h2 em,
html body:not([data-demo-family]) #main-content :is(.creativeoCasePage,.creativeoServiceDetailPage) .creativeoCardSection .creativeoEyebrow{
  color:#176f8b!important;-webkit-text-fill-color:#176f8b!important;
}
html body:not([data-demo-family]) #main-content :is(.creativeoCasePage,.creativeoServiceDetailPage) .creativeoCardSection :is(.creativeoSectionHeading>p:last-child,.creativeoCard p){
  color:#4c6572!important;-webkit-text-fill-color:#4c6572!important;
}
html body:not([data-demo-family]) #main-content :is(.creativeoCasePage,.creativeoServiceDetailPage) .creativeoCardGrid{
  gap:14px!important;
}
html body:not([data-demo-family]) #main-content :is(.creativeoCasePage,.creativeoServiceDetailPage) .creativeoCardGrid .creativeoCard,
html body:not([data-demo-family]) #main-content :is(.creativeoCasePage,.creativeoServiceDetailPage) .creativeoCardGrid .creativeoCard:is(:hover,:focus-within){
  border:1px solid #c8e0e4!important;border-top:3px solid #23849b!important;
  border-radius:16px!important;background:#fff!important;
  box-shadow:0 12px 32px #092d3a12!important;
}
html body:not([data-demo-family]) #main-content :is(.creativeoCasePage,.creativeoServiceDetailPage) .creativeoCardGrid .creativeoCard:is(:hover,:focus-within){
  transform:translateY(-5px)!important;border-color:#5baaba!important;
  box-shadow:0 22px 42px #092d3a22!important;
}
html body:not([data-demo-family]) #main-content :is(.creativeoCasePage,.creativeoServiceDetailPage) .creativeoCardGrid .creativeoCard :is(h3,p),
html body:not([data-demo-family]) #main-content :is(.creativeoCasePage,.creativeoServiceDetailPage) .creativeoCardGrid .creativeoCard:is(:hover,:focus-within) h3{
  color:#102c3b!important;-webkit-text-fill-color:#102c3b!important;
}
html body:not([data-demo-family]) #main-content :is(.creativeoCasePage,.creativeoServiceDetailPage) .creativeoCardGrid .creativeoCard p,
html body:not([data-demo-family]) #main-content :is(.creativeoCasePage,.creativeoServiceDetailPage) .creativeoCardGrid .creativeoCard:is(:hover,:focus-within) p{
  color:#4c6572!important;-webkit-text-fill-color:#4c6572!important;
}
html body:not([data-demo-family]) #main-content :is(.creativeoCasePage,.creativeoServiceDetailPage) .creativeoCardGrid .creativeoCard>span:first-child,
html body:not([data-demo-family]) #main-content :is(.creativeoCasePage,.creativeoServiceDetailPage) .creativeoCardGrid .creativeoCard:is(:hover,:focus-within)>span:first-child{
  color:#176f8b!important;-webkit-text-fill-color:#176f8b!important;
}

/* Service scope: a balanced and scannable accordion. */
html body:not([data-demo-family]) #main-content .creativeoServiceDetailPage .creativeoFaqSection{
  background:#fff!important;padding-block:clamp(72px,7vw,110px)!important;
}
html body:not([data-demo-family]) #main-content .creativeoServiceDetailPage .creativeoFaqGrid{
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)!important;
  gap:clamp(30px,6vw,90px)!important;
}
html body:not([data-demo-family]) #main-content .creativeoServiceDetailPage .creativeoFaqGrid>div:first-child{
  align-self:start;padding:clamp(28px,3vw,44px)!important;
  border:1px solid #c8dfe3;border-radius:20px;
  background:linear-gradient(145deg,#f0f8f9,#e5f1f3);
}
html body:not([data-demo-family]) #main-content .creativeoServiceDetailPage .creativeoFaqGrid>div:first-child h2{
  color:#102c3b!important;-webkit-text-fill-color:#102c3b!important;
}
html body:not([data-demo-family]) #main-content .creativeoServiceDetailPage .creativeoFaqGrid>div:first-child p:last-child{
  color:#4c6572!important;-webkit-text-fill-color:#4c6572!important;
}
html body:not([data-demo-family]) #main-content .creativeoServiceDetailPage .creativeoFaqList details{
  border-radius:16px!important;margin-bottom:12px!important;
  transition:border-color .25s ease,box-shadow .25s ease!important;
}
html body:not([data-demo-family]) #main-content .creativeoServiceDetailPage .creativeoFaqList summary{
  padding:24px 28px!important;font-size:clamp(1.05rem,1.4vw,1.3rem)!important;
}
html body:not([data-demo-family]) #main-content .creativeoServiceDetailPage .creativeoFaqList details>div{
  padding:0 28px 22px!important;
}
html body:not([data-demo-family]) #main-content .creativeoServiceDetailPage .creativeoFaqList li{
  color:#344f5e!important;-webkit-text-fill-color:#344f5e!important;
}

/* Insight articles: full-width surfaces with a restrained reading measure. */
html body.service-insight:not([data-demo-family]) main#main-content{
  width:100%!important;max-width:none!important;margin:0!important;
  background:#091d2b!important;color:#e2edf0!important;
}
html body.service-insight:not([data-demo-family]) main#main-content>article{
  width:100%!important;max-width:none!important;margin:0!important;
}
html body.service-insight:not([data-demo-family]) main#main-content .article-hero.shell{
  width:100%!important;max-width:none!important;margin:0!important;
  padding:clamp(118px,10vw,156px) 24px clamp(54px,6vw,90px)!important;
  background:radial-gradient(ellipse at 75% 10%,#176c805e,transparent 45%),linear-gradient(180deg,#091b29,#102f40)!important;
  text-align:center!important;
}
html body.service-insight:not([data-demo-family]) main#main-content .article-hero :is(.breadcrumb,.article-meta){
  justify-content:center!important;
}
html body.service-insight:not([data-demo-family]) main#main-content .article-hero .site-hero-title{
  max-width:18ch!important;margin-inline:auto!important;
  font-size:clamp(2.5rem,5.4vw,5.2rem)!important;line-height:1.04!important;
  color:#f7fbfc!important;-webkit-text-fill-color:#f7fbfc!important;
}
html body.service-insight:not([data-demo-family]) main#main-content .article-hero .article-deck{
  max-width:64ch!important;margin-inline:auto!important;
  color:#cfe2e6!important;-webkit-text-fill-color:#cfe2e6!important;
}
html body.service-insight:not([data-demo-family]) main#main-content .article-hero .cover{
  width:min(100%,820px)!important;max-width:820px!important;margin:40px auto 0!important;
  border:1px solid #9bd7de55!important;border-radius:20px!important;
  box-shadow:0 30px 70px #00131f70!important;overflow:hidden!important;
}
html body.service-insight:not([data-demo-family]) main#main-content .article-hero .cover img{
  width:100%!important;height:auto!important;max-height:none!important;
  object-fit:contain!important;object-position:center!important;
}
html body.service-insight:not([data-demo-family]) main#main-content .reading-layout.shell{
  display:block!important;width:100%!important;max-width:none!important;margin:0!important;
  padding:clamp(48px,6vw,84px) 20px 100px!important;
  background:linear-gradient(180deg,#0c2635,#091d2b 48%)!important;
}
html body.service-insight:not([data-demo-family]) main#main-content .reading-layout :is(.article-aside,.article-content){
  width:min(100%,820px)!important;max-width:820px!important;margin-inline:auto!important;
}
html body.service-insight:not([data-demo-family]) main#main-content .article-aside{
  position:static!important;margin-bottom:32px!important;
}
html body.service-insight:not([data-demo-family]) main#main-content .article-toc{
  background:#17394a!important;border:1px solid #8ac9d257!important;
  border-radius:16px!important;color:#e9f4f6!important;
}
html body.service-insight:not([data-demo-family]) main#main-content .article-toc :is(summary,a,li){
  color:#e9f4f6!important;-webkit-text-fill-color:#e9f4f6!important;
}
html body.service-insight:not([data-demo-family]) main#main-content .article-content{
  color:#d2e2e7!important;-webkit-text-fill-color:#d2e2e7!important;
}
html body.service-insight:not([data-demo-family]) main#main-content .article-content>section{
  padding:clamp(22px,3vw,36px) 0!important;border-bottom:1px solid #a6dbe537!important;
}
html body.service-insight:not([data-demo-family]) main#main-content .article-content :is(h2,h3,h4,strong,b){
  color:#f5fafb!important;-webkit-text-fill-color:#f5fafb!important;
}
html body.service-insight:not([data-demo-family]) main#main-content .article-content :is(p,li,dd,td,figcaption){
  color:#d2e2e7!important;-webkit-text-fill-color:#d2e2e7!important;
}
html body.service-insight:not([data-demo-family]) main#main-content .article-content :is(a,.eyebrow,.process-number){
  color:#a9e6ed!important;-webkit-text-fill-color:#a9e6ed!important;
}
html body.service-insight:not([data-demo-family]) main#main-content .article-content :is(.human-process,.pilot-chart,.takeaway,.evidence-figure){
  background:#143647!important;border-color:#7ec5d061!important;
  border-radius:18px!important;
}
html body.service-insight:not([data-demo-family]) main#main-content .article-content :is(.article-faq summary,.decision-table caption,.decision-table th){
  color:#f5fafb!important;-webkit-text-fill-color:#f5fafb!important;
}
html body.service-insight:not([data-demo-family]) main#main-content .article-content :is(a,.related-reading>a):is(:hover,:focus-visible){
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html body.service-insight:not([data-demo-family]) main#main-content .article-content .article-next .button{
  background:#a9e6ed!important;color:#092534!important;-webkit-text-fill-color:#092534!important;
}
html body.service-insight:not([data-demo-family]) main#main-content .article-content .article-next .button:is(:hover,:focus-visible){
  background:#fff!important;color:#092534!important;-webkit-text-fill-color:#092534!important;
}
@media(max-width:900px){
  html body:not([data-demo-family]) #main-content .creativeoServiceDetailPage .creativeoFaqGrid{
    grid-template-columns:1fr!important;gap:24px!important;
  }
}
@media(max-width:767px){
  html body:not([data-demo-family]) #main-content :is(.creativeoCasePage,.creativeoServiceDetailPage,.creativeoPricingPage) .creativeoProcessSection .creativeoStickyStory>aside{
    grid-template-columns:1fr!important;padding:24px!important;
  }
  html body:not([data-demo-family]) #main-content :is(.creativeoCasePage,.creativeoServiceDetailPage,.creativeoPricingPage) .creativeoProcessSection .creativeoStickyStoryContent{
    grid-template-columns:1fr!important;
  }
  html body.service-insight:not([data-demo-family]) main#main-content .article-hero.shell{
    padding:112px 20px 52px!important;
  }
  html body.service-insight:not([data-demo-family]) main#main-content .article-hero .site-hero-title{
    font-size:clamp(2.2rem,9vw,3.4rem)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html body:not([data-demo-family]) #main-content :is(.creativeoCardGrid .creativeoCard,.creativeoStoryPanel,.creativeoFaqList details){transition:none!important}
}
/* Anchor labels and Work index refinements. */
html body:not([data-demo-family]) #main-content .creativeoServiceDetailPage section.creativeoProcessSection .creativeoStickyStory>aside>p.creativeoEyebrow,
html body:not([data-demo-family]) #main-content .creativeoCasePage section.creativeoProcessSection .creativeoStickyStory>aside>p.creativeoEyebrow{
  color:#a9e6ed!important;-webkit-text-fill-color:#a9e6ed!important;
}
html body:not([data-demo-family]) #main-content .creativeoPortfolioPage>section.strategyDemoLab{
  display:none!important;
}
html body:not([data-demo-family]) #main-content .creativeoServiceDetailPage .creativeoCardGrid .creativeoCard{
  min-height:220px!important;
}
/* Shared navigation accents also follow the ice-blue palette. */
html body:not([data-demo-family]) .site-menu-details .menu-trigger-v3 b{
  background:#85d9e3!important;color:#092633!important;
}
html body:not([data-demo-family]) .site-header-v20 .nav-pill-v3 a.active,
html body:not([data-demo-family]) .site-header-v20 .nav-pill-v3 a[aria-current="page"]{
  border-color:#85d9e3!important;
}
html body:not([data-demo-family]) #main-content .creativeoEyebrow::before{
  background:#72c8d4!important;border-color:#72c8d4!important;
}