.demo-site[data-model="btp"] {
  --site-paper: oklch(97.5% 0.01 90); --site-paper-2: oklch(94.5% 0.018 90);
  --site-ink: oklch(21% 0.02 255); --site-ink-2: oklch(34% 0.015 255); --site-muted: oklch(46% 0.012 255);
  --site-rule: oklch(83% 0.015 100); --site-accent: oklch(66% 0.14 80); --site-accent-text: oklch(40% 0.12 80); --site-accent-ink: oklch(20% 0.018 65); --site-soft: oklch(88% 0.055 82);
  --site-display: var(--font-workshop); --site-radius: 0; --site-heading-weight: 720;
}
.demo-site[data-model="btp"] .hero-motif { border-color: var(--site-rule); background-color: var(--site-paper-2); background-image: linear-gradient(var(--site-rule) 1px, transparent 1px), linear-gradient(90deg, var(--site-rule) 1px, transparent 1px); background-size: 28px 28px; }
.demo-site[data-model="btp"] .hero-motif > * { background-color: var(--site-paper-2); }
.demo-site[data-model="btp"] .motif-stages { align-items: end; }
.demo-site[data-model="btp"] .motif-stage { border-block-end: 4px solid var(--site-ink); }
.demo-site[data-model="btp"] .demo-section:nth-of-type(even) { background: var(--site-ink); color: var(--site-paper); }
.demo-site[data-model="btp"] .demo-section:nth-of-type(even) h2,
.demo-site[data-model="btp"] .demo-section:nth-of-type(even) h3 { color: var(--site-paper); }
.demo-site[data-model="btp"] .demo-section:nth-of-type(even) p { color: var(--site-paper-2); }
.demo-site[data-model="btp"] .demo-section:nth-of-type(even) .row-status,
.demo-site[data-model="btp"] .demo-section:nth-of-type(even) .menu-row span,
.demo-site[data-model="btp"] .demo-section:nth-of-type(even) .steps-list li::before,
.demo-site[data-model="btp"] .demo-section:nth-of-type(even) .demo-faq summary,
.demo-site[data-model="btp"] .demo-section:nth-of-type(even) a {
  color: var(--site-soft);
}
.demo-site[data-model="btp"] .demo-section:nth-of-type(even) .demo-empty {
  border-color: var(--site-rule); background: var(--site-paper-2); color: var(--site-ink-2);
}
.demo-site[data-model="btp"] .demo-section:nth-of-type(even) .demo-empty h3 { color: var(--site-ink); }
.demo-site[data-model="btp"] .demo-section:nth-of-type(even) .demo-empty p { color: var(--site-ink-2); }
