.hv-bleed{margin-right:0}@media (min-width:1280px){.hv-bleed{margin-right:-3rem}}@media (min-width:1440px){.hv-bleed{margin-right:-7rem}}@media (min-width:1700px){.hv-bleed{margin-right:-9rem}}.hv-frame{width:100%;container:hv/inline-size}.hv-stage{aspect-ratio:1040/700;position:relative}.hv-scene{transform-origin:0 0;width:1040px;height:700px;transform:scale(tan(atan2(100cqw, 1040px)));position:absolute;top:0;left:0}.hv-dash{width:860px;height:530px;position:absolute;top:40px;left:10px}.hv-dash-in{animation:.95s cubic-bezier(.2,.7,.2,1) backwards hv-dash}.hv-f{z-index:5;translate:calc(var(--px,0) * var(--z,10) * 1px) calc(var(--py,0) * var(--z,10) * .7px);position:absolute}.hv-in{animation:.85s cubic-bezier(.2,.85,.25,1) backwards hv-pop;animation-delay:calc(.9s + var(--d,0) * .13s)}.hv-bob{animation:hv-bob var(--bd,7s) ease-in-out infinite;animation-delay:var(--bo,0s)}.hv-f-exam{width:268px;top:0;left:274px}.hv-f-assign{width:246px;top:98px;left:724px}.hv-f-att{width:232px;top:346px;left:-18px}.hv-f-perf{width:226px;top:452px;left:442px}.hv-f-teacher{width:262px;top:596px;left:-8px}.hv-f-fee{width:226px;top:596px;left:758px}.hv-f-phone{width:150px;top:296px;left:886px}.hv-f-push{width:184px;top:238px;left:856px}.hv-arc{animation:1.4s cubic-bezier(.3,.7,.2,1) backwards hv-arc;animation-delay:calc(.55s + var(--d,0) * .14s)}.hv-arc-t{transition:stroke-dasharray .9s cubic-bezier(.3,.7,.2,1)}.hv-line{stroke-dasharray:100;animation:1.7s cubic-bezier(.3,.6,.2,1) backwards hv-line;animation-delay:calc(1.2s + var(--d,0) * .1s)}.hv-area{animation:1.2s 1.9s backwards hv-fade}.hv-dot{animation:.5s cubic-bezier(.2,.9,.3,1.3) backwards hv-dot;animation-delay:calc(1.3s + var(--i,0) * .28s);transform-box:fill-box;transform-origin:50%}.hv-bar{transform-origin:50% 100%;animation:.95s cubic-bezier(.2,.7,.2,1) backwards hv-bar;animation-delay:calc(.75s + var(--i,0) * 80ms)}.hv-fill{transform-origin:0;animation:1.1s cubic-bezier(.2,.7,.2,1) backwards hv-fill;animation-delay:calc(.9s + var(--d,0) * .12s)}.hv-swap{animation:.55s cubic-bezier(.2,.8,.25,1) backwards hv-swap}.hv-check{animation:.5s cubic-bezier(.2,.9,.3,1.4) backwards hv-dot}.hv-stage[data-live=false] .hv-bob,.hv-stage[data-live=false] .ping-ring,.hv-stage[data-live=false] .hv-loop{animation-play-state:paused}.hv-phone-fade{-webkit-mask-image:linear-gradient(#000 62%,#0000 100%);mask-image:linear-gradient(#000 62%,#0000 100%)}@keyframes hv-dash{0%{opacity:0;transform:translateY(26px)scale(.985)}}@keyframes hv-pop{0%{opacity:0;transform:translateY(20px)scale(.92)}}@keyframes hv-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes hv-arc{0%{stroke-dasharray:0 100}}@keyframes hv-line{0%{stroke-dashoffset:100px}}@keyframes hv-fade{0%{opacity:0}}@keyframes hv-dot{0%{opacity:0;transform:scale(.2)}}@keyframes hv-bar{0%{transform:scaleY(0)}}@keyframes hv-fill{0%{transform:scaleX(0)}}@keyframes hv-swap{0%{opacity:0;transform:translateY(8px)}}@container hv not (min-width:600px){.hv-stage{aspect-ratio:420/672}.hv-scene{width:420px;height:672px;transform:scale(tan(atan2(100cqw, 420px)))}.hv-dash{width:404px;height:398px;top:8px;left:8px}.hv-f-assign,.hv-f-perf,.hv-f-phone,.hv-f-push{display:none}.hv-f-att{width:204px;top:384px;left:0}.hv-f-fee{width:204px;top:410px;left:214px}.hv-f-exam{width:262px;top:556px;left:14px}.hv-f-teacher{width:296px;top:616px;left:112px}}
.eco-box{aspect-ratio:1100/620;width:100%;position:relative;container-type:inline-size}.eco-stage{transform-origin:0 0;width:1100px;height:620px;scale:.9;scale:tan(atan2(100cqw, 1100px));position:absolute;top:0;left:0}@keyframes eco-dash{to{stroke-dashoffset:-14px}}.eco-dash{stroke-dasharray:4 10}.eco-run{animation:.8s linear infinite eco-dash}.eco-line{transition:opacity .45s,stroke .45s}[data-eco-live=false] .eco-run,[data-eco-live=false] .eco-ping,[data-eco-live=false] .eco-mdot{animation-play-state:paused}@keyframes eco-packet{0%{offset-distance:0%;opacity:0;scale:.4}10%{opacity:1;scale:1}88%{opacity:1;scale:1}to{offset-distance:100%;opacity:0;scale:.5}}.eco-packet{background:var(--color-marker);border:1.5px solid var(--color-ink);offset-rotate:0deg;opacity:0;width:12px;height:12px;animation:eco-packet var(--eco-dur,.8s) cubic-bezier(.45, 0, .3, 1) var(--eco-delay,0s) both;will-change:offset-distance, opacity;border-radius:999px;margin:-6px 0 0 -6px;position:absolute;top:0;left:0;box-shadow:0 0 0 5px #ffd84d52}.eco-packet-mint{background:var(--color-mint);box-shadow:0 0 0 5px #57cc9959}.eco-packet-sm{width:8px;height:8px;margin:-4px 0 0 -4px;box-shadow:0 0 0 4px #ffd84d4d}@keyframes eco-bubble{0%{opacity:0;transform:translate(-50%,calc(8px - 100%))scale(.88)}to{opacity:1;transform:translate(-50%,-100%)scale(1)}}.eco-bubble{z-index:5;pointer-events:none;white-space:nowrap;animation:eco-bubble .4s cubic-bezier(.2, .9, .3, 1.15) var(--eco-delay,0s) both;position:absolute;transform:translate(-50%,-100%)}@keyframes eco-ring{0%{opacity:0;transform:scale(.96)}12%{opacity:.85}to{opacity:0;transform:scale(1.09)}}.eco-ring{border-radius:inherit;border:2px solid var(--color-brand);pointer-events:none;opacity:0;animation:eco-ring .9s ease-out var(--eco-delay,0s) both;position:absolute;inset:-2px}.eco-ring-mint{border-color:var(--color-mint)}@keyframes eco-ping{0%{opacity:.7;transform:scale(.9)}to{opacity:0;transform:scale(2.2)}}.eco-ping{animation:1.8s ease-out infinite eco-ping}@keyframes eco-tick{0%{opacity:0;transform:translateY(45%)}to{opacity:1;transform:none}}.eco-tick{animation:.45s cubic-bezier(.2,.8,.3,1) both eco-tick;display:inline-block}.eco-bar{transform-origin:50% 100%;transition:transform .8s cubic-bezier(.2,.8,.3,1)}.eco-arc{transition:stroke-dasharray .9s cubic-bezier(.2,.8,.3,1)}.eco-chip,.eco-node{transition:background-color .35s,border-color .35s,box-shadow .35s,color .35s,opacity .35s,translate .35s}.eco-chip-icon{transition:background-color .35s,color .35s}.eco-node:focus-visible{outline-offset:4px;border-radius:1rem}@keyframes eco-mdot{0%{opacity:0;transform:translateY(26px)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(0)}}.eco-mdot{animation:eco-mdot 1.1s cubic-bezier(.45, 0, .3, 1) var(--eco-delay,0s) both}@media (prefers-reduced-motion:reduce){.eco-packet{display:none}.eco-chip,.eco-chip-icon{transition-delay:0s!important}}
.oa-paper{animation:4.2s ease-in-out infinite oa-collapse;animation-delay:calc(var(--i) * 70ms)}@keyframes oa-collapse{0%,22%{opacity:1;transform:translateY(0)}50%,78%{transform:translateY(calc((2 - var(--i)) * 11px));opacity:calc(1 - var(--i) * 0)}to{opacity:1;transform:translateY(0)}}.oa-row{animation:4s ease-in-out infinite oa-merge}@keyframes oa-merge{0%,20%{opacity:1;transform:translateY(0)}55%,80%{transform:translateY(var(--dy));opacity:var(--end,.15)}to{opacity:1;transform:translateY(0)}}.oa-hand{transform-origin:50px 50px;animation:6s linear infinite oa-spin}@keyframes oa-spin{to{transform:rotate(360deg)}}.oa-arc{stroke-dasharray:251;animation:4s ease-in-out infinite oa-fill}@keyframes oa-fill{0%{stroke-dashoffset:251px}60%,to{stroke-dashoffset:62px}}.oa-dot{animation:3.2s cubic-bezier(.5,0,.2,1) infinite oa-converge;animation-delay:calc(var(--i) * .16s)}@keyframes oa-converge{0%{transform:translate(var(--x), var(--y));opacity:0}15%{opacity:1}70%,to{opacity:0;transform:translate(0)}}.oa-core{animation:3.2s ease-in-out infinite oa-pulse}@keyframes oa-pulse{0%,55%{transform:scale(1)}75%{transform:scale(1.18)}to{transform:scale(1)}}.oa-bubble{animation:3.6s ease-out infinite oa-pop;animation-delay:calc(var(--i) * .9s);transform-origin:var(--o,left) bottom}@keyframes oa-pop{0%{opacity:0;transform:scale(.4)}12%,70%{opacity:1;transform:scale(1)}90%,to{opacity:0;transform:scale(1)}}.oa-bad{animation:3.4s ease-in-out infinite oa-swap-out}.oa-good{animation:3.4s ease-in-out infinite oa-swap-in}@keyframes oa-swap-out{0%,30%{opacity:1;transform:scale(1)}45%,90%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes oa-swap-in{0%,30%{opacity:0;transform:scale(.6)}45%,90%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.6)}}.oa-pupil{animation:4s ease-in-out infinite oa-look}@keyframes oa-look{0%,to{transform:translate(-5px)}50%{transform:translate(5px)}}.oa-needle{transform-origin:50px 62px;animation:3.6s cubic-bezier(.3,0,.2,1) infinite oa-gauge}@keyframes oa-gauge{0%,10%{transform:rotate(-70deg)}55%,85%{transform:rotate(48deg)}to{transform:rotate(-70deg)}}.oa-notify{transform-origin:50%;animation:3.4s ease-out infinite oa-ring}@keyframes oa-ring{0%,20%{opacity:0;transform:translateY(-14px)scale(.6)}35%,80%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(0)scale(1)}}