/* PixelD Clean UI r10 */
#desktopMenu.pxa{
  display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  z-index:240;width:min(980px,calc(100vw - 48px));max-height:min(84vh,760px);
  grid-template-columns:190px minmax(0,1fr);overflow:hidden;border-radius:22px;
  background:linear-gradient(180deg,rgba(10,13,21,.99),rgba(6,8,14,.995));
  border:1px solid rgba(255,255,255,.08);box-shadow:0 34px 100px rgba(0,0,0,.52);color:#fff
}
body.desktop-view.menu-open #desktopMenu.pxa{display:grid}
.pxa-close{position:absolute;right:14px;top:14px;z-index:8;width:38px;height:38px;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:#151923;color:#fff;font-size:20px}
.pxa-brand{padding:28px 20px;display:flex;flex-direction:column;align-items:flex-start;border-right:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(53,16,43,.38),rgba(15,12,25,.18))}
.pxa-logo{display:flex;align-items:center;gap:8px}.pxa-logo img{width:112px;height:auto}.pxa-logo>span{font-size:18px;font-weight:800}
.pxa-brand>small{margin-top:30px;font-size:8px;line-height:1.6;letter-spacing:.18em;color:#9d91a2}
.pxa-main{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.88fr);grid-template-areas:"quick running" "quick session";gap:16px;padding:28px 24px 22px;min-width:0;overflow:auto}
.pxa-quick{grid-area:quick;min-width:0}.pxa-running{grid-area:running;min-width:0}.pxa-session{grid-area:session;min-width:0}
.pxa-kicker{display:block;margin:0 0 10px;font-size:8px;letter-spacing:.18em;color:#8e8495}
.pxa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pxa-grid button{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-width:0;min-height:58px;padding:9px 10px;border-radius:10px;background:#121824;border:1px solid rgba(255,255,255,.055);color:#fff;text-align:left}
.pxa-grid button:hover{background:#161d2a;border-color:rgba(164,97,255,.28)}
.pxa-grid button>i{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#1c2432;font-style:normal;font-size:10px;font-weight:800}
.pxa-grid button>span{display:flex;flex-direction:column;min-width:0}.pxa-grid b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pxa-grid small{margin-top:4px;font-size:9px;color:#818b9b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pxa-profile{margin-top:12px;padding:11px 12px;border-radius:10px;background:#101620;border:1px solid rgba(255,255,255,.055)}.pxa-profile small{display:block;font-size:8px;letter-spacing:.16em;color:#84798b}.pxa-profile b{display:block;margin-top:6px;font-size:11px;color:#e8ebf1}

.pxa-running-list{display:flex;flex-direction:column;gap:8px}.pxa-empty{padding:16px;border:1px dashed rgba(255,255,255,.08);border-radius:10px;color:#7f8998;font-size:10px}
.pxa-run{display:grid;grid-template-columns:8px 34px minmax(0,1fr) 30px;align-items:center;gap:9px;min-height:58px;padding:9px 10px;border-radius:10px;background:#121824;border:1px solid rgba(255,255,255,.055)}
.pxa-run-dot{width:7px;height:7px;border-radius:50%;background:#30d158;box-shadow:0 0 8px rgba(48,209,88,.38)}
.pxa-run-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#1b2230;font-size:10px;font-weight:800}
.pxa-run-main{display:flex;flex-direction:column;align-items:flex-start;min-width:0;background:transparent;border:0;padding:0;color:#fff;text-align:left}
.pxa-run-main b,.pxa-run-main span{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pxa-run-main b{font-size:11px}.pxa-run-main span{margin-top:4px;font-size:8.5px;color:#7e8898}
.pxa-run-close{width:28px;height:28px;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:#181e2a;color:#b9c0cc;font-size:15px}
.pxa-session{display:grid;grid-template-columns:1fr;gap:8px;align-content:start}.pxa-session .pxa-kicker{margin-bottom:2px}
.pxa-session button{min-height:46px;border-radius:10px;background:#101620;border:1px solid rgba(255,255,255,.055);color:#fff;text-align:left;padding:0 14px}.pxa-session .pxa-signout{color:#ff6489;border-color:rgba(255,90,130,.16);background:rgba(48,13,28,.28)}
.pxa-request{display:none;grid-column:1/-1;grid-row:1/-1;padding:16px;border-radius:14px;background:#111722;border:1px solid rgba(255,255,255,.07)}
#desktopMenu.request-app-open .pxa-quick,#desktopMenu.request-app-open .pxa-running,#desktopMenu.request-app-open .pxa-session{display:none}
#desktopMenu.request-app-open .pxa-request{display:block}.pxa-request-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.pxa-request-head small{display:block;color:#d983a0;font-size:9px;letter-spacing:.15em}.pxa-request-head b{display:block;margin-top:4px;font-size:18px}.pxa-request-head button{width:34px;height:34px}
.pxa-request label{display:block;margin-bottom:12px}.pxa-request label span{display:block;margin-bottom:6px;color:#b9c1ce;font-size:11px}.pxa-request input,.pxa-request textarea{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.08);background:#151a25;color:#fff;border-radius:10px;padding:11px 12px}.pxa-request textarea{min-height:90px}.pxa-request>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:10px}

#authModal.pxw{display:none}
body.desktop-view.auth-locked #authModal.pxw{display:block;position:fixed;inset:0;z-index:500;overflow:hidden;background:#070912;color:#fff;pointer-events:auto}
.pxw-bg{position:absolute;inset:0;background:radial-gradient(circle at 70% 34%,rgba(80,65,230,.30),transparent 25%),radial-gradient(circle at 92% 56%,rgba(229,50,127,.20),transparent 28%),linear-gradient(118deg,#070913 0%,#0b0d1a 47%,#1b0b1c 100%)}
.pxw-shell{position:relative;z-index:2;width:100%;height:100%;box-sizing:border-box;padding:24px 54px 26px;display:grid;grid-template-columns:minmax(430px,38%) minmax(0,62%);grid-template-rows:76px minmax(0,1fr) 126px;gap:16px 34px;align-items:center}
.pxw-head{grid-column:1/3;grid-row:1;display:grid;grid-template-columns:38% 62%;align-items:center}.pxw-brand{display:flex;align-items:center;gap:12px}.pxw-brand img{width:174px}.pxw-brand>span{font-size:30px;font-weight:800}
.pxw-head nav{display:flex;justify-content:flex-end;align-items:center;gap:32px}.pxw-head nav span{font-size:13px;color:#e7e9f0}.pxw-head nav button,.pxw-signin{border:0;border-radius:14px;background:linear-gradient(90deg,#7850ff,#ff3d8d);color:#fff;font-weight:780}.pxw-head nav button{min-width:160px;height:48px}
.pxw-copy{grid-column:1;grid-row:2;align-self:center;max-width:540px}.pxw-copy>small{display:block;margin-bottom:18px;font-size:11px;letter-spacing:.22em;color:#d8dce7}.pxw-copy h1{margin:0;font-size:clamp(56px,5vw,86px);line-height:.92;letter-spacing:-.055em}.pxw-copy h1 strong{display:block;background:linear-gradient(90deg,#8d66ff,#ff418e);-webkit-background-clip:text;background-clip:text;color:transparent}.pxw-copy p{margin:24px 0 20px;max-width:520px;font-size:17px;line-height:1.6;color:#c1c7d4}.pxw-signin{min-width:260px;height:58px;font-size:16px}.pxw-copy em{display:block;margin-top:20px;font-size:9px;font-style:normal;letter-spacing:.20em;color:#9ba3b3}

.pxw-hero{grid-column:2;grid-row:2;align-self:center;width:100%;min-width:0}.pxw-laptop{width:100%;filter:drop-shadow(0 34px 80px rgba(0,0,0,.50))}
.pxw-screen{position:relative;aspect-ratio:16/10;min-height:500px;border-radius:24px;overflow:hidden;border:10px solid #080b12;background:radial-gradient(circle at 72% 20%,rgba(107,62,210,.20),transparent 30%),linear-gradient(180deg,#121728,#090c15);box-shadow:0 34px 90px rgba(0,0,0,.54),0 0 60px rgba(117,72,255,.12)}
.pxw-screen::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.018),transparent 42%)}
.pxw-screen-head{height:24%;padding:24px 26px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:flex-start}.pxw-screen-head>div{display:flex;align-items:center;gap:10px}.pxw-screen-head img{width:118px}.pxw-screen-head>div>span{font-size:20px;font-weight:800}.pxw-screen-head>small{font-size:8px;letter-spacing:.18em;color:#8e98aa}
.pxw-panel{position:absolute;left:5%;right:5%;top:24%;bottom:6%;display:grid;grid-template-columns:1.55fr .9fr;gap:16px;padding:18px;border-radius:18px;background:rgba(8,11,19,.94);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 54px rgba(0,0,0,.34)}
.pxw-panel-apps>small,.pxw-panel-run>small{display:block;margin-bottom:10px;font-size:8px;letter-spacing:.18em;color:#8e98a9}
.pxw-panel-apps>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pxw-panel-apps i{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:8px;min-height:46px;padding:7px 9px;border-radius:9px;background:#121927;border:1px solid rgba(255,255,255,.05);font-style:normal}.pxw-panel-apps i b{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#1b2333;font-size:9px}.pxw-panel-apps i span{font-size:9.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pxw-panel-run{padding-left:14px;border-left:1px solid rgba(255,255,255,.07)}.pxw-panel-run>div{display:grid;grid-template-columns:8px 1fr;grid-template-rows:auto auto;gap:2px 9px;padding:9px 8px;margin-bottom:7px;border-radius:9px;background:#121927;border:1px solid rgba(255,255,255,.05)}.pxw-panel-run>div>i{grid-row:1/3;width:7px;height:7px;border-radius:50%;background:#30d158;align-self:center}.pxw-panel-run>div>b{font-size:9.5px}.pxw-panel-run>div>span{font-size:8px;color:#8993a3}.pxw-panel-run section{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.pxw-panel-run section small{display:block;margin-bottom:8px;font-size:8px;letter-spacing:.15em;color:#8b95a5}.pxw-panel-run section b{display:block;margin-bottom:7px;padding:10px;border-radius:8px;background:#101620;font-size:9px}.pxw-panel-run section .danger{color:#ff6489}
.pxw-base{width:108%;height:28px;margin-left:-4%;border-radius:0 0 40px 40px;background:linear-gradient(180deg,#242a36,#11151d);box-shadow:0 16px 30px rgba(0,0,0,.42)}
.pxw-cards{grid-column:1/3;grid-row:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pxw-cards article{display:grid;grid-template-columns:42px 1fr;align-items:center;min-height:90px;padding:15px;border-radius:16px;background:linear-gradient(180deg,rgba(17,21,34,.86),rgba(10,13,22,.94));border:1px solid rgba(255,255,255,.07)}.pxw-cards article:first-child{border-color:rgba(172,102,255,.42)}.pxw-cards article>i{font-style:normal;font-size:26px;color:#bb70ff}.pxw-cards article div{display:flex;flex-direction:column;gap:4px}.pxw-cards article b{font-size:13px}.pxw-cards article span{font-size:10px;line-height:1.35;color:#9da6b5}
.pxw-login{position:absolute;z-index:700;left:50%;top:50%;transform:translate(-50%,-48%) scale(.98);opacity:0;visibility:hidden;pointer-events:none;width:min(440px,calc(100vw - 32px));padding:22px;border-radius:20px;background:rgba(9,12,18,.98);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 90px rgba(0,0,0,.50)}#authModal.login-open .pxw-login{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}#authModal.login-open .pxw-shell{filter:blur(4px);opacity:.28;pointer-events:none}
.pxw-login-close{position:absolute;right:12px;top:12px;width:34px;height:34px}.pxw-login>small{display:block;color:#d983a0;font-size:9px;letter-spacing:.15em}.pxw-login h2{margin:8px 0 6px}.pxw-login p{margin:0 0 14px;color:#9da7b5}.pxw-login label{display:block;margin-top:12px}.pxw-login label span{display:block;margin-bottom:6px;color:#b9c1ce;font-size:11px}.pxw-login input{width:100%;box-sizing:border-box;height:46px;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:#141824;color:#fff;padding:0 12px}.pxw-login button[type=submit]{width:100%;height:46px;margin-top:14px;border:0;border-radius:11px;background:linear-gradient(90deg,#7850ff,#ff3d8d);color:#fff;font-weight:780}
@media(max-width:980px){#desktopMenu.pxa{grid-template-columns:1fr;width:min(96vw,680px);overflow:auto}.pxa-brand{border-right:0;border-bottom:1px solid rgba(255,255,255,.06);padding:18px}.pxa-main{grid-template-columns:1fr;grid-template-areas:"running" "quick" "session";padding:18px}.pxw-shell{grid-template-columns:1fr;grid-template-rows:70px auto auto auto;overflow:auto;padding:20px}.pxw-head{grid-column:1;grid-template-columns:1fr}.pxw-head nav span{display:none}.pxw-copy{grid-column:1;grid-row:2;max-width:none}.pxw-hero{grid-column:1;grid-row:3}.pxw-cards{grid-column:1;grid-row:4;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.pxa-grid{grid-template-columns:1fr}.pxw-cards{grid-template-columns:1fr}.pxw-copy h1{font-size:48px}}

/* r11 Rust-owned motion + icon system */
.pxi{font-style:normal!important}
.pxi-orange{background:linear-gradient(135deg,#ff8a2a,#ff5e00)!important;color:#fff!important}
.pxi-unreal{background:radial-gradient(circle at 35% 35%,#3b3f49,#0d0f14 72%)!important;color:#fff!important}
.pxi-firefox{background:linear-gradient(135deg,#ff9a35,#ff4d6d 52%,#6f57ff)!important;color:#fff!important}
.pxi-terminal{background:#151922!important;color:#f2f4f8!important;border:1px solid rgba(255,255,255,.10)!important}
.pxi-code{background:linear-gradient(135deg,#0b8cff,#3fb2ff)!important;color:#fff!important}
.pxi-agents{background:linear-gradient(135deg,#754dff,#d04fff)!important;color:#fff!important}
.pxi-files{background:linear-gradient(135deg,#2f7cf6,#5eb5ff)!important;color:#fff!important}
.pxi-editor{background:linear-gradient(135deg,#8155ff,#c47cff)!important;color:#fff!important}
.pxi-calc{background:linear-gradient(135deg,#159f83,#65d9bf)!important;color:#fff!important}
.pxi-mail{background:linear-gradient(135deg,#5868ff,#8fa0ff)!important;color:#fff!important}
.pxi-crm{background:linear-gradient(135deg,#8a55ff,#d16cff)!important;color:#fff!important;font-size:8px!important}
.pxi-erp{background:linear-gradient(135deg,#1d6fa5,#57c7e8)!important;color:#fff!important;font-size:8px!important}
.pxi-vision{background:linear-gradient(135deg,#7c4dff,#bc4dff)!important;color:#fff!important}

#authModal.pxw .pxw-bg{
  animation:pxwGlow var(--px-glow-ms,2600ms) ease-in-out infinite alternate;
}
#authModal.pxw .pxw-laptop{
  animation:pxwFloat var(--px-float-ms,6200ms) ease-in-out infinite;
  transform-origin:center;
}
#authModal.pxw .pxw-laptop::before{
  content:"";
  position:absolute;
  width:180px;height:180px;
  left:-145px;top:50%;
  transform:translateY(-50%);
  border-radius:50%;
  border:2px solid transparent;
  border-top-color:#785cff;
  border-right-color:#ff438d;
  box-shadow:0 0 36px rgba(113,83,255,.34),inset 0 0 34px rgba(255,65,145,.10);
  animation:pxwOrbit var(--px-orbit-ms,9000ms) linear infinite;
  pointer-events:none;
}
#authModal.pxw .pxw-laptop::after{
  content:"";
  position:absolute;
  width:132px;height:132px;
  left:-121px;top:50%;
  transform:translateY(-50%);
  border-radius:50%;
  border:1px dashed rgba(170,117,255,.40);
  animation:pxwOrbit calc(var(--px-orbit-ms,9000ms) * 1.35) linear infinite reverse;
  pointer-events:none;
}
#authModal.pxw .pxw-cards article{
  animation:pxwCardPulse var(--px-cards-ms,7800ms) ease-in-out infinite;
}
#authModal.pxw .pxw-cards article:nth-child(2){animation-delay:calc(var(--px-cards-ms,7800ms) * -.25)}
#authModal.pxw .pxw-cards article:nth-child(3){animation-delay:calc(var(--px-cards-ms,7800ms) * -.5)}
#authModal.pxw .pxw-cards article:nth-child(4){animation-delay:calc(var(--px-cards-ms,7800ms) * -.75)}

@keyframes pxwOrbit{to{rotate:360deg}}
@keyframes pxwGlow{from{filter:brightness(.92) saturate(.95)}to{filter:brightness(1.08) saturate(1.12)}}
@keyframes pxwFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes pxwCardPulse{0%,72%,100%{border-color:rgba(255,255,255,.07);transform:translateY(0)}82%{border-color:rgba(171,99,255,.42);transform:translateY(-3px)}}

@media(max-width:980px){
  #authModal.pxw .pxw-laptop::before,#authModal.pxw .pxw-laptop::after{display:none}
  #authModal.pxw .pxw-laptop{animation-duration:calc(var(--px-float-ms,6200ms) * 1.2)}
}
@media(max-width:700px){
  body.desktop-view.menu-open #desktopMenu.pxa{
    position:fixed;inset:0;left:0;top:0;transform:none;
    width:100vw;max-height:none;height:100dvh;border-radius:0;
    grid-template-columns:1fr;overflow:auto;
  }
  #desktopMenu.pxa .pxa-brand{
    position:sticky;top:0;z-index:5;
    flex-direction:row;align-items:center;justify-content:space-between;
    padding:14px 16px;border-right:0;border-bottom:1px solid rgba(255,255,255,.06);
    backdrop-filter:blur(16px);
  }
  #desktopMenu.pxa .pxa-brand>small{margin-top:0;max-width:120px;text-align:right}
  #desktopMenu.pxa .pxa-main{padding:14px;gap:14px}
  #desktopMenu.pxa .pxa-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #desktopMenu.pxa .pxa-grid button{min-height:64px}
  #desktopMenu.pxa .pxa-close{position:fixed;right:12px;top:12px}
  #authModal.pxw{overflow:auto}
  #authModal.pxw .pxw-shell{min-height:100dvh;height:auto;padding:18px}
  #authModal.pxw .pxw-head{position:sticky;top:0;z-index:5;padding:6px 0}
  #authModal.pxw .pxw-head nav{gap:10px}
  #authModal.pxw .pxw-head nav button{min-width:120px;height:42px}
  #authModal.pxw .pxw-copy h1{font-size:46px}
  #authModal.pxw .pxw-copy p{font-size:15px}
  #authModal.pxw .pxw-signin{width:100%;min-width:0}
  #authModal.pxw .pxw-screen{min-height:360px}
  #authModal.pxw .pxw-panel{grid-template-columns:1fr;overflow:hidden}
  #authModal.pxw .pxw-panel-run{display:none}
  #authModal.pxw .pxw-panel-apps>div{grid-template-columns:repeat(2,minmax(0,1fr))}
  #authModal.pxw .pxw-cards{grid-template-columns:1fr}
}
@media(max-width:430px){
  #desktopMenu.pxa .pxa-grid{grid-template-columns:1fr}
  #authModal.pxw .pxw-brand img{width:120px}
  #authModal.pxw .pxw-brand>span{font-size:22px}
  #authModal.pxw .pxw-copy h1{font-size:40px}
  #authModal.pxw .pxw-screen{min-height:300px}
}

/* r12 enterprise CTA */
.pxw-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pxw-org{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:56px;padding:0 18px;border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.035);
  color:#eef0f6;text-decoration:none;font-size:14px;font-weight:720;
  transition:background .18s ease,border-color .18s ease,transform .18s ease
}
.pxw-org:hover{background:rgba(255,255,255,.07);border-color:rgba(165,110,255,.34);transform:translateY(-1px)}
@media(max-width:700px){
  .pxw-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .pxw-actions .pxw-signin,.pxw-org{width:100%;box-sizing:border-box}
}

/* r13 approved hero image */
.pxw-hero-image{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
}
.pxw-hero-image img{
  display:block;
  width:min(100%,980px);
  max-height:660px;
  object-fit:contain;
  filter:drop-shadow(0 28px 46px rgba(0,0,0,.42)) drop-shadow(0 0 30px rgba(118,70,255,.16));
  border-radius:24px;
}
@media(max-width:1180px){
  .pxw-hero-image img{width:min(100%,860px)}
}
@media(max-width:980px){
  .pxw-hero-image img{width:100%;max-height:none;border-radius:18px}
}
@media(max-width:700px){
  .pxw-hero-image{order:2;margin-top:8px}
  .pxw-hero-image img{width:100%;border-radius:14px}
}

/* r14 exact approved welcome artwork */
#authModal.pxw{
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:#050611!important;
}
#authModal.pxw>.pxw-bg{display:none!important}
#authModal.pxw .pxw-shell.pxw-r14{
  position:relative!important;
  display:block!important;
  width:min(100vw,177.683dvh)!important;
  height:auto!important;
  aspect-ratio:1672/941;
  min-height:0!important;
  max-width:none!important;
  padding:0!important;
  margin:auto!important;
  overflow:hidden!important;
  background:#050611!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.pxw-r14-art{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  user-select:none;
  -webkit-user-drag:none;
}
.pxw-r14-hotspot{
  position:absolute;
  z-index:5;
  display:block;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:transparent;
  font-size:0;
  cursor:pointer;
  text-decoration:none;
  border-radius:16px;
}
.pxw-r14-hotspot:focus-visible{
  outline:2px solid rgba(255,255,255,.92);
  outline-offset:2px;
}
.pxw-r14-signin-top{left:84.3%;top:2.4%;width:10.6%;height:6.5%}
.pxw-r14-start{left:4.4%;top:51.3%;width:21.8%;height:7.4%}
.pxw-r14-org{left:4.4%;top:59.1%;width:22.4%;height:6.0%}
#authModal.pxw .pxw-login{z-index:30}
@media(max-width:700px){
  #authModal.pxw{overflow:auto!important}
  #authModal.pxw .pxw-shell.pxw-r14{
    width:100vw!important;
    aspect-ratio:1672/941;
    flex:none!important;
  }
}

/* r15: restore original branding and live revolving welcome symbol */
.pxw-r15-brand{
  position:absolute;
  z-index:8;
  left:3.7%;
  top:2.2%;
  display:flex;
  align-items:center;
  gap:14px;
  min-width:310px;
  padding:10px 18px 10px 12px;
  border-radius:14px;
  background:linear-gradient(90deg,rgba(4,7,18,.98) 0%,rgba(4,7,18,.93) 72%,rgba(4,7,18,0) 100%);
  pointer-events:none;
}
.pxw-r15-brand img{
  display:block;
  width:178px;
  height:auto;
  object-fit:contain;
}
.pxw-r15-brand>span{
  font-size:29px;
  line-height:1;
  font-weight:760;
  letter-spacing:-1.4px;
  color:#f6f7fb;
}
.pxw-r15-brand .pd-d{color:#ff176f}

.pxw-r15-orbit{
  position:absolute;
  z-index:4;
  left:28.3%;
  top:13.5%;
  width:24.5%;
  aspect-ratio:1;
  border-radius:50%;
  pointer-events:none;
  filter:drop-shadow(0 0 18px rgba(86,121,255,.28));
}
.pxw-r15-orbit::before,
.pxw-r15-orbit::after,
.pxw-r15-orbit>i,
.pxw-r15-orbit>b{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  box-sizing:border-box;
}
.pxw-r15-orbit::before{
  inset:5%;
  border:3px solid transparent;
  border-top-color:rgba(66,133,255,.95);
  border-right-color:rgba(242,64,255,.92);
  border-bottom-color:rgba(255,69,155,.70);
  box-shadow:0 0 22px rgba(78,114,255,.42), inset 0 0 22px rgba(226,70,255,.16);
  animation:pxr15Orbit var(--px-orbit-ms,9000ms) linear infinite;
}
.pxw-r15-orbit::after{
  inset:14%;
  border:2px dashed rgba(126,111,255,.62);
  box-shadow:0 0 18px rgba(92,117,255,.25);
  animation:pxr15Orbit calc(var(--px-orbit-ms,9000ms) * .72) linear infinite reverse;
}
.pxw-r15-orbit>i:first-child{
  inset:24%;
  border:2px solid transparent;
  border-left-color:rgba(0,198,255,.92);
  border-top-color:rgba(255,87,194,.80);
  animation:pxr15Orbit calc(var(--px-orbit-ms,9000ms) * .48) linear infinite;
}
.pxw-r15-orbit>i:nth-child(2){
  inset:37%;
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 0 24px rgba(117,87,255,.34);
  animation:pxr15Pulse var(--px-glow-ms,2600ms) ease-in-out infinite alternate;
}
.pxw-r15-orbit>b{
  inset:47%;
  background:radial-gradient(circle,#ffffff 0%,#8f73ff 35%,rgba(134,75,255,.15) 70%,transparent 72%);
  box-shadow:0 0 20px rgba(147,100,255,.64);
}
@keyframes pxr15Orbit{to{transform:rotate(360deg)}}
@keyframes pxr15Pulse{from{transform:scale(.95);opacity:.55}to{transform:scale(1.06);opacity:1}}

@media(max-width:980px){
  .pxw-r15-brand{left:3%;top:2%;min-width:220px;padding:7px 12px 7px 8px;gap:10px}
  .pxw-r15-brand img{width:128px}
  .pxw-r15-brand>span{font-size:21px}
  .pxw-r15-orbit{left:28%;top:14%;width:25%}
}
@media(max-width:700px){
  .pxw-r15-brand{min-width:165px}
  .pxw-r15-brand img{width:96px}
  .pxw-r15-brand>span{font-size:17px}
}

/* r16 auth visibility fix + clean brand mask + orbital animation */
#authModal.pxw{display:none!important}
body.desktop-view.auth-locked #authModal.pxw{
  display:grid!important;
  place-items:center!important;
}
body.desktop-view:not(.auth-locked) #authModal.pxw{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

.pxw-r15-brand{
  left:3.2%;
  top:1.8%;
  min-width:360px;
  padding:10px 22px 10px 14px;
  background:#030611!important;
  box-shadow:22px 0 26px rgba(3,6,17,.96);
}
.pxw-r15-brand::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-8px -34px -8px -14px;
  background:#030611;
  border-radius:12px;
}
.pxw-r15-brand img{width:176px}
.pxw-r15-brand>span{font-size:29px}

.pxw-r15-orbit{
  left:27.2%;
  top:12.1%;
  width:25.4%;
  aspect-ratio:1;
  filter:drop-shadow(0 0 22px rgba(99,96,255,.34));
  transform-style:preserve-3d;
}
.pxw-r15-orbit::before,
.pxw-r15-orbit::after,
.pxw-r15-orbit>i{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:90%;
  height:38%;
  border-radius:50%;
  border:2px solid rgba(91,139,255,.72);
  box-sizing:border-box;
  transform-origin:center;
  box-shadow:0 0 18px rgba(83,118,255,.30), inset 0 0 16px rgba(229,67,255,.08);
}
.pxw-r15-orbit::before{
  transform:translate(-50%,-50%) rotate(20deg);
  border-color:rgba(63,150,255,.76);
  animation:pxr16OrbitA var(--px-orbit-ms,9000ms) linear infinite;
}
.pxw-r15-orbit::after{
  transform:translate(-50%,-50%) rotate(80deg);
  border-color:rgba(244,69,255,.70);
  animation:pxr16OrbitB calc(var(--px-orbit-ms,9000ms)*.78) linear infinite reverse;
}
.pxw-r15-orbit>i:first-child{
  transform:translate(-50%,-50%) rotate(-42deg);
  border-color:rgba(255,75,166,.70);
  animation:pxr16OrbitC calc(var(--px-orbit-ms,9000ms)*.62) linear infinite;
}
.pxw-r15-orbit>i:nth-child(2){
  width:18px;height:18px;
  left:50%;top:8%;
  border:0;
  background:radial-gradient(circle,#fff 0 20%,#5fd3ff 35%,#7768ff 58%,transparent 72%);
  box-shadow:0 0 22px rgba(88,176,255,.95);
  animation:pxr16NodeA calc(var(--px-orbit-ms,9000ms)*.52) linear infinite;
}
.pxw-r15-orbit>b{
  position:absolute;
  left:50%;top:50%;
  width:12%;height:12%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,#fff 0 10%,#a481ff 30%,#7d4dff 55%,rgba(125,77,255,.05) 72%);
  box-shadow:0 0 26px rgba(139,98,255,.85);
  animation:pxr16Core var(--px-glow-ms,2600ms) ease-in-out infinite alternate;
}
@keyframes pxr16OrbitA{
  from{transform:translate(-50%,-50%) rotate(20deg) rotateZ(0)}
  to{transform:translate(-50%,-50%) rotate(380deg) rotateZ(360deg)}
}
@keyframes pxr16OrbitB{
  from{transform:translate(-50%,-50%) rotate(80deg) rotateZ(0)}
  to{transform:translate(-50%,-50%) rotate(440deg) rotateZ(360deg)}
}
@keyframes pxr16OrbitC{
  from{transform:translate(-50%,-50%) rotate(-42deg) rotateZ(0)}
  to{transform:translate(-50%,-50%) rotate(318deg) rotateZ(360deg)}
}
@keyframes pxr16NodeA{
  from{transform:translate(-50%,0) rotate(0deg) translateX(145px) rotate(0deg)}
  to{transform:translate(-50%,0) rotate(360deg) translateX(145px) rotate(-360deg)}
}
@keyframes pxr16Core{
  from{transform:translate(-50%,-50%) scale(.86);opacity:.62}
  to{transform:translate(-50%,-50%) scale(1.12);opacity:1}
}
@media(max-width:980px){
  .pxw-r15-brand{min-width:245px;padding:8px 14px 8px 10px}
  .pxw-r15-brand img{width:128px}
  .pxw-r15-brand>span{font-size:21px}
}

/* r19 enterprise welcome: Agent-ID-like dark palette, no galaxy */
#authModal.pxw{
  background:#07070c!important;
}
#authModal.pxw .pxw19-bg{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(34,12,20,.52) 0%,rgba(12,10,15,.92) 38%,rgba(7,9,14,.98) 64%,rgba(8,14,26,.98) 100%);
}
#authModal.pxw .pxw19-bg::before{
  content:"";position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:76px 76px;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 34%,#000 72%);
}
#authModal.pxw .pxw19-shell{
  position:relative;z-index:1;
  width:min(100vw,1840px);height:100dvh;min-height:760px;
  margin:0 auto;padding:28px clamp(34px,4vw,84px) 30px;
  display:grid;
  grid-template-columns:minmax(420px,.82fr) minmax(680px,1.38fr);
  grid-template-rows:auto 1fr auto;
  gap:18px 42px;
  overflow:hidden;
}
.pxw19-head{grid-column:1/3;display:flex;align-items:center;justify-content:space-between;min-height:54px;z-index:10}
.pxw19-brand{display:flex;align-items:center;gap:14px}
.pxw19-brand img{width:172px;height:auto;display:block}
.pxw19-brand>span{font-size:30px;line-height:1;font-weight:760;letter-spacing:-1.5px;color:#f7f8fb}
.pxw19-head nav{display:flex;align-items:center;gap:32px;color:#b9bec9;font-size:15px}
.pxw19-head nav button{
  border:1px solid rgba(255,255,255,.10);border-radius:999px;background:#11141a;color:#fff;
  padding:11px 20px;font:inherit;cursor:pointer
}
.pxw19-copy{align-self:center;max-width:580px;padding-bottom:48px;z-index:4}
.pxw19-copy>small{display:block;margin-bottom:22px;color:#8d93a1;font-weight:800;letter-spacing:.24em;font-size:11px}
.pxw19-copy h1{margin:0;color:#f6f5f6;font-size:clamp(62px,5vw,92px);line-height:.94;letter-spacing:-.055em}
.pxw19-copy h1 strong{font-weight:760;background:linear-gradient(90deg,#f2f1f3 0%,#f5f4f5 48%,#cfd7e7 100%);-webkit-background-clip:text;color:transparent}
.pxw19-copy h2{margin:28px 0 12px;color:#f2f2f3;font-size:clamp(24px,2vw,34px);line-height:1.16;letter-spacing:-.03em}
.pxw19-copy p{margin:0;color:#9da3af;font-size:17px;line-height:1.72;max-width:560px}
.pxw19-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.pxw19-actions button,.pxw19-actions a{
  height:50px;padding:0 22px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;
  font-weight:760;font-size:14px;text-decoration:none;cursor:pointer
}
.pxw19-actions button{border:1px solid #ea315f;background:#e91f54;color:#fff;box-shadow:0 10px 26px rgba(233,31,84,.20)}
.pxw19-actions a{border:1px solid rgba(255,255,255,.13);background:#111318;color:#f5f6f8}
.pxw19-copy em{display:block;margin-top:22px;color:#747b88;font-style:normal;font-weight:800;font-size:10px;letter-spacing:.22em}

.pxw19-visual{position:relative;align-self:center;min-height:590px;z-index:2}
.pxw19-orbit{
  position:absolute;left:3%;top:1%;width:72%;aspect-ratio:1;z-index:0;opacity:.86;pointer-events:none
}
.pxw19-orbit::before,.pxw19-orbit::after,.pxw19-orbit i{
  content:"";position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(79,104,161,.30);
  transform-origin:center
}
.pxw19-orbit::before{width:72%;height:72%;transform:translate(-50%,-50%) rotate(8deg);animation:pxw19OrbA var(--px-orbit-ms,9000ms) linear infinite}
.pxw19-orbit::after{width:92%;height:54%;transform:translate(-50%,-50%) rotate(29deg);border-color:rgba(186,48,87,.32);animation:pxw19OrbB calc(var(--px-orbit-ms,9000ms)*1.25) linear infinite reverse}
.pxw19-orbit i:nth-child(1){width:86%;height:46%;transform:translate(-50%,-50%) rotate(-24deg);border-color:rgba(81,100,151,.28);animation:pxw19OrbC calc(var(--px-orbit-ms,9000ms)*.84) linear infinite}
.pxw19-orbit i:nth-child(2){width:56%;height:56%;transform:translate(-50%,-50%) rotate(64deg);border-color:rgba(59,76,120,.25)}
.pxw19-orbit i:nth-child(3){width:14px;height:14px;left:84%;top:32%;border:0;background:#df3b67;box-shadow:0 0 18px rgba(223,59,103,.65);animation:pxw19Node calc(var(--px-orbit-ms,9000ms)*.65) linear infinite}
.pxw19-orbit b{position:absolute;left:50%;top:50%;width:92px;height:92px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(224,53,96,.45);background:radial-gradient(circle,rgba(71,31,50,.70),rgba(13,14,21,.95));box-shadow:0 0 30px rgba(206,45,87,.12)}
.pxw19-orbit b::after{content:"D";position:absolute;inset:0;display:grid;place-items:center;color:#f2f2f4;font-size:34px;font-weight:800}
.pxw19-orbit span{position:absolute;left:21%;top:22%;width:9px;height:9px;border-radius:50%;background:#eb406d;box-shadow:0 0 15px rgba(235,64,109,.75)}
@keyframes pxw19OrbA{to{transform:translate(-50%,-50%) rotate(368deg)}}
@keyframes pxw19OrbB{to{transform:translate(-50%,-50%) rotate(389deg)}}
@keyframes pxw19OrbC{to{transform:translate(-50%,-50%) rotate(336deg)}}
@keyframes pxw19Node{to{transform:rotate(360deg) translateX(8px)}}

.pxw19-laptop{position:absolute;z-index:2;right:-2%;bottom:2%;width:95%;height:76%;filter:drop-shadow(0 34px 46px rgba(0,0,0,.48))}
.pxw19-screen{position:absolute;left:8%;right:5%;top:2%;bottom:12%;overflow:hidden;border:10px solid #0b0d12;border-radius:22px 22px 10px 10px;background:#17191e;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.pxw19-base{position:absolute;left:2%;right:0;bottom:2%;height:12%;border-radius:0 0 44% 44%/0 0 88% 88%;background:linear-gradient(#4f525a,#1e2026 52%,#090a0d);box-shadow:inset 0 2px rgba(255,255,255,.20)}
.pxw19-base::after{content:"";position:absolute;left:37%;right:37%;top:8%;height:10px;border-radius:0 0 12px 12px;background:#2a2c31}

.pxw19-blender{position:absolute;inset:0;background:#292b2f;color:#c9cbd0;font-size:10px;overflow:hidden}
.pxw19-blender-top{height:34px;padding:9px 14px;background:#1d1f22;border-bottom:1px solid #33363c;white-space:nowrap}
.pxw19-scene{position:absolute;left:0;right:22%;top:34px;bottom:0;background:
 linear-gradient(0deg,transparent 49%,rgba(255,255,255,.08) 50%,transparent 51%),
 linear-gradient(90deg,transparent 49%,rgba(255,255,255,.08) 50%,transparent 51%),
 repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 34px),
 repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 34px),
 #303236}
.pxw19-cube{position:absolute;left:52%;top:42%;width:72px;height:72px;background:rgba(125,132,139,.36);border:2px solid #f29236;transform:rotate(12deg) skewY(-4deg);box-shadow:10px -10px 0 rgba(80,84,88,.22)}
.pxw19-axis{position:absolute;left:0;top:54%;height:1px;transform-origin:left center}
.ax-x{width:100%;background:#ba3947;transform:rotate(2deg)}.ax-y{width:92%;background:#4d8f55;transform:rotate(-8deg)}
.pxw19-outliner{position:absolute;right:0;top:34px;bottom:0;width:22%;padding:12px;background:#202226;border-left:1px solid #34363b;display:flex;flex-direction:column;gap:8px}
.pxw19-outliner b{font-size:10px}.pxw19-outliner span{padding:5px 6px;border-radius:4px}.pxw19-outliner .active{background:#315ba0;color:#fff}

.pxw19-menu{
  position:absolute;left:5.5%;right:8%;bottom:5%;height:58%;display:grid;grid-template-columns:22% 1fr;
  background:rgba(8,11,18,.97);border:1px solid rgba(255,255,255,.09);border-radius:16px;overflow:hidden;
  box-shadow:0 24px 60px rgba(0,0,0,.46)
}
.pxw19-menu-brand{padding:18px 16px;border-right:1px solid rgba(255,255,255,.07);background:linear-gradient(160deg,#17101b,#0a0d14 70%)}
.pxw19-menu-brand>div{display:flex;align-items:center;gap:8px}.pxw19-menu-brand img{width:74px}.pxw19-menu-brand>div>span{color:#fff;font-size:14px;font-weight:760}
.pxw19-menu-brand>small{display:block;margin-top:18px;color:#6f7581;font-size:7px;letter-spacing:.16em}
.pxw19-menu-main{display:grid;grid-template-columns:1.35fr .9fr;grid-template-rows:1fr auto;gap:12px;padding:16px}
.pxw19-menu-main section>small{display:block;color:#6d7481;font-size:7px;font-weight:800;letter-spacing:.18em;margin-bottom:8px}
.pxw19-apps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.pxw19-apps>i{height:42px;padding:6px 8px;border-radius:8px;background:#151b26;border:1px solid rgba(255,255,255,.04);display:flex;align-items:center;gap:8px;font-style:normal;color:#f5f6f8;overflow:hidden}
.pxw19-apps>i>b{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;font-size:12px;flex:none}.pxw19-apps>i>span{font-size:9px;font-weight:720;white-space:nowrap}
.pxw19-profile{margin-top:8px;padding:7px 9px;border-radius:8px;background:#151b26}.pxw19-profile small{display:block;color:#6d7481;font-size:6px}.pxw19-profile b{font-size:8px;color:#e8eaf0}
.pxw19-running{grid-column:2;grid-row:1}.pxw19-running>div{padding:9px 10px;margin-bottom:7px;border-radius:8px;background:#151b26}.pxw19-running b{display:block;color:#fff;font-size:9px}.pxw19-running span{display:block;margin-top:4px;color:#7b8493;font-size:7px}.pxw19-running span::first-letter{color:#28c98b}
.pxw19-session{grid-column:2;grid-row:2}.pxw19-session>div{padding:8px 10px;border-radius:7px;background:#151b26;color:#e7e9ee;font-size:8px;margin-top:5px}.pxw19-session .signout{color:#ff547d;border:1px solid rgba(255,84,125,.15);background:#1b1016}

.pxw19-cards{grid-column:1/3;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;z-index:4}
.pxw19-cards article{min-height:88px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(12,14,19,.84)}
.pxw19-cards b{display:block;color:#edf0f4;font-size:13px}.pxw19-cards span{display:block;margin-top:8px;color:#787f8d;font-size:11px;line-height:1.45}

#authModal.login-open .pxw19-shell{filter:blur(4px);opacity:.28;pointer-events:none}

@media(max-width:1180px){
  #authModal.pxw .pxw19-shell{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;overflow:auto;min-height:100dvh;height:auto}
  .pxw19-head{grid-column:1}.pxw19-copy{padding-bottom:0;max-width:760px}.pxw19-visual{min-height:570px}.pxw19-cards{grid-column:1;grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  #authModal.pxw .pxw19-shell{padding:18px;gap:16px}
  .pxw19-head nav span{display:none}.pxw19-head nav{gap:8px}.pxw19-brand img{width:112px}.pxw19-brand>span{font-size:21px}
  .pxw19-copy h1{font-size:52px}.pxw19-copy h2{font-size:22px}.pxw19-copy p{font-size:15px}.pxw19-actions{flex-direction:column}.pxw19-actions button,.pxw19-actions a{width:100%}
  .pxw19-visual{min-height:410px}.pxw19-laptop{width:110%;right:-8%;height:76%}.pxw19-menu{left:4%;right:4%;height:64%;grid-template-columns:1fr}.pxw19-menu-brand{display:none}.pxw19-menu-main{grid-template-columns:1.2fr .8fr;padding:10px}.pxw19-apps>i:nth-child(n+7){display:none}
  .pxw19-cards{grid-template-columns:1fr}
}

/* r20 controlled compute-state animation */
.pxw19-orbit{
  left:2.5%;
  top:0;
  width:74%;
  opacity:.72;
  filter:none;
}
.pxw19-orbit::before,
.pxw19-orbit::after,
.pxw19-orbit i{
  box-shadow:none!important;
}
.pxw19-orbit::before{
  width:76%;
  height:76%;
  border-color:rgba(63,86,136,.33);
  animation:r20TrackA calc(var(--px-orbit-ms,9000ms)*1.35) linear infinite;
}
.pxw19-orbit::after{
  width:96%;
  height:48%;
  border-color:rgba(196,49,83,.31);
  animation:r20TrackB calc(var(--px-orbit-ms,9000ms)*1.65) linear infinite reverse;
}
.pxw19-orbit i:nth-child(1){
  width:88%;
  height:42%;
  border-color:rgba(69,93,145,.28);
  animation:r20TrackC calc(var(--px-orbit-ms,9000ms)*1.08) linear infinite;
}
.pxw19-orbit i:nth-child(2){
  width:64%;
  height:64%;
  border-color:rgba(255,255,255,.055);
  animation:r20TrackD calc(var(--px-orbit-ms,9000ms)*2.1) linear infinite reverse;
}
.pxw19-orbit i:nth-child(3){
  width:10px;height:10px;
  left:50%;top:50%;
  background:#ee3e69;
  box-shadow:0 0 12px rgba(238,62,105,.68);
  animation:r20NodeA calc(var(--px-orbit-ms,9000ms)*.92) linear infinite;
}
.pxw19-orbit b{
  width:74px;height:74px;
  border-color:rgba(231,53,94,.32);
  background:
    radial-gradient(circle at 50% 50%,rgba(238,74,113,.18) 0 22%,rgba(20,20,28,.97) 24% 100%);
  animation:r20Core var(--px-glow-ms,2600ms) ease-in-out infinite alternate;
}
.pxw19-orbit b::after{
  content:"";
  inset:24%;
  border-radius:50%;
  border:1px solid rgba(236,68,107,.42);
  background:radial-gradient(circle,rgba(244,76,117,.62) 0 10%,transparent 12%);
}
.pxw19-orbit span{
  left:50%;top:50%;
  width:8px;height:8px;
  background:#7ea1ff;
  box-shadow:0 0 11px rgba(126,161,255,.70);
  animation:r20NodeB calc(var(--px-orbit-ms,9000ms)*1.25) linear infinite reverse;
}
.pxw19-orbit span::after{
  content:"";
  position:absolute;
  width:7px;height:7px;border-radius:50%;
  background:#e74d79;
  box-shadow:0 0 10px rgba(231,77,121,.62);
  animation:r20NodeC calc(var(--px-orbit-ms,9000ms)*.78) linear infinite;
}
@keyframes r20TrackA{
  from{transform:translate(-50%,-50%) rotate(8deg)}
  to{transform:translate(-50%,-50%) rotate(368deg)}
}
@keyframes r20TrackB{
  from{transform:translate(-50%,-50%) rotate(29deg)}
  to{transform:translate(-50%,-50%) rotate(389deg)}
}
@keyframes r20TrackC{
  from{transform:translate(-50%,-50%) rotate(-24deg)}
  to{transform:translate(-50%,-50%) rotate(336deg)}
}
@keyframes r20TrackD{
  from{transform:translate(-50%,-50%) rotate(64deg)}
  to{transform:translate(-50%,-50%) rotate(424deg)}
}
@keyframes r20NodeA{
  from{transform:translate(-50%,-50%) rotate(0deg) translateX(220px)}
  to{transform:translate(-50%,-50%) rotate(360deg) translateX(220px)}
}
@keyframes r20NodeB{
  from{transform:translate(-50%,-50%) rotate(0deg) translateX(164px)}
  to{transform:translate(-50%,-50%) rotate(360deg) translateX(164px)}
}
@keyframes r20NodeC{
  from{transform:rotate(0deg) translateX(92px)}
  to{transform:rotate(360deg) translateX(92px)}
}
@keyframes r20Core{
  from{transform:translate(-50%,-50%) scale(.94);opacity:.66}
  to{transform:translate(-50%,-50%) scale(1.06);opacity:1}
}
@media (prefers-reduced-motion:reduce){
  .pxw19-orbit::before,.pxw19-orbit::after,.pxw19-orbit i,.pxw19-orbit b,.pxw19-orbit span,.pxw19-orbit span::after{animation:none!important}
}

/* r20ui1: tablet hero + stronger intersecting compute rings */
.pxw19-visual{min-height:620px;overflow:visible}
.pxw19-laptop{
  right:0;
  bottom:1%;
  width:91%;
  height:82%;
  filter:drop-shadow(0 34px 54px rgba(0,0,0,.52));
}
.pxw19-laptop::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:38px;
  background:linear-gradient(145deg,#303641 0%,#11151d 12%,#090c12 78%,#2c313a 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.18),
    inset 0 0 0 7px rgba(0,0,0,.76),
    0 0 0 1px rgba(87,118,173,.16),
    0 28px 70px rgba(0,0,0,.52);
}
.pxw19-laptop::after{
  content:"";
  position:absolute;
  left:50%;
  top:11px;
  width:8px;height:8px;
  transform:translateX(-50%);
  border-radius:50%;
  background:#111820;
  box-shadow:0 0 0 1px rgba(255,255,255,.10),0 0 8px rgba(69,122,179,.25);
  z-index:5;
}
.pxw19-screen{
  left:2.4%;
  right:2.4%;
  top:2.6%;
  bottom:2.6%;
  border:0;
  border-radius:29px;
  box-shadow:none;
  background:#181b20;
}
.pxw19-base{display:none!important}

/* make the desktop content feel native to the tablet screen */
.pxw19-menu{
  left:5%;
  right:5%;
  bottom:5%;
  height:60%;
  border-radius:15px;
}
.pxw19-blender-top{height:32px}
.pxw19-outliner{top:32px}
.pxw19-scene{top:32px}

/* more visible intersecting runtime circles */
.pxw19-orbit{
  left:-4%;
  top:-5%;
  width:92%;
  opacity:.98;
  filter:drop-shadow(0 0 10px rgba(74,118,255,.13));
}
.pxw19-orbit::before,
.pxw19-orbit::after,
.pxw19-orbit i{
  border-width:1.5px!important;
}
.pxw19-orbit::before{
  width:82%;
  height:82%;
  border-color:rgba(64,151,255,.58)!important;
  animation:r20uiRingA 13s linear infinite!important;
}
.pxw19-orbit::after{
  width:96%;
  height:50%;
  border-color:rgba(236,55,108,.62)!important;
  animation:r20uiRingB 17s linear infinite reverse!important;
}
.pxw19-orbit i:nth-child(1){
  width:88%;
  height:44%;
  border-color:rgba(181,64,255,.58)!important;
  animation:r20uiRingC 11s linear infinite!important;
}
.pxw19-orbit i:nth-child(2){
  width:58%;
  height:86%;
  border-color:rgba(62,221,255,.50)!important;
  animation:r20uiRingD 19s linear infinite reverse!important;
}
.pxw19-orbit i:nth-child(3){
  width:12px;height:12px;
  left:50%;top:50%;
  background:#ff3f70;
  box-shadow:0 0 16px rgba(255,63,112,.92);
  animation:r20uiNodeA 7.6s linear infinite!important;
}
.pxw19-orbit span{
  left:50%;top:50%;
  width:10px;height:10px;
  background:#42d8ff;
  box-shadow:0 0 16px rgba(66,216,255,.88);
  animation:r20uiNodeB 9.8s linear infinite reverse!important;
}
.pxw19-orbit span::after{
  width:9px;height:9px;
  background:#b851ff;
  box-shadow:0 0 14px rgba(184,81,255,.82);
  animation:r20uiNodeC 6.8s linear infinite!important;
}
.pxw19-orbit b{
  width:84px;height:84px;
  border:1px solid rgba(238,56,108,.46);
  background:radial-gradient(circle,rgba(239,58,112,.22) 0 16%,rgba(37,26,45,.78) 30%,rgba(10,13,19,.94) 70%);
  box-shadow:0 0 24px rgba(222,57,104,.18);
  animation:r20uiPulse 2.8s ease-in-out infinite alternate!important;
}
@keyframes r20uiRingA{
  from{transform:translate(-50%,-50%) rotate(8deg)}
  to{transform:translate(-50%,-50%) rotate(368deg)}
}
@keyframes r20uiRingB{
  from{transform:translate(-50%,-50%) rotate(31deg)}
  to{transform:translate(-50%,-50%) rotate(391deg)}
}
@keyframes r20uiRingC{
  from{transform:translate(-50%,-50%) rotate(-37deg)}
  to{transform:translate(-50%,-50%) rotate(323deg)}
}
@keyframes r20uiRingD{
  from{transform:translate(-50%,-50%) rotate(73deg)}
  to{transform:translate(-50%,-50%) rotate(433deg)}
}
@keyframes r20uiNodeA{
  from{transform:translate(-50%,-50%) rotate(0deg) translateX(245px)}
  to{transform:translate(-50%,-50%) rotate(360deg) translateX(245px)}
}
@keyframes r20uiNodeB{
  from{transform:translate(-50%,-50%) rotate(0deg) translateX(188px)}
  to{transform:translate(-50%,-50%) rotate(360deg) translateX(188px)}
}
@keyframes r20uiNodeC{
  from{transform:rotate(0deg) translateX(112px)}
  to{transform:rotate(360deg) translateX(112px)}
}
@keyframes r20uiPulse{
  from{transform:translate(-50%,-50%) scale(.94);opacity:.66}
  to{transform:translate(-50%,-50%) scale(1.08);opacity:1}
}

@media(max-width:1180px){
  .pxw19-laptop{width:96%;height:80%;right:1%}
}
@media(max-width:700px){
  .pxw19-visual{min-height:430px}
  .pxw19-laptop{width:112%;height:78%;right:-8%}
  .pxw19-laptop::before{border-radius:26px}
  .pxw19-screen{border-radius:21px}
  .pxw19-orbit{width:104%;left:-10%}
}

/* r20ui2: true tablet stand, richer Blender scene, interlocking multi-color compute rings */
.pxw19-laptop{
  right:1%;
  bottom:2%;
  width:89%;
  height:80%;
  transform:perspective(1400px) rotateY(-4deg) rotateX(1deg);
  transform-origin:center;
}
.pxw19-laptop::before{
  inset:0 0 3.5% 0;
  border-radius:34px;
  background:linear-gradient(145deg,#3a404a 0%,#11161e 10%,#080b10 82%,#3a4048 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.2),
    inset 0 0 0 7px rgba(0,0,0,.78),
    0 0 0 1px rgba(87,118,173,.15),
    0 34px 72px rgba(0,0,0,.55);
}
.pxw19-screen{
  left:2.2%;
  right:2.2%;
  top:2.3%;
  bottom:5.8%;
  border-radius:27px;
  overflow:hidden;
}
.pxw19-stand{
  position:absolute;
  z-index:-1;
  right:-3.2%;
  top:10%;
  width:28%;
  height:72%;
  background:linear-gradient(160deg,#252a33 0%,#10141a 55%,#05070a 100%);
  clip-path:polygon(30% 0,100% 13%,78% 100%,0 86%);
  border-radius:20px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),18px 24px 32px rgba(0,0,0,.32);
  transform:skewY(-3deg);
}
.pxw19-stand::after{
  content:"";
  position:absolute;
  left:-10%;right:2%;bottom:-2%;
  height:12%;
  border-radius:50%;
  background:rgba(0,0,0,.34);
  filter:blur(10px);
}
.pxw19-base{display:none!important}

/* richer Blender-style scene */
.pxw19-scene{
  background:
    radial-gradient(circle at 68% 38%,rgba(43,92,129,.22),transparent 23%),
    radial-gradient(circle at 48% 58%,rgba(199,77,35,.18),transparent 24%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0 1px,transparent 1px 34px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.028) 0 1px,transparent 1px 34px),
    linear-gradient(#25282d,#191c20);
}
.pxw19-robot{
  position:absolute;
  left:36%;
  top:18%;
  width:36%;
  aspect-ratio:1.05;
  border-radius:48% 48% 42% 42%;
  background:
    radial-gradient(circle at 62% 38%,rgba(85,178,255,.72) 0 4%,transparent 5%),
    radial-gradient(circle at 40% 46%,rgba(255,119,47,.84) 0 5%,transparent 6%),
    linear-gradient(135deg,#3d444d 0 18%,#16191e 19% 40%,#58616d 41% 50%,#11151a 51% 100%);
  border:2px solid rgba(240,133,59,.72);
  box-shadow:
    inset 18px -14px 28px rgba(0,0,0,.5),
    inset -14px 10px 20px rgba(111,183,255,.08),
    0 0 0 7px rgba(95,102,111,.16),
    0 0 28px rgba(255,113,46,.16);
  transform:rotate(-11deg);
}
.pxw19-robot::before{
  content:"";
  position:absolute;
  left:8%;top:12%;
  width:78%;height:18%;
  border-radius:50%;
  border:5px solid #434b56;
  border-top-color:#8995a3;
  border-right-color:#161a20;
  transform:rotate(-8deg);
}
.pxw19-robot::after{
  content:"";
  position:absolute;
  right:-9%;top:35%;
  width:31%;height:35%;
  border-radius:50%;
  background:radial-gradient(circle,#36c8ff 0 10%,#203542 11% 24%,#090d12 25% 47%,#5b626c 48% 62%,#171a1f 63%);
  border:2px solid rgba(114,199,255,.72);
  box-shadow:0 0 16px rgba(70,186,255,.4);
}
.pxw19-robot>i:nth-child(1),
.pxw19-robot>i:nth-child(2),
.pxw19-robot>i:nth-child(3){
  position:absolute;
  border-radius:50%;
  border:5px solid #343a43;
  box-shadow:inset 0 0 0 3px #12161b;
}
.pxw19-robot>i:nth-child(1){left:17%;top:44%;width:24%;height:24%;border-top-color:#f58642}
.pxw19-robot>i:nth-child(2){left:44%;top:21%;width:19%;height:19%;border-right-color:#5fc7ff}
.pxw19-robot>i:nth-child(3){left:45%;top:58%;width:28%;height:28%;border-bottom-color:#f05d37}
.pxw19-robot>b{
  position:absolute;left:11%;bottom:6%;width:66%;height:15%;
  border-radius:45% 55% 35% 48%;
  background:linear-gradient(90deg,#15191f,#5c6672 24%,#171c22 26% 66%,#8b4b32 68% 76%,#11151a);
  transform:rotate(5deg);
}
.pxw19-robot>span{
  position:absolute;left:5%;top:30%;width:14%;height:7%;
  border-radius:20px;background:#ee763f;box-shadow:0 0 10px rgba(238,118,63,.5);
}
.pxw19-lightglow{
  position:absolute;right:18%;top:15%;width:10px;height:10px;border-radius:50%;
  background:#ffa34f;
  box-shadow:0 0 8px #ffa34f,0 0 28px rgba(255,120,43,.8),0 0 54px rgba(255,112,38,.42);
}

/* larger real product menu */
.pxw19-menu{
  left:4.5%;
  right:4.5%;
  bottom:4.8%;
  height:61%;
  background:rgba(7,10,17,.965);
  border-color:rgba(119,91,189,.25);
  box-shadow:0 26px 58px rgba(0,0,0,.48),0 0 0 1px rgba(213,65,189,.07);
}

/* more distinctive interlocking-circle fabric */
.pxw19-orbit{left:-8%;top:-9%;width:105%;opacity:1}
.pxw19-orbit::before{
  width:78%!important;height:78%!important;
  border:2px solid rgba(59,152,255,.62)!important;
  animation:ui2CircleA 10.5s linear infinite!important;
}
.pxw19-orbit::after{
  width:102%!important;height:43%!important;
  border:2px solid rgba(255,62,116,.72)!important;
  animation:ui2CircleB 14s linear infinite reverse!important;
}
.pxw19-orbit i:nth-child(1){
  width:94%!important;height:52%!important;
  border:2px solid rgba(177,72,255,.68)!important;
  animation:ui2CircleC 8.4s linear infinite!important;
}
.pxw19-orbit i:nth-child(2){
  width:56%!important;height:96%!important;
  border:2px solid rgba(54,220,255,.62)!important;
  animation:ui2CircleD 16.5s linear infinite reverse!important;
}
.pxw19-orbit i:nth-child(3){
  width:72%!important;height:72%!important;
  border:1.5px dashed rgba(255,110,57,.52)!important;
  background:transparent!important;
  box-shadow:none!important;
  animation:ui2CircleE 12s linear infinite!important;
}
.pxw19-orbit b{
  width:60px;height:60px;
  border:1px solid rgba(255,255,255,.12);
  background:radial-gradient(circle,rgba(255,255,255,.75) 0 3%,rgba(69,176,255,.32) 4% 10%,rgba(32,19,48,.88) 11% 58%,rgba(10,12,18,.96) 59%);
  box-shadow:0 0 18px rgba(112,72,255,.2);
}
.pxw19-orbit span{
  width:11px;height:11px;
  background:#ff4678;
  box-shadow:0 0 16px rgba(255,70,120,.95);
  animation:ui2NodeA 7s linear infinite!important;
}
.pxw19-orbit span::after{
  width:10px;height:10px;background:#40d9ff;
  box-shadow:0 0 16px rgba(64,217,255,.95);
  animation:ui2NodeB 9s linear infinite reverse!important;
}
@keyframes ui2CircleA{to{transform:translate(-50%,-50%) rotate(368deg)}}
@keyframes ui2CircleB{to{transform:translate(-50%,-50%) rotate(391deg)}}
@keyframes ui2CircleC{to{transform:translate(-50%,-50%) rotate(323deg)}}
@keyframes ui2CircleD{to{transform:translate(-50%,-50%) rotate(433deg)}}
@keyframes ui2CircleE{
  from{transform:translate(-50%,-50%) rotate(18deg)}
  to{transform:translate(-50%,-50%) rotate(378deg)}
}
@keyframes ui2NodeA{
  from{transform:translate(-50%,-50%) rotate(0deg) translateX(265px)}
  to{transform:translate(-50%,-50%) rotate(360deg) translateX(265px)}
}
@keyframes ui2NodeB{
  from{transform:rotate(0deg) translateX(138px)}
  to{transform:rotate(360deg) translateX(138px)}
}
@media(max-width:700px){
  .pxw19-laptop{width:110%;right:-7%;height:76%}
  .pxw19-stand{right:-7%;width:30%}
  .pxw19-orbit{width:114%;left:-13%}
}

/* r21ui1 final welcome direction: premium laptop, restrained neon, no loader core */
#authModal.pxw .pxw19-bg{
  background:
    radial-gradient(circle at 14% 48%,rgba(94,18,54,.28),transparent 34%),
    radial-gradient(circle at 82% 34%,rgba(27,53,119,.26),transparent 38%),
    linear-gradient(90deg,#120911 0%,#09090e 42%,#080b12 66%,#09101c 100%);
}
#authModal.pxw .pxw19-bg::after{
  content:"";
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,transparent 0 36%,rgba(110,57,255,.035) 44%,transparent 52%),
    linear-gradient(90deg,transparent 0 72%,rgba(44,111,255,.03) 80%,transparent 88%);
  pointer-events:none;
}

.pxw19-laptop{
  right:-1%;
  bottom:0;
  width:96%;
  height:79%;
  transform:none;
  filter:drop-shadow(0 34px 54px rgba(0,0,0,.5));
}
.pxw19-laptop::before{
  inset:0 4% 12% 4%;
  border-radius:23px 23px 12px 12px;
  background:linear-gradient(145deg,#30343c 0%,#10141a 9%,#07090d 82%,#2c3038 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.16),
    inset 0 0 0 8px rgba(0,0,0,.8),
    0 0 0 1px rgba(88,103,148,.13),
    0 24px 55px rgba(0,0,0,.48);
}
.pxw19-laptop::after{
  top:10px;
  width:7px;height:7px;
  background:#101720;
}
.pxw19-screen{
  left:6.1%;
  right:6.1%;
  top:2.7%;
  bottom:14.6%;
  border-radius:15px 15px 7px 7px;
}
.pxw19-stand{display:none!important}
.pxw19-base{
  display:block!important;
  position:absolute;
  left:0;right:0;bottom:1.5%;
  height:13%;
  border-radius:0 0 46% 46%/0 0 92% 92%;
  background:
    linear-gradient(180deg,#646973 0%,#31353d 24%,#171a20 58%,#08090c 100%);
  box-shadow:
    inset 0 2px rgba(255,255,255,.22),
    0 13px 24px rgba(0,0,0,.36);
}
.pxw19-base::before{
  content:"";
  position:absolute;
  left:39%;right:39%;top:3%;
  height:10px;
  border-radius:0 0 13px 13px;
  background:#242830;
  box-shadow:inset 0 1px rgba(255,255,255,.12);
}
.pxw19-base::after{
  content:"";
  position:absolute;
  left:28%;right:28%;bottom:-5px;
  height:8px;
  border-radius:50%;
  background:rgba(0,0,0,.42);
  filter:blur(5px);
}

/* keep Blender visually rich behind the menu */
.pxw19-blender{
  background:#24272c;
}
.pxw19-menu{
  left:7%;
  right:7%;
  bottom:7%;
  height:58%;
  background:rgba(8,10,18,.965);
  border:1px solid rgba(139,89,184,.18);
  box-shadow:
    0 20px 48px rgba(0,0,0,.44),
    0 0 30px rgba(92,48,144,.055);
}

/* thinner, smoother compute orbits; no loader-like center */
.pxw19-orbit{
  left:-4%;
  top:-6%;
  width:96%;
  opacity:.82;
  filter:none;
}
.pxw19-orbit::before,
.pxw19-orbit::after,
.pxw19-orbit i{
  border-width:1.2px!important;
  box-shadow:none!important;
}
.pxw19-orbit::before{
  width:78%!important;height:78%!important;
  border-color:rgba(66,139,235,.44)!important;
  animation:finalOrbA 17s linear infinite!important;
}
.pxw19-orbit::after{
  width:96%!important;height:47%!important;
  border-color:rgba(222,63,110,.48)!important;
  animation:finalOrbB 21s linear infinite reverse!important;
}
.pxw19-orbit i:nth-child(1){
  width:88%!important;height:43%!important;
  border-color:rgba(152,75,225,.42)!important;
  animation:finalOrbC 14s linear infinite!important;
}
.pxw19-orbit i:nth-child(2){
  width:58%!important;height:88%!important;
  border-color:rgba(66,193,225,.37)!important;
  animation:finalOrbD 24s linear infinite reverse!important;
}
.pxw19-orbit i:nth-child(3){
  width:69%!important;height:69%!important;
  border:1px dashed rgba(224,103,65,.28)!important;
  background:transparent!important;
  box-shadow:none!important;
  animation:finalOrbE 19s linear infinite!important;
}
.pxw19-orbit b{display:none!important}
.pxw19-orbit span{
  width:8px;height:8px;
  background:#df4b75;
  box-shadow:0 0 10px rgba(223,75,117,.58);
  animation:finalNodeA 10s linear infinite!important;
}
.pxw19-orbit span::after{
  width:8px;height:8px;
  background:#56bde2;
  box-shadow:0 0 9px rgba(86,189,226,.52);
  animation:finalNodeB 13s linear infinite reverse!important;
}

.pxw19-cards article{
  background:linear-gradient(180deg,rgba(15,17,26,.93),rgba(9,11,17,.94));
  border-color:rgba(126,91,171,.14);
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}
.pxw19-actions button{
  background:linear-gradient(90deg,#dc315e,#cf2c6f);
  border-color:#d83668;
  box-shadow:0 9px 22px rgba(206,42,100,.15);
}

@keyframes finalOrbA{to{transform:translate(-50%,-50%) rotate(368deg)}}
@keyframes finalOrbB{to{transform:translate(-50%,-50%) rotate(389deg)}}
@keyframes finalOrbC{to{transform:translate(-50%,-50%) rotate(336deg)}}
@keyframes finalOrbD{to{transform:translate(-50%,-50%) rotate(424deg)}}
@keyframes finalOrbE{
  from{transform:translate(-50%,-50%) rotate(16deg)}
  to{transform:translate(-50%,-50%) rotate(376deg)}
}
@keyframes finalNodeA{
  from{transform:translate(-50%,-50%) rotate(0deg) translateX(230px)}
  to{transform:translate(-50%,-50%) rotate(360deg) translateX(230px)}
}
@keyframes finalNodeB{
  from{transform:rotate(0deg) translateX(126px)}
  to{transform:rotate(360deg) translateX(126px)}
}

@media(max-width:700px){
  .pxw19-laptop{width:112%;right:-8%;height:76%}
  .pxw19-screen{left:6.2%;right:6.2%;bottom:15%}
  .pxw19-orbit{width:108%;left:-10%}
}

/* r21ui2 unmistakable final visual pass */
#authModal.pxw .pxw19-bg{
  background:
    radial-gradient(circle at 14% 48%,rgba(114,22,67,.38),transparent 34%),
    radial-gradient(circle at 80% 34%,rgba(38,66,145,.34),transparent 40%),
    linear-gradient(90deg,#160b14 0%,#0a0a10 40%,#090c14 65%,#0a1220 100%)!important;
}
.pxw19-copy h1 strong{
  background:linear-gradient(90deg,#9e6cff 0%,#cf58ff 36%,#ef4d98 68%,#ff5d79 100%)!important;
  -webkit-background-clip:text!important;
  color:transparent!important;
}
.pxw19-actions button{
  background:linear-gradient(90deg,#6d43ff 0%,#bf3bda 48%,#ef3f78 100%)!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:0 10px 28px rgba(174,53,203,.24)!important;
}
.pxw19-laptop{
  width:103%!important;
  right:-5%!important;
  height:82%!important;
  bottom:-1%!important;
}
.pxw19-laptop::before{
  inset:0 3.5% 12% 3.5%!important;
  border-radius:26px 26px 12px 12px!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.18),
    inset 0 0 0 8px rgba(0,0,0,.80),
    0 0 0 1px rgba(111,76,168,.20),
    0 0 34px rgba(85,72,190,.15),
    0 28px 64px rgba(0,0,0,.52)!important;
}
.pxw19-screen{
  left:5.6%!important;
  right:5.6%!important;
  top:2.5%!important;
  bottom:14.2%!important;
}
.pxw19-menu{
  left:5.2%!important;
  right:5.2%!important;
  bottom:5.2%!important;
  height:62%!important;
  border:1px solid rgba(158,79,214,.26)!important;
  box-shadow:
    0 24px 56px rgba(0,0,0,.48),
    0 0 26px rgba(124,57,198,.09)!important;
}
.pxw19-orbit{
  left:-9%!important;
  top:-10%!important;
  width:112%!important;
  opacity:.95!important;
}
.pxw19-orbit::before{
  border-color:rgba(67,142,255,.58)!important;
  animation-duration:13s!important;
}
.pxw19-orbit::after{
  border-color:rgba(242,66,127,.62)!important;
  animation-duration:16s!important;
}
.pxw19-orbit i:nth-child(1){
  border-color:rgba(171,79,255,.56)!important;
  animation-duration:11s!important;
}
.pxw19-orbit i:nth-child(2){
  border-color:rgba(67,213,255,.48)!important;
  animation-duration:19s!important;
}
.pxw19-orbit i:nth-child(3){
  border-color:rgba(255,112,68,.38)!important;
  animation-duration:15s!important;
}
.pxw19-orbit span{
  width:10px!important;height:10px!important;
  box-shadow:0 0 14px rgba(223,75,117,.72)!important;
}
.pxw19-orbit span::after{
  width:9px!important;height:9px!important;
  box-shadow:0 0 13px rgba(86,189,226,.66)!important;
}
.pxw19-cards article{
  border-color:rgba(105,83,158,.24)!important;
  background:linear-gradient(180deg,rgba(18,18,29,.95),rgba(10,11,18,.95))!important;
}

/* r21ui3: make hero unmistakably a premium laptop */
.pxw19-laptop{
  width:100%!important;
  right:-2%!important;
  height:84%!important;
  bottom:-2%!important;
  transform:perspective(1500px) rotateY(-2.5deg) rotateX(.6deg)!important;
  transform-origin:center bottom!important;
}
.pxw19-laptop::before{
  inset:0 5% 24% 5%!important;
  border-radius:24px 24px 10px 10px!important;
  background:linear-gradient(145deg,#353943 0%,#11151b 9%,#080a0e 83%,#2d3138 100%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.18),
    inset 0 0 0 8px rgba(0,0,0,.82),
    0 0 0 1px rgba(111,79,168,.16),
    0 26px 54px rgba(0,0,0,.48)!important;
}
.pxw19-screen{
  left:7.1%!important;
  right:7.1%!important;
  top:2.7%!important;
  bottom:26.8%!important;
  border-radius:15px 15px 6px 6px!important;
}
.pxw19-base{
  display:block!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:27%!important;
  border-radius:12px 12px 46% 46%/8px 8px 92% 92%!important;
  background:
    linear-gradient(180deg,#767b85 0%,#454a54 14%,#2b2f37 40%,#15181e 72%,#08090c 100%)!important;
  box-shadow:
    inset 0 2px rgba(255,255,255,.26),
    inset 0 -1px rgba(0,0,0,.6),
    0 18px 30px rgba(0,0,0,.42)!important;
  transform:perspective(900px) rotateX(62deg);
  transform-origin:top center;
  overflow:hidden;
}
.pxw19-base::before{
  content:""!important;
  position:absolute!important;
  left:34%!important;
  right:34%!important;
  top:0!important;
  height:9px!important;
  border-radius:0 0 10px 10px!important;
  background:#22262d!important;
  box-shadow:inset 0 1px rgba(255,255,255,.12)!important;
}
.pxw19-base::after{
  content:""!important;
  position:absolute!important;
  left:8%!important;
  right:8%!important;
  bottom:3%!important;
  height:8px!important;
  border-radius:50%!important;
  background:rgba(0,0,0,.34)!important;
  filter:blur(5px)!important;
}
.pxw19-keyboard{
  position:absolute;
  left:10%;
  right:10%;
  top:19%;
  height:44%;
  border-radius:8px;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 22px,transparent 22px 26px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 12px,transparent 12px 16px),
    #20242b;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
}
.pxw19-keyboard::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-10px;height:2px;
  background:linear-gradient(90deg,transparent,#9b6cff 18%,#ef477f 50%,#5cb9ff 82%,transparent);
  opacity:.28;
}
.pxw19-trackpad{
  position:absolute;
  left:38%;
  right:38%;
  bottom:9%;
  height:22%;
  border-radius:7px;
  background:#2a2e36;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.pxw19-menu{
  left:6%!important;
  right:6%!important;
  bottom:6%!important;
  height:60%!important;
}
@media(max-width:700px){
  .pxw19-laptop{width:118%!important;right:-10%!important;height:78%!important}
  .pxw19-base{height:25%!important}
}

/* r21ui4 hard laptop + explicit orbit layer */
.pxw19-visual{min-height:630px!important;overflow:visible!important}
.pxw19-laptop{
  width:102%!important;right:-3%!important;bottom:-2%!important;height:84%!important;
  transform:perspective(1500px) rotateY(-2deg) rotateX(.5deg)!important;
}
.pxw19-laptop::before{
  inset:0 5% 24% 5%!important;border-radius:24px 24px 10px 10px!important;
  background:linear-gradient(145deg,#343943,#11151b 10%,#080a0e 82%,#2e333b)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),inset 0 0 0 8px rgba(0,0,0,.82),0 28px 58px rgba(0,0,0,.5)!important;
}
.pxw19-screen{left:7%!important;right:7%!important;top:2.7%!important;bottom:27%!important;border-radius:14px 14px 5px 5px!important}
.pxw19-base{
  display:block!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:28%!important;
  border-radius:10px 10px 46% 46%/8px 8px 92% 92%!important;
  background:linear-gradient(180deg,#777d87 0%,#484e58 14%,#2e333b 40%,#171a21 72%,#08090c 100%)!important;
  box-shadow:inset 0 2px rgba(255,255,255,.25),0 18px 30px rgba(0,0,0,.42)!important;
  transform:perspective(900px) rotateX(61deg)!important;transform-origin:top center!important;overflow:hidden!important;
}
.pxw19-hinge{position:absolute;left:35%;right:35%;top:0;height:10px;border-radius:0 0 10px 10px;background:#22262d;box-shadow:inset 0 1px rgba(255,255,255,.12)}
.pxw19-keyboard{
  position:absolute;left:9%;right:9%;top:18%;height:44%;display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding:7px;
  border-radius:8px;background:#20242b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)
}
.pxw19-keyboard i{display:block;border-radius:3px;background:linear-gradient(#2f343d,#1a1e24);box-shadow:inset 0 1px rgba(255,255,255,.04)}
.pxw19-trackpad{position:absolute;left:37%;right:37%;bottom:10%;height:21%;border-radius:7px;background:#2a2e36;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.pxw19-lip{position:absolute;left:43%;right:43%;bottom:0;height:7px;border-radius:8px 8px 0 0;background:#1b1e24}
.pxw19-menu{left:6%!important;right:6%!important;bottom:6%!important;height:60%!important}

/* unmistakable animated intersecting orbits */
.pxw19-orbit{left:-8%!important;top:-8%!important;width:108%!important;opacity:.95!important;filter:none!important}
.pxw19-orbit::before,.pxw19-orbit::after,.pxw19-orbit i{content:"";position:absolute;left:50%;top:50%;border-radius:50%;border:1.4px solid;transform-origin:center}
.pxw19-orbit::before{width:80%;height:80%;border-color:rgba(71,146,255,.55);animation:u4a 14s linear infinite}
.pxw19-orbit::after{width:98%;height:44%;border-color:rgba(242,66,127,.58);animation:u4b 18s linear infinite reverse}
.pxw19-orbit i:nth-child(1){width:90%;height:48%;border-color:rgba(178,80,255,.54);animation:u4c 11s linear infinite}
.pxw19-orbit i:nth-child(2){width:58%;height:92%;border-color:rgba(64,214,255,.46);animation:u4d 20s linear infinite reverse}
.pxw19-orbit i:nth-child(3){width:72%;height:72%;border-color:rgba(255,116,72,.34);animation:u4e 16s linear infinite}
.pxw19-orbit i:nth-child(4){width:86%;height:28%;border-color:rgba(255,255,255,.10);animation:u4f 24s linear infinite reverse}
.pxw19-orbit i:nth-child(5){width:38%;height:86%;border-color:rgba(151,105,255,.22);animation:u4g 21s linear infinite}
.pxw19-orbit span{position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:50%;background:#ef4b82;box-shadow:0 0 14px rgba(239,75,130,.75);animation:u4node 9s linear infinite}
@keyframes u4a{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes u4b{to{transform:translate(-50%,-50%) rotate(390deg)}}
@keyframes u4c{to{transform:translate(-50%,-50%) rotate(330deg)}}
@keyframes u4d{to{transform:translate(-50%,-50%) rotate(430deg)}}
@keyframes u4e{to{transform:translate(-50%,-50%) rotate(375deg)}}
@keyframes u4f{to{transform:translate(-50%,-50%) rotate(340deg)}}
@keyframes u4g{to{transform:translate(-50%,-50%) rotate(405deg)}}
@keyframes u4node{to{transform:translate(-50%,-50%) rotate(360deg) translateX(240px)}}

/* r21hybrid1: approved laptop image + Rust/HTML-controlled welcome */
#authModal.pxw{
  background:
    radial-gradient(circle at 18% 50%,rgba(77,22,85,.38),transparent 34%),
    radial-gradient(circle at 82% 38%,rgba(30,58,141,.36),transparent 40%),
    linear-gradient(90deg,#0c0712 0%,#090814 44%,#090b18 68%,#0a1121 100%)!important;
}
#authModal.pxw .pxw19-bg{
  background:
    radial-gradient(circle at 17% 55%,rgba(111,31,93,.28),transparent 32%),
    radial-gradient(circle at 77% 40%,rgba(54,60,165,.28),transparent 36%),
    linear-gradient(90deg,#110917,#090912 46%,#090b14 68%,#091120 100%)!important;
}
.pxw19-copy h1 strong{
  background:linear-gradient(90deg,#9f6dff 0%,#cb5bff 36%,#ef4a9b 68%,#ff5d7c 100%)!important;
  -webkit-background-clip:text!important;color:transparent!important;
}
.pxw19-actions button{
  background:linear-gradient(90deg,#764cff 0%,#be3edc 48%,#ef3f7a 100%)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 10px 28px rgba(178,55,201,.22)!important;
}
.pxw19-actions a{
  border-color:rgba(255,255,255,.15)!important;
  background:rgba(15,16,23,.82)!important;
}
.pxh-visual{
  position:relative!important;
  align-self:center!important;
  min-height:590px!important;
  overflow:visible!important;
}
.pxh-laptop-art{
  position:absolute;
  z-index:3;
  right:-4%;
  bottom:0;
  width:108%;
  max-width:none;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 26px 44px rgba(0,0,0,.36));
  user-select:none;
  -webkit-user-drag:none;
}
.pxh-orbit{
  position:absolute;
  z-index:2;
  left:-4%;
  top:7%;
  width:72%;
  aspect-ratio:1;
  pointer-events:none;
  opacity:.9;
  filter:drop-shadow(0 0 12px rgba(95,92,255,.18));
}
.pxh-orbit::before,
.pxh-orbit::after,
.pxh-orbit i{
  content:"";
  position:absolute;
  left:50%;top:50%;
  border-radius:50%;
  border:1.35px solid;
  transform-origin:center;
}
.pxh-orbit::before{
  width:82%;height:82%;
  border-color:rgba(77,135,255,.55);
  animation:pxhA var(--px-orbit-ms,9000ms) linear infinite;
}
.pxh-orbit::after{
  width:98%;height:52%;
  border-color:rgba(239,69,150,.60);
  animation:pxhB calc(var(--px-orbit-ms,9000ms)*1.35) linear infinite reverse;
}
.pxh-orbit i:nth-child(1){
  width:80%;height:80%;
  border-color:rgba(66,199,255,.44);
  animation:pxhC calc(var(--px-orbit-ms,9000ms)*.82) linear infinite;
}
.pxh-orbit i:nth-child(2){
  width:90%;height:42%;
  border-color:rgba(181,83,255,.52);
  animation:pxhD calc(var(--px-orbit-ms,9000ms)*1.18) linear infinite reverse;
}
.pxh-orbit i:nth-child(3){
  width:56%;height:96%;
  border-color:rgba(255,100,126,.34);
  animation:pxhE calc(var(--px-orbit-ms,9000ms)*1.55) linear infinite;
}
.pxh-orbit i:nth-child(4){
  width:68%;height:30%;
  border-color:rgba(255,255,255,.10);
  animation:pxhF calc(var(--px-orbit-ms,9000ms)*1.9) linear infinite reverse;
}
.pxh-orbit span{
  position:absolute;left:50%;top:50%;
  width:9px;height:9px;border-radius:50%;
  background:#f04d91;
  box-shadow:0 0 13px rgba(240,77,145,.76);
  animation:pxhNode calc(var(--px-orbit-ms,9000ms)*.72) linear infinite;
}
.pxw19-cards article{
  background:linear-gradient(180deg,rgba(19,17,32,.94),rgba(10,11,18,.95))!important;
  border-color:rgba(113,79,176,.22)!important;
}
@keyframes pxhA{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes pxhB{to{transform:translate(-50%,-50%) rotate(390deg)}}
@keyframes pxhC{to{transform:translate(-50%,-50%) rotate(330deg)}}
@keyframes pxhD{to{transform:translate(-50%,-50%) rotate(420deg)}}
@keyframes pxhE{to{transform:translate(-50%,-50%) rotate(375deg)}}
@keyframes pxhF{to{transform:translate(-50%,-50%) rotate(345deg)}}
@keyframes pxhNode{to{transform:translate(-50%,-50%) rotate(360deg) translateX(190px)}}
@media(max-width:1180px){
  .pxh-visual{min-height:540px!important}
  .pxh-laptop-art{width:102%;right:-1%}
}
@media(max-width:700px){
  .pxh-visual{min-height:380px!important}
  .pxh-laptop-art{width:118%;right:-10%;bottom:3%}
  .pxh-orbit{width:90%;left:-12%;top:1%}
}
@media(prefers-reduced-motion:reduce){
  .pxh-orbit::before,.pxh-orbit::after,.pxh-orbit i,.pxh-orbit span{animation:none!important}
}
.pxa-typography{margin-top:10px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025);display:grid;gap:8px}.pxa-typography>small{font-size:9px;letter-spacing:.16em;color:#8f8aa0}.pxa-typography label>span{display:block;font-size:10px;color:#aaa4b7;margin-bottom:4px}.pxa-typography select{width:100%;background:#151a24;color:#f2eef7;border:1px solid #293041;border-radius:8px;padding:7px 8px;font-size:11px}.pxa-type-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:10px;color:#c9c3d2}.pxa-type-row>span{min-width:52px;color:#8f8aa0}.pxa-type-row label{display:inline-flex;align-items:center;gap:3px}.pxa-apply-ui{background:#6f5cff;color:#fff;border:0;border-radius:8px;padding:8px 10px;font-weight:700;font-size:11px;cursor:pointer}.pxa-apply-ui:hover{filter:brightness(1.08)}
/* multi9 unified Apps modal: Apps + Running + Appearance + Session */
#desktopMenu.pxa{max-height:min(88vh,780px)}
#desktopMenu.pxa .pxa-main{grid-template-columns:minmax(0,1.35fr) minmax(300px,.82fr);grid-template-areas:"quick running" "quick session";align-content:start}
#desktopMenu.pxa .pxa-quick{align-self:start}
#desktopMenu.pxa .pxa-session{display:grid;gap:10px;align-content:start}
#desktopMenu.pxa .pxa-typography{margin:0;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#101620;display:grid;gap:9px}
#desktopMenu.pxa .pxa-typography label{display:grid;gap:5px;margin:0}
#desktopMenu.pxa .pxa-typography label>span{font-size:9px;letter-spacing:.03em;color:#9ba5b5}
#desktopMenu.pxa .pxa-typography select{width:100%;height:34px;box-sizing:border-box;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#151b27;color:#f4f5f8;padding:0 9px;font-size:11px;outline:none}
#desktopMenu.pxa .pxa-setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#desktopMenu.pxa .pxa-apply-ui{min-height:36px!important;height:36px;border:0!important;border-radius:8px!important;background:linear-gradient(90deg,#7657ff,#d24d9f)!important;color:#fff!important;text-align:center!important;padding:0 12px!important;font-size:11px;font-weight:750;cursor:pointer}
#desktopMenu.pxa .pxa-session-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#desktopMenu.pxa .pxa-session-actions button{min-height:40px;height:40px;text-align:center}
#desktopMenu.pxa .pxa-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#desktopMenu.pxa .pxa-grid button{min-height:53px}
@media(max-width:980px){#desktopMenu.pxa .pxa-setting-grid,#desktopMenu.pxa .pxa-session-actions{grid-template-columns:1fr}}

/* PixelD command menu v24 — reference-aligned */
#desktopMenu.pxa{
  width:min(720px,calc(100vw - 32px))!important;
  max-height:min(86vh,620px)!important;
  grid-template-columns:1fr!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 42% 0%,rgba(82,42,180,.18),transparent 28%),
    linear-gradient(180deg,rgba(14,11,39,.985),rgba(11,10,31,.995))!important;
  border:1px solid rgba(170,74,255,.72)!important;
  box-shadow:0 28px 90px rgba(7,3,24,.68),inset 0 0 0 1px rgba(255,255,255,.025)!important;
  overflow:hidden!important
}
#desktopMenu .pxa-brand{
  position:absolute!important;left:28px!important;top:20px!important;z-index:4!important;
  padding:0!important;border:0!important;background:transparent!important;display:block!important
}
#desktopMenu .pxa-logo{gap:8px!important}
#desktopMenu .pxa-logo img{width:72px!important}
#desktopMenu .pxa-logo>span{font-size:20px!important;letter-spacing:-.04em!important}
#desktopMenu .pxa-brand>small{display:none!important}
#desktopMenu .pxa-close{
  right:16px!important;top:14px!important;width:34px!important;height:34px!important;border-radius:50%!important;
  background:rgba(18,17,46,.92)!important;border:1px solid rgba(255,255,255,.13)!important;font-size:20px!important
}
#desktopMenu .pxa-main{
  display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(250px,.88fr)!important;
  grid-template-areas:"quick running" "quick session"!important;
  gap:14px 18px!important;padding:72px 28px 22px!important;overflow:auto!important
}
#desktopMenu .pxa-kicker{
  margin:0 0 9px!important;font-size:9px!important;font-weight:760!important;letter-spacing:.12em!important;color:#9d94ba!important
}
#desktopMenu .pxa-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
#desktopMenu .pxa-grid button{
  min-height:54px!important;padding:7px 10px!important;grid-template-columns:36px minmax(0,1fr)!important;gap:9px!important;
  border-radius:9px!important;background:linear-gradient(180deg,rgba(28,29,67,.88),rgba(21,23,56,.9))!important;
  border:1px solid rgba(255,255,255,.055)!important;box-shadow:inset 0 1px rgba(255,255,255,.02)!important
}
#desktopMenu .pxa-grid button:hover{transform:translateY(-1px);border-color:rgba(174,81,255,.55)!important;background:#20204c!important}
#desktopMenu .pxa-grid button>i{width:34px!important;height:34px!important;border-radius:8px!important;font-size:11px!important}
#desktopMenu .pxa-grid b{font-size:11px!important}
#desktopMenu .pxa-grid small{font-size:8.5px!important;color:#9da1ba!important;margin-top:3px!important}
#desktopMenu .pxa-profile{margin-top:12px!important;padding:0!important;border:0!important;background:transparent!important}
#desktopMenu .pxa-profile small{margin:0 0 7px!important;font-size:9px!important;font-weight:760!important;letter-spacing:.11em!important;color:#9d94ba!important}
#desktopMenu .pxa-profile select{
  width:100%!important;height:38px!important;border-radius:8px!important;padding:0 34px 0 11px!important;
  background:#211a4b!important;color:#fff!important;border:1px solid rgba(162,75,255,.35)!important;font-size:10px!important
}
#desktopMenu .pxa-running-list{gap:7px!important}
#desktopMenu .pxa-run{
  min-height:54px!important;padding:7px 9px!important;grid-template-columns:8px 34px minmax(0,1fr) 28px!important;
  background:linear-gradient(180deg,rgba(27,29,63,.84),rgba(21,23,52,.88))!important;border-radius:9px!important
}
#desktopMenu .pxa-run-main b{font-size:10.5px!important}
#desktopMenu .pxa-run-main span{font-size:8px!important;color:#9ba0b7!important}
#desktopMenu .pxa-session{grid-area:session!important;gap:8px!important;align-self:start!important}
#desktopMenu .pxa-session-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
#desktopMenu .pxa-session-actions button{
  height:44px!important;min-height:44px!important;border-radius:8px!important;background:#171839!important;
  border:1px solid rgba(255,255,255,.065)!important;text-align:left!important;padding:0 14px!important;font-size:10.5px!important
}
#desktopMenu .pxa-session-actions .pxa-signout{
  color:#ff4f8d!important;background:rgba(54,14,45,.45)!important;border-color:rgba(255,76,141,.24)!important
}
@media(max-width:760px){
 #desktopMenu.pxa{width:min(96vw,620px)!important;max-height:90vh!important}
 #desktopMenu .pxa-main{grid-template-columns:1fr!important;grid-template-areas:"quick" "running" "session"!important;padding:68px 16px 18px!important}
}