.pf-filter-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px;justify-content:center}.pf-filter-btn{padding:8px 18px;border-radius:100px;font-size:.82rem;font-weight:500;color:var(--ink-secondary);background:#ffffff08;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .2s ease;font-family:inherit}.pf-filter-btn:hover{border-color:var(--accent);color:var(--ink)}.pf-filter-btn.active{background:#7c5cff1f;border-color:var(--accent);color:var(--accent)}[data-theme=light] .pf-filter-btn{background:#0f172a05;border-color:#0f172a0f}[data-theme=light] .pf-filter-btn.active{background:#7c5cff14}.pf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.pf-card{padding:20px;border-radius:16px;transition:all .3s ease;display:flex;flex-direction:column}.pf-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.pf-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.pf-type-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#7c5cff1a;border:1px solid rgba(124,92,255,.15);border-radius:100px;font-size:.7rem;font-weight:600;color:var(--accent)}.pf-category-label{font-size:.72rem;color:var(--ink-muted);font-weight:500}.pf-mockup{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;overflow:hidden;margin-bottom:16px}[data-theme=light] .pf-mockup{background:#0f172a05;border-color:#0f172a0f}.pf-mockup-bar{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.06)}[data-theme=light] .pf-mockup-bar{border-bottom-color:#0f172a0f}.pf-mockup-bar span{width:8px;height:8px;border-radius:50%;background:#ffffff14}[data-theme=light] .pf-mockup-bar span{background:#0f172a14}.pf-mockup-content{padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px}.pf-mockup-icon{color:var(--accent);opacity:.5}.pf-mockup-lines{display:flex;flex-direction:column;gap:6px;width:80%}.pf-mockup-lines span{height:6px;border-radius:3px;background:#ffffff0f}.pf-mockup-lines span:nth-child(2){width:70%}.pf-mockup-lines span:nth-child(3){width:50%}[data-theme=light] .pf-mockup-lines span{background:#0f172a0f}.pf-body{margin-bottom:12px;flex:1}.pf-challenge,.pf-solution{font-size:.8rem;color:var(--ink-secondary);line-height:1.6;margin-bottom:8px}.pf-challenge strong,.pf-solution strong{color:var(--ink)}.pf-features{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:14px}.pf-feature-tag{padding:3px 8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:100px;font-size:.65rem;color:var(--ink-muted)}[data-theme=light] .pf-feature-tag{background:#0f172a05;border-color:#0f172a0f}.pf-footer{margin-top:auto}.pf-cta{font-size:.85rem;font-weight:600;color:var(--accent);text-decoration:none}.pf-cta:hover,.pf-card:hover .pf-cta{text-decoration:underline}.roi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:40px}.roi-card{padding:28px 24px;border-radius:16px;text-align:center;transition:all .3s ease}.roi-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:var(--shadow-glow)}.roi-icon{width:48px;height:48px;border-radius:12px;background:#7c5cff1a;border:1px solid rgba(124,92,255,.15);display:grid;place-items:center;color:var(--accent);margin:0 auto 14px}.roi-card h3{font-size:1rem;font-weight:700;margin-bottom:8px;color:var(--ink)}.roi-card p{font-size:.82rem;color:var(--ink-secondary);line-height:1.6;margin:0}.products-cta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.products-cta-card{padding:32px 24px;border-radius:16px;text-align:center;text-decoration:none;transition:all .3s ease}.products-cta-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.products-cta-card svg{color:var(--accent);margin-bottom:14px}.products-cta-card h3{font-size:1.05rem;font-weight:700;margin-bottom:8px;color:var(--ink)}.products-cta-card p{font-size:.82rem;color:var(--ink-secondary);margin-bottom:14px;line-height:1.5}@media(max-width:1024px){.pf-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.pf-grid,.roi-grid,.products-cta-grid{grid-template-columns:1fr}}@media(max-width:640px){.pf-card{padding:16px}}