/* Ürün sayfaları (flow.html / guard.html) ortak bölümleri */
.pp-flow  { --pp-acc: var(--flow-accent); }
.pp-guard { --pp-acc: var(--guard-accent); }

.pp-section { padding: 90px 0; }
.pp-section.alt {
  background: var(--bg-card);
  border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);
}

.pp-demo-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
@media (max-width: 820px) { .pp-demo-grid { grid-template-columns: 1fr; } }

.pp-feat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 20px; }
.pp-feat {
  background: var(--bg-card); border: 1px solid var(--border); border-top: 3px solid var(--pp-acc);
  border-radius: var(--radius-lg); padding: 26px 24px;
}
.pp-feat h3 { font-family: 'Outfit', sans-serif; font-size: 19px; color: var(--text-primary); margin-bottom: 8px; }
.pp-feat p { color: var(--text-secondary); font-size: 15px; line-height: 1.6; }

.pp-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-top: 56px; text-align: center; }
.pp-stat-val { font-family: 'Outfit', sans-serif; font-size: 44px; font-weight: 800; color: var(--pp-acc); line-height: 1.1; }
.pp-stat-label { margin-top: 6px; font-size: 12.5px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--text-muted); }
@media (max-width: 600px) { .pp-stats { grid-template-columns: 1fr; } }

/* CTA bandı (index.html'deki satır içi stilin aynısı; ürün sayfalarında da kullanılır) */
.cta-banner { padding: 100px 0; text-align: center; background: var(--dark); }
.cta-banner h2 { color: #fff; }
.cta-banner p { color: rgba(255, 255, 255, .62); max-width: 560px; margin: 0 auto 34px; font-size: 16px; line-height: 1.6; }
.cta-row { display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; }
.btn-outline-invert { background: transparent; border: 1px solid rgba(255, 255, 255, .28); color: #fff; }
.btn-outline-invert:hover { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .5); }