.demo-hero { padding-bottom: 3rem; }
.demo-hero h1 { max-width: 17ch; }
.review-date, .media-note { color: var(--paper-muted); font-size: .9rem; }
.affiliate-note { max-width: 64rem; margin-top: 2rem; padding: 1.3rem 1.6rem; border: 1px solid var(--copper); border-left-width: 4px; background: var(--ink-800); }
.affiliate-note > strong { color: var(--copper-light); }
.affiliate-note p { margin: .5rem 0 0; }
.pricing-section, .decision-section { display: grid; grid-template-columns: 1fr 1fr; gap: 3.5rem; padding-block: 3rem; border-top: 1px solid var(--line); }
.pricing-section h2, .demo-section-heading h2, .decision-section h2 { font-size: clamp(1.65rem, 3vw, 2.6rem); line-height: 1.2; letter-spacing: -.03em; }
.fee-table { width: 100%; border-collapse: collapse; margin-top: .5rem; }
.fee-table caption { text-align: left; font-weight: 700; margin-bottom: 1rem; }
.fee-table th, .fee-table td { padding: .95rem .65rem; border-bottom: 1px solid var(--line); text-align: left; }
.fee-table thead { color: var(--copper-light); font-size: .9rem; }
.fee-table tbody th { font-size: 1.2rem; }
.demos { border-top: 1px solid var(--line); padding-block: 3rem 1rem; }
.demo-section-heading { max-width: 54rem; }
.demo-example { display: grid; grid-template-columns: minmax(15rem, 20rem) minmax(0, 1fr); gap: 3rem; padding-block: 3rem; border-bottom: 1px solid var(--line); align-items: start; }
.demo-example:last-child { border-bottom: 0; }
.demo-player video { display: block; width: 100%; height: auto; aspect-ratio: 9 / 16; background: #102536; border: 1px solid var(--line); border-radius: .6rem; }
.demo-player video:focus-visible, summary:focus-visible { outline: 3px solid var(--copper-light); outline-offset: 5px; }
.demo-explanation h3 { font-size: clamp(1.6rem, 2.5vw, 2.25rem); line-height: 1.25; margin-top: .7rem; }
.demo-explanation > p { max-width: 62ch; }
.video-disclosure { padding: 1rem 1.2rem; background: var(--ink-800); border-left: 3px solid var(--copper); font-size: .95rem; }
.demo-explanation details { margin-top: 1.5rem; border: 1px solid var(--line); border-radius: .3rem; }
.demo-explanation summary { cursor: pointer; padding: 1rem 1.2rem; font-weight: 650; }
.transcript { padding: 0 1.2rem 1.2rem; color: var(--paper-muted); }
.transcript h4 { color: var(--paper); margin-top: 1.5rem; }
.referral-card { padding: 1.6rem; background: var(--ink-800); border: 1px solid var(--copper); }
.referral-card h3 { margin-top: 0; font-size: 1.6rem; }
.referral-card .button { background: var(--copper-light); color: var(--ink-950); text-align: center; max-width: 100%; white-space: normal; }
.source-section { padding-block: 2rem 4rem; border-top: 1px solid var(--line); }
.source-section p { max-width: 90ch; }
@media (max-width: 760px) {
  .pricing-section, .decision-section, .demo-example { grid-template-columns: 1fr; gap: 1.5rem; }
  .demo-example { padding-block: 2rem; }
  .demo-player { max-width: 22rem; margin-inline: auto; }
  .fee-table th, .fee-table td { padding-inline: .4rem; }
  .affiliate-note { padding: 1rem; }
  .demo-explanation h3 { font-size: 1.8rem; }
  .referral-card { padding: 1.2rem; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }