/* VanKpa Home 424: measured type, distinct sections, purposeful motion. */
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-hero,
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-inner{
  min-height:100svh!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-hero h1:not(#vk-type):not(#vk-type):not(#vk-type):not(#vk-type){
  max-width:15ch!important;font-size:clamp(3.4rem,5vw,6.1rem)!important;
  line-height:1.02!important;letter-spacing:-.066em!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-media img.is-active{
  animation:vk424-hero-drift 15s ease-out both;
}
@keyframes vk424-hero-drift{from{transform:scale(1.035)}to{transform:scale(1)}}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-shade:after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;
  background-image:linear-gradient(#a9e6ed12 1px,transparent 1px),linear-gradient(90deg,#a9e6ed12 1px,transparent 1px);
  background-size:96px 96px;mask-image:linear-gradient(90deg,transparent 15%,black);
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-thumbs{
  gap:0!important;padding:0!important;border:0!important;border-bottom:1px solid #a9e6ed65!important;
  border-radius:0!important;background:transparent!important;backdrop-filter:none!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-thumbs button,
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-thumbs button.is-active{
  display:grid;place-items:center;width:auto!important;min-width:90px!important;height:48px!important;
  padding:0 12px!important;border:0!important;border-bottom:2px solid transparent!important;
  border-radius:0!important;background:transparent!important;opacity:.68;
  color:#e4f4f6!important;-webkit-text-fill-color:#e4f4f6!important;
  font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  transition:opacity .25s ease,border-color .25s ease,transform .25s ease!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-thumbs button.is-active,
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-thumbs button:is(:hover,:focus-visible){
  opacity:1!important;border-bottom-color:#a9e6ed!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-thumbs img{display:none!important}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-services{
  background:linear-gradient(180deg,#eff7f8,#f7fafb)!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-services .vk404-photo{
  transform:rotate(-1deg);transition:transform .45s ease,box-shadow .45s ease!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-services .vk404-photo:is(:hover,:focus-within){
  transform:rotate(0);box-shadow:0 25px 55px #0b304025!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-service-grid{
  gap:12px!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-service{
  position:relative;overflow:hidden;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-service:after{
  content:"";position:absolute;right:22px;bottom:22px;width:34px;height:2px;background:#348aa0;
  transform-origin:right;transform:scaleX(.45);transition:transform .28s ease;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-service:is(:hover,:focus-visible):after{
  transform:scaleX(1);
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-process-section{
  background:radial-gradient(ellipse at 70% 30%,#19485b 0%,transparent 48%),#091e2c!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-process li{
  transition:transform .3s ease,background .3s ease!important;border-radius:12px;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-process li:hover{
  transform:translateX(6px);background:#a9e6ed0c;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-process-section .vk404-photo img{
  object-position:center 20%!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .creativeoPortfolioSection{
  background:linear-gradient(180deg,#081b29,#0e3040)!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .creativeoProjectCard .creativeoProjectMedia img{
  object-position:center 18%!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-pricing{
  background:linear-gradient(140deg,#f6fafb,#e7f3f5)!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-data{
  background:radial-gradient(ellipse at 20% 85%,#1b5265 0%,transparent 42%),#0b2030!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-dashboard{
  transition:transform .35s ease,box-shadow .35s ease!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-dashboard:hover{
  transform:translateY(-5px)!important;box-shadow:0 30px 68px #00121e83!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-funnel-row .bar-track i{
  transform-origin:left;animation:vk424-bar .9s ease-out both;
}
@keyframes vk424-bar{from{transform:scaleX(.2)}to{transform:scaleX(1)}}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .creativeoEditorialSection{
  background:linear-gradient(180deg,#f4f9fa,#fff)!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .creativeoEditorialGrid{
  gap:16px!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .creativeoArticleCard{
  border:1px solid #cbdfe3!important;border-radius:18px!important;
  background:#fff!important;overflow:hidden!important;
  box-shadow:0 10px 30px #0b30400d!important;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .creativeoArticleCard:is(:hover,:focus-within){
  transform:translateY(-5px)!important;border-color:#81bfc9!important;
  box-shadow:0 22px 48px #0b304021!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .creativeoArticleCard :is(h3,p){
  color:#102c3b!important;-webkit-text-fill-color:#102c3b!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .creativeoArticleCard p{
  color:#4c6572!important;-webkit-text-fill-color:#4c6572!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .creativeoArticleCard :is(small,b){
  color:#176f8b!important;-webkit-text-fill-color:#176f8b!important;
}
@media(max-width:760px){
  html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-hero h1:not(#vk-type):not(#vk-type):not(#vk-type):not(#vk-type){
    font-size:clamp(2.7rem,9.4vw,4.3rem)!important;
  }
  html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-thumbs button,
  html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-thumbs button.is-active{
    min-width:72px!important;height:42px!important;font-size:.6rem!important;
  }
  html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-services .vk404-photo{
    transform:none!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-media img.is-active,
  html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-funnel-row .bar-track i{
    animation:none!important;
  }
  html body:not([data-demo-family]) #main-content main.creativeoHomePage :is(.vk404-process li,.vk404-services .vk404-photo,.vk404-dashboard,.creativeoArticleCard){
    transition:none!important;
  }
}
@media(max-width:760px){
  html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-count{
    display:none!important;
  }
}