/* VanKpa's main-site palette: midnight navy, deep teal, ice blue, warm ivory. */
html body:not([data-demo-family]){--red:#176481;--red-dark:#0d3d55;--vankpa-red:#176481;--vankpa-red-dark:#0d3d55;--route-red:#176481;--process-red:#176481;accent-color:#176f8b}
html body:not([data-demo-family]) .progress-v2{background:linear-gradient(90deg,#176f8b,#8de0e9)!important}
html body:not([data-demo-family]) .menu-v3-orbit,
html body:not([data-demo-family]) .menu-v3-orbit::before{border-color:rgba(103,202,217,.24)!important}
html body:not([data-demo-family]) .menu-v3-orbit::after{border-color:rgba(103,202,217,.24)!important;background:rgba(23,111,139,.22)!important}
html body:not([data-demo-family]) .menu-v3-nav>a:is(:hover,:focus-visible,.current){background:#155d78!important;color:#f7fcff!important}
html body:not([data-demo-family]) .menu-v3-nav>a:is(:hover,:focus-visible,.current) :is(span,b){color:#f7fcff!important}
html body:not([data-demo-family]) .menu-v3-nav>a:is(:hover,:focus-visible,.current) small{color:#b8edf2!important}
html body:not([data-demo-family]) .footer-v7{border-top-color:#327f94!important}
html body:not([data-demo-family]) .footer-v7::before{box-shadow:none!important;border-color:transparent!important}
html body:not([data-demo-family]) .vk404-icon{background:rgba(31,124,149,.09)!important}
html body:not([data-demo-family]) #main-content .creativeoPage .creativeoHero--split{background:radial-gradient(circle at 16% 30%,rgba(34,124,151,.21),transparent 28%),radial-gradient(circle at 86% 70%,rgba(83,178,193,.13),transparent 28%),#091724!important}
html body:not([data-demo-family]) #main-content .creativeoPage .creativeoHero--split::after{background:#247f99!important}
html body:not([data-demo-family]) #main-content .creativeoPage .creativeoHeroMedia{box-shadow:16px 18px 0 #176481,0 30px 70px rgba(0,0,0,.2)!important}
html body:not([data-demo-family]) #main-content .creativeoServicesPage .creativeoServiceMeta{color:#176481!important;border-color:#9dcbd5!important}
html body:not([data-demo-family]) #main-content .creativeoServicesPage .creativeoServiceMeta :is(span,small){color:#176481!important}
html body:not([data-demo-family]) #main-content .creativeoHomeFeatureList>article{background-image:linear-gradient(90deg,rgba(31,124,149,.075),transparent 58%)!important}
html body:not([data-demo-family]) #main-content .creativeoBodyCta{background:radial-gradient(circle at 90% 12%,rgba(42,139,164,.24),transparent 30%),radial-gradient(circle at 8% 90%,rgba(124,205,213,.09),transparent 35%),#091724!important}
html body:not([data-demo-family]) #main-content .creativeoBodyCta :is(h2,h3){color:#f7fcff!important}
html body:not([data-demo-family]) #main-content .creativeoBodyCta :is(p,small){color:#d3e5ee!important}
html body:not([data-demo-family]) #main-content .strategyDemoLab{background:radial-gradient(circle at 88% 22%,rgba(42,139,164,.23),transparent 33%),#091724!important}
html body:not([data-demo-family]) #main-content .creativeoPricingPage .creativeoHero--center{background-color:#091724!important;background-image:radial-gradient(circle at 80% 28%,rgba(49,141,167,.25),transparent 34%),linear-gradient(135deg,#081521,#12354a)!important}
html body:not([data-demo-family]) #main-content .creativeoPricingPage .creativeoPriceCard.isFeatured{background:#e7f1f2!important;border-color:#89bbc8!important;box-shadow:inset 0 3px 0 #176f8b,0 28px 72px rgba(11,54,73,.16)!important;color:#14263a!important}
html body:not([data-demo-family]) #main-content .creativeoPricingPage .creativeoPriceCard.isFeatured :is(h2,h3,p,li,dd,strong){color:#14263a!important}
html body:not([data-demo-family]) #main-content .creativeoPricingPage .creativeoPriceCard.isFeatured li::before{background:#176f8b!important}
html body:not([data-demo-family]) #main-content .creativeoPricingPage summary::after{color:#176481!important;border-color:#176481!important}
html body:not([data-demo-family]) #main-content .creativeoProcessPage section[class*="hero"]{background:radial-gradient(circle at 84% 26%,rgba(39,129,151,.33),transparent 32rem),radial-gradient(circle at 8% 92%,rgba(112,204,218,.12),transparent 28rem),#081521!important}
html body:not([data-demo-family]) #main-content .creativeoProcessPage section[class*="explorer"] button[class*="isActive"]{background:#176f8b!important;border-color:#86d9e2!important;color:#f7fcff!important}
html body:not([data-demo-family]) #main-content .creativeoProcessPage section[class*="explorer"] button[class*="isActive"] :is(span,strong){color:#f7fcff!important}
html body:not([data-demo-family]) #main-content .start-project-intro{background:linear-gradient(90deg,rgba(104,201,215,.06) 1px,transparent 1px),radial-gradient(circle at 82% 18%,rgba(44,145,166,.19),transparent 32%),#091724!important}
html body:not([data-demo-family]) #main-content .start-project-intro aside{box-shadow:inset 3px 0 0 #2b91aa!important}
html body:not([data-demo-family]) #main-content .intake-progress i{background:linear-gradient(90deg,#176f8b,#84d6df)!important}
html body:not([data-demo-family]) #main-content :is(.index-hero,.library) a::after{background:#176f8b!important}
html body:not([data-demo-family]) #main-content :is(.library,.collection-cta) .button,
html body:not([data-demo-family]) #main-content #library-more{background:#176f8b!important;border-color:#81d2dc!important;color:#fff!important}
html body:not([data-demo-family]) #main-content :is(.library,.collection-cta) .button:is(:hover,:focus-visible),
html body:not([data-demo-family]) #main-content #library-more:is(:hover,:focus-visible){background:#2185a0!important;color:#fff!important}
html body:not([data-demo-family]) #main-content .ai-automation-page section[class*="hero"]{background:radial-gradient(circle at 83% 18%,rgba(39,129,151,.2),transparent 32%),linear-gradient(135deg,#071421,#12354a)!important}
html body:not([data-demo-family]) #main-content .ai-automation-page section[class*="finalCta"]{background:radial-gradient(circle at 86% 8%,rgba(39,129,151,.28),transparent 32%),#071421!important}
html body:not([data-demo-family]) #main-content .practiceDataRoute .practiceRouteHero{background:radial-gradient(circle at 83% 14%,rgba(39,129,151,.25),transparent 31%),#081521!important}
html body:not([data-demo-family]) #main-content .practiceDataRoute .practiceHeroBars i{background:linear-gradient(180deg,#69c5d5,#176f8b)!important}
html body:not([data-demo-family]) #main-content .consulting-hero-v18{background:radial-gradient(circle at 78% 40%,rgba(39,129,151,.32),transparent 29%),linear-gradient(135deg,#081521,#12354a)!important}
html body:not([data-demo-family]) #main-content .consulting-analytics-v18 article::before{border-color:rgba(103,202,217,.22)!important}
html body:not([data-demo-family]) .concierge-panel-v1{background:radial-gradient(circle at 90% 8%,rgba(80,177,193,.18),transparent 29%),#091724!important}
html body:not([data-demo-family]) .vk-bloom-actions span[aria-hidden="true"]{display:none!important}
html body:not([data-demo-family]) .vk-bloom-action{justify-content:center;gap:0;padding-inline:24px}
/* Remaining route details and the consent panel. */
html body:not([data-demo-family]) .site-header-v20 .nav-pill-v3 a::after{background:#2c91aa!important}
html body:not([data-demo-family]) #main-content .creativeoProcessPage [class*="heroPathRail"] button[class*="isActive"]{background:#176f8b!important;border-color:#8ed9e3!important;color:#fff!important}
html body:not([data-demo-family]) #main-content .creativeoProcessPage [class*="heroPathRail"] button[class*="isActive"] :is(span,strong){color:#fff!important}
html body:not([data-demo-family]) #main-content .creativeoServiceDetailPage .creativeoDetailHero{background:radial-gradient(circle at 16% 30%,rgba(39,129,151,.21),transparent 27%),radial-gradient(circle at 86% 70%,rgba(103,202,217,.13),transparent 28%),#091724!important}
html body:not([data-demo-family]) #main-content .creativeoServiceDetailPage .creativeoCardGrid .creativeoCard{box-shadow:inset 0 3px 0 #176f8b!important}
html body:not([data-demo-family]) #main-content .creativeoServiceDetailPage summary::after{color:#176481!important;border-color:#176481!important}
html body:not([data-demo-family]) .vankpaCookieAccent{background:linear-gradient(90deg,#176f8b 0 68%,#8ad8e1 68% 100%)!important}
html body:not([data-demo-family]) .vankpaCookiePanel a{color:#176481!important;border-color:#176481!important}
html body:not([data-demo-family]) .vankpaCookiePanel a:hover{color:#0e4f68!important}
html body:not([data-demo-family]) .vankpaCookiePanel .vankpaCookiePrimary{background:#176f8b!important;border-color:#176f8b!important;color:#fff!important}
html body:not([data-demo-family]) .vankpaCookiePanel .vankpaCookiePrimary:is(:hover,:focus-visible){background:#2185a0!important;border-color:#2185a0!important;color:#fff!important}
/* Secondary routes share the same cool accent. */
html body:not([data-demo-family]) #main-content .page-hero-story-v3 i{background:#247f99!important}
html body:not([data-demo-family]) #main-content .cta-v3{background:radial-gradient(circle at 82% 22%,rgba(42,139,164,.25),transparent 35%),#091724!important}
html body:not([data-demo-family]) #main-content .strategyLegalHero{background:radial-gradient(circle at 90% 28%,rgba(42,139,164,.26),transparent 33%),#091724!important}
html body:not([data-demo-family]) #main-content .creativeoConceptLabPage section[class*="proofBoundary"]{background:radial-gradient(circle at 12% 18%,rgba(42,139,164,.27),transparent 31%),#091724!important}
html body:not([data-demo-family]) #main-content .creativeoConceptLabPage section[class*="proofBoundary"]::before{box-shadow:none!important}
html body:not([data-demo-family]) #main-content .demo-library-filters-v32 button.is-active{background:#176f8b!important;border-color:#8cdae3!important;color:#fff!important}
html body:not([data-demo-family]) #main-content .demo-library-filters-v32 button.is-active :is(span,small){color:#fff!important}
html body:not([data-demo-family]) #main-content .demo-library-badges-v32 span{background:rgba(23,111,139,.9)!important;color:#fff!important}
/* Concept case studies use the same teal detail treatment. */
html body:not([data-demo-family]) #main-content .case-experience-steps article::before{border-color:rgba(103,202,217,.24)!important;background-image:linear-gradient(90deg,rgba(39,129,151,.35),transparent)!important}
html body:not([data-demo-family]) #main-content [class*="decisionCanvas"]::before,
html body:not([data-demo-family]) #main-content [class*="ambient"]::before{box-shadow:0 0 0 52px rgba(39,129,151,.025),0 0 0 105px rgba(103,202,217,.018)!important}
/* Hover and selected states retain contrast without reviving the old red. */
html body:not([data-demo-family]) .ke-what-card:is(:hover,:focus-within){border-color:rgba(39,129,151,.42)!important;box-shadow:0 30px 80px rgba(11,54,73,.12)!important}
html body:not([data-demo-family]) .ke-evidence-v5 .evidence-list article:hover{border-color:#247f99!important;box-shadow:0 26px 70px rgba(11,54,73,.22)!important}
html body:not([data-demo-family]) .home-process-v6 .process-grid-v2 article:hover{background:rgba(39,129,151,.24)!important;border-color:rgba(137,218,229,.55)!important}
html body:not([data-demo-family]) .portfolio-template-collection .filter-bar button:hover{border-color:#247f99!important}
html body:not([data-demo-family]) .menu-v3-nav>a:is(:hover,:focus-visible,.current){box-shadow:inset 4px 0 #8de0e9!important}
html body:not([data-demo-family]) #main-content .creativeoPage :is(.creativeoCard,.creativeoEditorialCard,.creativeoPriceCard,.creativeoContactCard):is(:hover,:focus-within){border-color:rgba(39,129,151,.48)!important}
html body:not([data-demo-family]) #main-content .creativeoHomePage--focused .strategyEngagementComparison>.creativeoShell>.creativeoActions .creativeoButton:is(:hover,:focus-visible){background:#176f8b!important;border-color:#89d7e1!important;color:#fff!important}
html body:not([data-demo-family]) #main-content .case-project-start-grid-v17 article::before{border-color:rgba(103,202,217,.24)!important}

/* Brand mark accent follows the teal identity. */
html body:not([data-demo-family]) .brand-v2::after{background:#68cbd6!important;box-shadow:0 0 12px rgba(104,203,214,.24)!important}

/* Older client chunks can restore a cached logo URL after hydration. */
html body:not([data-demo-family]) :is(.brand-v2,.footer-v7-brand) img[src="/vk-logo.png"]{content:url("/assets/vankpa-brand-mark-v5.svg")!important}