.hw{--hw-out:cubic-bezier(.2,.8,.2,1);--hw-spring:cubic-bezier(.22,1,.36,1);--hw-gold:linear-gradient(180deg,#fff3cc 0%,#f0cd66 30%,#e2b745 60%,#b58e27 100%);border-radius:var(--r-xl);background:var(--line2);grid-template-columns:minmax(0,270px) minmax(0,1fr);gap:1px;padding:1px;display:grid;overflow:hidden;box-shadow:0 50px 90px -70px #000}@supports (transition-timing-function:linear(0,1)){.hw{--hw-spring:linear(0,.0616 5%,.1912 10%,.3374 15%,.4751 20%,.594 25%,.6916 30%,.7689 35%,.8288 40%,.8743 45%,.9084 50%,.9523 60%,.9756 70%,.9877 80%,.9939 90%,1)}}.hw-rail{background:#07090a;flex-direction:column;display:flex;position:relative}.hw-tab{z-index:1;border:0;border-top:1px solid var(--line);color:var(--muted);text-align:left;font:inherit;cursor:pointer;background:0 0;flex:1;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:17px 22px 18px;display:grid;position:relative}.hw-tab:first-child{border-top:0}.hw-no{font-family:var(--fm);letter-spacing:.2em;transition:color .3s var(--hw-out);font-size:10.5px}.hw-nm{font-family:var(--fd);letter-spacing:-.01em;transition:color .3s var(--hw-out),transform .6s var(--hw-spring);font-size:17px;font-weight:600;font-stretch:108%}.hw-tab:hover .hw-nm,.hw-tab:focus-visible .hw-nm{color:var(--ink);transform:translate(3px)}.hw-tab.done .hw-no{color:var(--cyan)}.hw-tab.on .hw-no,.hw-tab.on .hw-nm{color:var(--gold)}.hw-mk{width:17px;height:auto;fill:var(--gold);opacity:0;transition:opacity .45s var(--hw-out),transform .8s var(--hw-spring);transform:translate(-10px)scale(.7)}.hw-tab:hover .hw-mk,.hw-tab:focus-visible .hw-mk{opacity:.3;transform:translate(-4px)scale(.85)}.hw-tab.on .hw-mk{opacity:1;filter:drop-shadow(0 0 6px #f0cd668c);transform:none}.hw-glide{height:calc(100% / var(--hw-n));z-index:0;pointer-events:none;transform:translate3d(0,calc(var(--hw-i) * 100%),0);transition:transform .9s var(--hw-spring);background:radial-gradient(85% 130% at 0%,#f0cd662b,#f0cd660d 45%,#0000 78%),linear-gradient(90deg,#86e6fb0d,#0000 70%);position:absolute;top:0;left:0;right:0;overflow:hidden}.hw-glide:before,.hw-glide:after{content:"";background:linear-gradient(90deg,#f0cd66bf,#f0cd662e 50%,#0000 92%);height:1px;position:absolute;left:0;right:0}.hw-glide:before{top:0}.hw-glide:after{bottom:0}.hw-glide i{width:45%;animation:hwgleam 1.3s var(--hw-out) .25s both;background:linear-gradient(100deg,#0000,#fff3cc1f 45%,#86e6fb14 60%,#0000);position:absolute;top:0;bottom:0;left:0;transform:translate(-110%)}@keyframes hwgleam{to{transform:translate(260%)}}.hw-bar{pointer-events:none;height:1px;position:absolute;bottom:-1px;left:22px;right:22px;overflow:hidden}.hw-bar b{background:linear-gradient(90deg,var(--cyan),var(--gold));transform-origin:0;animation:5.5s linear both hwfill;position:absolute;inset:0}@keyframes hwfill{0%{transform:scaleX(0)}to{transform:none}}.hw:hover .hw-bar b,.hw:focus-within .hw-bar b,.hw[data-off] .hw-bar b{animation-play-state:paused}.hw-stage{touch-action:pan-y;background:#07090a;grid-template-rows:minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.hw-p{opacity:0;visibility:hidden;transition:opacity .4s var(--hw-out),transform .4s var(--hw-out),visibility 0s .4s;grid-area:1/1;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:44px;padding:46px 46px 30px;display:grid;position:relative;transform:translate(28px)}.hw-p.on{opacity:1;visibility:visible;transition:opacity .6s var(--hw-out) .12s,transform 1s var(--hw-spring) .12s,visibility 0s;transform:none}.hw-aura{pointer-events:none;transform:translate3d(calc((var(--hw-i) - 3) * 3%),calc((var(--hw-i) - 3) * -2%),0) rotate(calc(var(--hw-i) * 24deg));transition:transform 1.8s var(--hw-spring);position:absolute;inset:-25% -15%}.hw-aura i{background:radial-gradient(32% 42% at 68% 48%,#f0cd6617,#0000 70%),radial-gradient(28% 36% at 34% 62%,#86e6fb12,#0000 70%);animation:18s ease-in-out infinite alternate hwdrift;position:absolute;inset:0}@keyframes hwdrift{0%{transform:translate(-2%,1%)scale(1)}to{transform:translate(2%,-1.5%)scale(1.08)}}.hw[data-off] .hw-aura i{animation-play-state:paused}.hw-copy>*,.hw-viz>*{opacity:0;transition:opacity .3s var(--hw-out),transform .3s var(--hw-out);transform:translateY(16px)}.hw-p.on .hw-copy>*,.hw-p.on .hw-viz>*{opacity:1;transition:opacity .7s var(--hw-out),transform 1.1s var(--hw-spring);transform:none}.hw-p.on .hw-copy>:first-child{transition-delay:.14s}.hw-p.on .hw-copy>:nth-child(2){transition-delay:.22s}.hw-p.on .hw-copy>:nth-child(3){transition-delay:.3s}.hw-p.on .hw-viz>:first-child{transition-delay:.28s}.hw-p.on .hw-viz>:nth-child(2){transition-delay:.38s}.hw-p.on .hw-viz>:nth-child(3){transition-delay:.48s}.hw-nav{z-index:2;grid-area:2/1;align-items:center;gap:22px;padding:18px 46px 28px;display:flex;position:relative}.hw-nav:before{content:"";background:linear-gradient(90deg,var(--line2),transparent 80%);height:1px;position:absolute;top:0;left:46px;right:46px}.hw-count{font-family:var(--fm);letter-spacing:.2em;color:var(--muted);white-space:nowrap;font-size:11px}.hw-count b{color:var(--gold);font-weight:600}.hw-segs{flex:1;gap:4px;max-width:260px;display:flex}.hw-segs i{background:#ffffff12;border-radius:1px;flex:1;height:3px;position:relative;overflow:hidden}.hw-segs i:after{content:"";background:var(--cyan);transform-origin:0;transition:transform .7s var(--hw-spring),opacity .4s var(--hw-out);position:absolute;inset:0;transform:scaleX(0)}.hw-segs i.done:after{opacity:.5;transform:none}.hw-segs i.on:after{transform:none;box-shadow:0 0 8px #86e6fb99}.hw-steps{gap:8px;margin-left:auto;display:flex}.hw-step{font-family:var(--fm);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line2);border-radius:var(--r-sm);cursor:pointer;transition:color .3s var(--hw-out),border-color .3s var(--hw-out),transform .6s var(--hw-spring);background:0 0;padding:9px 14px;font-size:10.5px}.hw-step:hover,.hw-step:focus-visible{color:var(--gold);border-color:var(--gold2);transform:translateY(-2px)}.hw-ghost{z-index:0;pointer-events:none;font-family:var(--fd);letter-spacing:-.04em;color:#0000;-webkit-text-stroke:1px #86e6fb33;opacity:0;transform-origin:100% 0;transition:opacity .3s var(--hw-out),transform .3s var(--hw-out);font-size:clamp(64px,8vw,128px);font-weight:800;font-stretch:118%;line-height:.8;position:absolute;top:24px;right:30px;transform:translateY(28px)scale(.92)}.hw-p.on .hw-ghost{opacity:1;transition:opacity 1s var(--hw-out) .1s,transform 1.4s var(--hw-spring) .1s;transform:none}.hw-copy{position:relative}.hw-copy h4{letter-spacing:-.025em;color:#0000;-webkit-background-clip:text;background-clip:text;background-image:var(--hw-gold);font-size:clamp(30px,3.4vw,50px);font-weight:800;font-stretch:116%;line-height:1.02}.hw-line{color:var(--ink2);max-width:46ch;margin-top:18px;font-size:clamp(16px,1.25vw,18.5px);line-height:1.6}.hw-line b{color:var(--ink);font-weight:600}.hw-note{color:var(--muted-on-panel);max-width:54ch;margin-top:16px;font-size:14px;line-height:1.62}.hw-viz{align-content:center;gap:18px;display:grid;position:relative}.hw-tags{flex-wrap:wrap;gap:8px;display:flex}.hw-tags span{font-family:var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold2);border-radius:var(--r-sm);opacity:0;transition:opacity .3s var(--hw-out),transform .3s var(--hw-out);padding:8px 12px;font-size:10.5px;transform:translateY(8px)scale(.94)}.hw-p.on .hw-tags span{opacity:1;transition:opacity .6s var(--hw-out),transform .9s var(--hw-spring);transform:none}.hw-p.on .hw-tags span:first-child{transition-delay:.36s}.hw-p.on .hw-tags span:nth-child(2){transition-delay:.42s}.hw-p.on .hw-tags span:nth-child(3){transition-delay:.48s}.hw-p.on .hw-tags span:nth-child(4){transition-delay:.54s}.hw-p.on .hw-tags span:nth-child(5){transition-delay:.6s}.hw-tags.c span{color:var(--cyan);border-color:#86e6fb59}.hw-big{font-family:var(--fd);letter-spacing:-.03em;color:#0000;-webkit-background-clip:text;background-clip:text;background-image:var(--hw-gold);font-size:clamp(44px,5vw,76px);font-weight:800;font-stretch:118%;line-height:1}.hw-big small{font-family:var(--fm);letter-spacing:.18em;color:var(--muted);-webkit-text-fill-color:var(--muted);margin-left:8px;font-size:12px;font-weight:600}.hw-split{gap:8px;display:grid}.hw-lbl{font-family:var(--fm);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:10.5px}.hw-sbar{transform-origin:0;height:6px;transition:transform 1.2s var(--hw-spring) .3s;background:#ffffff0f;border-radius:3px;display:flex;overflow:hidden;transform:scaleX(0)}.hw-p.on .hw-sbar{transform:none}.hw-sbar i{height:100%;display:block}.hw-sbar i:first-child{background:var(--gold)}.hw-sbar i:nth-child(2){background:var(--cyan)}.hw-sbar i:nth-child(3){background:var(--edge)}.hw-kv{color:var(--ink2);justify-content:space-between;gap:16px;font-size:14px;display:flex}.hw-kv b{font-family:var(--fm);color:var(--gold);font-weight:600}.hw-lad{gap:12px;display:grid}.hw-lad>div{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.hw-lad b{font-family:var(--fm);letter-spacing:.1em;color:var(--gold);font-size:12px;font-weight:600}.hw-lad span{background:#ffffff0f;border-radius:2px;height:4px;display:block;overflow:hidden}.hw-lad i{background:linear-gradient(90deg,var(--gold2),var(--gold) 70%,#fff1c4);transform-origin:0;height:100%;transition:transform 1.2s var(--hw-spring);border-radius:2px;display:block;transform:scaleX(0)}.hw-p.on .hw-lad i{transform:scaleX(var(--w))}.hw-lad>div:first-child i{transition-delay:.3s}.hw-lad>div:nth-child(2) i{transition-delay:.38s}.hw-lad>div:nth-child(3) i{transition-delay:.46s}.hw-lad>div:nth-child(4) i{transition-delay:.54s}.hw-lad>div:nth-child(5) i{transition-delay:.62s}.hw-lad em{font-style:normal;font-family:var(--fm);letter-spacing:.06em;color:var(--ink2);white-space:nowrap;font-size:11.5px}.hw-lad u{color:var(--muted);margin-left:8px;text-decoration:none}.hw-lock{gap:10px;display:grid}.hw-lock>i{background:#ffffff0f;border-radius:3px;height:6px;display:block;position:relative;overflow:hidden}.hw-lock>i:after{content:"";background:linear-gradient(90deg,var(--cyan),var(--gold));transform-origin:0;transition:transform 1.6s var(--hw-spring) .3s;position:absolute;inset:0;transform:scaleX(0)}.hw-p.on .hw-lock>i:after{transform:none}.hw-lock>span{font-family:var(--fm);letter-spacing:.1em;color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.hw-lock>span b{color:var(--gold);font-weight:600}.hw-bands{gap:6px;display:grid}.hw-bands>div{border-radius:var(--r-sm);color:var(--ink2);opacity:0;transition:opacity .3s var(--hw-out),transform .3s var(--hw-out);background:linear-gradient(90deg,#ffffff09,#ffffff03 65%,#0000);justify-content:space-between;align-items:baseline;gap:16px;padding:15px 18px;font-size:15px;display:flex;position:relative;transform:translate(-12px)}.hw-bands>div:after{content:"";background:linear-gradient(90deg,var(--line2),transparent 85%);height:1px;position:absolute;bottom:0;left:0;right:0}.hw-bands>div:first-child{color:var(--ink);background:linear-gradient(90deg,#f0cd6626,#f0cd660a 55%,#0000)}.hw-bands>div:first-child:after{background:linear-gradient(90deg,#f0cd668c,#0000 85%)}.hw-p.on .hw-bands>div{opacity:1;transition:opacity .6s var(--hw-out),transform 1s var(--hw-spring);transform:none}.hw-p.on .hw-bands>div:first-child{transition-delay:.34s}.hw-p.on .hw-bands>div:nth-child(2){transition-delay:.44s}.hw-p.on .hw-bands>div:nth-child(3){transition-delay:.54s}.hw-bands b{font-family:var(--fd);color:#0000;-webkit-background-clip:text;background-clip:text;background-image:var(--hw-gold);font-size:22px;font-weight:800;font-stretch:116%;line-height:1}.hw-bands>div:first-child b{font-size:32px}.hw-bands>div:nth-child(2) b{font-size:26px}@media (max-width:900px){.hw{grid-template-columns:1fr}.hw-rail{scrollbar-width:none;flex-direction:row;overflow-x:auto}.hw-rail::-webkit-scrollbar{display:none}.hw-tab{border-top:0;border-left:1px solid var(--line);flex:none;min-width:150px;padding:14px 18px 15px}.hw-tab:first-child{border-left:0}.hw-glide{display:none}.hw-tab.on{background:radial-gradient(120% 140% at 50% 0,#f0cd6626,#0000 70%)}.hw-bar{bottom:0;left:18px;right:18px}.hw-p{grid-template-columns:1fr;align-items:start;gap:26px;padding:30px 22px 22px}.hw-ghost{top:18px;right:16px}.hw-nav{gap:14px;padding:14px 22px 22px}.hw-nav:before{left:22px;right:22px}}@media (prefers-reduced-motion:reduce){.hw-bar b,.hw-glide i,.hw-aura i{animation:none}.hw-p,.hw-p.on,.hw-sbar,.hw-lad i,.hw-lock>i:after,.hw-nm,.hw-mk,.hw-glide,.hw-aura,.hw-ghost,.hw-copy>*,.hw-viz>*,.hw-tags span,.hw-bands>div,.hw-segs i:after,.hw-step{transition:none}}
