.hv2 .le{--le-fade:calc(56 * var(--sv));background:var(--void);color:var(--bone);display:grid;position:relative}.hv2 .le>#lead{grid-area:1/1;min-width:0}.hv2 .le>#lead.lc{z-index:2;background:var(--lead-bg);margin-top:0;padding-top:clamp(128px,16.7vw,272px);position:relative}.hv2 .le>#lead.lc:before{content:"";height:var(--le-fade);pointer-events:none;background:linear-gradient(180deg, #0f2a2000 0, #0f2a2080 44%, #0f2a20e6 80%, var(--lead-bg) 100%);position:absolute;bottom:100%;left:0;right:0}
.hv2 #useful{--gut:clamp(16px, 1.25vw, 32px);--ul-ease:cubic-bezier(.4, 0, .2, 1);padding:64px var(--pad) 128px;background:var(--void);color:var(--bone)}.hv2 #useful .ul-hd{justify-content:space-between;align-items:flex-end;gap:32px;margin:0 0 48px;display:flex}.hv2 #useful .ul-h{font:400 clamp(36px, 4vw + 8px, 84px)/1.02 var(--font-ui);letter-spacing:-.035em;margin:0}.hv2 #useful .ul-sub{max-width:34em;font:400 17px/1.45 var(--font-body);letter-spacing:-.01em;color:var(--dim);text-wrap:pretty;margin:24px 0 0}.hv2 #useful .ul-all{border-radius:var(--r-ctl);corner-shape:squircle;flex:none}.hv2 #useful .ul-grid{gap:var(--gut);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.hv2 #useful .ul-card{min-width:0}.hv2 #useful .ul-card a{color:inherit;border-radius:var(--r-card);corner-shape:squircle;touch-action:manipulation;-webkit-tap-highlight-color:transparent;text-decoration:none;display:block}.hv2 #useful .ul-card a:focus-visible{outline:2px solid var(--jade);outline-offset:6px}.hv2 #useful a{scroll-margin-block:calc(var(--hh) + 32px) 32px}.hv2 #useful .ul-cv{aspect-ratio:16/9;border-radius:var(--r-card);corner-shape:squircle;background:var(--stage);display:block;position:relative;overflow:hidden;container-type:inline-size}.hv2 #useful .ul-cv:after{content:"";border-radius:inherit;corner-shape:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0f}.hv2 #useful .ul-cv>img{object-fit:cover;width:100%;max-width:none;height:100%;transition:transform .2s var(--ul-ease);position:absolute;inset:0}.hv2 #useful .ul-m{font:400 13px/20px var(--font-body);letter-spacing:-.01em;color:var(--jade);margin-top:16px;display:block}.hv2 #useful .ul-t{font:500 20px/26px var(--font-ui);letter-spacing:-.02em;color:color-mix(in srgb, var(--bone) 84%, var(--void));text-wrap:balance;margin:6px 0 0;transition:color .2s}.hv2 #useful .acv{--fs:5.8cqw;isolation:isolate;transition:transform .2s var(--ul-ease);background-color:#07090a;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:9cqw 9cqw 7.3cqw;display:flex;position:absolute;inset:0;overflow:hidden}.hv2 #useful .acv[data-len=m]{--fs:5cqw}.hv2 #useful .acv[data-len=l]{--fs:4.4cqw}.hv2 #useful .acv[data-len=xl]{--fs:4cqw}.hv2 #useful .acv:before,.hv2 #useful .acv:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.hv2 #useful .acv:after{background:radial-gradient(60% 75% at var(--lx,82%) var(--ly,18%), color-mix(in srgb, var(--l1,#60b08d) 34%, transparent), transparent 70%), radial-gradient(45% 60% at var(--mx,8%) var(--my,100%), color-mix(in srgb, var(--l2,#8c8ab2) 16%, transparent), transparent 72%)}.hv2 #useful .acv:before{opacity:.55;-webkit-mask-image:radial-gradient(70% 90% at var(--lx,82%) var(--ly,18%), #000, transparent 75%);-webkit-mask-image:radial-gradient(70% 90% at var(--lx,82%) var(--ly,18%), #000, transparent 75%);mask-image:radial-gradient(70% 90% at var(--lx,82%) var(--ly,18%), #000, transparent 75%)}.hv2 #useful .ul-card[data-cv="1"] .acv{--lx:82%;--ly:18%;--mx:8%;--my:100%;--l1:#60b08d;--l2:#8c8ab2}.hv2 #useful .ul-card[data-cv="1"] .acv:before{background:linear-gradient(#ffffff17 1px,#0000 1px) 0 0/5cqw 5cqw,linear-gradient(90deg,#ffffff17 1px,#0000 1px) 0 0/5cqw 5cqw}.hv2 #useful .ul-card[data-cv="3"] .acv{--lx:92%;--ly:92%;--mx:4%;--my:4%;--l1:#708cb2;--l2:#60b08d}.hv2 #useful .ul-card[data-cv="3"] .acv:before{background:repeating-radial-gradient(circle at 100% 100%,#0000 0 3.2cqw,#ffffff1a 3.2cqw calc(3.2cqw + 1px))}.hv2 #useful .ul-card[data-cv="5"] .acv{--lx:12%;--ly:88%;--mx:100%;--my:0%;--l1:#bea06e;--l2:#60b08d}.hv2 #useful .ul-card[data-cv="5"] .acv:before{background:linear-gradient(90deg,#ffffff1a 1px,#0000 1px) 0 0/12.5cqw 100%,linear-gradient(#ffffff0f 1px,#0000 1px) 0 0/100% 7cqw}.hv2 #useful .acv-mark{width:auto;height:calc(var(--fs) * 1.1);flex:none;display:block}.hv2 #useful .acv-t{margin-top:calc(var(--fs) * .8);max-width:80cqw;font:500 var(--fs)/1.08 var(--font-ui);letter-spacing:-.03em;text-wrap:balance;overflow-wrap:break-word;-webkit-line-clamp:3;color:#e9eaec;background:linear-gradient(#fff,#b9bcc0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;-webkit-box-orient:vertical;padding-bottom:.08em;display:-webkit-box;overflow:hidden}@media (hover:hover) and (pointer:fine){.hv2 #useful .ul-card a:hover :is(.acv,.ul-cv>img){transform:scale(1.05)}.hv2 #useful .ul-card a:hover .ul-t{color:#fff}}.hv2 #useful .ul-card a{transition:scale .16s var(--ease-out)}.hv2 #useful .ul-card a:active{scale:.985}@media (max-width:1023px){.hv2 #useful .ul-t{font-size:18px;line-height:24px}}@media (max-width:767px){.hv2 #useful{padding-block:48px 96px;display:grid}.hv2 #useful .ul-hd{display:contents}.hv2 #useful .ul-sub{margin-top:16px;font-size:16px}.hv2 #useful .ul-grid{margin:32px calc(-1 * var(--pad)) 0;padding:0 var(--pad);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);scrollbar-width:none;order:2;grid-template-columns:none;grid-auto-columns:82%;grid-auto-flow:column;gap:12px;overflow-x:auto}.hv2 #useful .ul-grid::-webkit-scrollbar{display:none}.hv2 #useful .ul-card{scroll-snap-align:start}.hv2 #useful .ul-card a:focus-visible{outline-offset:-2px}.hv2 #useful .ul-all{order:3;width:100%;margin-top:32px}}@media (prefers-reduced-motion:reduce){.hv2 #useful :is(.acv,.ul-cv>img),.hv2 #useful .ul-t{transition:none}.hv2 #useful .ul-card a:hover :is(.acv,.ul-cv>img){transform:none}.hv2 #useful .ul-card a{transition:none}}
.hv2 .vr-c{color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;outline:none;text-decoration:none;display:block}.hv2 .vr-f{isolation:isolate;aspect-ratio:9/16;transition:transform .16s var(--ease-out);display:block;position:relative}.hv2 .vr-m{border-radius:var(--r-bento);background:var(--stage);position:absolute;inset:0;overflow:hidden}.hv2 .vr-m img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out);display:block;position:absolute;inset:0}.hv2 .vr-m:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#0a0b0b00 74%,#0a0b0b80 100%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #edebe514}.hv2 .vr-pl{z-index:2;border-radius:var(--r-card);min-height:48px;color:var(--bone);font:500 15px/1 var(--font-ui);letter-spacing:-.01em;white-space:nowrap;--is:22px;-webkit-backdrop-filter:blur(12px)saturate(1.5)brightness(1.1);backdrop-filter:blur(12px)saturate(1.5)brightness(1.1);opacity:0;transition:opacity .3s ease, transform .16s var(--ease-out);background:radial-gradient(120% 90% at 18% -10%,#ffffff1a,#fff0 60%),radial-gradient(80% 140% at 0 100%,#60b08d0d,#60b08d00 62%),linear-gradient(#ffffff09,#fff0),#0a0e0c38;align-items:center;gap:10px;padding:0 18px 0 14px;display:inline-flex;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:inset 0 1px #ffffff4d,inset 0 0 0 1px #ffffff1a,inset 0 -1px #a9dcc424,0 20px 44px -14px #000000bf}.hv2 .vr-c:active .vr-pl{transform:scale(.97)}.hv2 .vr-c:active .vr-f{transform:scale(.98)}.hv2 .vr-c:focus-visible .vr-m{outline:2px solid var(--jade);outline-offset:3px}@media (hover:hover) and (pointer:fine){.hv2 .vr-c:hover .vr-m img{transform:scale(1.03)}.hv2 .vr-c:hover .vr-pl{transform:translateY(-1px)}}.hv2 .vr{--gut:clamp(16px, 1.25vw, 32px);padding:128px var(--pad);background:var(--void);color:var(--bone);position:relative;overflow-x:clip}.hv2 .vr-k{font:400 17px/1.2 var(--font-ui);letter-spacing:-.02em;color:var(--dim);margin:0 0 16px}.hv2 .vr-h{max-width:15ch;font:400 clamp(36px, 3.4vw + 4px, 64px)/1.02 var(--font-ui);letter-spacing:-.035em;text-wrap:balance;margin:0 auto}.hv2 .vrh{--ch:clamp(440px, calc(62 * var(--sv)), 680px);--cw:calc(var(--ch) * 9 / 16);position:relative}.hv2 .vrh .vr-cap{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hv2 .vrh-head{text-align:center;margin:0 auto 48px}.hv2 .vrh-stage{isolation:isolate;height:calc(var(--ch) + 64px);position:relative}.hv2 .vrh-deck{margin:0;padding:0;list-style:none;position:absolute;inset:0}.hv2 .vrh-c{width:var(--cw);margin-left:calc(var(--cw) / -2);transform-origin:50% 100%;will-change:transform, opacity;position:absolute;top:0;left:50%}.hv2 .vrh-dim{z-index:1;border-radius:inherit;background:var(--void);opacity:0;pointer-events:none;position:absolute;inset:0}.hv2 .vrh-c.is-act .vr-pl{opacity:1}.hv2 .vrh.is-mv .vr-pl{opacity:0;visibility:hidden;transition:opacity .12s ease, visibility 0s .12s, transform .16s var(--ease-out)}.hv2 .vrh-amb{z-index:0;top:calc(var(--ch) * -.12);width:calc(var(--cw) * 1.44);height:calc(var(--ch) * 1.24);margin-left:calc(var(--cw) * -.72);pointer-events:none;position:absolute;left:50%}.hv2 .vrh-amb>i{opacity:0;transition:opacity .5s var(--ease-out);background:50%/100% 100% no-repeat;position:absolute;inset:0}.hv2 .vrh-amb>i.is-on{opacity:.55}.hv2 .vrh-stage{touch-action:pan-y;-webkit-user-select:none;user-select:none}.hv2 .vrh-stage img{-webkit-user-drag:none}.hv2 .vrh-floor{z-index:-1;width:calc(var(--cw) * 3.2);pointer-events:none;background:radial-gradient(50% 50%,#60b08d38,#60b08d12 50%,#60b08d00 100%);height:180px;position:absolute;bottom:0;left:50%;translate:-50% 40%}.hv2 .vrh-info{text-align:center;min-height:64px;margin:24px 0 0;display:grid}.hv2 .vrh-i{opacity:0;visibility:hidden;grid-area:1/1;transition:opacity .12s,visibility 0s .12s}.hv2 .vrh-i.is-act{opacity:1;visibility:visible;transition:opacity .2s}.hv2 .vrh-info b{font:400 clamp(26px, 2.2vw, 36px)/1.1 var(--font-ui);letter-spacing:-.03em;color:var(--bone);text-wrap:balance;display:block}.hv2 .vrh-i>span{font:400 17px/1.4 var(--font-body);letter-spacing:-.01em;color:var(--dim);margin-top:8px;display:block}.hv2 .vrh-nav{justify-content:center;align-items:center;gap:16px;margin-top:32px;display:flex}.hv2 .vrh-nav .vs-ib .ic,.hv2 .vrh-all .ic{--is:18px}.hv2 .vrh-prev .ic{transform:scaleX(-1)}@media (max-width:1199px){.hv2 .vr{padding-block:96px}}@media (max-width:767px){.hv2 .vr{padding-block:64px}.hv2 .vr-k{margin-bottom:8px;font-size:16px}.hv2 .vrh{--ch:min(calc(68vw * 16 / 9), calc(64 * var(--sv)))}.hv2 .vrh-head{margin-bottom:32px}.hv2 .vrh-stage{height:calc(var(--ch) + 40px);touch-action:pan-y}.hv2 .vrh-info b{font-size:26px}.hv2 .vrh-i>span{font-size:16px}.hv2 .vrh-nav{gap:12px}.hv2 .vrh-nav .vrh-all{flex:auto}}html[data-hv2].hv2-vs-open{overflow:hidden}.hv2 .vs{width:100%;max-width:none;height:100%;max-height:none;color:var(--bone);overscroll-behavior:contain;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.hv2 .vs-ib,.hv2 .vs-cap a{touch-action:manipulation}.hv2 .vs::backdrop{background:#0a0b0bf0}.hv2 .vs[open]{padding:calc(16px + env(safe-area-inset-top)) var(--pad) calc(16px + env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr) auto;place-items:center;display:grid}.hv2 .vs-stage{isolation:isolate;place-items:center;width:100%;height:100%;min-height:0;display:grid;position:relative}.hv2 .vs-fr{aspect-ratio:9/16;border-radius:var(--r-block);background:var(--stage);max-width:100%;height:min(100%,880px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #edebe514}.hv2 .vs-amb{z-index:-1;aspect-ratio:9/16;pointer-events:none;opacity:.42;background:50%/100% 100% no-repeat;width:min(140vw,1100px);position:absolute;top:50%;left:50%;translate:-50% -50%}.hv2 .vs-fr>img,.hv2 .vs-fr>iframe{object-fit:cover;background:0 0;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.hv2 .vs-spin{pointer-events:none;border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;position:absolute;top:50%;left:50%;box-shadow:inset 0 0 0 2px #edebe529}.hv2 .vs-spin:after{content:"";border:2px solid #0000;border-top-color:var(--jade);border-radius:50%;animation:.9s linear infinite hv2-vs-rot;position:absolute;inset:0}.hv2 .vs.is-loaded .vs-spin{display:none}@keyframes hv2-vs-rot{to{transform:rotate(360deg)}}.hv2 .vs-fail{text-align:center;background:#0a0b0bdb;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:24px;display:none;position:absolute;inset:0}.hv2 .vs-fail p{max-width:18em;font:400 17px/1.5 var(--font-body);letter-spacing:-.01em;color:var(--bone);margin:0}.hv2 .vs.is-blocked:not(.is-loaded) .vs-fail{display:flex}.hv2 .vs-bar{grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;column-gap:16px;width:min(100%,560px);margin-top:16px;display:grid}.hv2 .vs-cap{text-align:center;min-width:0}.hv2 .vs-cap b{font:400 19px/1.25 var(--font-ui);letter-spacing:-.02em;overflow-wrap:anywhere;display:block}.hv2 .vs-cap>span{font:400 14px/1.4 var(--font-body);letter-spacing:-.01em;color:var(--dim);font-variant-numeric:tabular-nums;margin-top:4px;display:block}.hv2 .vs-cap a{color:var(--dim);text-underline-offset:3px;-webkit-text-decoration:underline #aab1ad66;text-decoration:underline #aab1ad66;transition:color .2s}.hv2 .vs-ib{cursor:pointer;width:48px;height:48px;color:var(--bone);--is:20px;-webkit-tap-highlight-color:transparent;background:#edebe50f;border:0;border-radius:50%;place-items:center;padding:0;transition:background-color .2s,color .2s,opacity .2s;display:inline-grid;box-shadow:inset 0 0 0 1px #edebe524}.hv2 .vs-ib:disabled{opacity:.3;cursor:default}.hv2 .vs-ib:focus-visible,.hv2 .vs-cap a:focus-visible{outline:2px solid var(--jade);outline-offset:3px}.hv2 .vs-prev .ic{transform:scaleX(-1)}.hv2 .vs-x{z-index:3;top:calc(16px + env(safe-area-inset-top));right:var(--pad);position:absolute}@media (hover:hover) and (pointer:fine){.hv2 .vs-ib:not(:disabled):hover{background:#edebe51f}.hv2 .vs-cap a:hover{color:var(--bone)}}@media (max-width:767px){.hv2 .vs[open]{padding-top:calc(72px + env(safe-area-inset-top))}.hv2 .vs-fr{border-radius:var(--r-bento)}.hv2 .vs-x{top:calc(12px + env(safe-area-inset-top))}}.hv2 .vs[open] .vs-fr{animation:hv2-vs-in .28s var(--ease-out) both}.hv2 .vs[open]::backdrop{animation:.2s ease-out both hv2-vs-fade}.hv2 .vs[open] .vs-bar,.hv2 .vs[open] .vs-x{animation:.24s ease-out 60ms both hv2-vs-fade}.hv2 .vs.is-closing .vs-fr{animation:hv2-vs-out .16s var(--ease-out) both}.hv2 .vs.is-closing::backdrop,.hv2 .vs.is-closing .vs-bar,.hv2 .vs.is-closing .vs-x{animation:.16s ease-out both hv2-vs-fade-out}@keyframes hv2-vs-in{0%{opacity:0;transform:scale(.96)}}@keyframes hv2-vs-out{to{opacity:0;transform:scale(.98)}}@keyframes hv2-vs-fade{0%{opacity:0}}@keyframes hv2-vs-fade-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.hv2 .vr-m img,.hv2 .vr-f,.hv2 .vrh-amb>i,.hv2 .vrh-i,.hv2 .vrh-i.is-act{transition:none}.hv2 .vr-c:hover .vr-m img{transform:none}.hv2 .vs[open] .vs-fr,.hv2 .vs[open]::backdrop,.hv2 .vs[open] .vs-bar,.hv2 .vs[open] .vs-x,.hv2 .vs.is-closing .vs-fr,.hv2 .vs.is-closing::backdrop,.hv2 .vs.is-closing .vs-bar,.hv2 .vs.is-closing .vs-x{animation:none}.hv2 .vs-spin:after{animation-duration:2.4s}}