.pg-section{padding:90px 0;background:#000915;position:relative;border-bottom:1px solid rgba(255,255,255,.05)}.max-w-750{max-width:750px}.portfolio-transparency-banner{backdrop-filter:blur(8px)}.pg-toggle-bar{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.pg-toggle-btn{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:#94a3b8;font-weight:700;font-size:.9rem;padding:10px 22px;border-radius:100px;transition:all .3s ease;cursor:pointer}.pg-toggle-btn.active,.pg-toggle-btn:hover{background:rgba(0,234,255,.15);border-color:rgba(0,234,255,.4);color:#00eaff;box-shadow:0 4px 15px rgba(0,234,255,.15)}.portfolio-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:28px;gap:28px}.portfolio-item-card{background:rgba(10,22,40,.65);border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.portfolio-item-card:hover{transform:translateY(-6px);box-shadow:0 16px 36px rgba(0,0,0,.4)}.card-client:hover{border-color:rgba(16,185,129,.4)}.card-product:hover{border-color:rgba(14,165,233,.4)}.card-demo:hover{border-color:rgba(245,158,11,.4)}.portfolio-card-img-wrapper{height:220px;overflow:hidden;background:#030712}.portfolio-card-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.portfolio-item-card:hover .portfolio-card-img{transform:scale(1.05)}.badge-pill{font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:100px;letter-spacing:.02em;backdrop-filter:blur(8px)}.badge-client{background:rgba(16,185,129,.2);border:1px solid rgba(16,185,129,.5);color:#34d399}.badge-product{background:rgba(14,165,233,.2);border:1px solid rgba(14,165,233,.5);color:#38bdf8}.badge-demo{background:rgba(245,158,11,.2);border:1px solid rgba(245,158,11,.5);color:#fbbf24}.badge-status{background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.2);color:#e2e8f0}.portfolio-item-title{font-weight:800;line-height:1.25}.portfolio-tagline{line-height:1.4}.portfolio-client-meta{background:rgba(255,255,255,.03)}.portfolio-what-built ul li{line-height:1.45}.tech-badge{font-size:.72rem;color:#94a3b8;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:3px 8px;border-radius:6px;font-weight:600}.portfolio-outcome-box{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.2)}.portfolio-action-btn{background:rgba(0,234,255,.08);border:1px solid rgba(0,234,255,.3);color:#00eaff!important;font-weight:700;font-size:.88rem;padding:10px 16px;border-radius:10px;transition:all .25s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.portfolio-action-btn:hover{background:#00eaff;color:#000915!important;box-shadow:0 4px 15px rgba(0,234,255,.3)}.view-all-cs-btn{background:rgba(0,234,255,.1);border:1px solid rgba(0,234,255,.3);color:#00eaff!important;font-weight:700;padding:14px 32px;border-radius:100px;transition:all .3s ease;display:inline-flex;align-items:center;text-decoration:none}.view-all-cs-btn:hover{background:#00eaff;color:#000915!important;box-shadow:0 10px 25px rgba(0,234,255,.4)}@media (max-width:1199px){.portfolio-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.portfolio-cards-grid{grid-template-columns:1fr}.portfolio-card-img-wrapper{height:190px}.pg-toggle-bar{gap:8px}.pg-toggle-btn{font-size:.82rem;padding:8px 16px}}