.hub .xb-art{align-items:center;justify-content:center}.hub .xh{position:relative;width:100%;max-width:620px;aspect-ratio:620/470;margin:0 auto;perspective:1600px}.hub .xh .wcard{position:absolute;width:56%;font-size:10px;border-radius:14px;overflow:hidden;background:var(--card);border:1px solid var(--edge);box-shadow:0 30px 60px -36px rgb(0 0 0/.6),0 0 0 1px color-mix(in srgb,var(--a) 12%,transparent);transition:transform .7s var(--ease)}.hub .xh .wcard .ch{display:flex;align-items:center;gap:5px;height:26px;padding:0 10px;background:var(--card-2);border-bottom:1px solid var(--rule);font:10px var(--font-mono);color:var(--ink-3);white-space:nowrap;overflow:hidden}.hub .xh .wcard .ch i{width:8px;height:8px;border-radius:50%;background:var(--edge);flex:none}.hub .xh .wcard .ch span{margin-left:6px}.hub .xh .wcard .ch b{color:var(--at);font-weight:600}.hub .xh{container-type:inline-size}.hub .xh .xu{font-size:calc(56cqw / 27)}.hub .xh-l{left:0;top:4%;transform:rotateY(14deg) rotate(-5deg) translateZ(-60px);opacity:.9}.hub .xh-r{right:0;top:0;transform:rotateY(-14deg) rotate(5deg) translateZ(-60px);opacity:.9}.hub .xh-front{left:50%;bottom:0;width:66%;translate:-50% 0;z-index:2;transform:translateZ(0);box-shadow:0 40px 80px -36px color-mix(in srgb,var(--a) 65%,transparent),0 0 0 1px color-mix(in srgb,var(--a) 30%,var(--edge));animation:xh-float 7s ease-in-out infinite}.hub .xh-front .xu{font-size:calc(66cqw / 27)}@keyframes xh-float{50%{transform:translateY(-8px)}}.hub .banner:hover .xh-l{transform:rotateY(8deg) rotate(-8deg) translate(-14px,-6px)}.hub .banner:hover .xh-r{transform:rotateY(-8deg) rotate(8deg) translate(14px,-6px)}@media (prefers-reduced-motion:reduce){.hub .xh-front{animation:none}}.hub .shot .xc-shot{position:absolute;inset:0}.hub .shot img.xc-real{display:block;width:100%;height:100%;object-fit:cover;object-position:top left;transition:transform 1.2s var(--ease);transform-origin:top left}.hub .card:hover .shot img.xc-real{transform:scale(1.03)}.hub .shot img.xc-real~.soon-cd{inset:auto 10px 10px auto;font-size:15px}.hub .xt-ic{display:grid;width:20px;height:20px;overflow:hidden;border-radius:6px}.hub .xt-ic svg{width:100%;height:100%}.hub .xt-b{font:700 13px var(--font-mono)}.hub .xv{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:32px;align-items:center;margin-top:36px}.hub .xv-win{border-radius:18px;overflow:hidden;border:1px solid var(--edge);background:var(--card);box-shadow:0 40px 80px -44px color-mix(in srgb,var(--a) 70%,transparent),0 0 0 1px color-mix(in srgb,var(--a) 14%,transparent)}.hub .xv-bar{display:flex;align-items:center;gap:12px;height:46px;padding:0 14px;background:var(--bg-2);border-bottom:1px solid var(--rule)}.hub .xv-dots{display:flex;gap:6px}.hub .xv-dots i{width:10px;height:10px;border-radius:50%;background:var(--rule)}.hub .xv-url{flex:1;display:flex;align-items:center;gap:7px;height:28px;padding:0 12px;border-radius:99px;background:var(--card);font:12px var(--font-mono);color:var(--ink-3);white-space:nowrap;overflow:hidden}.hub .xv-own{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;border:1px solid color-mix(in srgb,var(--a) 60%,var(--rule));background:color-mix(in srgb,var(--a) 16%,var(--card));box-shadow:0 0 18px color-mix(in srgb,var(--a) 45%,transparent)}.hub .xv-ic{display:grid;width:18px;height:18px;overflow:hidden;border-radius:5px}.hub .xv-ic svg{width:100%;height:100%}.hub .xv-win .tvid-box{margin:0}.hub .xv-win .tvid{border-radius:0;border:0;box-shadow:none}.hub .xv-steps{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:22px}.hub .xv-steps:before{bottom:22px;background:var(--rule)}.hub .xv-steps:after,.hub .xv-steps:before{content:"";position:absolute;left:21px;top:22px;width:2px;border-radius:2px}.hub .xv-steps:after{height:0;background:linear-gradient(var(--a),color-mix(in srgb,var(--a) 40%,#a577ff));box-shadow:0 0 12px var(--a);animation:xv-run 6s var(--ease) infinite}@keyframes xv-run{0%{height:0}70%,to{height:calc(100% - 44px)}}.hub .xv-steps li{grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start}.hub .xv-n,.hub .xv-steps li{position:relative;display:grid}.hub .xv-n{z-index:1;place-items:center;width:44px;height:44px;border-radius:14px;font:600 13px var(--font-mono);color:var(--at);background:var(--card);border:1px solid color-mix(in srgb,var(--a) 40%,var(--rule))}.hub .xv-end .xv-n{color:#20c997;border-color:color-mix(in srgb,#20c997 45%,var(--rule))}.hub .xv-steps b{display:block;font-size:17px;font-weight:700;letter-spacing:-.01em;padding-top:2px}.hub .xv-steps small{display:block;margin-top:3px;font-size:14.5px;line-height:1.5;color:var(--ink-2)}@media (max-width:980px){.hub .xv{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.hub .xv-steps:after{animation:none;height:calc(100% - 44px)}}.hub .xr{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:44px;padding:26px 0 0}.hub .xr:before{content:"";position:absolute;left:12.5%;right:12.5%;top:37px;height:4px;border-radius:4px;background:linear-gradient(90deg,#20c997,#8fd14f 33%,#ffc233 66%,#ff6b3d);opacity:.35}.hub .xr-stop{position:relative;display:grid;justify-items:center;align-content:start;gap:8px;text-align:center;padding:0 10px;color:var(--ink-3)}.hub .xr-dot{width:26px;height:26px;border-radius:50%;background:var(--card);border:2px solid var(--rule)}.hub .xr-stop b{font-size:15px;font-weight:650}.hub .xr-stop small{font-size:13px;line-height:1.45;max-width:18em}.hub .xr-stop.on{color:var(--ink)}.hub .xr-stop.on .xr-dot{border-color:var(--c);background:var(--c);box-shadow:0 0 0 6px color-mix(in srgb,var(--c) 22%,transparent),0 0 30px var(--c)}.hub .xr-stop.on:before{content:"It is here";position:absolute;top:-26px;left:50%;translate:-50% 0;white-space:nowrap;padding:2px 10px;border-radius:99px;font:600 11px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--c);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);background:color-mix(in srgb,var(--c) 10%,transparent)}@media (max-width:640px){.hub .xr{grid-template-columns:1fr 1fr;row-gap:22px}.hub .xr:before{display:none}}.hub .xp{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:18px;margin-top:36px}.hub .xp-asks,.hub .xp-data{display:grid;align-content:start;gap:14px;padding:26px;border-radius:22px;border:1px solid var(--rule);background:var(--card)}.hub .xp-asks{background:radial-gradient(ellipse 80% 60% at 0 0,color-mix(in srgb,var(--a) 10%,transparent),transparent 70%),var(--card)}.hub .xp ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}.hub .xp-asks li,.hub .xp-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start}.hub .xp-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:var(--at);background:color-mix(in srgb,var(--a) 13%,var(--card));border:1px solid color-mix(in srgb,var(--a) 30%,var(--rule))}.hub .xp b{font-weight:700;letter-spacing:-.01em}.hub .xp code{margin-left:6px;padding:1px 7px;border-radius:6px;font:12px var(--font-mono);color:var(--ink-3);background:var(--bg-2);border:1px solid var(--rule)}.hub .xp small{display:block;margin-top:4px;font-size:14.5px;line-height:1.55;color:var(--ink-2)}.hub .xp-row ul{gap:4px;margin-top:4px}.hub .xp-row li,.hub .xp-row p{margin:4px 0 0;font-size:14.5px;line-height:1.55;color:var(--ink-2)}.hub .xp-row ul li{margin:0}.hub .xp-none{margin:0;color:var(--ink-2)}.hub .xp-data .hbtn{justify-self:end;margin-top:6px}.hub .rn-xic{display:grid;flex:none;width:38px;height:38px;overflow:hidden;border-radius:10px}.hub .rn-xic svg{width:100%;height:100%}.hub .xt-marks{margin:28px auto 56px;max-width:60em;text-align:center;font-size:13px;line-height:1.6;color:var(--ink-3)}.hub .xi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:36px}.hub .xi-col{padding:28px;border-radius:22px;border:1px solid var(--rule);background:var(--card)}.hub .xi-col h2{margin:0 0 4px;font-size:26px;font-weight:800;letter-spacing:-.03em}.hub .xi-col>p{margin:0 0 18px;color:var(--ink-3);font-size:14px}.hub .xi-col h3{margin:22px 0 10px;font-size:13px;font:600 12px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.hub .xi-col ol{margin:0;padding:0;list-style:none;counter-reset:xi;display:grid;gap:10px}.hub .xi-col li{counter-increment:xi;display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;color:var(--ink-2);line-height:1.55}.hub .xi-col li:before{content:counter(xi);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font:600 12px var(--font-mono);color:var(--ink);background:var(--bg-2);border:1px solid var(--rule)}.hub .xi-col code,.hub .xi-col kbd{padding:1px 6px;border-radius:6px;font:12.5px var(--font-mono);background:var(--bg-2);border:1px solid var(--rule);color:var(--ink)}.hub .xp-says{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:13px;line-height:1.5;color:var(--ink-3)}.hub .xp-says q{color:var(--ink);font-weight:600;quotes:"\201C" "\201D"}.hub .xp-says.quiet{align-items:center;gap:8px}.hub .xp-says.quiet:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--live)}.hub .xs{position:relative}.hub .xs-r{position:absolute;opacity:0;pointer-events:none}.hub .xs-names{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.hub .xs-names label{display:inline-flex;align-items:center;height:32px;padding:0 13px;border-radius:99px;border:1px solid var(--rule);background:var(--bg-2);color:var(--ink-2);font:500 13px var(--font-sans);cursor:pointer;transition:color .2s,border-color .2s,background .2s}.hub .xs-names label:hover{color:var(--ink);border-color:var(--edge)}.hub .xs-pic{display:none;margin:0}.hub .xs-pic>a{display:block}.hub .xs-pic img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--rule);background:var(--bg-2);box-shadow:var(--sh-box)}.hub .xs-pic figcaption{margin-top:10px;font-size:13.5px;line-height:1.5;color:var(--ink-3)}.hub .xs .th-light,:root[data-theme=light] .hub .xs .th-dark{display:none}:root[data-theme=light] .hub .xs .th-light{display:block}.hub .xs:has(.xs-r:first-of-type:checked) .xs-pic:first-child,.hub .xs:has(.xs-r:nth-of-type(2):checked) .xs-pic:nth-child(2),.hub .xs:has(.xs-r:nth-of-type(3):checked) .xs-pic:nth-child(3),.hub .xs:has(.xs-r:nth-of-type(4):checked) .xs-pic:nth-child(4),.hub .xs:has(.xs-r:nth-of-type(5):checked) .xs-pic:nth-child(5){display:block}.hub .xs:has(.xs-r:first-of-type:checked) .xs-names label:first-child,.hub .xs:has(.xs-r:nth-of-type(2):checked) .xs-names label:nth-child(2),.hub .xs:has(.xs-r:nth-of-type(3):checked) .xs-names label:nth-child(3),.hub .xs:has(.xs-r:nth-of-type(4):checked) .xs-names label:nth-child(4),.hub .xs:has(.xs-r:nth-of-type(5):checked) .xs-names label:nth-child(5){color:var(--ink);background:var(--card-2);border-color:var(--edge)}.hub .xs:has(.xs-r:first-of-type:focus-visible) .xs-names label:first-child,.hub .xs:has(.xs-r:nth-of-type(2):focus-visible) .xs-names label:nth-child(2),.hub .xs:has(.xs-r:nth-of-type(3):focus-visible) .xs-names label:nth-child(3),.hub .xs:has(.xs-r:nth-of-type(4):focus-visible) .xs-names label:nth-child(4),.hub .xs:has(.xs-r:nth-of-type(5):focus-visible) .xs-names label:nth-child(5){outline:2px solid var(--ink-3);outline-offset:2px}.hub .xs-pop{width:100%;max-width:520px;border-radius:14px;overflow:hidden;border:1px solid var(--edge);background:var(--card);box-shadow:var(--sh-screen)}.hub .xf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:32px}.hub .xf-way{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px;border-radius:18px;color:var(--ink-3);background:radial-gradient(120% 90% at 0 0,color-mix(in srgb,var(--a) 12%,transparent),transparent 60%),var(--card);border:1px solid color-mix(in srgb,var(--a) 22%,var(--rule));box-shadow:var(--sh-box);transition:transform .35s var(--ease),border-color .25s,color .25s}.hub .xf-way:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--a) 55%,var(--rule));color:var(--at)}.hub .xf-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:var(--at);background:color-mix(in srgb,var(--a) 14%,transparent);border:1px solid color-mix(in srgb,var(--a) 40%,transparent)}.hub .xf-tx b{display:block;color:var(--ink);font-size:16px;font-weight:700;letter-spacing:-.01em}.hub .xf-tx small{display:block;margin-top:2px;color:var(--ink-2);font-size:13.5px;line-height:1.45}.hub .xq-bar{position:sticky;top:68px;z-index:20;display:flex;align-items:center;gap:14px;margin-top:48px;padding:10px 0}.hub .xq-bar:before{content:"";position:absolute;z-index:-1;inset:0 calc(50% - 50vw);background:var(--bg);border-block:1px solid var(--rule)}.hub .xq-bar:after{content:"";position:absolute;left:calc(50% - 50vw);bottom:-1px;width:100vw;height:2px;background:var(--rb-fill);transform-origin:left;transform:scaleX(var(--xq-p,0))}.hub .xq-id{display:flex;align-items:center;gap:9px;flex:none;font-size:15px;letter-spacing:-.01em}.hub :is(.xq-ic,.xm-ic){display:grid;flex:none;width:26px;height:26px;overflow:hidden;border-radius:7px}.hub :is(.xq-ic,.xm-ic) svg{width:100%;height:100%}.hub .xq-bar .tabs{margin:0 auto;scroll-behavior:smooth}.hub .xq-bar .tabs a{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:10px;border:1px solid transparent;font-size:14px;font-weight:500;color:var(--ink-3);white-space:nowrap;text-decoration:none;transition:color .25s,background .25s,border-color .25s}.hub .xq-bar .tabs a:hover{color:var(--ink)}.hub .xq-bar .tabs a[aria-current]{color:var(--ink);background:var(--card-2);border-color:var(--edge)}.hub .xq-add{display:flex;gap:8px;flex:none}.hub .xq-part{scroll-margin-top:58px}.hub .xq-part+.xq-part{margin-top:72px;border-top:1px solid var(--rule)}.hub .xq-part>.sec2{margin-top:56px}.hub .xq-part:first-child>.sec2{margin-top:44px}.hub .xq-part .sec2 h2.big-h{font-size:clamp(30px,3.6vw,46px)}@media (max-width:1100px){.hub .xq-id{display:none}.hub .xq-bar .tabs{margin:0}}@media (max-width:900px){.hub .xq-add{display:none}.hub .xq-bar .tabs{flex:1}}.hub .xo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px;align-items:start;margin-top:30px}.hub .xo-feats{list-style:none;margin:0;padding:0;display:grid;gap:2px}.hub .xo-feats li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:12px 14px;border-radius:16px;border:1px solid transparent;transition:background .25s,border-color .25s}.hub .xo-feats li:hover{background:var(--card);border-color:var(--rule)}.hub .xo-feats h3{margin:2px 0 3px;font-size:16px;font-weight:700;letter-spacing:-.01em}.hub .xo-feats p{margin:0;font-size:14px;line-height:1.5;color:var(--ink-2)}.hub .xo-tools{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.hub .xo-tools li{display:grid;grid-template-rows:auto 1fr auto;gap:14px;padding:20px;border-radius:18px;border:1px solid var(--rule);background:radial-gradient(120% 90% at 0 0,color-mix(in srgb,var(--a) 10%,transparent),transparent 60%),var(--card);transition:border-color .25s}.hub .xo-tools li:hover{border-color:color-mix(in srgb,var(--a) 45%,var(--rule))}.hub .xo-tools h4{margin:0 0 4px;font-size:16px;font-weight:700;letter-spacing:-.01em}.hub .xo-tools h4 a{color:var(--ink);text-decoration:none}.hub .xo-tools h4 a:hover{color:var(--at)}.hub .xo-tools p{margin:0;font-size:14px;line-height:1.5;color:var(--ink-2)}.hub .xo-soon,.hub .xo-tools .hbtn{justify-self:end}.hub .xo-soon{font:600 12px var(--font-mono);color:var(--ink-3)}@media (max-width:900px){.hub .xo{grid-template-columns:minmax(0,1fr)}}.hub .xq-steps{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.hub .xq-steps li{display:grid;align-content:start;gap:6px;padding:20px;border-radius:18px;border:1px solid var(--rule);background:var(--card)}.hub .xq-n{display:grid;place-items:center;width:40px;height:40px;margin-bottom:6px;border-radius:12px;font:600 13px var(--font-mono);color:var(--at);background:var(--card-2);border:1px solid var(--rule)}.hub .xq-done .xq-n{color:#20c997}.hub .xq-steps b{font-size:16px;font-weight:700;letter-spacing:-.01em}.hub .xq-steps small{font-size:14px;line-height:1.5;color:var(--ink-2)}.hub .xq-sub{margin:44px 0 0;font-size:22px;font-weight:800;letter-spacing:-.02em}.hub .xq .xr{margin-top:30px}.hub .xq .xp{grid-template-columns:minmax(0,1fr);margin-top:24px}.hub .xq .xp-asks ul{gap:20px 24px}.hub .xq .xp-asks ul,.hub .xq .xp-data{grid-template-columns:repeat(3,minmax(0,1fr))}.hub .xq .xp-data{column-gap:24px}.hub .xq .xp-data>:is(.xp-k,.hbtn){grid-column:1/-1}@media (max-width:1000px){.hub .xq .xp-asks ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.hub .xq :is(.xp-asks ul,.xp-data){grid-template-columns:minmax(0,1fr)}}.hub .hbtn.xst-off{cursor:default}.hub .hbtn.xst-off:hover{transform:none}.hub .hbtn.xst-off:not(.primary){color:var(--ink-2)}.hub .hbtn.xst-off small{padding:2px 8px;border-radius:99px;font:600 11px var(--font-mono);letter-spacing:.02em;background:color-mix(in srgb,currentColor 12%,transparent)}.hub .xm{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:30px}.hub .xm-x{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;border:1px solid var(--rule);background:var(--card);color:var(--ink-3);text-decoration:none;transition:transform .35s var(--ease),border-color .25s,color .25s}.hub .xm-x:hover{transform:translateY(-2px);border-color:var(--edge);color:var(--ink)}.hub .xm-ic{width:40px;height:40px;border-radius:11px}.hub .xm-x b{display:block;color:var(--ink);font-size:16px;font-weight:700;letter-spacing:-.01em}.hub .xm-x small{display:block;margin-top:2px;color:var(--ink-2);font-size:13.5px;line-height:1.45}@media (max-width:900px){.hub .xf,.hub .xi,.hub .xp{grid-template-columns:1fr}}