.ih-hero.v-section{padding-block:clamp(2rem,6vh,4rem) clamp(2rem,5vh,3.5rem)}.ih-grid{align-items:center;gap:clamp(1.75rem,4vh,2.5rem);display:grid}.ih-art{order:-1;margin:0;padding-block:4px clamp(12px,3vh,20px)}@media (min-width:900px){.ih-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2rem,5vw,4rem)}.ih-art{order:0;padding-block:0}}.ih-kicker{color:var(--v-blue);margin:0 0 10px;font-size:15px;font-weight:600}.ih-copy .v-lead{max-width:42ch;margin:14px 0 0}.ih-art .hp-dev{width:min(100%,clamp(200px,56vw,280px))}@media (min-width:900px){.ih-art .hp-dev{width:clamp(240px,24vw,320px)}}.ih-steps{margin-top:24px}.ih-step{transition:background-color .32s var(--v-ease)}.ih-step .v-step-check{font-variant-numeric:tabular-nums;transition:transform .32s var(--v-ease), background-color .32s var(--v-ease);font-size:15px;font-weight:700}.ih-step p{max-width:46ch}.ih-tip{border-radius:var(--v-r-sm);background:var(--v-blue-soft);color:var(--v-ink-2);margin:12px 0 0;padding:12px 14px;font-size:14px;line-height:1.5}.ih-step[data-active=true]{background:var(--v-blue-soft)}.ih-step[data-active=true] .v-step-check{transform:scale(1.12)}.ih-get{padding-block:clamp(1rem,4vh,2rem)}.ih-get-head{max-width:46ch}.ih-get-head .v-h2{margin:0}.ih-get-head .v-lead{margin:12px 0 0}.ih-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:clamp(20px,3vh,28px);display:grid}.ih-card{border-radius:var(--v-r-lg);background:var(--v-soft);padding:clamp(20px,2.4vw,26px)}.ih-card-head{align-items:center;gap:12px;display:flex}.ih-card-ico{width:40px;height:40px;color:var(--v-blue);background:#fff;border-radius:12px;place-items:center;display:grid}.ih-card-head h3{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600}.ih-card-note{color:var(--v-ink-3);margin:12px 0 0;font-size:15px;line-height:1.5}.ih-card-links{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.ih-done{padding-block:clamp(1rem,4vh,2rem) clamp(3rem,8vh,5rem)}.ih-done-card{border-radius:var(--v-r-xl);background:var(--v-black);color:#fff;padding:clamp(28px,4vw,48px)}.ih-h2{letter-spacing:-.02em;margin:0;font-size:clamp(24px,3vw,32px);font-weight:600;line-height:1.15}.ih-done-card .ih-h2{color:#fff}.ih-text{color:#ffffffb8;max-width:56ch;margin:13px 0 0;font-size:17px;line-height:1.6}.ih-done-card .v-actions{justify-content:flex-start;margin-top:24px}.ih-done-card .v-btn-outline{color:#fff;box-shadow:inset 0 0 0 1.5px #ffffff4d}@media (hover:hover){.ih-done-card .v-btn-outline:hover{color:#fff;box-shadow:inset 0 0 0 1.5px #ffffff8c}}.ih-art .hp-dev{animation:ih-float 7s var(--v-ease) infinite}@keyframes ih-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}
.hp-dev{--u:calc(100cqw / 440);--D:4.2s;--N:infinite;--tx:220;--ty:330;aspect-ratio:960/1992;width:100%;margin-inline:auto;position:relative}.hp-dev[data-mode=tour]{--N:1}.hp-dev-shadow{border-radius:15.64%/7.47%;width:97.5%;height:98.434%;position:absolute;top:.783%;left:1.25%;box-shadow:0 28px 56px -18px #0b132257,0 8px 18px -6px #0b132229}.hp-dev:before{content:"";background:#000;border-radius:14%/6.6%;width:92.2%;height:95.94%;position:absolute;top:2.03%;left:3.9%}.hp-scr{clip-path:inset(0 round 13.2391%/6.0933%);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#fff;border-radius:13.2391%/6.0933%;width:91.1125%;height:95.4036%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;line-height:1.2;position:absolute;top:2.2982%;left:4.4437%;overflow:hidden;container-type:size}.hp-scr *,.hp-scr :before,.hp-scr :after{box-sizing:border-box}.hp-shell{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hp-l{position:absolute;inset:0}.hp-g{fill:none;stroke:currentColor;flex:none}.hp-st{z-index:4;height:calc(54 * var(--u));padding:calc(8 * var(--u)) calc(38 * var(--u)) 0 calc(58 * var(--u));font-size:calc(17 * var(--u));letter-spacing:-.01em;fill:currentColor;justify-content:space-between;align-items:center;font-weight:600;display:flex;position:absolute;inset:0 0 auto}.hp-st-i{width:calc(78 * var(--u));height:calc(14 * var(--u))}.hp-ind{left:50%;bottom:calc(8 * var(--u));width:calc(146 * var(--u));height:calc(5 * var(--u));margin-left:calc(-73 * var(--u));border-radius:calc(3 * var(--u));z-index:5;position:absolute}.hp-touch{z-index:20;left:calc(var(--tx) * var(--u) - 23 * var(--u));top:calc(var(--ty) * var(--u) - 23 * var(--u));width:calc(46 * var(--u));height:calc(46 * var(--u));box-shadow:0 0 0 calc(2 * var(--u)) #1432b8e0, 0 calc(6 * var(--u)) calc(16 * var(--u)) #1432b84d;opacity:1;pointer-events:none;background:#1432b833;border-radius:50%;position:absolute}.hp-touch i{box-shadow:0 0 0 calc(2 * var(--u)) #1432b8b3;opacity:.45;border-radius:50%;position:absolute;inset:0;transform:scale(1.55)}.hp-glare{z-index:30;pointer-events:none;background:linear-gradient(115deg,#ffffff24 0%,#fff0 30% 72%,#ffffff0d 100%);position:absolute;inset:0}.hp-dev[data-mode=tour][data-scene="1"] .hp-app,.hp-dev[data-mode=tour]:not([data-scene="1"]) .hp-site{opacity:0;pointer-events:none}.hp-site{color:#0b0b0f;background:#fff}.hp-site .hp-st{color:#0b0b0f}.hp-site .hp-ind{background:#000}.hp-site-head{left:0;top:calc(54 * var(--u));height:calc(64 * var(--u));align-items:center;gap:calc(10 * var(--u));padding:0 calc(24 * var(--u));display:flex;position:absolute;right:0}.hp-site-mark{width:calc(28 * var(--u));height:calc(28 * var(--u));border-radius:calc(8 * var(--u));color:#fff;background:linear-gradient(145deg,#5aa0f7,#2566d8);flex:none;place-items:center;display:grid}.hp-site-mark svg{width:64%;height:64%}.hp-site-head b{font-size:calc(19 * var(--u));letter-spacing:-.02em;color:#0b0b0f;font-weight:600}.hp-card{left:calc(24 * var(--u));right:calc(24 * var(--u));top:calc(150 * var(--u));height:calc(236 * var(--u));padding:calc(24 * var(--u));border-radius:calc(28 * var(--u));background:#f5f6f8;position:absolute}.hp-card-title{left:calc(24 * var(--u));right:calc(24 * var(--u));top:calc(24 * var(--u));height:calc(28 * var(--u));justify-content:space-between;align-items:center;gap:calc(10 * var(--u));display:flex;position:absolute}.hp-card-title b{font-size:calc(18 * var(--u));letter-spacing:-.015em;color:#0b0b0f;white-space:nowrap;text-overflow:ellipsis;font-weight:600;line-height:1.2;overflow:hidden}.hp-card-badge{height:calc(24 * var(--u));padding:0 calc(10 * var(--u));color:#2f77e0;font-size:calc(12 * var(--u));white-space:nowrap;background:#e6f0fd;border-radius:999px;flex:none;align-items:center;font-weight:600;display:inline-flex}.hp-card-sub{left:calc(24 * var(--u));right:calc(24 * var(--u));top:calc(58 * var(--u));font-size:calc(13 * var(--u));color:#7d8390;line-height:1.35;position:absolute}.hp-strip{left:calc(24 * var(--u));right:calc(24 * var(--u));top:calc(84 * var(--u));height:calc(50 * var(--u));justify-content:space-between;align-items:center;gap:calc(8 * var(--u));padding:0 calc(16 * var(--u));border-radius:calc(14 * var(--u));background:#fff;display:flex;position:absolute}.hp-strip span{font:calc(13 * var(--u)) / 1.2 ui-monospace, "SF Mono", Menlo, monospace;color:#3a3a42;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hp-strip-dots{gap:calc(3 * var(--u));flex:none;display:flex}.hp-strip-dots i{width:calc(4 * var(--u));height:calc(4 * var(--u));background:#c7ccd6;border-radius:50%}.hp-btn{left:calc(24 * var(--u));right:calc(24 * var(--u));top:calc(150 * var(--u));height:calc(56 * var(--u));justify-content:center;align-items:center;gap:calc(8 * var(--u));border-radius:calc(20 * var(--u));color:#fff;font-size:calc(17 * var(--u));letter-spacing:-.01em;transform-origin:50%;background:#3a85f0;font-weight:600;display:flex;position:absolute}.hp-btn .hp-g{width:calc(18 * var(--u));height:calc(18 * var(--u));stroke-width:2.2px}.hp-toast{left:50%;top:calc(248 * var(--u));align-items:center;gap:calc(8 * var(--u));padding:calc(10 * var(--u)) calc(16 * var(--u));color:#fff;font-size:calc(15 * var(--u));white-space:nowrap;opacity:0;background:#101012eb;border-radius:999px;font-weight:600;display:inline-flex;position:absolute;transform:translate(-50%,8px)scale(.94)}.hp-toast .hp-g{width:calc(15 * var(--u));height:calc(15 * var(--u));stroke-width:2.6px;color:#fff}.hp-app{color:#fff;background:linear-gradient(165deg,#1b1730 0%,#211c43 60%,#1a1636 100%)}.hp-app .hp-st{color:#fff}.hp-app .hp-ind{background:#fff}.hp-toggle-wrap{left:50%;top:calc(88 * var(--u));width:calc(132 * var(--u));height:calc(132 * var(--u));margin-left:calc(-66 * var(--u));position:absolute}.hp-toggle{box-shadow:inset 0 0 0 calc(2 * var(--u)) #ffffff24;transform-origin:50%;background:#ffffff14;border-radius:50%;place-items:center;display:grid;position:absolute;inset:0}.hp-toggle .hp-g{width:calc(40 * var(--u));height:calc(40 * var(--u));stroke-width:1.6px;color:#ffffff8c}.hp-toggle-on{box-shadow:0 calc(10 * var(--u)) calc(28 * var(--u)) #4c86ff73, inset 0 0 0 calc(2 * var(--u)) #ffffff47;opacity:0;background:linear-gradient(150deg,#5b96ff,#3a63e0);border-radius:50%;place-items:center;display:grid;position:absolute;inset:0;transform:scale(.9)}.hp-toggle-on .hp-g{width:calc(40 * var(--u));height:calc(40 * var(--u));stroke-width:1.7px;color:#fff}.hp-status{left:0;right:0;top:calc(232 * var(--u));height:calc(22 * var(--u));text-align:center;font-size:calc(15 * var(--u));letter-spacing:-.005em;font-weight:600;position:absolute}.hp-status-off{color:#ffffff8c}.hp-status-on{opacity:0;color:#8fb4ff;position:absolute;inset:0}.hp-head{left:calc(24 * var(--u));right:calc(24 * var(--u));top:calc(272 * var(--u));height:calc(76 * var(--u));position:absolute}.hp-head-empty{justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0}.hp-head-empty b{font-size:calc(20 * var(--u));letter-spacing:-.02em;font-weight:600}.hp-plus{width:calc(44 * var(--u));height:calc(44 * var(--u));transform-origin:50%;background:#ffffff1f;border-radius:50%;flex:none;place-items:center;display:grid}.hp-plus .hp-g{width:calc(20 * var(--u));height:calc(20 * var(--u));stroke-width:2px;color:#fff}.hp-head-group{align-items:center;gap:calc(12 * var(--u));opacity:0;transform-origin:30%;display:flex;position:absolute;inset:0;transform:scale(.94)}.hp-grp-ico{width:calc(44 * var(--u));height:calc(44 * var(--u));border-radius:calc(14 * var(--u));color:#fff;background:linear-gradient(135deg,#4c63ff,#7a4cff);flex:none;place-items:center;display:grid}.hp-grp-ico .hp-g{width:calc(22 * var(--u));height:calc(22 * var(--u));stroke-width:1.8px}.hp-grp-t{gap:calc(3 * var(--u));flex:1;min-width:0;display:grid}.hp-grp-t b{font-size:calc(16 * var(--u));letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.hp-grp-t span{font-size:calc(12 * var(--u));color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hp-grp-acts{gap:calc(6 * var(--u));flex:none;display:flex}.hp-iconbtn{width:calc(32 * var(--u));height:calc(32 * var(--u));color:#ffffffb3;background:#ffffff14;border-radius:50%;place-items:center;display:grid}.hp-iconbtn .hp-g{width:calc(16 * var(--u));height:calc(16 * var(--u));stroke-width:2px}.hp-dots3{justify-content:center;align-items:center;gap:calc(2.5 * var(--u));display:flex}.hp-dots3 i{width:calc(3.4 * var(--u));height:calc(3.4 * var(--u));background:currentColor;border-radius:50%}.hp-traffic{left:calc(24 * var(--u));right:calc(24 * var(--u));top:calc(362 * var(--u));height:calc(54 * var(--u));opacity:0;transform:translateY(calc(6 * var(--u)));position:absolute}.hp-traffic-row{justify-content:space-between;align-items:baseline;display:flex}.hp-traffic-row b{font-size:calc(14 * var(--u));font-weight:700}.hp-traffic-row span{font-size:calc(12 * var(--u));color:#ffffff80}.hp-bar{margin-top:calc(8 * var(--u));height:calc(8 * var(--u));border-radius:calc(6 * var(--u));background:#ffffff1f;position:relative;overflow:hidden}.hp-bar i{border-radius:inherit;background:linear-gradient(90deg,#4c86ff,#7a4cff);width:55%;position:absolute;inset:0}.hp-list{left:calc(24 * var(--u));right:calc(24 * var(--u));top:calc(432 * var(--u));height:calc(366 * var(--u));opacity:0;transform:translateY(calc(8 * var(--u)));position:absolute}.hp-row{height:calc(56 * var(--u));align-items:center;gap:calc(12 * var(--u));padding:0 calc(14 * var(--u));border-radius:calc(16 * var(--u));box-shadow:inset 0 0 0 calc(1.5 * var(--u)) transparent;background:#ffffff0d;display:flex;position:absolute;left:0;right:0}.hp-row[data-row="0"]{top:calc(0 * var(--u))}.hp-row[data-row="1"]{top:calc(62 * var(--u))}.hp-row[data-row="2"]{top:calc(124 * var(--u))}.hp-row[data-row="3"]{top:calc(186 * var(--u))}.hp-row[data-row="4"]{top:calc(248 * var(--u))}.hp-row[data-row="5"]{top:calc(310 * var(--u))}.hp-pill{min-width:calc(38 * var(--u));height:calc(22 * var(--u));padding:0 calc(6 * var(--u));border-radius:calc(6 * var(--u));color:#ffffffd1;font-size:calc(11 * var(--u));letter-spacing:.02em;background:#ffffff1f;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.hp-row-t{gap:calc(2 * var(--u));flex:1;min-width:0;display:grid}.hp-row-t b{font-size:calc(15 * var(--u));white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.hp-row-t span{font-size:calc(12 * var(--u));color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hp-row-check{width:calc(20 * var(--u));height:calc(20 * var(--u));color:#fff;opacity:0;background:#4c86ff;border-radius:50%;flex:none;place-items:center;display:grid;transform:scale(.6)}.hp-row-check .hp-g{width:calc(12 * var(--u));height:calc(12 * var(--u));stroke-width:2.6px}.hp-row[data-sel=true]{box-shadow:inset 0 0 0 calc(1.5 * var(--u)) #4c86ff8c;background:#4c86ff2e}.hp-row[data-sel=true] .hp-row-check{opacity:1;transform:scale(1)}.hp-timer{left:50%;bottom:calc(108 * var(--u));align-items:center;gap:calc(7 * var(--u));padding:calc(6 * var(--u)) calc(14 * var(--u));font-size:calc(13 * var(--u));font-variant-numeric:tabular-nums;transform:translate(-50%, calc(6 * var(--u)));opacity:0;white-space:nowrap;background:#ffffff14;border-radius:999px;font-weight:700;display:inline-flex;position:absolute}.hp-timer-dot{width:calc(7 * var(--u));height:calc(7 * var(--u));background:#59e07a;border-radius:50%;flex:none}.hp-tabbar{height:calc(92 * var(--u));padding-bottom:calc(14 * var(--u));-webkit-backdrop-filter:blur(calc(14 * var(--u)));backdrop-filter:blur(calc(14 * var(--u)));box-shadow:inset 0 calc(1 * var(--u)) 0 #ffffff0f;background:#0f0d1edb;justify-content:space-around;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.hp-tab{place-items:center;gap:calc(4 * var(--u));color:#ffffff6b;display:grid}.hp-tab .hp-g{width:calc(22 * var(--u));height:calc(22 * var(--u));stroke-width:1.7px}.hp-tab[data-active=true]{color:#fff}.hp-tab-dot{width:calc(4 * var(--u));height:calc(4 * var(--u));background:0 0;border-radius:50%}.hp-tab[data-active=true] .hp-tab-dot{background:#4c86ff}.hp-dim{opacity:0;background:#0605106b}.hp-sheet{height:calc(340 * var(--u));padding:calc(12 * var(--u)) calc(20 * var(--u)) calc(18 * var(--u));border-radius:calc(30 * var(--u)) calc(30 * var(--u)) 0 0;box-shadow:0 calc(-4 * var(--u)) calc(30 * var(--u)) #0006;background:#201c3c;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.hp-grab{width:calc(36 * var(--u));height:calc(5 * var(--u));margin:0 auto calc(12 * var(--u));border-radius:calc(3 * var(--u));background:#ffffff38}.hp-sheet-title{margin:0 0 calc(6 * var(--u));padding:0 calc(4 * var(--u));font-size:calc(13 * var(--u));letter-spacing:.02em;text-transform:uppercase;color:#fff6;font-weight:600}.hp-srow{height:calc(56 * var(--u));align-items:center;gap:calc(14 * var(--u));padding:0 calc(10 * var(--u));border-radius:calc(16 * var(--u));font-size:calc(16 * var(--u));color:#ffffffeb;font-weight:500;display:flex;position:relative}.hp-srow-ico{width:calc(34 * var(--u));height:calc(34 * var(--u));border-radius:calc(11 * var(--u));color:#ffffffbf;background:#ffffff14;flex:none;place-items:center;display:grid}.hp-srow-ico .hp-g{width:calc(17 * var(--u));height:calc(17 * var(--u));stroke-width:1.9px}.hp-srow-hl{border-radius:inherit;opacity:0;background:#4c86ff38;position:absolute;inset:0}.hp-srow.is-target .hp-srow-ico{color:#8fb4ff;background:#4c86ff47}.hp-dev[data-scene="1"]{--tx:220;--ty:330}.hp-dev[data-scene="2"]{--tx:394;--ty:310}.hp-dev[data-scene="3"]{--tx:220;--ty:812}.hp-dev[data-scene="4"]{--tx:220;--ty:600}.hp-dev[data-scene="4"] .hp-touch{opacity:0}.hp-dev[data-scene="5"]{--tx:220;--ty:584}.hp-dev[data-scene="6"]{--tx:220;--ty:154}.hp-dev[data-play] .hp-scr *{animation-duration:var(--D);animation-iteration-count:var(--N);animation-timing-function:linear;animation-fill-mode:both}.hp-dev[data-play] :is(.hp-touch,.hp-sheet,.hp-dim,.hp-toggle-on,.hp-head-group,.hp-traffic,.hp-list,.hp-toast,.hp-btn,.hp-plus,.hp-status-on,.hp-timer,.hp-row-check){will-change:transform, opacity}.hp-dev[data-play][data-scene="1"] .hp-touch{animation-name:hp1-touch}.hp-dev[data-play][data-scene="1"] .hp-touch i{animation-name:hp1-rip}.hp-dev[data-play][data-scene="1"] .hp-btn{animation-name:hp1-press}.hp-dev[data-play][data-scene="1"] .hp-toast{animation-name:hp1-toast}@keyframes hp1-touch{0%,14%{opacity:0;transform:translate(calc(60 * var(--u)), calc(120 * var(--u))) scale(1.2);animation-timing-function:cubic-bezier(.22,1,.36,1)}30%{opacity:1;transform:translate(0)scale(1)}34%{animation-timing-function:cubic-bezier(.3,0,.6,1);transform:translate(0)scale(1)}38%{animation-timing-function:cubic-bezier(.2,.9,.3,1.3);transform:translate(0)scale(.8)}45%{opacity:1;transform:translate(0)scale(1)}62%,to{opacity:0;transform:translate(0)scale(1.1)}}@keyframes hp1-rip{0%,37%{opacity:0;transform:scale(.6)}38%{opacity:.8;animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:scale(.6)}60%,to{opacity:0;transform:scale(2.4)}}@keyframes hp1-press{0%,35%{animation-timing-function:cubic-bezier(.3,0,.6,1);transform:scale(1)}38%{animation-timing-function:cubic-bezier(.2,.9,.3,1.3);transform:scale(.96)}46%,to{transform:scale(1)}}@keyframes hp1-toast{0%,38%{opacity:0;animation-timing-function:cubic-bezier(.2,.9,.25,1.12);transform:translate(-50%,8px)scale(.94)}46%{opacity:1;transform:translate(-50%)scale(1)}84%{opacity:1;animation-timing-function:cubic-bezier(.4,0,1,1);transform:translate(-50%)scale(1)}96%,to{opacity:0;transform:translate(-50%,-6px)scale(.98)}}.hp-dev[data-play][data-scene="2"] .hp-touch{animation-name:hp2-touch}.hp-dev[data-play][data-scene="2"] .hp-touch i{animation-name:hp2-rip}.hp-dev[data-play][data-scene="2"] .hp-plus{animation-name:hp2-plus}.hp-dev[data-play][data-scene="2"] .hp-sheet{animation-name:hp2-sheet}.hp-dev[data-play][data-scene="2"] .hp-dim{animation-name:hp2-dim}@keyframes hp2-touch{0%,10%{opacity:0;transform:translate(calc(-70 * var(--u)), calc(110 * var(--u))) scale(1.2);animation-timing-function:cubic-bezier(.22,1,.36,1)}26%{opacity:1;transform:translate(0)scale(1)}30%{animation-timing-function:cubic-bezier(.3,0,.6,1);transform:translate(0)scale(1)}34%{animation-timing-function:cubic-bezier(.2,.9,.3,1.3);transform:translate(0)scale(.8)}40%{opacity:1;transform:translate(0)scale(1)}50%,to{opacity:0;transform:translate(0)scale(1.1)}}@keyframes hp2-rip{0%,33%{opacity:0;transform:scale(.6)}34%{opacity:.8;animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:scale(.6)}56%,to{opacity:0;transform:scale(2.4)}}@keyframes hp2-plus{0%,30%{animation-timing-function:cubic-bezier(.3,0,.6,1);transform:scale(1)}34%{animation-timing-function:cubic-bezier(.2,.9,.3,1.3);transform:scale(.85)rotate(20deg)}42%,to{transform:scale(1)rotate(0)}}@keyframes hp2-sheet{0%,34%{animation-timing-function:cubic-bezier(.32,.72,0,1);transform:translateY(100%)}70%,to{transform:translateY(0)}}@keyframes hp2-dim{0%,34%{opacity:0}70%,to{opacity:1}}.hp-dev[data-play][data-scene="3"] .hp-touch{animation-name:hp3-touch}.hp-dev[data-play][data-scene="3"] .hp-touch i{animation-name:hp3-rip}.hp-dev[data-play][data-scene="3"] .hp-sheet{animation-name:hp3-sheet}.hp-dev[data-play][data-scene="3"] .hp-dim{animation-name:hp3-dim}.hp-dev[data-play][data-scene="3"] .hp-srow.is-target .hp-srow-hl{animation-name:hp3-hl}@keyframes hp3-sheet{0%,78%{transform:translateY(0)}92%{animation-timing-function:cubic-bezier(.4,0,1,1);transform:translateY(100%)}to{transform:translateY(100%)}}@keyframes hp3-dim{0%,78%{opacity:1}92%,to{opacity:0}}@keyframes hp3-hl{0%,26%{opacity:0}30%,68%{opacity:1}76%,to{opacity:0}}@keyframes hp3-touch{0%,14%{opacity:0;transform:translate(0, calc(90 * var(--u))) scale(1.15);animation-timing-function:cubic-bezier(.22,1,.36,1)}30%{opacity:1;transform:translate(0)scale(1)}34%{animation-timing-function:cubic-bezier(.3,0,.6,1);transform:translate(0)scale(1)}38%{animation-timing-function:cubic-bezier(.2,.9,.3,1.3);transform:translate(0)scale(.8)}46%{opacity:1;transform:translate(0)scale(1)}62%,to{opacity:0;transform:translate(0)scale(1.1)}}@keyframes hp3-rip{0%,37%{opacity:0;transform:scale(.6)}38%{opacity:.8;animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:scale(.6)}60%,to{opacity:0;transform:scale(2.4)}}.hp-dev[data-play][data-scene="4"] .hp-head-group{animation-name:hp4-group}.hp-dev[data-play][data-scene="4"] .hp-grp-ico{animation-name:hp4-flash}.hp-dev[data-play][data-scene="4"] .hp-traffic{animation-name:hp4-traffic}.hp-dev[data-play][data-scene="4"] .hp-list{animation-name:hp4-list}.hp-dev[data-play][data-scene="4"] .hp-row[data-row="0"]{animation-name:hp4-row-in}.hp-dev[data-play][data-scene="4"] .hp-row[data-row="1"]{animation-name:hp4-row-in;animation-delay:60ms}.hp-dev[data-play][data-scene="4"] .hp-row[data-row="2"]{animation-name:hp4-row-in;animation-delay:.12s}.hp-dev[data-play][data-scene="4"] .hp-row[data-row="3"]{animation-name:hp4-row-in;animation-delay:.18s}.hp-dev[data-play][data-scene="4"] .hp-row[data-row="4"]{animation-name:hp4-row-in;animation-delay:.24s}.hp-dev[data-play][data-scene="4"] .hp-row[data-row="5"]{animation-name:hp4-row-in;animation-delay:.3s}@keyframes hp4-group{0%,8%{opacity:0;animation-timing-function:cubic-bezier(.2,.9,.25,1.12);transform:scale(.9)}26%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}@keyframes hp4-flash{0%,24%{box-shadow:0 0 #fff0}30%{box-shadow:0 0 0 calc(6 * var(--u)) #ffffff59}46%,to{box-shadow:0 0 #fff0}}@keyframes hp4-traffic{0%,22%{opacity:0;transform:translateY(calc(6 * var(--u)));animation-timing-function:cubic-bezier(.22,1,.36,1)}40%,to{opacity:1;transform:translateY(0)}}@keyframes hp4-list{0%,22%{opacity:0;transform:translateY(calc(8 * var(--u)))}40%,to{opacity:1;transform:translateY(0)}}@keyframes hp4-row-in{0%,26%{opacity:0;transform:translateY(calc(8 * var(--u)));animation-timing-function:cubic-bezier(.22,1,.36,1)}50%,to{opacity:1;transform:translateY(0)}}.hp-dev[data-play][data-scene="5"] .hp-touch{animation-name:hp5-touch}.hp-dev[data-play][data-scene="5"] .hp-touch i{animation-name:hp5-rip}.hp-dev[data-play][data-scene="5"] .hp-row[data-row="0"]{animation-name:hp5-deselect}.hp-dev[data-play][data-scene="5"] .hp-row[data-row="2"]{animation-name:hp5-select}@keyframes hp5-touch{0%,16%{opacity:0;transform:translate(calc(70 * var(--u)), calc(-70 * var(--u))) scale(1.2);animation-timing-function:cubic-bezier(.22,1,.36,1)}34%{opacity:1;transform:translate(0)scale(1)}38%{animation-timing-function:cubic-bezier(.3,0,.6,1);transform:translate(0)scale(1)}42%{animation-timing-function:cubic-bezier(.2,.9,.3,1.3);transform:translate(0)scale(.8)}50%{opacity:1;transform:translate(0)scale(1)}66%,to{opacity:0;transform:translate(0)scale(1.1)}}@keyframes hp5-rip{0%,41%{opacity:0;transform:scale(.6)}42%{opacity:.8;animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:scale(.6)}64%,to{opacity:0;transform:scale(2.4)}}@keyframes hp5-deselect{0%,40%{box-shadow:inset 0 0 0 calc(1.5 * var(--u)) #4c86ff8c;background:#4c86ff2e}48%,to{box-shadow:inset 0 0 0 calc(1.5 * var(--u)) transparent;background:#ffffff0d}}@keyframes hp5-deselect-check{}.hp-dev[data-play][data-scene="5"] .hp-row[data-row="0"] .hp-row-check{animation-name:hp5-deselect-chk}@keyframes hp5-deselect-chk{0%,40%{opacity:1;transform:scale(1)}48%,to{opacity:0;transform:scale(.6)}}@keyframes hp5-select{0%,44%{box-shadow:inset 0 0 0 calc(1.5 * var(--u)) transparent;background:#ffffff0d}56%,to{box-shadow:inset 0 0 0 calc(1.5 * var(--u)) #4c86ff8c;background:#4c86ff2e}}.hp-dev[data-play][data-scene="5"] .hp-row[data-row="2"] .hp-row-check{animation-name:hp5-select-chk}@keyframes hp5-select-chk{0%,44%{opacity:0;transform:scale(.5)}56%{opacity:1;animation-timing-function:cubic-bezier(.2,.9,.3,1.3);transform:scale(1.15)}64%,to{opacity:1;transform:scale(1)}}.hp-dev[data-play][data-scene="6"] .hp-touch{animation-name:hp6-touch}.hp-dev[data-play][data-scene="6"] .hp-touch i{animation-name:hp6-rip}.hp-dev[data-play][data-scene="6"] .hp-toggle-on{animation-name:hp6-on}.hp-dev[data-play][data-scene="6"] .hp-status-off{animation-name:hp6-off-text}.hp-dev[data-play][data-scene="6"] .hp-status-on{animation-name:hp6-on-text}.hp-dev[data-play][data-scene="6"] .hp-timer{animation-name:hp6-timer}@keyframes hp6-touch{0%,16%{opacity:0;transform:translate(calc(-60 * var(--u)), calc(110 * var(--u))) scale(1.2);animation-timing-function:cubic-bezier(.22,1,.36,1)}32%{opacity:1;transform:translate(0)scale(1)}36%{animation-timing-function:cubic-bezier(.3,0,.6,1);transform:translate(0)scale(1)}41%{animation-timing-function:cubic-bezier(.2,.9,.3,1.3);transform:translate(0)scale(.78)}48%{opacity:1;transform:translate(0)scale(1)}60%,to{opacity:0;transform:translate(0)scale(1.1)}}@keyframes hp6-rip{0%,40%{opacity:0;transform:scale(.6)}41%{opacity:.85;animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:scale(.6)}62%,to{opacity:0;transform:scale(2.4)}}@keyframes hp6-on{0%,38%{opacity:0;transform:scale(.9)}44%{opacity:1;animation-timing-function:cubic-bezier(.2,.9,.25,1.12);transform:scale(1.08)}52%,to{opacity:1;transform:scale(1)}}@keyframes hp6-off-text{0%,40%{opacity:1}48%,to{opacity:0}}@keyframes hp6-on-text{0%,40%{opacity:0}48%,to{opacity:1}}@keyframes hp6-timer{0%,56%{opacity:0;transform:translate(-50%, calc(6 * var(--u)));animation-timing-function:cubic-bezier(.22,1,.36,1)}70%,to{opacity:1;transform:translate(-50%)}}.hp-dev[data-scene="1"] .hp-toast{opacity:1;transform:translate(-50%)scale(1)}.hp-dev[data-scene="2"] .hp-sheet{transform:translateY(0)}.hp-dev[data-scene="2"] .hp-dim{opacity:1}.hp-dev[data-scene="3"] .hp-sheet{transform:translateY(0)}.hp-dev[data-scene="3"] .hp-dim,.hp-dev[data-scene="3"] .hp-srow.is-target .hp-srow-hl{opacity:1}.hp-dev[data-scene="4"] .hp-head-group,.hp-dev[data-scene="5"] .hp-head-group,.hp-dev[data-scene="6"] .hp-head-group{opacity:1;transform:scale(1)}.hp-dev[data-scene="4"] .hp-traffic,.hp-dev[data-scene="5"] .hp-traffic,.hp-dev[data-scene="6"] .hp-traffic,.hp-dev[data-scene="4"] .hp-list,.hp-dev[data-scene="5"] .hp-list,.hp-dev[data-scene="6"] .hp-list,.hp-dev[data-scene="4"] .hp-row,.hp-dev[data-scene="5"] .hp-row,.hp-dev[data-scene="6"] .hp-row{opacity:1;transform:translateY(0)}.hp-dev[data-scene="4"] .hp-row[data-row="0"]{box-shadow:inset 0 0 0 calc(1.5 * var(--u)) #4c86ff8c;background:#4c86ff2e}.hp-dev[data-scene="4"] .hp-row[data-row="0"] .hp-row-check{opacity:1;transform:scale(1)}.hp-dev[data-scene="5"] .hp-row[data-row="2"],.hp-dev[data-scene="6"] .hp-row[data-row="2"]{box-shadow:inset 0 0 0 calc(1.5 * var(--u)) #4c86ff8c;background:#4c86ff2e}.hp-dev[data-scene="5"] .hp-row[data-row="2"] .hp-row-check,.hp-dev[data-scene="6"] .hp-row[data-row="2"] .hp-row-check,.hp-dev[data-scene="6"] .hp-toggle-on{opacity:1;transform:scale(1)}.hp-dev[data-scene="6"] .hp-status-off{opacity:0}.hp-dev[data-scene="6"] .hp-status-on{opacity:1}.hp-dev[data-scene="6"] .hp-timer{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.hp-dev .hp-scr *{animation:none!important}}
