.hx-m.mx .mk{position:absolute;opacity:0}
.hx-m.mx.on .mk{animation:mxdrop .7s cubic-bezier(.3,1.35,.5,1) forwards}
@keyframes mxdrop{0%{opacity:0;transform:translateY(-26px)}55%{opacity:1}100%{opacity:1;transform:none}}
@keyframes mxpop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.15)}100%{opacity:1;transform:scale(1)}}
.hx-m .x1{left:-11px;top:-32px;width:22px;height:31px;filter:drop-shadow(0 5px 6px rgba(0,0,0,.5)) drop-shadow(0 0 8px rgba(255,90,78,.35))}
.hx-m.on .x1{animation:mxspin .8s cubic-bezier(.3,1.3,.5,1) forwards}
@keyframes mxspin{0%{opacity:0;transform:translateY(-34px) rotateY(180deg)}60%{opacity:1}100%{opacity:1;transform:none}}
.hx-m .xsh{left:-9px;top:-3px;width:18px;height:6px;border-radius:50%;background:rgba(0,0,0,.55);filter:blur(1.5px)}
.hx-m.on .xsh{animation:mxpop .5s ease .3s forwards}
.hx-m .x4{left:-15px;top:-40px;width:30px;height:30px;border-radius:50%;background:#2a1f4a;border:2.25px solid #fff;display:grid;place-items:center;box-shadow:0 5px 12px rgba(0,0,0,.5),0 0 0 3px rgba(255,90,78,.35)}
.hx-m .x4 svg{width:16px;height:15px}
.hx-m .x4 .tri{position:absolute;left:50%;top:100%;margin-left:-5px;margin-top:1px;border:5px solid transparent;border-top:6px solid #fff;width:0;height:0}
.hx-m .x9{left:-14px;top:-40px;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#3a1f2e,#1c1230);border:2px solid #ff8a3d;box-shadow:0 0 14px rgba(255,120,60,.6);display:grid;place-items:center}
.hx-m .x9 svg{width:13px;height:17px;animation:mxflick .5s ease-in-out infinite alternate;transform-origin:50% 90%}
@keyframes mxflick{to{transform:scale(1.08,.93) skewX(3deg)}}
.hx-m .x9 .stem{position:absolute;left:50%;top:100%;margin-left:-1px;width:2px;height:11px;background:linear-gradient(#ff8a3d,transparent)}
.hx-m .x10{left:-17px;top:-42px;width:34px;height:26px;filter:drop-shadow(0 0 7px rgba(255,90,78,.5))}
.hx-m .x10 svg{width:34px;height:26px;display:block}
.hx-m .x10 .h{position:absolute;top:22px;width:3px;height:3px;border-radius:50%;background:#dfe6ff;box-shadow:0 0 3px #fff;animation:mxhail 1.1s linear infinite;opacity:0}
.hx-m .x10 .h:nth-of-type(1){left:9px}.hx-m .x10 .h:nth-of-type(2){left:16px;animation-delay:.35s}.hx-m .x10 .h:nth-of-type(3){left:23px;animation-delay:.7s}
@keyframes mxhail{0%{transform:translateY(0);opacity:0}25%{opacity:1}100%{transform:translateY(18px);opacity:0}}
.hx-m .x12{left:0;top:0;width:0;height:0}
.hx-m .x12 .b{position:absolute;width:9px;height:9px;border:1.75px solid #ff7a70}
.hx-m .x12 .tl{left:-16px;top:-16px;border-right:0;border-bottom:0}.hx-m .x12 .tr{left:7px;top:-16px;border-left:0;border-bottom:0}
.hx-m .x12 .bl{left:-16px;top:7px;border-right:0;border-top:0}.hx-m .x12 .br{left:7px;top:7px;border-left:0;border-top:0}
.hx-m.on .x12{animation:mxlock .8s cubic-bezier(.2,.9,.3,1.2) forwards}
@keyframes mxlock{0%{opacity:0;transform:scale(2.3)}60%{opacity:1}100%{opacity:1;transform:scale(1)}}
.hx-m .x12 .c{position:absolute;left:-2.5px;top:-2.5px;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 6px #ff7a70;animation:mxblink .5s steps(2) infinite}
@keyframes mxblink{50%{opacity:.25}}
.hx-m .x14{left:0;top:-42px;width:24px;height:42px}
.hx-m .x14 .pole{position:absolute;left:-1px;top:0;width:2px;height:42px;background:linear-gradient(#fff,#aaa)}
.hx-m .x14 svg{position:absolute;left:1px;top:0;width:22px;height:14px;transform-origin:left center;animation:mxwave 1s ease-in-out infinite alternate}
@keyframes mxwave{to{transform:skewY(-6deg) scaleX(.9)}}
.hx-m.on .x14{animation:mxplant .6s cubic-bezier(.5,0,.8,.6) forwards}
@keyframes mxplant{0%{opacity:0;transform:translateY(-50px)}70%{opacity:1;transform:translateY(3px)}100%{opacity:1;transform:none}}
.hx-m .xdust{left:-12px;top:-3px;width:24px;height:6px;border-radius:50%;background:radial-gradient(rgba(255,190,180,.7),transparent 70%)}
.hx-m.on .xdust{animation:mxdust 1.2s ease-out .4s forwards}
@keyframes mxdust{0%{opacity:0;transform:scaleX(.3)}20%{opacity:1}100%{opacity:0;transform:scaleX(2.4)}}
.hx-m.n09 .rp{border-color:rgba(255,138,61,.75)}
.hx-m.mx:not(.n12) .pl{top:-34px}
@media (prefers-reduced-motion:reduce){.hx-m.mx .mk{opacity:1!important;animation:none!important;transform:none!important}}
.hx-m.mx[style*="transition: none"] .mk{opacity:1!important;animation:none!important;transform:none!important}
/* banner blend into page indigo */
.hx-fade{height:110px;background:linear-gradient(rgba(14,13,38,0),rgba(14,13,38,.55) 55%,var(--bg,#0e0d26))}
.hx-ban::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}
/* livelier feed */
.hx-feed{background:rgba(20,19,46,.9);border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 40px rgba(5,5,20,.45),inset 0 1px 0 rgba(255,255,255,.08)}
.hx-feed .fh b .lv{font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.1em;color:#fff;background:#EF4444;padding:2px 6px;border-radius:5px;margin-left:2px}
.hx-feed .dot{position:relative;box-shadow:0 0 0 0 rgba(239,68,68,.7);animation:mxlive 1.4s infinite}
@keyframes mxlive{0%{box-shadow:0 0 0 0 rgba(239,68,68,.75)}70%{box-shadow:0 0 0 8px rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}
.hx-feed li{transition:opacity .6s,filter .6s}
.hx-feed li:not(:first-child){opacity:.62}
.hx-feed li.new{animation:mxrow .9s cubic-bezier(.34,1.45,.5,1) both,mxflash 1.6s ease-out both;overflow:hidden}
@keyframes mxrow{0%{max-height:0;opacity:0;transform:translateX(26px) scale(.96)}40%{max-height:60px}100%{max-height:60px;opacity:1;transform:none}}
@keyframes mxflash{0%{background:rgba(242,105,105,.55)}100%{background:rgba(242,105,105,.10)}}
.hx-feed li.new .ic{animation:mxbounce .7s .25s cubic-bezier(.3,1.8,.5,1) both}
@keyframes mxbounce{0%{transform:scale(.4) translateY(4px)}100%{transform:none}}
.hx-feed .tx b{color:#fff}.hx-feed .tx i{color:#a9acd0}
.hx-feed .sc{color:#FFB3B3;background:rgba(242,105,105,.18);font-variant-numeric:tabular-nums;min-width:22px;text-align:center}
.hx-feed .ct em{overflow:hidden;height:1.2em;vertical-align:bottom;line-height:1.2em}
.hx-feed .ct em .roll{display:flex;flex-direction:column;animation:mxroll .55s cubic-bezier(.3,1.3,.5,1) forwards}
@keyframes mxroll{0%{transform:translateY(0)}100%{transform:translateY(-1.2em)}}
/* bigger hero text */
header.hero.hx6 .pill{font-size:14px;padding:7px 14px}
header.hero.hx6 h1{font-size:clamp(38px,3.9vw,58px);line-height:1.08}
header.hero.hx6 .sub{font-size:19.5px;line-height:1.5}
header.hero.hx6 .tog button{font-size:15px}
@media (max-width:1366px){header.hero.hx6 h1{font-size:clamp(36px,3.7vw,52px)}header.hero.hx6 .sub{font-size:18px}}
@media (max-width:700px){header.hero.hx6 .pill{font-size:12.5px;padding:5px 11px}header.hero.hx6 h1{font-size:clamp(29px,8.3vw,35px)}header.hero.hx6 .sub{font-size:16px}}
@media (prefers-reduced-motion:reduce){.hx-feed li.new,.hx-feed li.new .ic,.hx-feed .dot,.hx-feed .ct em .roll{animation:none!important}}
/* badge on banner */
.hx-ban .pill.onban{position:absolute;bottom:16px;z-index:3;margin:0;pointer-events:auto;background:rgba(16,15,40,.78);backdrop-filter:blur(8px);box-shadow:0 6px 20px rgba(5,5,20,.35)}
header.hero.hx6>.wrap{padding-top:22px;grid-template-rows:1fr}
header.hero.hx6 h1{margin-top:0!important}header.hero.hx6 .rt{margin-top:0}
@media (max-width:700px){.hx-feed{bottom:54px}.hx-ban .pill.onban{bottom:12px}header.hero.hx6>.wrap{padding-top:18px}}
header.hero.hx6>.wrap{align-content:start;padding-top:30px}
header.hero.hx6 h1,header.hero.hx6 .rt{align-self:start}
header.hero.hx6 .rt{padding-top:6px}
@media (max-width:900px){header.hero.hx6 .rt{margin-top:14px;padding-top:0}}
@media (max-width:700px){header.hero.hx6>.wrap{padding-top:20px}}
@media (max-width:1366px) and (min-width:701px){header.hero.hx6>.wrap{padding-top:24px;padding-bottom:22px}header.hero.hx6 h1{font-size:clamp(34px,3.55vw,50px)}header.hero.hx6 .tog{margin-top:16px!important}header.hero.hx6 .ctas{margin-top:14px!important}}
@media (max-width:700px){header.hero.hx6 .sub{margin-top:10px!important}}
/* v8: N02 beacon column */
.hx-m .x2col{left:-12px;top:-104px;width:24px;height:104px;background:linear-gradient(transparent,rgba(255,90,78,.18) 40%,rgba(255,90,78,.6));clip-path:polygon(32% 0,68% 0,100% 100%,0 100%);transform-origin:bottom}
.hx-m .x2core{left:-1.25px;top:-104px;width:2.5px;height:104px;background:linear-gradient(transparent,#fff);transform-origin:bottom}
.hx-m .x2base{left:-15px;top:-5px;width:30px;height:10px;border-radius:50%;background:radial-gradient(#fff,rgba(255,90,78,.9) 35%,transparent 70%)}
.hx-m .x2pt{left:-1px;top:-70px;width:2px;height:2px;background:#fff;border-radius:50%;box-shadow:0 0 4px #fff}
.hx-m.mx.on .x2col,.hx-m.mx.on .x2core{animation:x2rise 1s ease-out forwards,x2glow 2.4s 1s ease-in-out infinite}
.hx-m.mx.on .x2base{animation:mxdrop .5s forwards;opacity:1}
.hx-m.mx.on .x2pt{animation:x2mote 1.6s linear infinite}
@keyframes x2rise{0%{transform:scaleY(0);opacity:0}100%{transform:scaleY(1);opacity:1}}
@keyframes x2glow{0%,100%{opacity:1}50%{opacity:.7}}
@keyframes x2mote{from{transform:translate(var(--x,0),45px);opacity:0}30%{opacity:1}to{transform:translate(var(--x,0),-20px);opacity:0}}