/* PluginPip 2027 / Service Showcase v1.3.8.
   Three original, responsive editorial panels with locally rendered UI illustrations. */
.pp-showcase{
  position:relative;isolation:isolate;overflow:hidden;
  background:radial-gradient(ellipse at 92% 5%,rgba(93,31,164,.22),transparent 32%),linear-gradient(180deg,#190b34 0%,#150a2d 52%,#100820 100%);
  color:#f9f5ff;padding:clamp(5rem,8.2vw,9rem) 0 clamp(5.2rem,8vw,8rem);
  border-top:1px solid rgba(255,255,255,.06)
}
.pp-showcase::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.95%,rgba(199,163,255,.028) 50%,transparent 50.05%);background-size:120px 120px;opacity:.45;z-index:-1}
.pp-showcase__container{position:relative;z-index:1}
.pp-showcase__intro{text-align:center;max-width:1100px;margin:0 auto clamp(3.5rem,6.2vw,6rem)}
.pp-showcase__eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:1.15rem;font-size:clamp(.76rem,.9vw,.92rem);font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:var(--lime,#c9f53d)}
.pp-showcase__eyebrow>span{display:block;width:clamp(27px,3.5vw,50px);height:3px;background:var(--lime,#c9f53d);border-radius:3px}
.pp-showcase__intro h2{font-family:var(--body,system-ui);font-size:clamp(2.5rem,5.5vw,5.75rem);font-weight:760;letter-spacing:-.035em;line-height:1.09;margin:1.3rem 0 1.2rem;text-wrap:balance;color:#faf7ff}
.pp-showcase__intro h2 span{color:#e2d3ff}
.pp-showcase__intro>p{max-width:760px;margin:0 auto;font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.7;color:#d6caed;text-wrap:pretty}
.pp-showcase__panels{display:grid;gap:clamp(1.15rem,2.5vw,2.3rem)}
.pp-showcase-panel{position:relative;display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);align-items:stretch;min-height:clamp(490px,37vw,560px);border:1px solid rgba(221,193,255,.32);border-radius:28px;isolation:isolate;overflow:hidden;background:linear-gradient(116deg,#2b184b 0%,#22113e 53%,#301957 100%);box-shadow:0 22px 74px rgba(3,0,16,.23),inset 0 1px rgba(255,255,255,.1)}
.pp-showcase-panel--software{background:linear-gradient(120deg,#281747 0%,#38205b 58%,#341e60 100%)}
.pp-showcase-panel--hosting{background:linear-gradient(118deg,#261340 0%,#201038 52%,#2d174e 100%)}
.pp-showcase-panel::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 73% 65%,rgba(151,71,247,.24),transparent 52%)}
.pp-showcase-panel--software::before{background:radial-gradient(ellipse at 28% 70%,rgba(105,63,245,.25),transparent 55%)}
.pp-showcase-panel__copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;padding:clamp(2rem,4vw,4.15rem) clamp(1.75rem,4vw,4.4rem);z-index:2}
.pp-showcase-panel__eyebrow{display:flex;align-items:center;gap:.8rem;text-transform:uppercase;font-size:.73rem;letter-spacing:.15em;font-weight:850;color:#e2d0fb;margin:0 0 1.5rem}
.pp-showcase-panel__tiny-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border:1px solid rgba(200,245,61,.62);border-radius:12px;color:var(--lime,#c9f53d);font-size:1.45rem;line-height:1;font-weight:400;background:rgba(202,245,61,.05)}
.pp-showcase-panel__copy h3{font-family:var(--body,system-ui);font-size:clamp(2.5rem,3.75vw,4.5rem);font-weight:760;line-height:1.06;letter-spacing:-.027em;margin:0;color:#faf7ff;text-wrap:balance}
.pp-showcase-panel__rule{width:54px;height:4px;background:var(--lime,#c9f53d);border-radius:10px;margin:1.45rem 0 1.15rem}
.pp-showcase-panel__description{font-size:clamp(.99rem,1.14vw,1.11rem);line-height:1.63;color:#eee6fb;margin:0;max-width:500px}
.pp-showcase-panel__features{display:flex;flex-wrap:wrap;gap:.7rem 1.2rem;list-style:none;padding:0;margin:1.75rem 0 2rem}
.pp-showcase-panel__features li{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap;font-size:clamp(.73rem,.82vw,.84rem);font-weight:700;color:#f2ecfa}
.pp-showcase-panel__features li span{font-weight:900;color:var(--lime,#c9f53d);font-size:1.12rem}
.pp-showcase-panel__actions{display:flex;align-items:center;flex-wrap:wrap;gap:.85rem 1.25rem}
.pp-showcase-panel__button,.pp-showcase-panel__text-link{display:inline-flex;align-items:center;justify-content:center;gap:1.3rem;min-height:48px;font-size:clamp(.78rem,.85vw,.89rem);font-weight:800;line-height:1.2;border-radius:90px;transition:transform .28s var(--ease),background .28s var(--ease),box-shadow .28s var(--ease);text-align:center}
.pp-showcase-panel__button{padding:.85rem 1.25rem;background:var(--lime,#c9f53d);color:#170c30;border:1px solid var(--lime,#c9f53d);box-shadow:0 5px 25px rgba(201,245,61,.1)}
.pp-showcase-panel__button:hover,.pp-showcase-panel__button:focus-visible{background:#daff70;transform:translateY(-3px);box-shadow:0 12px 25px rgba(201,245,61,.17)}
.pp-showcase-panel__text-link{border:1px solid rgba(231,214,255,.55);padding:.85rem 1.15rem;color:#f5eeff;background:rgba(18,8,37,.24)}
.pp-showcase-panel__text-link:hover,.pp-showcase-panel__text-link:focus-visible{background:rgba(231,214,255,.1);transform:translateY(-3px)}
.pp-showcase-panel__button .pp-ui-icon,.pp-showcase-panel__text-link .pp-ui-icon{font-size:1.07rem;flex-shrink:0}
.pp-showcase-panel--reverse .pp-showcase-panel__copy{grid-column:2;grid-row:1;padding-left:clamp(1.5rem,3vw,3.3rem)}
.pp-showcase-panel--reverse .pp-showcase-panel__art{grid-column:1;grid-row:1}
.pp-showcase-panel__art{position:relative;min-width:0;min-height:480px;overflow:hidden;perspective:1100px}
.pp-showcase-art__halo{position:absolute;inset:13% 0 10%;background:radial-gradient(ellipse,rgba(140,70,255,.42),transparent 66%);filter:blur(12px);pointer-events:none}
.pp-showcase-art__shine{position:absolute;left:13%;right:10%;bottom:14%;height:3px;border-radius:100%;background:linear-gradient(90deg,transparent,rgba(201,245,61,.9),transparent);filter:blur(2px);opacity:.65}
/* Website and shop interface artwork */
.pp-showcase-browser{position:absolute;z-index:1;left:3%;top:17%;width:80%;border:2px solid #9c7ddd;border-radius:20px;overflow:visible;background:#100c29;box-shadow:0 25px 48px #080219a6,0 0 36px #a057fe5c;transform:rotate(-3.1deg);transition:transform .7s var(--ease)}
.pp-showcase-browser__bar{height:40px;padding:0 14px;display:flex;align-items:center;gap:11px;border-radius:18px 18px 0 0;background:linear-gradient(90deg,#0f0b26,#241538);color:#ebe2ff}
.pp-showcase-browser__dots{display:flex;gap:5px;align-items:center;flex-shrink:0}.pp-showcase-browser__dots i{width:9px;height:9px;border-radius:50%;display:block;background:#ff746b}.pp-showcase-browser__dots i:nth-child(2){background:#ffd561}.pp-showcase-browser__dots i:nth-child(3){background:#5bdf70}
.pp-showcase-browser__brand{font-size:clamp(.57rem,.9vw,.86rem);font-weight:850;white-space:nowrap;line-height:1}.pp-showcase-browser__brand b,.pp-showcase-shop__top b{display:inline-grid;place-items:center;background:#a48aeb;color:#1a102d;border-radius:4px;width:19px;height:19px;font-size:.9rem}.pp-showcase-browser__brand small{font-size:.51rem;letter-spacing:.05em;font-weight:700;color:#af9bcf;padding-left:.4rem}.pp-showcase-browser__nav{font-size:.52rem;margin-left:auto;white-space:nowrap;color:#e5d6ff}
.pp-showcase-browser__site{position:relative;overflow:hidden;aspect-ratio:1.72;background:#29204a;border-radius:0 0 18px 18px}.pp-showcase-browser__site::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,10,36,.6),transparent 80%)}
.pp-showcase-browser__site-copy{position:absolute;z-index:2;left:7%;top:19%;display:flex;align-items:flex-start;flex-direction:column;gap:13px}.pp-showcase-browser__site-copy small{font-size:clamp(.36rem,.62vw,.6rem);letter-spacing:.14em;font-weight:800;color:#f5eaff}.pp-showcase-browser__site-copy strong{font-size:clamp(1.25rem,2.2vw,2.75rem);line-height:1.09;letter-spacing:-.035em;color:white}.pp-showcase-browser__site-copy strong em{font-style:normal;color:var(--lime,#c9f53d)}.pp-showcase-browser__mock-button{display:block;width:clamp(37px,6vw,78px);height:13px;border-radius:30px;background:var(--lime,#c9f53d)}
.pp-showcase-browser__base{position:absolute;bottom:-16px;height:17px;left:0;right:0;border-radius:0 0 70% 70%;background:linear-gradient(#c6b7e8,#645593 67%,#342455);box-shadow:0 8px 25px #10062b}
.pp-showcase-shop{position:absolute;z-index:2;right:4%;top:44%;width:32%;aspect-ratio:.83;border:2px solid #c7adef;border-radius:20px;overflow:hidden;background:#1b113b;transform:rotate(6deg);box-shadow:0 22px 35px #090318c4,0 0 26px #9d58fe77;transition:transform .7s var(--ease)}
.pp-showcase-shop__top{height:16%;padding:0 9%;display:flex;align-items:center;justify-content:space-between;background:#17102e;color:white;font-size:clamp(.46rem,.7vw,.75rem);font-weight:800}.pp-showcase-shop__top>span:last-child{color:var(--lime,#c9f53d)}
.pp-showcase-shop__product{height:67%;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#6c4ea8 0%,#372255 65%,#1b1234 100%)}.pp-showcase-shop__product svg{width:83%;height:93%;filter:drop-shadow(0 14px 11px #09051e99)}
.pp-showcase-shop__bottom{height:17%;display:flex;align-items:center;justify-content:space-between;gap:5px;padding:0 6%;font-size:clamp(.36rem,.6vw,.6rem);font-weight:800;color:#faf5ff}.pp-showcase-shop__bottom b{font-size:inherit;border-radius:100px;background:var(--lime,#c9f53d);padding:.6em .8em;color:#160b31;white-space:nowrap}
/* Software/editor interface artwork */
.pp-showcase-editor{position:absolute;z-index:1;left:5%;top:17%;width:79%;height:69%;border:2px solid #8363d4;border-radius:18px;overflow:hidden;background:#0f0b22;box-shadow:0 25px 50px #070116af,0 0 35px #6c36ec73;transform:rotate(-3deg);transition:transform .7s var(--ease)}
.pp-showcase-editor__toolbar{height:36px;background:#25153f;padding:0 12px;display:flex;gap:11px;align-items:center;color:#d5c7f3}.pp-showcase-editor__toolbar strong{font-size:clamp(.5rem,.73vw,.74rem);font-weight:750;white-space:nowrap}.pp-showcase-editor__toolbar>span:last-child{margin-left:auto;color:#a3ed7e;font-size:.52rem;white-space:nowrap}
.pp-showcase-editor__body{display:flex;height:calc(100% - 64px);min-height:0}.pp-showcase-editor__files{flex:0 0 28%;padding:17px 12px;background:#17102d;display:flex;flex-direction:column;gap:10px;border-right:1px solid #3d2a60}.pp-showcase-editor__files span{font-size:.56rem;font-weight:850;letter-spacing:.1em;color:#bdb0dd}.pp-showcase-editor__files small,.pp-showcase-editor__files b{font-size:clamp(.55rem,.7vw,.73rem);font-weight:500;color:#c3b1e1;white-space:nowrap}.pp-showcase-editor__files small{padding-left:8px;color:#aa97ca}
.pp-showcase-editor__code{min-width:0;flex:1;background:#100c27}.pp-showcase-editor__tabs{height:35px;background:#1d1437;color:#cdbcea;font-size:clamp(.56rem,.77vw,.75rem);padding:8px 17px}.pp-showcase-editor__tabs span{color:var(--lime,#c9f53d)}.pp-showcase-editor__lines{padding:12px 6px 0 6px;display:flex;flex-direction:column;gap:clamp(5px,.52vw,8px);font:500 clamp(.53rem,.79vw,.86rem)/1.15 ui-monospace,Menlo,Consolas,monospace;color:#efe7ff;white-space:nowrap}.pp-showcase-editor__lines>span{display:block}.pp-showcase-editor__lines i{font-style:normal;color:#6b5a8c;padding:0 12px}.pp-showcase-editor__lines b{font-weight:650}.code-purple{color:#cc8bff}.code-blue{color:#7eb9ff}.code-lime{color:#c9f53d}
.pp-showcase-editor__footer{height:28px;display:flex;gap:8px;align-items:center;padding:0 11px;background:#32214d;color:#d8ccef;font-size:clamp(.52rem,.65vw,.7rem)}.pp-showcase-editor__footer>span:last-child{margin-left:auto}.pp-showcase-editor__green-dot{background:#b1f047;width:7px;height:7px;border-radius:50%}
.pp-showcase-flow{position:absolute;z-index:2;right:5%;top:36%;width:34%;padding:13px 15px 17px;border-radius:18px;border:1px solid #b9a3ed;background:linear-gradient(150deg,rgba(69,43,121,.98),rgba(26,15,55,.98));color:#f5efff;box-shadow:0 17px 37px #080319bb,0 0 17px #8954e888;transform:rotate(5deg);transition:transform .7s var(--ease)}.pp-showcase-flow__title{display:block;margin-bottom:12px;font-size:clamp(.5rem,.63vw,.66rem);letter-spacing:.12em;font-weight:800;color:#d1bbed}.pp-showcase-flow>div{display:flex;align-items:center;gap:12px;padding:8px;border-radius:7px;background:#3d2c63;font-size:clamp(.57rem,.75vw,.82rem);font-weight:700}.pp-showcase-flow__symbol{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;border-radius:7px;background:#8467cf;color:white;font-size:.85rem}.pp-showcase-flow__join{display:block;width:2px;height:10px;background:#a18bdd;margin:0 0 0 20px}.pp-showcase-flow>div.pp-showcase-flow__finished{background:#335142}.pp-showcase-flow__finished .pp-showcase-flow__symbol{color:#180b31;background:var(--lime,#c9f53d)}
/* Infrastructure interface artwork */
.pp-showcase-rack{position:absolute;z-index:2;left:9%;top:32%;width:33%;transform:rotate(-5deg);filter:drop-shadow(0 22px 17px #090218b8);transition:transform .7s var(--ease)}
.pp-showcase-rack__unit{height:clamp(38px,5vw,65px);margin-bottom:5px;display:flex;align-items:center;gap:8px;padding:0 11%;border-radius:7px 14px 12px 7px;transform:skewY(-3deg);background:linear-gradient(135deg,#7c669e,#3b305e 45%,#261b44 100%);box-shadow:inset 0 4px 2px #d2bff957,0 6px 6px #140a27}
.pp-showcase-rack__unit i{width:5px;height:5px;border-radius:50%;background:#100a27;box-shadow:8px 0 #120a27,16px 0 #120a27}.pp-showcase-rack__unit b{width:8px;height:8px;margin-left:auto;border-radius:50%;background:var(--lime,#c9f53d);box-shadow:0 0 12px #c9f53d}
.pp-showcase-dashboard{position:absolute;z-index:1;right:4%;top:16%;width:70%;height:71%;border:2px solid #9b82d4;border-radius:19px;background:#15102e;overflow:hidden;box-shadow:0 25px 53px #070219bc,0 0 28px #955cfa5e;transform:rotate(-3deg);transition:transform .7s var(--ease)}
.pp-showcase-dashboard__top{height:42px;background:#201539;padding:0 13px;display:flex;align-items:center;gap:12px;color:#efe6ff;font-size:clamp(.5rem,.78vw,.78rem)}.pp-showcase-dashboard__tag{margin-left:auto;color:#bea8df;font-size:clamp(.43rem,.65vw,.62rem);font-weight:700}.pp-showcase-dashboard__body{padding:clamp(12px,2vw,25px)}.pp-showcase-dashboard__heading{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#e9dfff;font-size:clamp(.46rem,.73vw,.71rem);font-weight:750;letter-spacing:.07em}.pp-showcase-dashboard__active{border:1px solid #4b6c36;color:#d7ff98;border-radius:60px;padding:6px 9px;letter-spacing:0;text-transform:none;white-space:nowrap}.pp-showcase-dashboard__active i{display:inline-block;width:6px;height:6px;margin-right:3px;border-radius:50%;background:var(--lime,#c9f53d)}.pp-showcase-dashboard__graph{display:block;width:100%;height:clamp(108px,12vw,174px);margin:16px 0 8px;border-bottom:1px solid rgba(255,255,255,.1)}.pp-showcase-dashboard__tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.pp-showcase-dashboard__tiles span{background:#241a40;border:1px solid #423159;border-radius:9px;padding:10px 5px;display:flex;flex-direction:column;align-items:center;gap:5px;color:#ede2ff;font-size:clamp(.52rem,.68vw,.76rem);white-space:nowrap}.pp-showcase-dashboard__tiles b{color:var(--lime,#c9f53d);font-size:1.05rem}
.pp-showcase__afterline{border-top:1px solid rgba(225,211,255,.2);border-bottom:1px solid rgba(225,211,255,.2);padding:1.25rem 0;margin-top:clamp(2.5rem,5vw,4.5rem);display:flex;justify-content:center;gap:1.3rem 3rem;flex-wrap:wrap;font-size:.68rem;font-weight:800;letter-spacing:.13em;color:#c2b2df;text-align:center}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .pp-showcase-panel:hover .pp-showcase-browser{transform:rotate(-1deg) translateY(-5px)}
 .pp-showcase-panel:hover .pp-showcase-shop{transform:rotate(3deg) translateY(-8px)}
 .pp-showcase-panel:hover .pp-showcase-editor,.pp-showcase-panel:hover .pp-showcase-dashboard{transform:rotate(-1deg) translateY(-4px)}
 .pp-showcase-panel:hover .pp-showcase-flow{transform:rotate(2deg) translateY(-9px)}
 .pp-showcase-panel:hover .pp-showcase-rack{transform:rotate(-3deg) translateY(-5px)}
 .pp-showcase-art__shine{animation:pp-showcase-shimmer 6s ease-in-out infinite alternate}
}
@keyframes pp-showcase-shimmer{0%,45%{opacity:.25;transform:translateX(-8%)}100%{opacity:.78;transform:translateX(8%)}}
@media(max-width:1240px){
 .pp-showcase-panel{grid-template-columns:minmax(0,.97fr) minmax(0,1.03fr)}
 .pp-showcase-panel__copy{padding:2.5rem}
 .pp-showcase-panel__copy h3{font-size:clamp(2.35rem,3.7vw,3.75rem)}
 .pp-showcase-panel__features{gap:.65rem .8rem}
 .pp-showcase-panel__actions{gap:.6rem}
 .pp-showcase-panel__button,.pp-showcase-panel__text-link{padding:.8rem 1rem;gap:.8rem}
 .pp-showcase-panel__art{min-height:450px}
}
@media(max-width:1000px){
 .pp-showcase-panel{grid-template-columns:1fr;min-height:0}
 .pp-showcase-panel__copy,.pp-showcase-panel--reverse .pp-showcase-panel__copy{grid-column:1;grid-row:1;padding:clamp(2rem,4.5vw,3.5rem)}
 .pp-showcase-panel__art,.pp-showcase-panel--reverse .pp-showcase-panel__art{grid-column:1;grid-row:2;min-height:clamp(420px,56vw,550px)}
 .pp-showcase-panel__copy h3{font-size:clamp(2.8rem,6vw,4.3rem)}
 .pp-showcase-panel__features{margin:1.5rem 0 1.65rem}
 .pp-showcase-browser{top:6%;left:9%;width:71%}.pp-showcase-shop{top:39%;right:11%;width:26%}
 .pp-showcase-editor{top:5%;left:10%;width:72%;height:80%}.pp-showcase-flow{top:38%;right:9%;width:30%}
 .pp-showcase-dashboard{top:6%;right:10%;width:66%;height:80%}.pp-showcase-rack{top:32%;left:14%;width:27%}
 .pp-showcase-browser__site-copy strong{font-size:clamp(1.8rem,3.1vw,2.65rem)}
 .pp-showcase-editor__lines{font-size:clamp(.66rem,1.23vw,.86rem)}
 .pp-showcase-panel__art{border-top:1px solid rgba(225,190,255,.1)}
}
@media(max-width:630px){
 .pp-showcase{padding:4.5rem 0 4rem}
 .pp-showcase__intro{text-align:left;margin-bottom:2.6rem}
 .pp-showcase__eyebrow{font-size:.73rem;gap:.8rem}.pp-showcase__eyebrow>span{width:26px}
 .pp-showcase__intro h2{font-size:clamp(2.2rem,8.6vw,3.65rem);letter-spacing:-.037em;margin:1.2rem 0}
 .pp-showcase__intro h2 br{display:none}
 .pp-showcase__intro h2 span::before{content:" ";white-space:normal}
 .pp-showcase__intro>p{font-size:.96rem;line-height:1.64}
 .pp-showcase__panels{gap:1.1rem}
 .pp-showcase-panel{border-radius:21px}
 .pp-showcase-panel__copy,.pp-showcase-panel--reverse .pp-showcase-panel__copy{padding:1.9rem 1.45rem 1.5rem}
 .pp-showcase-panel__copy h3{font-size:clamp(2.1rem,9.4vw,3.1rem)}
 .pp-showcase-panel__description{font-size:.96rem}
 .pp-showcase-panel__eyebrow{font-size:.65rem;margin-bottom:1.2rem}
 .pp-showcase-panel__tiny-icon{height:36px;flex-basis:36px}
 .pp-showcase-panel__rule{margin:1.1rem 0 .95rem}
 .pp-showcase-panel__features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;max-width:390px}
 .pp-showcase-panel__features li{font-size:.72rem;white-space:normal;line-height:1.25;align-items:flex-start}
 .pp-showcase-panel__actions{align-items:flex-start}
 .pp-showcase-panel__button,.pp-showcase-panel__text-link{min-height:44px;font-size:.78rem;padding:.8rem .97rem}
 .pp-showcase-panel__art,.pp-showcase-panel--reverse .pp-showcase-panel__art{min-height:clamp(260px,77vw,390px)}
 .pp-showcase-browser{left:5%;top:9%;width:80%}.pp-showcase-browser__bar{height:28px;padding:0 9px;gap:5px}.pp-showcase-browser__dots{gap:3px}.pp-showcase-browser__dots i{width:6px;height:6px}.pp-showcase-browser__brand{font-size:.59rem}.pp-showcase-browser__brand small,.pp-showcase-browser__nav{display:none}
 .pp-showcase-browser__site-copy{gap:6px}.pp-showcase-browser__site-copy strong{font-size:clamp(1.25rem,4.45vw,2rem)}.pp-showcase-browser__site-copy small{font-size:.4rem}.pp-showcase-browser__mock-button{height:8px}
 .pp-showcase-shop{right:4%;top:39%;width:32%;border-radius:13px}.pp-showcase-shop__top b{width:13px;height:13px;font-size:.55rem}.pp-showcase-shop__top{font-size:.4rem}.pp-showcase-shop__bottom{font-size:.36rem}
 .pp-showcase-editor{left:5%;top:9%;width:81%;height:77%}.pp-showcase-editor__toolbar{height:27px;padding:0 8px;gap:5px}.pp-showcase-editor__toolbar strong{font-size:.45rem}.pp-showcase-editor__toolbar>span:last-child{display:none}.pp-showcase-editor__body{height:calc(100% - 49px)}.pp-showcase-editor__files{padding:11px 6px;gap:6px}.pp-showcase-editor__files b,.pp-showcase-editor__files small{font-size:.45rem}.pp-showcase-editor__code .pp-showcase-editor__tabs{height:26px;padding:7px;font-size:.48rem}.pp-showcase-editor__lines{padding:8px 0;font-size:clamp(.36rem,1.75vw,.58rem);gap:5px}.pp-showcase-editor__lines i{padding:0 6px}.pp-showcase-editor__footer{height:22px;font-size:.45rem}
 .pp-showcase-flow{right:3%;top:40%;width:38%;border-radius:12px;padding:10px}.pp-showcase-flow__title{font-size:.48rem;margin-bottom:7px}.pp-showcase-flow>div{font-size:.47rem;padding:5px;gap:5px}.pp-showcase-flow__symbol{width:19px;height:19px;font-size:.6rem}.pp-showcase-flow__join{margin-left:15px;height:6px}
 .pp-showcase-rack{left:6%;top:37%;width:36%}.pp-showcase-rack__unit{height:clamp(28px,10vw,42px);gap:5px;margin-bottom:3px}.pp-showcase-rack__unit i{width:3px;height:3px;box-shadow:6px 0 #120a27,12px 0 #120a27}
 .pp-showcase-dashboard{right:3%;top:9%;width:73%;height:75%;border-radius:11px}.pp-showcase-dashboard__top{height:26px;gap:6px;padding:0 7px;font-size:.46rem}.pp-showcase-dashboard__tag{font-size:.4rem}.pp-showcase-dashboard__body{padding:9px}.pp-showcase-dashboard__heading{font-size:.43rem}.pp-showcase-dashboard__active{font-size:.4rem;padding:4px}.pp-showcase-dashboard__graph{height:clamp(74px,25vw,120px);margin:8px 0 4px}.pp-showcase-dashboard__tiles{gap:3px}.pp-showcase-dashboard__tiles span{border-radius:5px;padding:5px 2px;font-size:.43rem}.pp-showcase-dashboard__tiles b{font-size:.8rem}
 .pp-showcase__afterline{font-size:.57rem;gap:.7rem 1.5rem}
}
@media(max-width:375px){
 .pp-showcase-panel__features{grid-template-columns:1fr 1fr}.pp-showcase-panel__actions{display:grid;grid-template-columns:1fr}.pp-showcase-panel__button,.pp-showcase-panel__text-link{justify-content:space-between;width:100%}
 .pp-showcase-panel__art{min-height:265px}
 .pp-showcase-shop{top:42%}
 .pp-showcase-editor__files{flex-basis:26%}
}
@media(prefers-reduced-motion:reduce){
 .pp-showcase-panel__button,.pp-showcase-panel__text-link,.pp-showcase-browser,.pp-showcase-shop,.pp-showcase-editor,.pp-showcase-flow,.pp-showcase-dashboard,.pp-showcase-rack{transition:none!important;transform:none!important}
 .pp-showcase-art__shine{animation:none!important;opacity:.5}
}