/* ==========================================================================
   Proof block — business / data-destruction pages (2026-10-28)
   Sample certificate + documented process + client logos, placed just
   before each page's final call to action. Self-contained (own wrapper)
   so it renders the same on the v3, eco and Tailwind page templates.
   ========================================================================== */
.pf-proof {
  --pf-ink: var(--v3-ink, #07130b);
  --pf-ink-2: var(--v3-ink-2, #26352b);
  --pf-muted: var(--v3-muted, #5b6b60);
  --pf-line: var(--v3-line, #e2e8df);
  --pf-tint: var(--v3-tint, #f3f7f0);
  --pf-card: #fff;
  --pf-green: var(--v3-green-dk, #087a35);
  --pf-display: var(--v3-display, 'Outfit', system-ui, -apple-system, 'Segoe UI', sans-serif);
  --pf-body: var(--v3-body, 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif);
  background: var(--pf-tint);
  border-top: 1px solid var(--pf-line);
  border-bottom: 1px solid var(--pf-line);
  padding: clamp(48px, 7vw, 88px) 0;
  color: var(--pf-ink-2);
  font-family: var(--pf-body);
}
html[data-theme="dark"] .pf-proof {
  --pf-ink: #eef5ef;
  --pf-ink-2: #c9d6cc;
  --pf-muted: #9fb2a5;
  --pf-line: #21402c;
  --pf-tint: #0a1810;
  --pf-card: #0f2016;
  --pf-green: var(--v3-lime, #b9f24a);
}
.pf-wrap { width: min(1180px, 100% - 48px); margin-inline: auto; }
@media (max-width: 640px) { .pf-wrap { width: calc(100% - 32px); } }

.pf-grid { display: grid; gap: clamp(28px, 5vw, 64px); align-items: center; }
@media (min-width: 900px) { .pf-grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); } }

.pf-cert { margin: 0; }
.pf-cert a.pf-cert-img {
  display: block;
  max-width: 440px;
  margin-inline: auto;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--pf-line);
  box-shadow: var(--v3-shadow-lg, 0 30px 80px -24px rgba(7, 19, 11, .32));
  transform: rotate(-1.5deg);
  transition: transform .3s var(--v3-ease, ease);
}
.pf-cert a.pf-cert-img:hover, .pf-cert a.pf-cert-img:focus-visible { transform: rotate(0deg) translateY(-4px); }
.pf-cert img { display: block; width: 100%; height: auto; }
.pf-cert figcaption { margin-top: 16px; text-align: center; font-size: 14px; color: var(--pf-muted); }
.pf-cert figcaption a { color: var(--pf-green); font-weight: 700; }

.pf-eyebrow {
  margin: 0 0 10px;
  font-size: 12.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;
  color: var(--pf-green);
}
.pf-h {
  margin: 0 0 14px;
  font-family: var(--pf-display);
  font-size: clamp(28px, 4.2vw, 42px); line-height: 1.08; letter-spacing: -.02em;
  font-weight: 800;
  color: var(--pf-ink);
}
.pf-lede { margin: 0 0 22px; font-size: clamp(16px, 1.9vw, 18px); line-height: 1.6; max-width: 60ch; }

.pf-list { list-style: none; margin: 0 0 26px; padding: 0; display: grid; gap: 12px; }
@media (min-width: 640px) { .pf-list { grid-template-columns: 1fr 1fr; } }
.pf-list li {
  position: relative;
  padding: 14px 16px 14px 44px;
  background: var(--pf-card);
  border: 1px solid var(--pf-line);
  border-radius: 12px;
  font-size: 15px; line-height: 1.5;
}
.pf-list li::before {
  content: "";
  position: absolute; left: 16px; top: 17px;
  width: 16px; height: 16px; border-radius: 50%;
  background: var(--pf-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 10px no-repeat;
}
html[data-theme="dark"] .pf-list li::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2304220e' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}
.pf-list b { display: block; color: var(--pf-ink); }
.pf-list a { color: var(--pf-green); font-weight: 700; }

.pf-stats { display: flex; flex-wrap: wrap; gap: 12px 36px; }
.pf-stats div { display: flex; flex-direction: column; }
.pf-stats b { font-family: var(--pf-display); font-size: 26px; line-height: 1.1; color: var(--pf-ink); }
.pf-stats span { font-size: 14px; color: var(--pf-muted); }

.pf-logos { margin-top: clamp(36px, 5vw, 56px); padding-top: 28px; border-top: 1px solid var(--pf-line); text-align: center; }
.pf-logos p { margin: 0 0 18px; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--pf-muted); }
.pf-logos ul {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 18px 40px;
}
.pf-logos img { display: block; height: 40px; width: auto; max-width: 150px; object-fit: contain; filter: grayscale(100%); opacity: .72; }
html[data-theme="dark"] .pf-logos li { background: #eef5ef; border-radius: 8px; padding: 6px 10px; }
@media (max-width: 640px) { .pf-logos img { height: 32px; max-width: 120px; } .pf-logos ul { gap: 14px 24px; } }
@media (prefers-reduced-motion: reduce) { .pf-cert a.pf-cert-img { transform: none; transition: none; } }