/* Proofio landing page only; inherit Kentrix's colours, cards, and typography. */
.proofio-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.proofio-actions .btn { gap: 12px; }
.proofio-caption { font-size: .9rem; margin-top: 16px; }
.proofio-caption a { color: var(--gold-soft); text-underline-offset: 3px; }
.proofio-block { margin: 48px 0; }
.proofio-block > h2 { margin-bottom: 12px; }
#plans-title { scroll-margin-top: 100px; }
.proofio-workflow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; padding: 0; margin: 22px 0 18px; list-style: none; }
.proofio-workflow .card { padding: 22px; }
.proofio-workflow h3 { margin: 14px 0 10px; font-size: 1.1rem; }
.proofio-workflow p { margin: 0; color: var(--muted); }
.proofio-illustration { width: 100%; height: 80px; stroke: var(--gold-soft); stroke-width: 2.5; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.proofio-sample { scroll-margin-top: 100px; }
.proofio-sample h2 { margin-bottom: 12px; }
.proofio-sample-grid { margin-top: 24px; }
.proofio-sample-card { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.proofio-sample-card h3 { margin: 0; }
.proofio-sample-card .btn { margin-top: auto; }
.proofio-table-wrap { margin-top: 24px; }
.proofio-plans { width: 100%; border-collapse: collapse; background: var(--panel); border: 1px solid var(--line); }
.proofio-plans caption { text-align: left; color: var(--muted); font-size: .9rem; padding-bottom: 10px; }
.proofio-plans th, .proofio-plans td { text-align: left; padding: 15px 18px; border-bottom: 1px solid var(--line); }
.proofio-plans thead { color: var(--gold-soft); }
.proofio-plans tbody th { font-weight: 500; }
.proofio-storage { margin-top: 28px; }
.proofio-storage h3 { color: var(--heading); }
.proofio-checklist-cards { margin-top: 22px; }
.proofio-checklist-cards h3 { margin: 0 0 10px; font-size: 1.1rem; }
.proofio-checklist-cards p { color: var(--muted); margin: 0; }
.proofio-builder { scroll-margin-top: 100px; padding-top: 24px; border-top: 1px solid var(--line); }
.proofio-builder .checklist-demo { --demo-ink: var(--heading); --demo-muted: var(--muted); --demo-accent: var(--gold-soft); --demo-line: var(--line); --demo-active: var(--panel); --demo-badge: #173d49; gap: 32px; }
.proofio-builder .demo-image-link { border-color: #173d49; }
.proofio-faq details { border-bottom: 1px solid var(--line); padding: 18px 0; }
.proofio-faq summary { cursor: pointer; color: var(--heading); font-weight: 600; }
.proofio-faq details p { color: var(--muted); margin-bottom: 0; }
.proofio-planned { border-style: dashed; }
.proofio-planned ul { padding-left: 22px; }
.proofio-planned li { margin: 10px 0; }
@media (max-width: 650px) {
  .proofio-workflow { grid-template-columns: 1fr; }
  .proofio-sample-grid { grid-template-columns: 1fr; }
  .proofio-sample-card .btn { width: 100%; }
  .proofio-plans th, .proofio-plans td { padding: 12px 9px; font-size: .9rem; }
  .proofio-actions { flex-direction: column; }
}
@media (max-width: 360px) {
  .site-header .brand-word { font-size: .9rem; }
  .site-header .brand, .site-header .nav { gap: 8px; }
  .nav-toggle { flex-shrink: 0; }
}