.kv-hero-anim{width:105.49%}.kv-hero-anim__frame{aspect-ratio:845/470;position:relative;width:100%}.kv-hero-anim__stage{height:470px;left:0;position:absolute;top:0;transform-origin:top left;width:801px;--dur:.744s;--ease:cubic-bezier(.45,0,.15,1)}.kv-hero-anim__stage.intro-in{animation:kvHeroStageIn .9s var(--ease) both}@keyframes kvHeroStageIn{0%{opacity:0}}.kv-hero-anim__stage.is-anim .dev-buf,.kv-hero-anim__stage.is-anim .scene,.kv-hero-anim__stage.is-anim .tip-buf{will-change:opacity}.kv-hero-anim__stage.is-anim .tip{will-change:transform}.kv-hero-anim .card{border-radius:30px;box-shadow:0 30px 64px -30px #00295780;height:361px;left:224px;overflow:hidden;position:absolute;top:0;width:577px;z-index:1}.kv-hero-anim .scene{top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;transition:opacity var(--dur) var(--ease)}.kv-hero-anim .scene.on{opacity:1}.kv-hero-anim .sc-bg{top:0;right:0;bottom:0;left:0;position:absolute}.kv-hero-anim .sc-glow{filter:blur(100px);position:absolute}.kv-hero-anim .sc-el,.kv-hero-anim .sc-img{display:block;position:absolute}.kv-hero-anim .sc-img{max-width:none;-o-object-fit:contain;object-fit:contain}.kv-hero-anim .device{position:absolute;transition:left var(--dur) var(--ease),top var(--dur) var(--ease),width var(--dur) var(--ease),height var(--dur) var(--ease);z-index:3}.kv-hero-anim .dev-buf{top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;transition:opacity var(--dur) var(--ease)}.kv-hero-anim .dev-buf.on{opacity:1}.kv-hero-anim .dv-img{display:block;max-width:none;-o-object-fit:contain;object-fit:contain;position:absolute}.kv-hero-anim .dv-shadow{background:#04040480;border-radius:50%;filter:blur(9px);position:absolute}.kv-hero-anim .tip{left:0;position:absolute;top:0;transform-origin:top left;transition:transform var(--dur) var(--ease),width var(--dur) var(--ease);z-index:4}.kv-hero-anim .tip-buf{left:0;opacity:0;position:absolute;top:0;transition:opacity var(--dur) var(--ease);width:100%}.kv-hero-anim .tip-buf.on{opacity:1}.kv-hero-anim .tp-card{background:radial-gradient(130% 130% at 30% 0,#fffffffc,#ffffffed);border-radius:12px;box-shadow:0 14px 30px -14px #00295773;box-sizing:border-box;padding:10px 12px;position:relative}.kv-hero-anim .tp-title{color:#00224a;font-size:12px;font-weight:700;line-height:1.1;margin:0 0 7px}.kv-hero-anim .tp-list{display:flex;flex-direction:column;gap:5px}.kv-hero-anim .tp-row{align-items:center;display:flex;gap:6px;line-height:1.2}.kv-hero-anim .tp-dot{border-radius:50%;flex:none;height:6px;width:6px}.kv-hero-anim .tp-lbl,.kv-hero-anim .tp-val{color:#15171a;font-size:10px;white-space:nowrap}.kv-hero-anim .tp-val{font-weight:600;margin-left:auto}.kv-hero-anim .ghost{opacity:0;position:absolute;transition:opacity var(--dur) var(--ease);z-index:2}.kv-hero-anim .ghost.on{opacity:.42}.kv-hero-anim .tp-svg{display:block;height:auto;position:relative;width:100%;z-index:1}.kv-hero-anim .tp-ov{display:block;max-width:none;-o-object-fit:cover;object-fit:cover;position:absolute;z-index:2}.kv-hero-anim .tp-ov.round{border-radius:50%}@media (prefers-reduced-motion:reduce){.kv-hero-anim .dev-buf,.kv-hero-anim .device,.kv-hero-anim .scene,.kv-hero-anim .tip,.kv-hero-anim .tip-buf{transition:none!important}.kv-hero-anim__stage.intro-in{animation:none}}