/* Explicit title tones survive both the static export and client navigation. */
.iq-hero-title.iq-hero-title.iq-hero-title.iq-hero-title{color:#141d2b!important;-webkit-text-fill-color:#141d2b!important}
.iq-hero-title.iq-hero-title.iq-hero-title.iq-hero-title [data-iq-h1-tone="base"],.iq-hero-title.iq-hero-title.iq-hero-title.iq-hero-title [data-iq-h1-tone="base"] *{color:#141d2b!important;-webkit-text-fill-color:#141d2b!important}
.iq-hero-title.iq-hero-title.iq-hero-title.iq-hero-title [data-iq-h1-tone="accent"],.iq-hero-title.iq-hero-title.iq-hero-title.iq-hero-title [data-iq-h1-tone="accent"] *{color:#246ff2!important;-webkit-text-fill-color:#246ff2!important}

/* Exactly one presentation layer per hero; legacy posters never overlay it. */
.promotion-hero>.iq-promotion-enquiries-host::before,.promotion-hero>.iq-promotion-enquiries-host::after{content:none!important;display:none!important}
.promotion-hero>.iq-promotion-enquiries-host>.iq-promotion-enquiries-scene~*{display:none!important}
.infra-hero>.iqdm-art::before,.infra-hero>.iqdm-art::after{content:none!important;display:none!important}
.infra-hero>.iqdm-art .iqdm-svg>img{display:none!important}
.infra-hero>.iqdm-art .iqdm-picture{display:block!important}
.infra-hero>.iqdm-art .iqdm-static{display:none!important}
.infra-hero>.iqdm-art .iqdm-stage[data-iq-object="loading"] .iqdm-picture,
.infra-hero>.iqdm-art .iqdm-stage[data-iq-object="fallback"] .iqdm-picture{display:none!important}
.infra-hero>.iqdm-art .iqdm-stage[data-iq-object="loading"] .iqdm-static,
.infra-hero>.iqdm-art .iqdm-stage[data-iq-object="fallback"] .iqdm-static{display:block!important}

/* Every CSS-driven illustration is a finite, viewport-triggered sequence. */
[data-iq-once-scene],[data-iq-once-scene] *,[data-iq-once-scene]::before,[data-iq-once-scene]::after,[data-iq-once-scene] *::before,[data-iq-once-scene] *::after{
 animation-iteration-count:1!important;animation-fill-mode:both!important;
}
[data-iq-once-state="idle"],[data-iq-once-state="idle"] *,[data-iq-once-state="complete"],[data-iq-once-state="complete"] *,
[data-iq-once-state="idle"]::before,[data-iq-once-state="idle"]::after,[data-iq-once-state="complete"]::before,[data-iq-once-state="complete"]::after,
[data-iq-once-state="idle"] *::before,[data-iq-once-state="idle"] *::after,[data-iq-once-state="complete"] *::before,[data-iq-once-state="complete"] *::after{animation-play-state:paused!important}
[data-iq-once-state="running"],[data-iq-once-state="running"] *,[data-iq-once-state="running"]::before,[data-iq-once-state="running"]::after,[data-iq-once-state="running"] *::before,[data-iq-once-state="running"] *::after{animation-play-state:running!important}
.hero-aura{animation:none!important}
@media(prefers-reduced-motion:reduce){
 [data-iq-once-scene],[data-iq-once-scene] *{animation:none!important;transition:none!important}
 .infra-hero>.iqdm-art .iqdm-picture{display:none!important}
 .infra-hero>.iqdm-art .iqdm-static{display:block!important}
}
@media print{
 .infra-hero>.iqdm-art .iqdm-picture{display:none!important}
 .infra-hero>.iqdm-art .iqdm-static{display:block!important}
}

/* Finite service illustrations: hold the completed result; replay only on a new mouse entry. */
@keyframes iql-title{0%{opacity:0;transform:translateY(12px)}7%,93%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}
.iq-landing-scene[data-iql-ready][data-iq-once-state="complete"] .iql-title{opacity:1!important;transform:translateY(0)!important;}
@keyframes iql-copy{0%,4%{opacity:0}11%,93%{opacity:1}100%{opacity:1}}
.iq-landing-scene[data-iql-ready][data-iq-once-state="complete"] .iql-intro-lines{opacity:1!important;}
@keyframes iql-product{0%,3%{opacity:0;transform:translateY(12px) scale(.94)}13%,35%{opacity:1;transform:translateY(0) scale(1)}43%{opacity:1;transform:translateY(-4px) scale(1)}91%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:1;transform:translateY(0) scale(1)}}
.iq-landing-scene[data-iql-ready][data-iq-once-state="complete"] .iql-product{opacity:1!important;transform:translateY(0) scale(1)!important;}
@keyframes iql-cta{0%,8%{opacity:0}15%,94%{opacity:1}100%{opacity:1}}
.iq-landing-scene[data-iql-ready][data-iq-once-state="complete"] .iql-hero-cta{opacity:1!important;}
@keyframes iql-scroll{0%,35%{transform:translateY(0)}55%,83%{transform:translateY(-274px)}100%{transform:translateY(-274px)}}
.iq-landing-scene[data-iql-ready][data-iq-once-state="complete"] .iql-page{transform:translateY(-274px)!important;}
@keyframes iql-scrollbar{0%,35%{transform:translateY(0)}55%,83%{transform:translateY(304px)}100%{transform:translateY(304px)}}
.iq-landing-scene[data-iql-ready][data-iq-once-state="complete"] .iql-scrollbar{transform:translateY(304px)!important;}
@keyframes iql-cursor{0%,7%{opacity:0;transform:translate(535px,553px) scale(1)}15%{opacity:1;transform:translate(485px,501px) scale(1)}29%,36%{opacity:1;transform:translate(296px,393px) scale(1)}55%{opacity:1;transform:translate(458px,553px) scale(1)}63%{opacity:1;transform:translate(380px,629px) scale(1)}65%{opacity:1;transform:translate(380px,629px) scale(.9)}68%,80%{opacity:1;transform:translate(380px,629px) scale(1)}100%{opacity:1;transform:translate(535px,553px) scale(1)}}
.iq-landing-scene[data-iql-ready][data-iq-once-state="complete"] .iql-cursor{opacity:1!important;transform:translate(535px,553px) scale(1)!important;}
@keyframes iql-success{0%,66%{opacity:0}70%,84%{opacity:1}100%{opacity:1}}
.iq-landing-scene[data-iql-ready][data-iq-once-state="complete"] .iql-success{opacity:1!important;}
@keyframes iql-label{0%,65%{opacity:1}68%,84%{opacity:0}100%{opacity:0}}
.iq-landing-scene[data-iql-ready][data-iq-once-state="complete"] .iql-form-label{opacity:0!important;}
@keyframes iqc-services{0%,27%{opacity:1}32%{opacity:0}100%{opacity:0}}
.iq-corporate-scene[data-iqc-ready][data-iq-once-state="complete"] .iqc-services{opacity:0!important;}
@keyframes iqc-projects{0%,28%,62%{opacity:0}34%,56%{opacity:1}100%{opacity:0}}
.iq-corporate-scene[data-iqc-ready][data-iq-once-state="complete"] .iqc-projects{opacity:0!important;}
@keyframes iqc-about{0%,57%{opacity:0}64%,89%{opacity:1}100%{opacity:1}}
.iq-corporate-scene[data-iqc-ready][data-iq-once-state="complete"] .iqc-about{opacity:1!important;}
@keyframes iqc-text-services{0%,27%{fill:white}32%{fill:#687d98}100%{fill:#687d98}}
.iq-corporate-scene[data-iqc-ready][data-iq-once-state="complete"] .iqc-nav-services{fill:#687d98!important;}
@keyframes iqc-text-projects{0%,28%,62%{fill:#687d98}34%,56%{fill:white}100%{fill:#687d98}}
.iq-corporate-scene[data-iqc-ready][data-iq-once-state="complete"] .iqc-nav-projects{fill:#687d98!important;}
@keyframes iqc-text-about{0%,57%{fill:#687d98}64%,89%{fill:white}100%{fill:white}}
.iq-corporate-scene[data-iqc-ready][data-iq-once-state="complete"] .iqc-nav-about{fill:white!important;}
@keyframes iqc-cursor{0%{opacity:0;transform:translate(583px,225px)}8%,23%{opacity:1;transform:translate(528px,103px)}27%{opacity:1;transform:translate(647px,103px) scale(1)}29%{transform:translate(647px,103px) scale(.91)}33%,52%{transform:translate(647px,103px) scale(1)}58%{transform:translate(398px,103px) scale(1)}60%{transform:translate(398px,103px) scale(.91)}64%,85%{transform:translate(398px,103px) scale(1)}100%{opacity:1;transform:translate(583px,225px) scale(1)}}
.iq-corporate-scene[data-iqc-ready][data-iq-once-state="complete"] .iqc-cursor{opacity:1!important;transform:translate(583px,225px) scale(1)!important;}
@keyframes iqe-bag{0%,10%{opacity:0;transform:translate(20px,38px) scale(.94)}24%,84%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:1;transform:translate(0,0) scale(1)}}
.iq-ecommerce-scene[data-iqe-ready][data-iq-once-state="complete"] .iqe-bag{opacity:1!important;transform:translate(0,0) scale(1)!important;}
@keyframes iqe-shadow{0%,10%{opacity:0}26%,84%{opacity:.24}100%{opacity:.24}}
.iq-ecommerce-scene[data-iqe-ready][data-iq-once-state="complete"] .iqe-bag-shadow{opacity:.24!important;}
@keyframes iqe-confirm{0%,28%{opacity:0;translate:16px 14px}40%,80%{opacity:1;translate:0 0}100%{opacity:1;translate:0 0}}
.iq-ecommerce-scene[data-iqe-ready][data-iq-once-state="complete"] .iqe-confirm{opacity:1!important;translate:0 0!important;}
@keyframes iqp-task{0%,23%{opacity:1;transform:translate(0,0)}28%{transform:translate(0,-10px)}49%,84%{opacity:1;transform:translate(149px,0)}100%{opacity:1;transform:translate(149px,0)}}
.iq-portals-scene[data-iqp-ready][data-iq-once-state="complete"] .iqp-task{opacity:1!important;transform:translate(149px,0)!important;}
@keyframes iqp-cursor{0%{opacity:0;transform:translate(592px,572px)}15%,22%{opacity:1;transform:translate(480px,444px)}25%{transform:translate(480px,444px) scale(.92)}28%{transform:translate(480px,434px) scale(.96)}49%{transform:translate(629px,444px) scale(.96)}53%,66%{opacity:1;transform:translate(629px,444px) scale(1)}100%{opacity:1;transform:translate(644px,491px) scale(1)}}
.iq-portals-scene[data-iqp-ready][data-iq-once-state="complete"] .iqp-cursor{opacity:1!important;transform:translate(644px,491px) scale(1)!important;}
@keyframes iqp-done{0%,53%{opacity:0}59%,85%{opacity:1}100%{opacity:1}}
.iq-portals-scene[data-iqp-ready][data-iq-once-state="complete"] .iqp-done{opacity:1!important;}
@keyframes iqs-line{0%,7%{stroke-dasharray:1;stroke-dashoffset:1;opacity:0}10%{opacity:1}43%,90%{stroke-dasharray:1;stroke-dashoffset:0;opacity:1}100%{stroke-dasharray:1;stroke-dashoffset:0;opacity:1}}
.iq-seo-scene[data-iqs-ready][data-iq-once-state="complete"] .iqs-line{stroke-dasharray:1!important;stroke-dashoffset:0!important;opacity:1!important;}
@keyframes iqs-area{0%,20%{opacity:0}47%,90%{opacity:1}100%{opacity:1}}
.iq-seo-scene[data-iqs-ready][data-iq-once-state="complete"] .iqs-area{opacity:1!important;}
@keyframes iqs-tip{0%,53%{opacity:0;translate:0 5px}60%,89%{opacity:1;translate:0 0}100%{opacity:1;translate:0 0}}
.iq-seo-scene[data-iqs-ready][data-iq-once-state="complete"] .iqs-tip{opacity:1!important;translate:0 0!important;}
@keyframes iqs-cursor{0%,39%{opacity:0;transform:translate(530px,482px)}49%{opacity:1;transform:translate(421px,411px)}56%,86%{opacity:1;transform:translate(376px,385px)}100%{opacity:1;transform:translate(412px,421px)}}
.iq-seo-scene[data-iqs-ready][data-iq-once-state="complete"] .iqs-cursor{opacity:1!important;transform:translate(412px,421px)!important;}
@keyframes iqs-query{0%,10%{opacity:.35}25%,90%{opacity:1}100%{opacity:1}}
.iq-seo-scene[data-iqs-ready][data-iq-once-state="complete"] .iqs-query{opacity:1!important;}
@keyframes iqt-cursor{0%{opacity:0;transform:translate(283px,490px)}10%,19%{opacity:1;transform:translate(267px,387px)}23%{transform:translate(267px,387px) scale(.92)}28%{transform:translate(267px,387px)}47%,52%{opacity:1;transform:translate(708px,427px)}55%{transform:translate(708px,427px) scale(.92)}59%,80%{opacity:1;transform:translate(708px,427px)}100%{opacity:1;transform:translate(741px,469px)}}
.iq-support-scene[data-iqt-ready][data-iq-once-state="complete"] .iqt-cursor{opacity:1!important;transform:translate(741px,469px)!important;}
@keyframes iqt-success{0%,60%{opacity:0;translate:0 6px}68%,89%{opacity:1;translate:0 0}100%{opacity:1;translate:0 0}}
.iq-support-scene[data-iqt-ready][data-iq-once-state="complete"] .iqt-success{opacity:1!important;translate:0 0!important;}
@keyframes iqt-select{0%,18%{opacity:.45}26%,92%{opacity:1}100%{opacity:1}}
.iq-support-scene[data-iqt-ready][data-iq-once-state="complete"] .iqt-request-1{opacity:1!important;}
@keyframes iqu-cursor{0%{opacity:0;transform:translate(160px,245px)}10%{opacity:1;transform:translate(190px,244px)}30%{transform:translate(421px,336px)}48%{transform:translate(587px,427px)}64%,69%{opacity:1;transform:translate(694px,492px)}72%{transform:translate(694px,492px) scale(.9)}76%,84%{opacity:1;transform:translate(694px,492px)}100%{opacity:1;transform:translate(730px,526px)}}
.iq-ux-scene[data-iqu-ready][data-iq-once-state="complete"] .iqu-cursor{opacity:1!important;transform:translate(730px,526px)!important;}
@keyframes iqu-label{0%,25%{opacity:0}35%,86%{opacity:1}100%{opacity:1}}
.iq-ux-scene[data-iqu-ready][data-iq-once-state="complete"] .iqu-label{opacity:1!important;}
@keyframes iqi-module{0%,22%{opacity:1;transform:translate(80px,-72px) scale(.87)}29%{transform:translate(80px,-82px) scale(.9)}53%,88%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.iq-improvements-scene[data-iqi-ready][data-iq-once-state="complete"] .iqi-module{opacity:1!important;transform:none!important;}
@keyframes iqi-cursor{0%{opacity:0;transform:translate(760px,485px)}16%,23%{opacity:1;transform:translate(745px,342px)}27%{transform:translate(745px,332px) scale(.93)}53%,60%{opacity:1;transform:translate(711px,421px) scale(1)}100%{opacity:1;transform:translate(749px,462px) scale(1)}}
.iq-improvements-scene[data-iqi-ready][data-iq-once-state="complete"] .iqi-cursor{opacity:1!important;transform:translate(749px,462px) scale(1)!important;}
@keyframes iqi-done{0%,55%{opacity:0;translate:0 5px}63%,88%{opacity:1;translate:0 0}100%{opacity:1;translate:0 0}}
.iq-improvements-scene[data-iqi-ready][data-iq-once-state="complete"] .iqi-done{opacity:1!important;translate:0 0!important;}
@keyframes iqm-banner{0%,14%{opacity:0;transform:translateY(8px) scale(.96)}28%,84%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.iq-programmatic-scene[data-iqm-ready][data-iq-once-state="complete"] .iqm-banner{opacity:1!important;transform:none!important;}
@keyframes iqm-status{0%,39%{opacity:0;translate:0 10px}49%,87%{opacity:1;translate:0 0}100%{opacity:1;translate:0 0}}
.iq-programmatic-scene[data-iqm-ready][data-iq-once-state="complete"] .iqm-status{opacity:1!important;translate:0 0!important;}
@keyframes iqm-audience{0%,8%{opacity:.4}18%,89%{opacity:1}100%{opacity:1}}
.iq-programmatic-scene[data-iqm-ready][data-iq-once-state="complete"] .iqm-audience{opacity:1!important;}
@keyframes iqdh-ad{0%{transform:translateY(205px) scale(0.94);opacity:0}3.33333%{transform:translateY(205px) scale(0.94);opacity:0}9.52381%{transform:translateY(150px) scale(0.965);opacity:1}22.6191%{transform:translateY(0px) scale(1);opacity:1}77.3809%{transform:translateY(0px) scale(1);opacity:1}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes iqdh-cursor{0%{transform:translate(45px,105px) rotate(7deg) scale(1);opacity:0.76}20.8333%{transform:translate(45px,105px) rotate(7deg) scale(1);opacity:0.76}23.8095%{transform:translate(40px,91px) rotate(-3deg) scale(1);opacity:1}26.1905%{transform:translate(41px,90px) rotate(3deg) scale(1);opacity:1}27.9762%{transform:translate(34px,73px) rotate(1deg) scale(1);opacity:1}37.5%{transform:translate(0px,0px) rotate(0deg) scale(1);opacity:1}40.2381%{transform:translate(0px,0px) rotate(0deg) scale(0.95);opacity:1}42.6191%{transform:translate(0px,0px) rotate(0deg) scale(1);opacity:1}70.2381%{transform:translate(0px,0px) rotate(0deg) scale(1);opacity:1}100%{opacity:1;transform:translate(45px,105px) rotate(7deg) scale(1)}}
@keyframes cianObjectCycle{0%,12%{opacity:.66;box-shadow:none;transform:translateY(7px)}24%,66%{opacity:1;transform:translateY(0);box-shadow:0 8px 25px #224c8714}100%{opacity:1;box-shadow:0 8px 25px #224c8714;transform:translateY(0)}}
@keyframes avitoAudienceBars{0%,12%{transform-origin:bottom;transform:scaleY(.4)}30%,72%{transform-origin:bottom;transform:scaleY(1)}100%{transform-origin:bottom;transform:scaleY(1)}}
@keyframes avitoCreativeCycle{0%,10%{opacity:.72;transform:scale(.98)}24%,72%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes platformProgress{0%,12%{transform:scaleX(.15)}35%,72%{transform:scaleX(1)}100%{transform:scaleX(1)}}
@keyframes avitoMetricCycle{0%,14%{transform:scaleX(.2)}34%,72%{transform:scaleX(.92)}100%{transform:scaleX(.92)}}
@keyframes cianMediaStepOne{0%,12%{box-shadow:none;background:#fff}20%,75%{background:var(--blue);box-shadow:inset 0 0 0 3px #fff}100%{background:var(--blue);box-shadow:inset 0 0 0 3px #fff}}
@keyframes cianMediaStepTwo{0%,25%{box-shadow:none;background:#fff}34%,75%{background:var(--blue);box-shadow:inset 0 0 0 3px #fff}100%{background:var(--blue);box-shadow:inset 0 0 0 3px #fff}}
@keyframes cianMediaStepThree{0%,42%{box-shadow:none;background:#fff}52%,75%{background:var(--blue);box-shadow:inset 0 0 0 3px #fff}100%{background:var(--blue);box-shadow:inset 0 0 0 3px #fff}}
@keyframes platformArrowPulse{0%{opacity:.35;transform:translate(0)}45%,70%{opacity:1;transform:translate(3px)}100%{opacity:1;transform:translate(3px)}}
[data-iq-once-scene]{pointer-events:auto!important}