.hc{color:#fff;background:#0b1420;position:relative}.hc-stack{touch-action:pan-y;display:grid;position:relative;overflow:hidden}.hc-slide{opacity:1;visibility:visible;grid-area:1/1;min-width:0;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1),visibility linear;transform:none}.hc-slide[data-active=false]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1),visibility 0s linear .6s;transform:translateY(10px)scale(1.012)}.hc[data-dir=prev] .hc-slide[data-active=false]{transform:translateY(10px)scale(.992)}.hc[data-static] .hc-slide,.hc[data-static] .hc-slide[data-active=false]{transition:none}@media (max-width:480px){.hc-h2{letter-spacing:-.035em;font-size:2.15rem;line-height:1.18}}.hc-slide[data-active=false] .wv *,.hc-slide[data-active=false] .wv :before,.hc-slide[data-active=false] .wv :after{animation:none!important}.hc-slide .wk-mark-load .wk-crayon{clip-path:inset(-30% 102% -30% -2%);animation:none}.hc-slide[data-active=true] .wk-mark-load .wk-crayon{animation:1.1s cubic-bezier(.62,.04,.3,1) both wk-crayon-draw;animation-delay:calc(var(--md,0s) + .25s)}@media (min-width:640px){.hc-visual .wv-stage{height:540px}.hc-visual .wv-phone{width:258px;height:500px;padding:20px 18px}.hc-visual .wv-punch-box{width:128px;height:128px}.hc-visual .wv-phone-wrap{left:6px}.hc-visual .wv-board-wrap{bottom:4px}}@media (max-width:639px){.hc-visual .wv-phone{height:500px}}.hc-bar{z-index:6;position:absolute;top:0;left:0;right:0}.hc-bar-in{border-bottom:1px solid #ffffff24;align-items:stretch;gap:8px;width:min(100% - 2.5rem,1240px);margin-inline:auto;display:flex}@media (min-width:768px){.hc-bar-in{width:min(100% - 4rem,1240px)}}.hc-tab{text-align:left;color:#94a3b8;cursor:pointer;background:0 0;border:0;flex:1 1 0;align-items:center;gap:10px;min-width:0;min-height:56px;padding:0 4px;transition:color .25s;display:flex;position:relative}@media (max-width:639px){.hc-tab-n,.hc-btn.hc-arrow{display:none}.hc-bar-in{gap:4px}.hc-tab-t{font-size:14px}}@media (min-width:640px){.hc-tab{flex:none;min-width:230px;padding:0 20px 0 0}}.hc-tab:hover,.hc-tab[aria-current=true]{color:#fff}.hc-tab-n{letter-spacing:.08em;color:#64748b;font-size:13px;font-weight:900}.hc-tab[aria-current=true] .hc-tab-n{color:#ef5a62}.hc-tab-t{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:800;overflow:hidden}.hc-tab-new{color:#fff;letter-spacing:.08em;background:#bd1e28;margin-left:2px;padding:2px 6px;font-size:10px;font-weight:900}.hc-prog{opacity:0;background:#ffffff24;height:3px;transition:opacity .2s;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.hc-tab[aria-current=true] .hc-prog{opacity:1}.hc-prog>i{transform-origin:0;background:#d5202a;width:100%;height:100%;display:block;transform:scaleX(0)}.hc[data-playing] .hc-tab[aria-current=true] .hc-prog>i{animation:hc-fill var(--hc-ms,7s) linear forwards}.hc[data-playing][data-paused] .hc-tab[aria-current=true] .hc-prog>i{animation-play-state:paused}.hc:not([data-playing]) .hc-tab[aria-current=true] .hc-prog>i{background:#d5202a8c;transform:scaleX(1)}@keyframes hc-fill{to{transform:scaleX(1)}}.hc-ctrl{align-items:center;gap:6px;margin-left:auto;padding-block:8px;display:flex}.hc-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;place-items:center;width:44px;height:44px;transition:background .2s,border-color .2s,transform .2s;display:grid}.hc-btn:hover{background:#ffffff14;border-color:#ffffff80}.hc-btn:active{transform:scale(.95)}.hc a:focus-visible,.hc button:focus-visible{outline-offset:3px;outline:2px solid #ff4a54}@media (prefers-reduced-motion:reduce){.hc-slide,.hc-slide[data-active=false]{transition:none;transform:none}.hc-slide[data-active=true] .wk-mark-load .wk-crayon{clip-path:inset(-30% -2%);animation:none}}.hc-slide>section{flex-direction:column;justify-content:center;height:100%;display:flex}.hc-slide>section>.relative{width:100%}@media (max-width:639px){.hc-visual .wv-board-wrap{display:none}}.hc-visual .wv-board{max-width:280px}@media (min-width:640px){.hc-visual .wv-board-wrap{width:280px}}
