/* Readable copy at every viewport; keep the established typeface and headings. */
:root{--body:#43564a;--muted:#5f705f}
body{font-size:16px}

.benefit p,.customer-message,.assistant-message p,.use-stories p,
.start-steps p,.faq-list details>p,.legal-dialog>p{font-size:16px;line-height:1.7}
.hero-lead,.section-aside,.faq-aside,.contact-copy>p:not(.eyebrow){font-size:18px;line-height:1.7}
.hero-lead{max-width:440px}
.craft-roles>div>p{font-size:18px;line-height:1.7}

/* Secondary copy, including the contact role and demo explanations. */
.hero-footnote,.dialogue-header>div>span,.step-detail,.step-footer>span,
.next-step,.example-note,.craft-note,.contact-person>div>span,
.contact-person a,.form-explanation,.form-status,.mail-fallback,
.mail-fallback .text-link,.capture-zoom,.capture-caption>small,
.capture-dialog>p{font-size:14px;line-height:1.6}
.hero-footnote,.dialogue-header>div>span,.step-detail,.step-footer>span,
.example-note,.contact-person>div>span,.form-explanation,
.capture-zoom,.capture-caption>small{color:#52664f}
.craft-note{color:#e0e8d7}
.role-label{font-size:14px;line-height:1.6}
.message-label,.capture-heading,.capture-heading>span:last-child{font-size:10px;line-height:1.5}
.capture-heading{flex-wrap:wrap;gap:8px}
.capture-caption>p{font-size:18px;line-height:1.6}
.hero-visual>figcaption{font-size:11px;color:#5c6c56}
.consultation-visual figcaption{font-size:11px;color:#fffdf8}

/* Keep all three demo tabs legible at phone widths. */
.example-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.example-tabs button{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;font-size:14px;line-height:1.45;white-space:normal;text-align:left;min-width:0;color:#53664c}
.example-tabs button span{font-size:11px;display:block;margin:0 0 4px}
.faq-list summary{font-size:16px;line-height:1.6}
.dialogue-header strong,.contact-person strong{font-size:16px}

/* Contact controls and supporting information. */
.field label,.field label .optional{font-size:14px;line-height:1.5}
.field input,.field textarea{font-size:16px;line-height:1.5}
.field input::placeholder,.field textarea::placeholder{font-size:14px}
.form-submit{font-size:14px}
.footer-main p{font-size:16px;line-height:1.7}
.footer-main p>span,.footer-bottom,.footer-bottom>span:nth-child(2),
.footer-bottom button{font-size:14px;line-height:1.6}
.footer-main p>span,.footer-bottom{color:#52664f}
.footer-bottom{flex-wrap:wrap;gap:12px 24px}
.legal-dialog h3{font-size:18px}
.legal-dialog .legal-small{font-size:14px;line-height:1.7}

@media(max-width:760px){.example-tabs{gap:10px}}