/*
 * PluginPip 2027 / Approved neon-glass software hero.
 * Authoritative implementation of the supplied image reference.
 * All panels, wording and orbit curves are real responsive HTML/CSS/SVG.
 */
.pp-folio-art.pp-lumen-scene{
  --pp-lumen-purple:#b94aff;
  position:relative;
  width:112%;
  max-width:none;
  aspect-ratio:900 / 640;
  min-height:0;
  margin-left:-5%;
  margin-right:-6%;
  isolation:isolate;
  overflow:visible;
  display:block;
  transform:none;
  perspective:1100px;
  filter:none;
}
.pp-lumen-scene::before,
.pp-lumen-scene::after{content:none!important;display:none!important}
.pp-lumen-scene__rings{
  position:absolute;
  inset:-7% -8%;
  z-index:0;
  border-radius:48%;
  pointer-events:none;
  background:
    repeating-radial-gradient(circle at 51% 18%,transparent 0 25px,rgba(132,51,205,.12) 26px 27px,transparent 28px 52px),
    radial-gradient(ellipse at 57% 70%,rgba(113,37,188,.24),transparent 62%);
  mask-image:radial-gradient(ellipse at 50% 38%,black 10%,transparent 78%);
}
.pp-lumen-scene__orbits{
  position:absolute;inset:0;
  width:100%;height:100%;
  overflow:visible;
  z-index:2;
  pointer-events:none;
  filter:none;
}
.pp-lumen-scene__orbit-glow,
.pp-lumen-scene__orbit-line,
.pp-lumen-scene__orbit-secondary{
  fill:none;
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.pp-lumen-scene__orbit-glow{
  stroke:url(#pp-lumen-2027-path);
  stroke-width:12;
  opacity:.68;
  filter:url(#pp-lumen-2027-blur);
}
.pp-lumen-scene__orbit-line{
  stroke:url(#pp-lumen-2027-path);
  stroke-width:2.5;
  opacity:1;
  filter:drop-shadow(0 0 4px rgba(198,77,255,.85));
}
.pp-lumen-scene__orbit-secondary{
  stroke:#bb8eff;
  stroke-width:1.25;
  opacity:.62;
}
.pp-lumen-scene__sheet{
  position:absolute;
  border:2px solid rgba(221,148,255,.9);
  background:linear-gradient(150deg,rgba(164,83,239,.62),rgba(105,49,163,.40) 49%,rgba(37,21,86,.24));
  border-radius:9% / 13%;
  box-shadow:inset 0 2px 3px rgba(255,238,255,.38),0 0 12px rgba(201,108,255,.25);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  overflow:hidden;
}
.pp-lumen-scene__sheet--first{
  z-index:1;
  left:25%;top:12%;
  width:56%;height:62%;
  transform:rotate(13deg);
}
.pp-lumen-scene__sheet--second{
  z-index:2;
  left:15%;top:21%;
  width:70%;height:64%;
  transform:rotate(6deg);
  opacity:.87;
  background:linear-gradient(140deg,rgba(146,69,221,.73),rgba(84,39,152,.38),rgba(40,19,89,.3));
}
.pp-lumen-scene__window{
  position:absolute;
  z-index:4;
  left:18%;top:27%;
  width:72%;height:57%;
  padding:clamp(10px,1.35vw,23px) clamp(15px,1.7vw,29px);
  border:2.5px solid #ebbbff;
  border-radius:clamp(22px,3vw,40px);
  background:
    radial-gradient(ellipse at 95% 91%,rgba(139,28,219,.76),transparent 57%),
    linear-gradient(135deg,#4d218a 0%,#2b1058 49%,#250a50 82%);
  transform:rotate(-5.7deg);
  box-shadow:
    inset 0 2px 1px rgba(255,255,255,.67),
    0 0 0 1px rgba(201,101,255,.72),
    0 0 12px rgba(236,132,255,1),
    0 0 24px rgba(184,63,255,.9),
    0 0 46px rgba(147,43,249,.48),
    0 22px 36px rgba(17,1,49,.7);
  display:flex;
  flex-direction:column;
  gap:0;
  transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s ease;
}
.pp-lumen-scene__window::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(140deg,rgba(222,160,255,.25),transparent 33%,transparent 71%,rgba(226,86,255,.18));
  pointer-events:none;
}
.pp-lumen-scene__window::after{
  content:"";
  position:absolute;
  width:48%;height:68%;
  right:0;bottom:0;
  border-radius:100% 0 0 0;
  background:radial-gradient(ellipse at 100% 100%,rgba(187,39,249,.6),rgba(92,19,143,.35) 57%,transparent 72%);
  pointer-events:none;
}
.pp-lumen-scene:hover .pp-lumen-scene__window{
  transform:translateY(-6px) rotate(-4.2deg);
  box-shadow:inset 0 2px 1px rgba(255,255,255,.7),0 0 0 1px rgba(201,101,255,.7),0 0 15px rgba(236,132,255,1),0 0 32px rgba(184,63,255,.9),0 0 50px rgba(147,43,249,.52),0 27px 40px rgba(17,1,49,.73);
}
.pp-lumen-scene__window-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:1% 1% clamp(9px,1.4vw,21px);
  border-bottom:1px solid rgba(195,123,255,.5);
  z-index:1;
}
.pp-lumen-scene__dots{
  display:flex;
  align-items:center;
  gap:clamp(6px,.7vw,10px);
}
.pp-lumen-scene__dots i{
  display:block;
  width:clamp(8px,.95vw,15px);height:clamp(8px,.95vw,15px);
  flex:none;
  border-radius:100%;
  background:linear-gradient(135deg,#ff8c93,#f13b79);
  box-shadow:0 0 9px rgba(255,95,154,.4);
}
.pp-lumen-scene__dots i:nth-child(2){
  background:linear-gradient(140deg,#f7ff77,#d8f400);
  box-shadow:0 0 9px rgba(231,255,31,.75);
}
.pp-lumen-scene__dots i:nth-child(3){
  background:linear-gradient(140deg,#b88bef,#7040b9);
  box-shadow:none;
}
.pp-lumen-scene__identity{
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
  gap:clamp(4px,.65vw,10px);
  color:#faf4ff;
  font-size:clamp(11px,1.75vw,26px);
  line-height:1;
  font-weight:870;
  letter-spacing:-.045em;
  font-family:inherit;
  text-shadow:0 0 8px rgba(245,217,255,.17);
}
.pp-lumen-scene__identity svg{
  width:clamp(15px,2vw,30px);
  height:clamp(15px,2vw,30px);
  color:#dcff13;
  filter:drop-shadow(0 0 7px rgba(210,245,43,.42));
}
.pp-lumen-scene__brand-dot{color:#c9ff18;margin-left:-.12em}
.pp-lumen-scene__code{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  flex:1;
  min-height:0;
  gap:clamp(8px,1.4vw,19px);
  padding:clamp(6px,.9vw,15px) 2% 1%;
}
.pp-lumen-scene__code-row{
  display:block;
  position:relative;
  width:79%;
  height:clamp(8px,1.05vw,16px);
  border-radius:99px;
  background:linear-gradient(90deg,rgba(160,106,247,.12),rgba(178,126,248,.75));
  box-shadow:inset 0 1px 1px rgba(255,255,255,.08);
}
.pp-lumen-scene__code-row::before{
  content:"";
  position:absolute;
  inset:0;
  width:45%;
  border-radius:inherit;
  background:linear-gradient(90deg,#899aff 0%,#a7b9ff 38%,#fcf4ff 100%);
  box-shadow:0 0 3px 1px rgba(232,236,255,.93),0 0 11px 2px rgba(103,106,255,.8);
}
.pp-lumen-scene__code-row::after{
  content:"";
  position:absolute;
  right:0;top:0;width:33%;height:100%;
  background:linear-gradient(90deg,rgba(150,100,217,.12),transparent);
  border-radius:inherit;
}
.pp-lumen-scene__code-row--one{width:82%}
.pp-lumen-scene__code-row--one::before{width:49%}
.pp-lumen-scene__code-row--two{margin-left:17%;width:62%}
.pp-lumen-scene__code-row--two::before{width:43%}
.pp-lumen-scene__code-row--three{width:67%}
.pp-lumen-scene__code-row--three::before{width:42%}
.pp-lumen-scene__code-row--four{margin-left:23%;width:52%}
.pp-lumen-scene__code-row--four::before{width:38%}
.pp-lumen-scene__code-row--five{width:80%}
.pp-lumen-scene__code-row--five::before{width:54%}
.pp-lumen-scene__window-foot{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:clamp(8px,1.2vw,18px);
  color:#f5eaff;
  font-weight:800;
  font-size:clamp(7px,.8vw,12px);
  line-height:1.15;
  letter-spacing:clamp(.035em,.13vw,.14em);
  white-space:nowrap;
  padding:clamp(5px,.8vw,12px) 1% 0;
}
.pp-lumen-scene__foot-mark{
  width:clamp(18px,3.8vw,50px);
  height:clamp(5px,.7vw,11px);
  background:#caff07;
  border-radius:100px;
  box-shadow:0 0 7px rgba(205,248,19,.55);
}
.pp-lumen-scene__emblem{
  position:absolute;
  z-index:5;
  left:79%;top:73%;
  width:clamp(56px,10vw,125px);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  padding:clamp(5px,.85vw,12px);
  border-radius:50%;
  transform:rotate(-15deg);
  background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(207,194,255,.82) 45%,rgba(92,59,166,.8));
  border:1px solid rgba(255,255,255,.95);
  box-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(255,244,73,.7),0 0 35px rgba(199,78,255,.57),0 17px 20px rgba(11,4,38,.62);
}
.pp-lumen-scene__emblem-inner{
  display:grid;
  place-items:center;
  width:100%;height:100%;
  border-radius:50%;
  background:radial-gradient(circle at 30% 20%,#f2ff49,#d3ff00 62%,#a4cc00);
  border:1px solid #fbff9a;
  box-shadow:inset 0 2px 3px rgba(255,255,255,.7),0 0 16px rgba(223,254,16,.64);
}
.pp-lumen-scene__emblem svg{display:block;width:62%;height:62%}
@media(max-width:1100px){
  .pp-folio-art.pp-lumen-scene{width:113%;margin-left:-6%;margin-right:-7%}
  .pp-lumen-scene__window{border-width:2px}
}
@media(max-width:800px){
  .pp-folio-art.pp-lumen-scene{
    width:min(100%,600px);
    max-width:600px;
    margin:0 auto;
    aspect-ratio:900/640;
    min-height:0;
  }
  .pp-lumen-scene__window{border-radius:clamp(18px,4vw,32px)}
  .pp-lumen-scene__identity{font-size:clamp(12px,2.2vw,23px)}
  .pp-lumen-scene__code-row{height:clamp(7px,1.8vw,14px)}
  .pp-lumen-scene__emblem{width:clamp(65px,13vw,115px)}
}
@media(max-width:480px){
  .pp-folio-art.pp-lumen-scene{width:100%;aspect-ratio:900/640}
  .pp-lumen-scene__sheet{border-width:1px}
  .pp-lumen-scene__window{
    padding:10px 12px;
    border-width:1.5px;
    border-radius:19px;
  }
  .pp-lumen-scene__window-bar{padding-bottom:6px}
  .pp-lumen-scene__identity{font-size:11px}
  .pp-lumen-scene__identity svg{width:14px;height:14px}
  .pp-lumen-scene__dots i{width:7px;height:7px}
  .pp-lumen-scene__code{gap:7px;padding-top:7px}
  .pp-lumen-scene__code-row{height:7px}
  .pp-lumen-scene__window-foot{font-size:6px;gap:6px;padding-top:3px}
  .pp-lumen-scene__foot-mark{width:16px;height:5px}
  .pp-lumen-scene__emblem{width:56px;padding:5px}
}
@media(prefers-reduced-motion:reduce){
  .pp-lumen-scene__window{transition:none}
  .pp-lumen-scene:hover .pp-lumen-scene__window{transform:rotate(-5.7deg)}
}