.psc-section{padding:var(--section-py,100px) 0;background:var(--surface,#f8fbfd);position:relative;overflow:hidden}.psc-bg-glow{background:radial-gradient(ellipse at center, rgba(var(--primary-rgb), .1) 0%, transparent 70%);filter:blur(20px);pointer-events:none;width:720px;height:360px;position:absolute;top:4%;left:50%;transform:translate(-50%)}.psc-header{opacity:0;max-width:680px;margin:0 auto 48px;transition:opacity .7s,transform .7s;transform:translateY(24px)}.psc-vis .psc-header{opacity:1;transform:none}.psc-badge{letter-spacing:.12em;text-transform:uppercase;color:var(--primary,#2aa3ce);background:rgba(var(--primary-rgb), .1);border:1px solid rgba(var(--primary-rgb), .2);border-radius:100px;padding:7px 18px;font-size:.76rem;font-weight:700;display:inline-block}.psc-title{color:var(--text-primary,#0a1929);margin:16px 0 12px;font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:800;line-height:1.15}.psc-sub{color:var(--text-secondary,#4a5568);margin:0;font-size:1.02rem;line-height:1.6}.psc-grid{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.psc-frame{border-radius:var(--radius-lg,20px);box-shadow:var(--shadow-lg,0 12px 40px #0a192924);opacity:0;background:#0e2138;border:1px solid #0a19291a;margin:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1),box-shadow .35s;overflow:hidden;transform:translateY(34px)scale(.97)}.psc-vis .psc-frame{opacity:1;transform:none}.psc-frame:hover{box-shadow:var(--shadow-xl,0 20px 60px #0a192938)}.psc-frame-bar{background:linear-gradient(#13294a,#0e2138);border-bottom:1px solid #ffffff0f;align-items:center;gap:7px;padding:11px 16px;display:flex}.psc-dot{border-radius:50%;width:11px;height:11px}.psc-frame-url{color:#ffffff80;background:#ffffff0f;border-radius:100px;margin-left:12px;padding:3px 12px;font-size:.72rem}.psc-frame-body{position:relative;overflow:hidden}.psc-img{width:100%;height:auto;transition:transform .5s;display:block}.psc-frame:hover .psc-img{transform:scale(1.03)}.psc-shine{pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff2e,#0000);width:50%;height:100%;position:absolute;top:0;left:-60%;transform:skew(-18deg)}.psc-frame:hover .psc-shine{animation:.9s pscShine}@keyframes pscShine{0%{left:-60%}to{left:130%}}.psc-caption{color:#ffffffb8;background:#0e2138;border-top:1px solid #ffffff0d;padding:14px 18px;font-size:.85rem;font-weight:600}@media (max-width:767px){.psc-grid{grid-template-columns:1fr;gap:22px}}@media (prefers-reduced-motion:reduce){.psc-frame,.psc-header{transition:none}.psc-frame:hover .psc-shine{animation:none}}