html[data-theme] body #ksCleanIntro{background:radial-gradient(ellipse at 50% 44%,#12396c 0%,#082348 43%,#03132d 100%)!important;transition:none!important}
html body #ksCleanIntro .ks-clean-intro-stage{perspective:850px}
html body #ksCleanIntro .ks-clean-intro-logo-wrap{width:min(250px,57vw)!important;top:43%!important;transform:translate3d(-50%,-50%,0) rotateX(8deg) rotateY(-10deg);animation:none!important}
html body #ksCleanIntro .ks-clean-intro-logo{position:relative;z-index:1;filter:none!important;-webkit-filter:none!important}
html body #ksCleanIntro .ks-intro-shine{position:absolute!important;inset:0!important;z-index:2!important;display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;pointer-events:none;filter:none!important;-webkit-filter:none!important;opacity:0;clip-path:polygon(-35% 0,-20% 0,-35% 100%,-50% 100%)}
html body #ksCleanIntro.is-illuminating .ks-intro-shine{animation:ks309LetterLight 3s linear both!important}
html body #ksCleanIntro .ks-clean-loader{width:min(230px,60vw)!important;height:4px!important;bottom:85px!important;background:#153158!important;border-color:#467eb2!important;opacity:0!important;visibility:hidden!important}
html body #ksCleanIntro .ks-clean-percent{bottom:56px!important;color:#b9deff!important;opacity:0!important;visibility:hidden!important;font-size:11px!important}
html body #ksCleanIntro.is-loading:not(.is-complete) .ks-clean-loader,html body #ksCleanIntro.is-loading:not(.is-complete) .ks-clean-percent{opacity:1!important;visibility:visible!important}
html body #ksCleanIntro.is-launching{animation:ks309Backdrop .9s ease-in forwards!important}
html body #ksCleanIntro.is-launching .ks-clean-intro-logo-wrap{animation:ks309Zoom .9s cubic-bezier(.55,.05,.3,1) forwards!important}
@keyframes ks309LetterLight{0%{opacity:0;clip-path:polygon(-20% 0,0% 0,-15% 100%,-35% 100%)}8%{opacity:.95}90%{opacity:.95}100%{opacity:0;clip-path:polygon(135% 0,155% 0,140% 100%,120% 100%)}}
@keyframes ks309Zoom{0%{transform:translate3d(-50%,-50%,0) rotateX(8deg) rotateY(-10deg) scale(1);opacity:1}45%{opacity:1}100%{transform:translate3d(-50%,-50%,0) rotateX(0) rotateY(0) scale(18);opacity:0}}
@keyframes ks309Backdrop{0%,45%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){html body #ksCleanIntro.is-launching .ks-clean-intro-logo-wrap{animation:none!important}html body #ksCleanIntro.is-launching{animation:ks309Backdrop .18s linear forwards!important}}

/* The letter faces turn pearl white, then return to blue before loading. */
html body #ksCleanIntro .ks-intro-white{position:absolute!important;inset:0!important;z-index:2!important;display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;pointer-events:none;filter:none!important;-webkit-filter:none!important;opacity:0}
html body #ksCleanIntro .ks-intro-shine{z-index:3!important}
html body #ksCleanIntro.is-illuminating .ks-intro-white{animation:ks309Pearl 3s ease-in-out both!important}
@keyframes ks309Pearl{0%,10%{opacity:.38}42%{opacity:.88}58%,72%{opacity:1}96%,100%{opacity:.38}}

/* Use real white PNG pixels, not color filters: consistent Safari/Chrome composition. */
html body #ksCleanIntro .ks-intro-white{opacity:.38;backface-visibility:hidden;-webkit-backface-visibility:hidden}
html body #ksCleanIntro .ks-intro-depth{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;transform:translate(4px,5px);opacity:.8;z-index:0;filter:none!important;-webkit-filter:none!important}
html body #ksCleanIntro .ks-clean-intro-logo-wrap{transform-style:flat;-webkit-transform-style:flat}
html body #ksCleanIntro .ks-clean-intro-logo,html body #ksCleanIntro .ks-intro-white,html body #ksCleanIntro .ks-intro-shine{mix-blend-mode:normal!important;background:transparent!important}