/* The homepage software visual shares the same smooth luminous-glass language. */
.pp-showcase-panel--software .pp-showcase-panel__art--software {
  background:
    repeating-radial-gradient(ellipse at 45% 47%,transparent 0 22px,rgba(167,117,245,.075) 23px 24px,transparent 25px 44px),
    radial-gradient(ellipse at 55% 57%,rgba(128,60,220,.16),transparent 65%);
}
.pp-showcase-panel--software .pp-showcase-panel__art--software::before {
  content:"";
  position:absolute;
  left:-9%;right:-4%;top:16%;height:73%;
  pointer-events:none;
  border:1.5px solid rgba(205,158,255,.78);
  border-top-color:rgba(209,168,255,.88);
  border-bottom-color:#a864ff;
  border-radius:50%;
  transform:rotate(-20deg) scaleY(.62);
  box-shadow:0 0 11px rgba(187,119,255,.65),0 0 28px rgba(157,84,240,.3);
}
.pp-showcase-panel--software .pp-showcase-panel__art--software::after {
  content:"";
  position:absolute;
  left:18%;bottom:4%;width:53%;height:13%;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(ellipse,rgba(156,87,235,.35),transparent 70%);
  filter:blur(17px);
}
.pp-showcase-panel--software .pp-showcase-editor {
  z-index:2;
  border-radius:clamp(18px,2vw,26px);
  border:2px solid rgba(218,182,255,.86);
  background:linear-gradient(150deg,#2b194d,#130d2d 70%);
  box-shadow:inset 0 1px 0 rgba(238,204,255,.55),0 0 0 1px rgba(192,127,253,.16),0 0 16px rgba(189,113,255,.64),0 0 40px rgba(150,70,240,.27),0 25px 50px #080319b8;
  overflow:hidden;
}
.pp-showcase-panel--software .pp-showcase-editor::before {
  content:"";
  z-index:3;
  position:absolute;inset:5px;
  border-radius:clamp(14px,1.7vw,22px);
  border:1px solid rgba(217,178,255,.13);
  pointer-events:none;
}
.pp-showcase-panel--software .pp-showcase-editor__toolbar{
  background:linear-gradient(100deg,#4a2c77,#24163f);
  border-bottom:1px solid rgba(215,172,255,.19);
}
.pp-showcase-panel--software .pp-showcase-editor__code{
  background:linear-gradient(135deg,#23143e,#140e30);
}
.pp-showcase-panel--software .pp-showcase-editor__tabs {
  background:#342052;
  border-bottom:1px solid rgba(216,173,255,.16);
}
.pp-showcase-panel--software .pp-showcase-editor__footer{
  background:linear-gradient(90deg,#352052,#2a1949);
}
.pp-showcase-panel--software .pp-showcase-flow{
  z-index:3;
  border-radius:19px;
  border:1.5px solid rgba(218,176,255,.87);
  background:linear-gradient(145deg,rgba(98,55,156,.98),rgba(32,18,70,.98));
  box-shadow:inset 0 1px 0 rgba(248,218,255,.44),0 0 16px rgba(165,88,255,.43),0 16px 35px rgba(8,3,27,.65);
}
.pp-showcase-panel--software .pp-showcase-flow>div{
  background:rgba(199,162,255,.12);
  border:1px solid rgba(227,198,255,.08);
}
.pp-showcase-panel--software .pp-showcase-flow__symbol{
  background:linear-gradient(140deg,#bc9af9,#8b67d0);
}
@media(prefers-reduced-motion:reduce){
  .pp-showcase-panel--software .pp-showcase-editor,
  .pp-showcase-panel--software .pp-showcase-flow{transition:none}
}