.zoom{position: relative;height: 470px;overflow: hidden}.zoom.is-fit{overflow: visible}.no-js .zoom{height: auto;overflow: visible}.no-js .zoom img{display: block;width: 100%;height: auto;border-radius: 18px;box-shadow: var(--shadow-md)}.no-js .zc{display: none}.zc{width: 608px;transform-origin: 0 0;display: flex;flex-direction: column;border-radius: 20px;overflow: hidden;background: #fff;box-shadow: 0 30px 70px rgba(6, 19, 73, 0.14), inset 0 0 0 1px rgba(6, 19, 73, 0.07);font-family: var(--font);color: var(--navy);line-height: 1.2}.zc b, .zc i{font-style: normal}.zc__bar{display: flex;align-items: center;gap: 10px;padding: 12px 16px;background: #f4f7fb;border-bottom: 1px solid rgba(6, 19, 73, 0.08)}.zc__lights{display: flex;gap: 5px}.zc__lights i{display: block;width: 9px;height: 9px;border-radius: 50%}.zc__lights i:nth-child(1){background: #c30f2a;opacity: 0.7}.zc__lights i:nth-child(2){background: #ffef3d}.zc__lights i:nth-child(3){background: #7ca652;opacity: 0.8}.zc__title{font-size: 11.5px;font-weight: 700;color: #41526b}.zc__pill{padding: 3px 8px;border-radius: 999px;background: #edf1f7;font-size: 9px;font-weight: 800;color: #55677f}.zc__clock{display: flex;align-items: center;gap: 6px;margin-left: auto}.zc__rec{display: block;width: 7px;height: 7px;border-radius: 50%;background: #c30f2a;animation: zcRec 1.6s ease-in-out infinite}.zc__clock b{font-size: 11px;font-weight: 800;font-variant-numeric: tabular-nums}.zc__clock span{font-size: 10px;font-weight: 700;color: #92a1b7}.zc__body{display: grid;grid-template-columns: 1fr 128px;gap: 10px;padding: 12px}.zc__screen{position: relative;display: flex;flex-direction: column;gap: 10px;padding: 14px;border-radius: 12px;background: #f8fafc;box-shadow: inset 0 0 0 1px rgba(6, 19, 73, 0.07)}.zc__head{display: flex;align-items: center;justify-content: space-between}.zc__label{font-size: 9.5px;font-weight: 800;letter-spacing: 0.12em;text-transform: uppercase;color: #92a1b7}.zc__live{display: flex;align-items: center;gap: 4px;padding: 3px 8px;border-radius: 999px;background: rgba(124, 166, 82, 0.16);font-size: 8.5px;font-weight: 800;color: #4f6e33}.zc__live i{display: block;width: 5px;height: 5px;border-radius: 50%;background: #7ca652;animation: zcRec 1.6s ease-in-out infinite}.zc__kpis{display: grid;grid-template-columns: repeat(3, 1fr);gap: 7px}.zc__kpi{padding: 8px 10px;border-radius: 8px;text-align: center;background: #fff;box-shadow: inset 0 0 0 1px rgba(6, 19, 73, 0.07)}.zc__kpi b{display: block;font-size: 13.5px;font-weight: 800;font-variant-numeric: tabular-nums}.zc__kpi span{font-size: 8px;font-weight: 600;color: #8b98ac}.zc__kpi--down b{color: var(--orange)}.zc__kpi--up b{color: #4f6e33}.zc__kpi b i{display: inline-block;width: 0;height: 0;margin-left: 4px;border-left: 4px solid transparent;border-right: 4px solid transparent}.zc__kpi--down b i{border-top: 5px solid #c30f2a}.zc__kpi--up b i{border-bottom: 5px solid #7ca652}.zc__chart{position: relative;height: 64px;border-radius: 8px;background: #fff;box-shadow: inset 0 0 0 1px rgba(6, 19, 73, 0.07);overflow: hidden}.zc__chart svg{position: absolute;inset: 0;width: 100%;height: 100%}.zc__chart path{stroke-dasharray: 900;animation: zcLine 5s linear infinite}.zc__chart-dot{position: absolute;right: 7px;top: 5px;width: 8px;height: 8px;border-radius: 50%;background: var(--blue);box-shadow: 0 0 0 3px rgba(42, 80, 174, 0.16)}.zc__chart-dot::after{content: "";position: absolute;inset: -2px;border-radius: 50%;border: 2px solid rgba(124, 166, 82, 0.4);animation: zcRing 2.4s ease-in-out infinite}.zc__chart-label{position: absolute;left: 8px;top: 5px;padding: 2px 6px;border-radius: 5px;background: rgba(255, 255, 255, 0.85);font-size: 7.5px;font-weight: 800;color: var(--blue)}.zc__list{position: relative;display: flex;flex-direction: column;gap: 5px}.zc__row{position: relative;display: flex;align-items: center;gap: 8px;padding: 6px 9px;border-radius: 7px}.zc__row::before{content: "";position: absolute;inset: 0;border-radius: 7px;background: rgba(42, 80, 174, 0.09);opacity: 0;animation: zcR1 7s linear infinite}.zc__row i{display: flex;align-items: center;justify-content: center;width: 15px;height: 15px;border-radius: 50%;background: #7ca652;color: #fff;font-size: 9px;font-weight: 800;animation: zcC1 7s linear infinite}.zc__row span{font-size: 10.5px;font-weight: 700}.zc__row:nth-child(2)::before{animation-name: zcR2}.zc__row:nth-child(2) i{animation-name: zcC2}.zc__row:nth-child(3)::before{animation-name: zcR3}.zc__row:nth-child(3) i{animation-name: zcC3}.zc__row:nth-child(4)::before{animation-name: zcR4}.zc__row:nth-child(4) i{animation-name: zcC4}.zc__bubble{position: absolute;right: 0;bottom: -2px;z-index: 4;display: flex;align-items: center;gap: 5px;padding: 6px 10px;border-radius: 10px 10px 3px 10px;background: #fff;box-shadow: 0 8px 18px rgba(6, 19, 73, 0.14), inset 0 0 0 1px rgba(6, 19, 73, 0.08);animation: zcType 7s linear infinite}.zc__bubble b{font-size: 9px;font-weight: 800;color: #41526b}.zc__dots{display: flex;gap: 2.5px}.zc__dots i{display: block;width: 3.5px;height: 3.5px;border-radius: 50%;background: #92a1b7;animation: zcDot 1s ease-in-out infinite}.zc__dots i:nth-child(2){animation-delay: 0.18s}.zc__dots i:nth-child(3){animation-delay: 0.36s}.zc__bubble--sent{gap: 6px;background: var(--navy);box-shadow: 0 10px 24px rgba(6, 19, 73, 0.3);animation: zcChat 7s linear infinite}.zc__bubble--sent i{display: flex;align-items: center;justify-content: center;width: 13px;height: 13px;border-radius: 50%;background: #7ca652;color: #fff;font-size: 8px;font-weight: 800}.zc__bubble--sent b{color: #fff}.zc__cursor{position: absolute;left: 0;top: 0;z-index: 3;pointer-events: none;animation: zcCur 7s linear infinite}.zc__cursor b{position: absolute;left: 15px;top: 15px;padding: 3px 8px;border-radius: 999px;background: var(--orange);font-size: 8px;font-weight: 800;color: #fff;white-space: nowrap;box-shadow: 0 6px 14px rgba(246, 125, 33, 0.4)}.zc__side{display: flex;flex-direction: column;gap: 10px}.zc__expert{position: relative;border-radius: 12px;overflow: hidden;background: #e1eaf3;animation: zcTalk 2.2s ease-in-out infinite}.zc__expert img{display: block;width: 100%;height: 96px;object-fit: cover;object-position: 50% 12%}.zc__tag{position: absolute;left: 6px;bottom: 6px;display: flex;align-items: center;gap: 4px;padding: 3px 7px;border-radius: 6px;background: rgba(255, 255, 255, 0.9);box-shadow: 0 4px 10px rgba(6, 19, 73, 0.12);font-size: 8px;font-weight: 800}.zc__eq{display: flex;align-items: flex-end;gap: 1.5px;height: 8px}.zc__eq i{display: block;width: 2px;height: 8px;border-radius: 1px;background: #7ca652;transform-origin: 50% 100%;animation: zcEq1 1s ease-in-out infinite}.zc__eq i:nth-child(2){animation-name: zcEq2}.zc__eq i:nth-child(3){animation-name: zcEq3}.zc__you{position: relative;display: flex;align-items: center;justify-content: center;height: 96px;border-radius: 12px;background: #edf1f7;box-shadow: inset 0 0 0 1px rgba(6, 19, 73, 0.07)}.zc__ava{position: relative;display: flex;align-items: center;justify-content: center;width: 44px;height: 44px;border-radius: 50%;background: var(--blue);font-size: 15px;font-weight: 800;color: #fff}.zc__muted{position: absolute;right: -6px;bottom: -4px;display: flex;align-items: center;justify-content: center;width: 18px;height: 18px;border-radius: 50%;background: #c30f2a;box-shadow: 0 0 0 2.5px #edf1f7, 0 4px 10px rgba(195, 15, 42, 0.35)}.zc__ctrls{display: flex;align-items: flex-start;justify-content: center;gap: 15px;padding: 5px 16px 13px}.zc__ctrl{display: flex;flex-direction: column;align-items: center;gap: 3px}.zc__ctrl i{position: relative;display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;border-radius: 50%;background: #edf1f7;box-shadow: inset 0 0 0 1px rgba(6, 19, 73, 0.08)}.zc__ctrl b{font-size: 7.5px;font-weight: 700;color: #92a1b7}.zc__ctrl--share i{background: #a4cdff;box-shadow: inset 0 0 0 1px rgba(42, 80, 174, 0.3)}.zc__ctrl--share i::after{content: "";position: absolute;inset: -1px;border-radius: 50%;border: 3px solid rgba(42, 80, 174, 0.35);animation: zcRing 2.6s ease-in-out infinite}.zc__ctrl--share b{font-weight: 800;color: var(--blue)}.zc__badge{position: absolute;top: -3px;right: -4px;display: flex;align-items: center;justify-content: center;width: 13px;height: 13px;border-radius: 50%;background: var(--orange);color: #fff;font-size: 7.5px;font-weight: 800;box-shadow: 0 3px 8px rgba(246, 125, 33, 0.45);animation: zcBadge 7s linear infinite}.zc__end{align-self: center;display: flex;align-items: center;gap: 6px;padding: 9px 16px;border-radius: 999px;background: #c30f2a;font-size: 10px;font-weight: 800;color: #fff;box-shadow: 0 8px 18px rgba(195, 15, 42, 0.3)}.zoom.is-off .zc *, .zoom.is-off .zc{animation-play-state: paused}@media (prefers-reduced-motion: reduce){.zc__bubble, .zc__cursor, .zc__badge{display: none}}@keyframes zcRec{0%, 100%{opacity: 1}50%{opacity: 0.25}}@keyframes zcTalk{0%, 100%{box-shadow: 0 0 0 0 rgba(124, 166, 82, 0.4)}50%{box-shadow: 0 0 0 5px rgba(124, 166, 82, 0)}}@keyframes zcRing{0%, 100%{opacity: 1;transform: scale(1)}50%{opacity: 0;transform: scale(2)}}@keyframes zcEq1{0%, 100%{transform: scaleY(0.3)}30%{transform: scaleY(1)}60%{transform: scaleY(0.55)}}@keyframes zcEq2{0%, 100%{transform: scaleY(0.8)}40%{transform: scaleY(0.35)}75%{transform: scaleY(1)}}@keyframes zcEq3{0%, 100%{transform: scaleY(0.5)}25%{transform: scaleY(0.9)}65%{transform: scaleY(0.3)}}@keyframes zcLine{0%{stroke-dashoffset: 900}55%{stroke-dashoffset: 0}100%{stroke-dashoffset: 0}}@keyframes zcC1{0%, 8%{opacity: 0;transform: scale(0.4)}14%, 100%{opacity: 1;transform: scale(1)}}@keyframes zcC2{0%, 30%{opacity: 0;transform: scale(0.4)}36%, 100%{opacity: 1;transform: scale(1)}}@keyframes zcC3{0%, 54%{opacity: 0;transform: scale(0.4)}60%, 100%{opacity: 1;transform: scale(1)}}@keyframes zcC4{0%, 78%{opacity: 0;transform: scale(0.4)}84%, 100%{opacity: 1;transform: scale(1)}}@keyframes zcR1{0%, 8%{opacity: 0}14%, 26%{opacity: 1}32%, 100%{opacity: 0}}@keyframes zcR2{0%, 30%{opacity: 0}36%, 48%{opacity: 1}54%, 100%{opacity: 0}}@keyframes zcR3{0%, 54%{opacity: 0}60%, 72%{opacity: 1}78%, 100%{opacity: 0}}@keyframes zcR4{0%, 78%{opacity: 0}84%, 96%{opacity: 1}100%{opacity: 0}}@keyframes zcChat{0%, 62%{opacity: 0;transform: translateY(10px)}68%, 94%{opacity: 1;transform: translateY(0)}100%{opacity: 0;transform: translateY(-4px)}}@keyframes zcType{0%, 30%{opacity: 0;transform: translateY(8px)}36%, 56%{opacity: 1;transform: translateY(0)}61%, 100%{opacity: 0;transform: translateY(-3px)}}@keyframes zcDot{0%, 100%{opacity: 0.35;transform: translateY(0)}50%{opacity: 1;transform: translateY(-1.5px)}}@keyframes zcBadge{0%, 66%{opacity: 0;transform: scale(0.3)}71%, 96%{opacity: 1;transform: scale(1)}100%{opacity: 0;transform: scale(0.6)}}@keyframes zcCur{0%, 8%{transform: translate(150px, 6px)}14%, 30%{transform: translate(176px, 40px)}36%, 54%{transform: translate(158px, 74px)}60%, 78%{transform: translate(182px, 108px)}84%, 100%{transform: translate(150px, 6px)}}