/* Copy rhythm for the approved October 15 Playbook voice. */
.hero .hero-grid { padding-block: 36px 40px; }
.hero .buy h1 { font-size: clamp(44px, 4.5vw, 64px); line-height: 1.02; }
.hero .hero-sub { max-width: 470px; }
.hero-payoff { margin: 14px 0 0; color: #ded7e5; font-size: 16px; line-height: 1.6; }
.hero-payoff strong { color: #fff; font-weight: 700; }
.hero-price-note { margin-top: 10px; color: #c5bace; font-size: 12px; text-align: center; }
.hero .solves { margin-block: 20px; gap: 10px; }
.demo-section .section-heading { display: block; max-width: 740px; }
.demo-section .section-heading h2 { margin: 14px 0 20px; }
.demo-section .section-heading > p { max-width: 650px; font-size: 17px; line-height: 1.7; }
.demo-section .section-heading > p + p { margin-top: 14px; }
.demo-section .section-heading .eyebrow { max-width: 580px; line-height: 1.7; }
.agent-demo-frame .draft-result h3 { font-size: 20px; line-height: 1.12; }
.demo-layout .agent-demo-frame .chat-content { height: 410px; min-height: 410px; }
.demo-layout .demo-bottom > span { font-size: 10px; line-height: 1.5; }
.problem .story-punch { margin-bottom: 0; }
.ai-comparison .section-heading > p + p { margin-top: 12px; }
.comparison-punch { max-width: 650px; margin: 34px auto 0; color: #e5cffa; text-align: center; font-size: 20px; font-weight: 600; line-height: 1.5; letter-spacing: -.02em; }
.time-benefit > div > p + p { margin-top: 16px; }
.time-benefit p strong { color: #fff; }
.time-result > p + p { margin-top: 14px; }
.shortcut { background: radial-gradient(ellipse at 15% 10%, #6d28d925, transparent 65%), #161618; }
.shortcut .story-punch { margin-bottom: 0; font-weight: 700; }
.creator-intro h2 { font-size: clamp(28px, 3vw, 38px); line-height: 1.12; }
.creator .about-short { max-width: 690px; }
.checkout-heading > p { max-width: 650px; margin-inline: auto; line-height: 1.7; }
.checkout-offer > h3 { font-size: 26px; line-height: 1.2; }
.offer-checklist { gap: 18px; }
.offer-checklist strong { color: #fff; }
.offer-checklist li { position: relative; padding-left: 24px; color: #cfc5d9; }
.offer-checklist li::before { content: '✓'; position: absolute; left: 0; color: #c482ff; font-weight: 700; }
.offer-start { margin-top: 14px; }
.offer-software { margin-top: 14px; font-size: 12px; color: #aaa8b2; }
.checkout .checkout-title { gap: 16px; }
.checkout .checkout-title h3 { font-size: 24px; line-height: 1.2; }
.checkout .checkout-promise strong { line-height: 1.5; }
#faq h2 { font-size: clamp(30px, 3.3vw, 42px); line-height: 1.12; }
#faq .faq-cta { font-size: 17px; gap: 16px; }
@media (max-width: 900px) {
  .hero .hero-grid { padding-block: 24px 30px; }
  .hero .buy h1 { font-size: clamp(42px, 8.8vw, 62px); }
  .hero .hero-sub, .hero-payoff { max-width: 520px; }
}
@media (max-width: 600px) {
  .hero .buy h1 { font-size: clamp(36px, 10vw, 52px); }
  .hero .eyebrow { font-size: 11px; }
  .hero .hero-sub, .hero-payoff { font-size: 15px; }
  .hero .hero-cta { font-size: 15px; gap: 16px; }
  .hero .compat-heading { font-size: 14px !important; text-align: center; white-space: normal; }
  .demo-section .section-heading > p { font-size: 16px; }
  .demo-section .section-heading .eyebrow { font-size: 10px; }
  .demo-layout .agent-demo-frame .chat-content { height: 410px; min-height: 410px; }
  .comparison-punch { font-size: 18px; text-align: left; }
  .creator-intro { align-items: flex-start; }
  .creator-intro > img { width: 68px; height: 68px; }
  .creator-intro h2 { font-size: 26px; }
  .checkout .checkout-title h3 { font-size: 21px; }
  .checkout .stripe-proof { flex-shrink: 0; }
  #pb-pay { font-size: 15px; }
  .sticky .btn { font-size: 11px; padding-inline: 12px; gap: 8px; }
}

/* Mobile legibility and image-first hero, October 15 revision. */
.hero .buy h1 .hero-first-line { display: block; font-size: clamp(28px, 2.9vw, 42px); line-height: 1.15; letter-spacing: -.04em; margin-bottom: 8px; }
.hero .buy h1 em { display: block; }
@media (max-width: 900px) {
  .hero .product-visual { order: 0; }
  .hero .buy { order: 1; }
  .hero .buy h1 .hero-first-line { font-size: clamp(22px, 6.7vw, 38px); }
}
@media (max-width: 760px) {
  .hero .eyebrow,
  .hero .agent-stage-heading > span,
  .checkout .agent-stage-heading > span,
  .hero .hero-price-note,
  .hero .trust-badges b,
  .hero .trust-badges small,
  .checkout .trust-badges b,
  .checkout .trust-badges small,
  .demo-section .section-heading .eyebrow,
  .demo-section .demo-note,
  .demo-layout .agent-nav,
  .demo-layout .chat-title,
  .demo-layout .chat-title small,
  .demo-layout .demo-folder-source b,
  .demo-layout .demo-folder-source small,
  .demo-layout .agent-demo-frame .demo-stage-caption,
  .demo-layout .agent-demo-frame .user-bubble,
  .demo-layout .agent-demo-frame .brief-file,
  .demo-layout .agent-demo-frame .bot-bubble,
  .demo-layout .agent-demo-frame .agent-progress,
  .demo-layout .agent-demo-frame .draft-label,
  .demo-layout .agent-demo-frame .draft-result > div,
  .demo-layout .agent-demo-frame .draft-result p,
  .demo-layout .agent-demo-frame .demo-chat-empty > span:last-child,
  .demo-layout .agent-demo-frame .mock-composer,
  .demo-layout .agent-demo-frame .demo-composer-text,
  .demo-layout .demo-bottom > span,
  .demo-layout .demo-bottom .demo-toggle,
  .time-result > small,
  .shortcut .eyebrow,
  .creator .eyebrow,
  .client-proof > span,
  .checkout .offer-software,
  .checkout .order-description,
  .checkout .order-total,
  .checkout .addon .d,
  .checkout .stripe-proof > span,
  .checkout .fine,
  .checkout .checkout-promise strong,
  .checkout .checkout-promise span,
  .checkout .checkout-promise small,
  .checkout .payment-note,
  .checkout .payment-divider,
  .checkout .payment-field,
  .footer p,
  .footer .legal { font-size: 14px; line-height: 1.6; }
  .hero .hero-sub,
  .hero .hero-payoff,
  .hero .solves li,
  .demo-instructions .demo-steps p,
  .creator .about-short,
  .checkout .offer-checklist,
  .checkout .checkout-offer > p,
  .checkout .addon .t,
  #faq .faq-list summary > span,
  #faq .faq-list details[open] summary > span,
  #faq .faq-list details > p { font-size: 16px; line-height: 1.65; }
  .hero .trust-badges { flex-direction: column; align-items: stretch; gap: 16px; }
  .hero .trust-badges > span { flex: auto; }
  .hero .agent-stage-heading > span,
  .checkout .agent-stage-heading > span { letter-spacing: .08em; }
  .hero .agent-stage { height: 440px; }
  .hero .agent-stage-heading { top: 24px; left: 24px; right: 20px; }
  .hero .agent-stage-heading > b { font-size: clamp(24px, 6.8vw, 30px); }
  .demo-layout .agent-demo-frame .chat-content { height: auto; min-height: 610px; }
  .demo-layout .agent-demo-frame .draft-result { position: relative; inset: auto; margin: 20px 0 0; padding: 14px; }
  .demo-layout .agent-demo-frame .draft-result h3 { font-size: 20px; line-height: 1.2; }
  .demo-layout .agent-demo-frame .agent-progress { position: static; margin: 18px 0; min-height: 22px; }
  .demo-layout .agent-demo-frame .mock-composer { gap: 12px; }
  .demo-layout .agent-demo-frame .demo-send { flex-shrink: 0; }
  .demo-layout .demo-bottom { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; padding-block: 8px; }
  .demo-layout .demo-bottom .demo-toggle { min-width: 80px; min-height: 44px; padding: 8px 0; }
  .demo-layout .demo-upload-tray { gap: 14px; min-height: 140px; }
  .demo-layout .demo-folder-source { flex: 0 0 110px; }
  .demo-layout .agent-demo-frame .demo-stage-caption { min-width: 0; }
  .checkout .payment-field input { font-size: 16px; }
  .checkout .card p.fine { font-size: 14px !important; }
  .checkout .checkout-title { align-items: flex-start; gap: 12px; }
  .checkout .stripe-proof { max-width: 95px; }
  .checkout .stripe-proof > span { font-size: 14px; }
  .sticky { gap: 10px; }
  .sticky > div { font-size: 14px; line-height: 1.3; min-width: 0; }
  .sticky small { font-size: 14px; line-height: 1.4; }
  .sticky .btn { font-size: 14px; min-height: 44px; padding: 12px; gap: 8px; flex-shrink: 0; }
  .sticky .btn span { font-size: 18px; }
}