.pipe{-webkit-backdrop-filter:blur(10px);background:#ffffffd1;border-radius:26px;width:min(400px,100%);margin-inline-start:auto;margin-inline-end:auto;padding:16px 16px 18px;animation:7s ease-in-out infinite pipeFloat;position:relative;box-shadow:0 40px 80px -36px #101b4d80,inset 0 0 0 1px #2f6bff26}@keyframes pipeFloat{50%{transform:translateY(-8px)}}[data-theme=dark] .pipe{background:#111a45d9}.pipe__head{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin-bottom:8px;padding:4px 6px 12px;display:flex}.pipe__head b{font:700 .84rem var(--f-head);flex:1}.pipe__head small{color:#1a4fd6;background:var(--b-ice);border-radius:99px;padding:3px 8px;font-size:.7rem;font-weight:700}.pipe__dot{background:var(--b-cyan);border-radius:50%;width:9px;height:9px;animation:1.6s ease-in-out infinite corePulse;box-shadow:0 0 0 4px #0bc5ff38}.pipe__list{z-index:1;margin:0;padding:0 0 0 4px;list-style:none;position:relative}.pipe__list li{align-items:center;gap:12px;height:46px;padding:0 8px;display:flex}.pipe__list li>span:nth-child(2){flex:1;line-height:1.2;display:grid}.pipe__list b{font:700 .86rem var(--f-head)}.pipe__list small{color:var(--ink-3);font-size:.7rem}.pipe__n{color:#fff;background:var(--b-grad);width:26px;height:26px;box-shadow:0 6px 12px -6px var(--b-blue);border-radius:9px;flex:none;place-items:center;font-size:.72rem;font-weight:800;display:grid}.pipe__ok{width:20px;height:20px;color:var(--b-blue);background:var(--b-ice);border-radius:50%;place-items:center;font-style:normal;display:grid}.pipe__rail{background:var(--line);width:2px;position:absolute;top:74px;bottom:30px;left:32px}.pipe__rail i{background:var(--b-grad-v);transform-origin:top;animation:9.6s linear infinite pipeRail;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes pipeRail{0%{transform:scaleY(0)}96%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.pipe__hl{background:linear-gradient(90deg,#2f6bff1f,#7b4dff0f);border-radius:14px;height:46px;animation:9.6s cubic-bezier(.65,0,.35,1) infinite pipeHl;position:absolute;top:64px;left:14px;right:14px;box-shadow:inset 0 0 0 1.5px #2f6bff59}@keyframes pipeHl{0%,9%{transform:translateY(0)}12%,21%{transform:translateY(46px)}24%,33%{transform:translateY(92px)}36%,45%{transform:translateY(138px)}48%,57%{transform:translateY(184px)}60%,69%{transform:translateY(230px)}72%,81%{transform:translateY(276px)}84%,93%{transform:translateY(322px)}to{transform:translateY(322px)}}@media (prefers-reduced-motion:reduce){.pipe,.pipe__rail i,.pipe__hl{animation:none}}.hw-sec{padding:clamp(34px,4.5vw,60px) 0;position:relative}.hw-sec .h-kicker,.hw-sec .head{margin-bottom:0}.hw-st{background:linear-gradient(180deg, var(--bg), var(--b-mist))}[data-theme=dark] .hw-st{background:linear-gradient(180deg, var(--bg), var(--bg-2))}.hw-rail{max-width:1040px;margin:clamp(26px,4vw,44px) auto 22px;padding:0 22px;position:relative}.hw-rail__track{background:var(--line);border-radius:4px;height:4px;position:absolute;top:25px;left:50px;right:50px;overflow:hidden}.hw-rail__track i{background:var(--b-grad);transform-origin:0;transform:scaleX(var(--p));transition:transform .8s var(--ease);position:absolute;top:0;bottom:0;left:0;right:0}.hw-rail__train{top:15px;left:calc(50px + (100% - 100px) * var(--p));width:24px;height:24px;transition:left .8s var(--ease);z-index:1;pointer-events:none;background:#fff;border-radius:50%;margin-left:-12px;position:absolute;box-shadow:0 0 0 5px #2f6bff40,0 0 26px #2f6bffcc}.hw-rail__nodes{z-index:2;grid-template-columns:repeat(8,1fr);display:grid;position:relative}.hw-node{color:var(--ink-3);font:600 .84rem var(--f-head);cursor:pointer;background:0 0;border:0;justify-items:center;gap:10px;padding:0;display:grid}.hw-node__dot{width:54px;height:54px;color:color-mix(in srgb, var(--b-blue) 70%, var(--ink));background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line-2), var(--shadow-1);transition:transform .4s var(--ease), background .35s, color .35s, box-shadow .35s;border-radius:18px;place-items:center;font-size:.86rem;font-weight:800;display:grid}.hw-node.done .hw-node__dot{color:#1a4fd6;background:var(--b-ice);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--b-blue) 40%, transparent)}.hw-node.on .hw-node__dot{color:#fff;background:var(--b-grad);box-shadow:var(--b-glow);transform:translateY(-6px)scale(1.12)}.hw-node.on .hw-node__t{color:var(--ink)}.hw-node:hover .hw-node__dot{transform:translateY(-4px)}.hw-detail{background:var(--surface);max-width:820px;box-shadow:inset 0 0 0 1px var(--line), 0 30px 60px -36px #2f6bff8c;animation:hwIn .5s var(--ease);border-radius:26px;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;margin:0 auto;padding:24px 28px;display:grid;position:relative;overflow:hidden}.hw-detail__big{font:800 9rem/1 var(--f-head);color:#0000;-webkit-text-stroke:1.5px color-mix(in srgb, var(--b-violet) 22%, transparent);pointer-events:none;position:absolute;bottom:-40px;right:-10px}.hw-detail__ic{color:#fff;background:var(--b-grad);width:68px;height:68px;box-shadow:var(--b-glow);border-radius:22px;place-items:center;animation:.6s cubic-bezier(.34,1.56,.64,1) hwPop;display:grid}.hw-detail small{font:700 .74rem var(--f-head);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--b-blue) 70%, var(--ink))}.hw-detail h3{margin:4px 0 6px;font-size:1.5rem}.hw-detail p{color:var(--ink-2);max-width:52ch;margin:0}.hw-detail__mini{grid-template-columns:repeat(4,12px);gap:6px;display:grid;position:relative}.hw-detail__mini i{background:var(--line);width:12px;height:12px;transition:background .3s;transition-delay:calc(var(--i) * 40ms);border-radius:4px}.hw-detail__mini i.on{background:var(--b-grad)}@keyframes hwIn{0%{opacity:0;transform:translateY(14px)scale(.98)}}@keyframes hwPop{0%{transform:scale(.4)rotate(-20deg)}}@media (max-width:860px){.hw-rail{scrollbar-width:none;padding:12px 0 6px;overflow-x:auto}.hw-rail__nodes{grid-template-columns:repeat(8,76px)}.hw-rail__track,.hw-rail__train{display:none}.hw-detail{grid-template-columns:auto 1fr}.hw-detail__mini{display:none}}.hw-ops{background:radial-gradient(800px 360px at 80% 50%, color-mix(in srgb, var(--b-blue) 10%, transparent), transparent 70%)}.hw-ops__in{grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(26px,4vw,48px);display:grid}.hw-room{isolation:isolate;color:#fff;background:var(--b-grad-deep);border-radius:28px;grid-template-columns:1fr 1fr;gap:18px;padding:20px;display:grid;position:relative;overflow:hidden;box-shadow:0 40px 80px -40px #101b4dcc}.hw-room:before{content:"";z-index:-1;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:28px 28px;position:absolute;top:0;bottom:0;left:0;right:0}.hw-room__radar{z-index:-1;border:1px solid #7fd8ff2e;border-radius:50%;width:340px;height:340px;position:absolute;top:-120px;right:-120px;overflow:hidden;box-shadow:inset 0 0 0 50px #7fd8ff08,inset 0 0 0 100px #7fd8ff08}.hw-room__radar i{background:conic-gradient(#7fd8ff59,#0000 22%);animation:5s linear infinite spin;position:absolute;top:0;bottom:0;left:0;right:0}.hw-room h3{color:#fff;align-items:center;gap:8px;margin:0 0 12px;font-size:.95rem;display:flex}.hw-live{background:#4ade80;border-radius:50%;width:8px;height:8px;animation:1.8s infinite live}.hw-q{transition:transform .35s var(--ease), background .3s;background:#ffffff12;border-radius:14px;gap:10px;margin-bottom:8px;padding:11px 12px;display:flex;box-shadow:inset 0 0 0 1px #ffffff0f}.hw-ops .hw-q{opacity:0;transform:translate(-16px)}.hw-ops.is-in .hw-q{opacity:1;transition:opacity .5s var(--ease), transform .5s var(--ease);transition-delay:calc(var(--i) * .14s);transform:none}.hw-ops.is-in .hw-q:hover{background:#ffffff1f;transition-delay:0s;transform:translate(4px)}.hw-q i{background:var(--c);width:10px;height:10px;box-shadow:0 0 10px var(--c);border-radius:50%;flex:none;margin-top:5px}.hw-q b{font-size:.88rem;display:block}.hw-q small{color:#aeb8e6;font-size:.76rem}.hw-cell{grid-template-columns:1fr auto;gap:6px 10px;margin-bottom:13px;font-size:.8rem;display:grid}.hw-cell em{color:#c6cff5;font-style:normal}.hw-cell i{background:#ffffff1a;border-radius:5px;grid-column:1/-1;height:9px;position:relative;overflow:hidden}.hw-cell i:after{content:"";border-radius:inherit;transform-origin:0;transition:transform 1.2s var(--ease);transition-delay:calc(.3s + var(--i) * .12s);background:linear-gradient(90deg,#0bc5ff,#2f6bff);position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.hw-ops.is-in .hw-cell i:after{transform:scaleX(var(--v))}.hw-cell.s-full i:after{background:linear-gradient(90deg,#22c55e,#4ade80)}.hw-cell.s-nearlyfull i:after{background:linear-gradient(90deg,#f59e0b,#fcd34d)}.hw-cell.s-lagging i:after{background:linear-gradient(90deg,#f87171,#fca5a5)}@media (max-width:900px){.hw-ops__in,.hw-room{grid-template-columns:1fr}}.hw-seg{background:var(--surface);width:-moz-fit-content;width:fit-content;max-width:100%;box-shadow:inset 0 0 0 1px var(--line), var(--shadow-1);border-radius:999px;flex-wrap:wrap;justify-content:center;gap:6px;margin:24px auto 30px;padding:6px;display:flex}.hw-seg button{color:var(--ink-2);font:600 .88rem var(--f-head);background:0 0;border:0;border-radius:999px;padding:10px 16px;transition:background .3s,color .3s}.hw-seg button:hover{color:var(--b-blue)}.hw-seg button.on{color:#fff;background:var(--b-grad);box-shadow:var(--b-glow)}.hw-circuit{max-width:1120px;margin:0 auto 18px;position:relative}.hw-wire{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--b-blue) 40%, transparent) 0 8px, transparent 8px 14px);height:2px;position:absolute;top:34px;left:6%;right:6%;overflow:hidden}.hw-wire i{animation:3.4s linear infinite hwWire;position:absolute;top:0;bottom:0;left:0;right:0}.hw-wire i:after{content:"";filter:blur(.5px);background:linear-gradient(90deg,#0000,#2f6bff,#7fd8ff);border-radius:10px;width:60px;height:10px;position:absolute;top:-4px;left:0}@keyframes hwWire{0%{transform:translate(-60px)}to{transform:translate(100%)}}.hw-chain{grid-template-columns:repeat(6,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid;position:relative}.hw-chain li{text-align:center;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line), 0 18px 36px -28px #2f6bff99;animation:hwIn .5s var(--ease) both;animation-delay:calc(var(--i) * 80ms);transition:transform .35s var(--ease), box-shadow .35s;border-radius:22px;justify-items:center;gap:10px;padding:16px 12px 18px;display:grid}.hw-chain li:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--b-blue) 35%, transparent), var(--b-glow);transform:translateY(-5px)}.hw-chip{color:#fff;font:800 .74rem var(--f-head);letter-spacing:.08em;text-transform:uppercase;background:var(--b-grad);box-shadow:0 0 0 6px var(--bg);border-radius:999px;align-items:center;gap:6px;padding:7px 12px;display:inline-flex}.hw-chain li:nth-child(n+4) .hw-chip{background:var(--b-grad-v)}.hw-chain p{color:var(--ink);margin:0;font-size:.92rem;font-weight:600;line-height:1.4}@media (max-width:960px){.hw-chain{grid-template-columns:repeat(3,1fr)}.hw-wire{display:none}}@media (max-width:520px){.hw-chain{grid-template-columns:1fr 1fr}}.hw-mkt{background:linear-gradient(180deg, transparent, var(--b-ice) 60%, transparent)}[data-theme=dark] .hw-mkt{background:linear-gradient(180deg, transparent, var(--bg-2) 60%, transparent)}.hw-stairs{grid-template-columns:repeat(7,1fr);align-items:end;gap:10px;margin:24px 0 18px;padding:70px 0 0;list-style:none;display:grid;position:relative}.hw-stairs li{min-height:calc(130px + var(--i) * 12px);background:linear-gradient(180deg, var(--surface), color-mix(in srgb, var(--b-blue) calc(4% + var(--i) * 2%), var(--surface)));box-shadow:inset 0 0 0 1px var(--line), 0 18px 30px -24px #2f6bff99;transition:transform .35s var(--ease);border-radius:20px 20px 8px 8px;align-content:start;gap:6px;padding:16px 14px;display:grid;position:relative}.hw-stairs li:hover{transform:translateY(-6px)}.hw-stairs__n{color:#fff;background:var(--b-grad);border-radius:12px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.hw-stairs b{font-family:var(--f-head)}.hw-stairs small{color:var(--ink-3);font-size:.8rem;line-height:1.4}.hw-stairs__climber{background:#fff;border-radius:50%;width:18px;height:18px;margin-left:-9px;animation:7s ease-in-out infinite hwClimb;position:absolute;top:30px;left:7.14286%;box-shadow:0 0 0 5px #0bc5ff4d,0 0 20px #0bc5ff}.hw-stairs{container-type:inline-size}@keyframes hwClimb{0%{opacity:0;transform:translateY(72px)}8%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(85.7cqw)}}@media (max-width:1100px){.hw-stairs{grid-template-columns:repeat(4,1fr);padding-top:0}.hw-stairs li{min-height:140px}.hw-stairs__climber{display:none}}@media (max-width:600px){.hw-stairs{grid-template-columns:1fr 1fr}}.hw-ba__box{height:360px;box-shadow:var(--shadow-3);border-radius:30px;margin-top:28px;position:relative;overflow:hidden}.hw-ba__side{align-content:center;gap:14px;padding:clamp(22px,4vw,46px);display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.hw-ba__side ul{gap:10px;max-width:360px;margin:0;padding:0;list-style:none;display:grid;position:relative}.hw-ba__side li{align-items:center;gap:10px;font-weight:600;display:flex}.hw-ba__before{color:var(--b-navy);background:repeating-linear-gradient(0deg,#f6f7fb 0 31px,#e7eaf3 31px 32px)}.hw-ba__before h3{color:var(--b-navy);position:relative}.hw-ba__before li svg{color:#e5484d}.hw-ba__notes span{font:600 .76rem var(--f-head);color:#5b5240;transform:rotate(calc((var(--i) - 1.5) * 5deg));animation:6s ease-in-out infinite hwNote;animation-delay:calc(var(--i) * -1.4s);background:#fff6c9;border-radius:6px;padding:10px 12px;position:absolute;box-shadow:0 10px 20px -12px #00000059}.hw-ba__notes span:first-child{top:12%;left:44%}.hw-ba__notes span:nth-child(2){background:#ffe1e6;bottom:10%;left:30%}.hw-ba__notes span:nth-child(3){background:#ddf2ff;top:46%;left:52%}.hw-ba__notes span:nth-child(4){top:24%;left:64%}@keyframes hwNote{50%{translate:0 -5px}}.hw-ba__after{color:#fff;background:radial-gradient(500px 300px at 100% 0%, #7b4dff, transparent 60%), var(--b-grad);clip-path:inset(0 0 0 var(--p));text-align:right;justify-items:end}.hw-ba__after:before{content:"";background-image:radial-gradient(#ffffff29 1px,#0000 1.2px);background-size:22px 22px;position:absolute;top:0;bottom:0;left:0;right:0}.hw-ba__after h3{color:#fff;position:relative}.hw-ba__after li{flex-direction:row-reverse}.hw-ba__rng{z-index:3;opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;top:0;bottom:0;left:0;right:0}.hw-ba__handle{z-index:2;top:50%;left:var(--p);width:50px;height:50px;color:var(--b-blue);pointer-events:none;background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;translate:-50% -50%;box-shadow:0 8px 22px #101b4d59,0 0 0 6px #ffffff59}.hw-ba__handle:before{content:"";z-index:-1;background:#fff;width:3px;margin-left:-1.5px;position:absolute;top:-400px;bottom:-400px;left:50%}@media (max-width:640px){.hw-ba__box{height:460px}.hw-ba__notes{display:none}}.hw-layers{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(26px,5vw,60px);display:grid}.hw-layers__list{gap:8px;margin:22px 0 0;padding:0;list-style:none;display:grid}.hw-layers__list button{text-align:left;background:var(--surface);width:100%;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);transition:transform .3s var(--ease), box-shadow .3s;border:0;border-radius:18px;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.hw-layers__list button.on{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--b-blue) 45%, transparent), var(--b-glow);transform:translate(6px)}.hw-layers__list b{font-family:var(--f-head);display:block}.hw-layers__list small{color:var(--ink-3);font-size:.86rem;line-height:1.45}.hw-layers__ic{color:#fff;background:var(--b-grad);border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid}.hw-shield{aspect-ratio:1;width:min(420px,100%);margin-inline-start:auto;margin-inline-end:auto;position:relative}.hw-shield__ring{inset:calc(var(--i) * 11%);border:1.5px dashed color-mix(in srgb, var(--b-blue) 30%, transparent);background:radial-gradient(circle, transparent 60%, color-mix(in srgb, var(--b-blue) calc(3% + var(--i) * 2%), transparent));animation:spin calc(40s - var(--i) * 6s) linear infinite;border-radius:50%;transition:border-color .4s,box-shadow .4s,background .4s;position:absolute}.hw-shield__ring:nth-child(2n){animation-direction:reverse}.hw-shield__ring em{font:700 .7rem var(--f-head);color:color-mix(in srgb, var(--b-blue) 70%, var(--ink));background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap;opacity:0;border-radius:999px;padding:3px 10px;font-style:normal;transition:opacity .3s;position:absolute;top:-12px;left:50%;translate:-50%}.hw-shield__ring.on{border-style:solid;border-color:var(--b-blue);box-shadow:0 0 30px -6px #2f6bffb3,inset 0 0 30px -10px #7b4dff99}.hw-shield__ring.on em{opacity:1}.hw-shield__core{color:#fff;background:var(--b-grad);box-shadow:var(--b-glow), 0 0 0 10px color-mix(in srgb, var(--b-blue) 12%, transparent);border-radius:30%;place-items:center;animation:6s ease-in-out infinite glyphFloat;display:grid;position:absolute;top:38%;bottom:38%;left:38%;right:38%}@media (max-width:860px){.hw-layers{grid-template-columns:1fr}.hw-shield{width:min(320px,100%)}}@media (prefers-reduced-motion:reduce){.hw-room__radar i,.hw-wire i,.hw-stairs__climber,.hw-ba__notes span,.hw-shield__ring,.hw-shield__core{animation:none}.hw-ops .hw-q{opacity:1;transform:none}.hw-cell i:after{transform:scaleX(var(--v))}}@media (max-width:600px){.hw-layers__list button.on{transform:none}.hw-detail{gap:14px;padding:20px}.hw-detail__big{font-size:6rem}}