.pp{background:var(--color-dark);min-height:100vh}.pp__stats{border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);background:var(--color-surface-2);padding:3rem 0}.pp__stats-grid{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.pp__stat{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.pp__stat-value{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1}.pp__stat-label{color:var(--color-muted);font-size:.9rem;font-weight:500}.pp__projects{padding:6rem 0}.pp__section-header{text-align:center;margin-bottom:3rem}.pp__section-title{font-family:var(--font-heading);color:var(--color-text);margin-bottom:.75rem;font-size:clamp(1.75rem,3vw,2.75rem);font-weight:700}.pp__section-sub{color:var(--color-muted);font-size:1.05rem}.pp__filters{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:3rem;display:flex}.pp__filter-btn{color:var(--color-muted);cursor:pointer;font-size:.875rem;font-weight:500;font-family:var(--font-body);background:0 0;border:1px solid #ffffff14;border-radius:2rem;padding:.5rem 1.4rem;transition:all .25s}.pp__filter-btn:hover{color:var(--color-text);border-color:#6c63ff66}.pp__filter-btn--active{background:var(--gradient-primary);color:#fff;border-color:#0000}.pp__grid{grid-template-columns:repeat(3,1fr);gap:1.75rem;display:grid}.pp__card{-webkit-backdrop-filter:blur(16px);background:#10152299;border:1px solid #ffffff0f;border-radius:20px;flex-direction:column;transition:border-color .3s,transform .3s;display:flex;overflow:hidden}.pp__card:hover{border-color:rgba(var(--pp-color,108, 99, 255), .25);transform:translateY(-4px)}.pp__card-mockup{background:var(--color-surface);border-bottom:1px solid #ffffff0d}.pp__mockup-bar{background:#ffffff08;border-bottom:1px solid #ffffff0a;align-items:center;gap:.4rem;padding:.6rem 1rem;display:flex}.pp__mockup-dot{background:#ffffff26;border-radius:50%;width:8px;height:8px}.pp__mockup-dot:first-child{background:#ff5f57}.pp__mockup-dot:nth-child(2){background:#febc2e}.pp__mockup-dot:nth-child(3){background:#28c840}.pp__mockup-url{color:var(--color-muted);font-size:.7rem;font-family:var(--font-mono);background:#ffffff0a;border-radius:4px;flex:1;margin-left:.5rem;padding:.2rem .6rem}.pp__mockup-screen{height:140px;overflow:hidden}.pp__mockup-bg{flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;display:flex}.pp__mockup-icon{opacity:.6;font-size:2.5rem}.pp__mockup-lines{flex-direction:column;gap:6px;width:70%;display:flex}.pp__mockup-line{background:#ffffff0f;border-radius:3px;height:6px}.pp__card-body{flex-direction:column;flex:1;gap:.6rem;padding:1.75rem;display:flex}.pp__card-category{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:700}.pp__card-title{font-family:var(--font-heading);color:var(--color-text);font-size:1.05rem;font-weight:700;line-height:1.3}.pp__card-desc{color:var(--color-muted);flex:1;font-size:.85rem;line-height:1.6}.pp__card-tags{flex-wrap:wrap;gap:.4rem;margin-top:.25rem;display:flex}.pp__card-tag{color:var(--color-muted);font-size:.72rem;font-family:var(--font-mono);background:#ffffff0d;border:1px solid #ffffff14;border-radius:1rem;padding:.2rem .7rem}.pp__card-stats{border-top:1px solid #ffffff0d;gap:1.25rem;margin-top:.5rem;padding-top:.75rem;display:flex}.pp__card-stat{flex-direction:column;gap:.15rem;display:flex}.pp__card-stat-val{font-family:var(--font-heading);font-size:.95rem;font-weight:700}.pp__card-stat-key{color:var(--color-muted);text-transform:capitalize;font-size:.7rem}.pp__card-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:.75rem;display:flex}.pp__card-year{color:var(--color-muted);font-size:.8rem}.pp__card-link{align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:gap .2s;display:inline-flex}.pp__card-link:hover{gap:.55rem}.pp__testimonials{background:var(--color-surface-2);padding:6rem 0}.pp__testimonials-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.pp__testimonial{background:#10152299;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;gap:1rem;padding:2rem;transition:border-color .3s;display:flex;position:relative}.pp__testimonial:hover{border-color:#6c63ff33}.pp__testimonial-stars{gap:.2rem;display:flex}.pp__star{color:#ffb800;font-size:1rem}.pp__testimonial-content{color:var(--color-muted);flex:1;font-size:.9rem;font-style:italic;line-height:1.7}.pp__testimonial-author{align-items:center;gap:.75rem;display:flex}.pp__testimonial-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:.8rem;font-weight:700;display:flex}.pp__testimonial-info{flex-direction:column;gap:.1rem;display:flex}.pp__testimonial-name{color:var(--color-text);font-size:.9rem;font-weight:700}.pp__testimonial-role{color:var(--color-muted);font-size:.75rem}.pp__testimonial-project{color:var(--color-primary);background:#6c63ff14;border:1px solid #6c63ff33;border-radius:1rem;align-self:flex-start;padding:.2rem .7rem;font-size:.72rem;display:inline-block}.pp__cta-section{padding:6rem 0}.pp__cta-box{text-align:center;background:#101522cc;border:1px solid #6c63ff33;border-radius:24px;padding:5rem 3rem;position:relative;overflow:hidden}.pp__cta-glow{pointer-events:none;background:radial-gradient(#6c63ff26 0%,#0000 70%);width:600px;height:300px;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.pp__cta-title{font-family:var(--font-heading);color:var(--color-text);z-index:1;margin-bottom:1rem;font-size:clamp(1.75rem,3vw,2.75rem);font-weight:700;position:relative}.pp__cta-desc{color:var(--color-muted);z-index:1;margin-bottom:2.5rem;font-size:1.05rem;position:relative}.pp__cta-btn{background:var(--gradient-primary);color:#fff;z-index:1;border-radius:3rem;padding:.875rem 2.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block;position:relative}.pp__cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6c63ff66}@media (max-width:1000px){.pp__grid,.pp__testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.pp__stats-grid{grid-template-columns:repeat(2,1fr)}.pp__grid,.pp__testimonials-grid{grid-template-columns:1fr}.pp__cta-box{padding:3rem 1.5rem}}