/* One continuous workflow, with optional examples beside the feature they explain.
   Load after the existing scene styles. Simulated document/phone geometry is retained. */
body{font-size:16px}
.site-header{gap:28px}
.primary-nav{gap:24px;font-size:14px}
.primary-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 2px}
.primary-nav .nav-trial{padding-inline:16px;background:var(--blue);color:#fff;border-radius:8px}
.primary-nav .nav-login{color:var(--ink)}
.text-link{font-size:14px;min-height:44px}
.button{font-size:15px}
.small-button{font-size:14px;min-height:44px}
.journey-nav a{font-size:12px;min-height:44px}
.human-hero .hero-copy p{font-size:16px;line-height:1.7}
.hero-introduction{max-width:365px}
.hero-photo-caption,.hero-photo-caption>span:last-child{font-size:12px;line-height:1.6}
.hero-visit-card>p,.hero-visit-line{font-size:12px}
.hero-visit-card>a{font-size:14px;min-height:44px}
.hero-visit-top .status{font-size:10px}
.hero-visit-title{display:block;font-size:24px;font-weight:700;letter-spacing:-.035em;line-height:1.2}
.hero-visit-card>p.hero-visit-title{font-size:24px;color:var(--ink);margin:0;line-height:1.2}
.source-document .paper-section-label{display:block;margin:15px 0 5px;background:#edf1f8;padding:4px 5px;font-size:8px;font-weight:700;line-height:1.5}
.workflow-strip{font-size:14px;padding-bottom:28px}
.workflow-strip a{min-height:44px}
.referral-chapter .referral-heading>p{font-size:16px;line-height:1.7;max-width:65ch;margin-inline:auto}
.referral-chapter .extraction-caption{font-size:14px}
.referral-chapter .motion-step-label{font-size:14px;line-height:1.6}
.booking-motion-copy>p:not(.motion-step-label){font-size:16px;line-height:1.75}
.booking-story-steps{font-size:14px}
.booking-motion-copy p.booking-setting{font-size:14px;line-height:1.7}
.booking-motion .motion-step-label{font-size:14px;line-height:1.6}
.motion-controls button,.feature-motion-controls button,.sales-clip-controls button{font-size:13px;min-height:44px;min-width:44px}
.booking-image-caption{font-size:12px;line-height:1.5}
.booking-image-caption{background:#fff;padding:5px 14px;bottom:0;z-index:6}
.feature-motion-section{padding-top:72px;padding-bottom:0}
.feature-motion-intro{margin-bottom:64px}
.feature-motion-chapter{margin-bottom:88px}
.feature-motion-heading>p{font-size:16px;line-height:1.75}
.feature-motion-caption,.feature-motion-photo-note{font-size:12px;line-height:1.7}
.feature-motion-playback>[data-motion-label]{font-size:13px;max-width:38ch}
.feature-motion-controls{gap:16px}
.feature-motion-photo-note{margin-top:-40px}
#consult>.sales-feature{padding-top:0;padding-bottom:88px}
.sales-feature{padding-block:80px}
.sales-feature-copy>p{font-size:16px;line-height:1.75}
.sales-feature-copy h3{font-size:clamp(32px,3.5vw,52px);font-weight:650;letter-spacing:-.035em;line-height:1.13}
.sales-feature-copy h3>span{color:var(--soft)}
.sales-feature-copy>.sales-benefit{font-size:15px}
.sales-clip-controls>p{font-size:13px;line-height:1.6}
.feature-clip>figcaption{font-size:12px;line-height:1.7}

/* The disclosure is the boundary; the example inside is not another page. */
.workflow-inline-demo.optional-workspace{grid-column:1 / -1;width:100%;margin:24px 0 0;border:0;border-top:1px solid var(--line);background:transparent}
.workflow-inline-demo.optional-workspace>summary{padding:19px 0;font-size:15px;line-height:1.5;min-height:60px;color:var(--blue);gap:20px}
.workflow-inline-demo.optional-workspace>summary>svg{flex-shrink:0;width:20px;height:20px}
.workflow-inline-demo.optional-workspace[open]>summary{padding-bottom:24px}
.workflow-inline-demo .content-wrap{width:100%;margin:0}
.workflow-inline-demo .consult-section{padding:0 0 12px;background:transparent}
.workflow-inline-demo .consult-workspace{margin-top:0;gap:24px;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)}
.workflow-inline-demo .capture-demo{margin-top:0}
.workflow-inline-demo .medicine-workspace,.workflow-inline-demo .capture-demo,.workflow-inline-demo .note-editor{box-shadow:none}
.workflow-inline-demo .workspace-top{font-size:14px;line-height:1.5;flex-wrap:wrap;row-gap:6px}
.workflow-inline-demo .demo-label{font-size:12px}
.workflow-inline-demo .medicine-head{font-size:12px;letter-spacing:0;padding-top:20px}
.workflow-inline-demo .medicine-head,.workflow-inline-demo .medicine-row{grid-template-columns:minmax(0,1fr) minmax(185px,.85fr)}
.workflow-inline-demo .medicine-row{padding-block:18px;transition:background-color 180ms ease}
.workflow-inline-demo .medicine-row h4{font-size:15px;font-weight:650}
.workflow-inline-demo .medicine-row small{font-size:12px;line-height:1.65;margin-bottom:8px}
.workflow-inline-demo .medicine-row .medicine-type{font-size:12px;padding:2px 6px}
.workflow-inline-demo .medicine-row select{font-size:13px;min-height:44px;padding:9px 24px 9px 10px;width:100%;color:var(--ink)}
.workflow-inline-demo .medicine-bottom{align-items:flex-start;flex-wrap:wrap}
.workflow-inline-demo .medicine-bottom>span{font-size:12px;padding-top:9px}
.workflow-inline-demo .medicine-bottom .text-link{font-size:13px;text-align:left;max-width:none;min-height:44px;padding-block:8px}
.workflow-inline-demo .clinical-note{font-size:12px;line-height:1.7}
.workflow-inline-demo .capture-title{font-size:14px}
.workflow-inline-demo .capture-title .beta{font-size:12px}
.workflow-inline-demo .capture-result{font-size:14px;line-height:1.5}
.workflow-inline-demo .capture-result small{font-size:12px;margin-top:4px}
.workflow-inline-demo .capture-demo>p{font-size:13px;line-height:1.7}
.workflow-inline-demo .capture-demo .small-button{width:100%}
.workflow-inline-demo .consult-under{margin-top:20px;gap:24px;align-items:flex-start}
.workflow-inline-demo .consult-under p{font-size:14px;line-height:1.7}
.workflow-inline-demo .consult-under>span{font-size:12px;line-height:1.7;max-width:40ch}

/* Colour supplements the comparison text; it never replaces it. */
.medicine-row[data-comparison="different"]{background:#fff1f0}
.medicine-row[data-comparison="different"] select,.medicine-row[data-comparison="different"] select.reviewed{background:#ffe4e0;border-color:#df9e98;color:#8e2922}
.medicine-row[data-comparison="added"]{background:#fff8e8}
.medicine-row[data-comparison="added"] select,.medicine-row[data-comparison="added"] select.reviewed{background:#fff0c5;border-color:#d4b568;color:#75520b}
.medicine-row[data-comparison="confirmed"] select,.medicine-row[data-comparison="confirmed"] select.reviewed{background:#eaf5ee;border-color:#b6d6c1;color:#245d3f}

/* Booking is a readable interactive example, separate from the phone illustration. */
#book>.workflow-inline-demo{align-self:stretch}
.workflow-inline-demo .booking-example{max-width:660px;padding:0 0 24px}
.workflow-inline-demo .sms-sheet{padding:28px;box-shadow:none}
.workflow-inline-demo .sms-top strong{font-size:15px}
.workflow-inline-demo .sms-top small{font-size:12px}
.workflow-inline-demo .sms-message{font-size:15px;line-height:1.75}
.workflow-inline-demo .booking-options{gap:10px}
.workflow-inline-demo .booking-options legend{font-size:13px;margin-bottom:10px}
.workflow-inline-demo .booking-options button{min-height:64px;padding:12px 8px}
.workflow-inline-demo .booking-options button span{font-size:12px;letter-spacing:0}
.workflow-inline-demo .booking-options button strong{font-size:14px}
.workflow-inline-demo .demo-hint,.workflow-inline-demo .example-caption{font-size:12px;line-height:1.7}
.workflow-inline-demo .sms-reply{font-size:14px}
.workflow-inline-demo .confirm-address{font-size:14px;line-height:1.7}
.workflow-inline-demo .confirm-address .small-button{min-height:44px;padding:10px 16px}
.workflow-inline-demo .calendar-confirm{margin:20px 0 0;padding:18px}
.workflow-inline-demo .calendar-confirm>div>small{font-size:12px;letter-spacing:0}
.workflow-inline-demo .calendar-confirm strong{font-size:14px}
.workflow-inline-demo .calendar-confirm>div>span{font-size:12px;line-height:1.6}

/* Notes and report controls inherit a single quiet, readable workspace. */
.workflow-inline-demo .scribe-section{display:block;padding:0 0 24px;max-width:820px;margin-inline:auto}
.workflow-inline-demo .scribe-visual{width:100%}
.workflow-inline-demo .note-editor label{font-size:12px;letter-spacing:0}
.workflow-inline-demo .note-editor textarea{font-size:16px;line-height:1.8;min-height:180px}
.workflow-inline-demo .editor-bottom{flex-wrap:wrap;row-gap:0;padding-block:10px}
.workflow-inline-demo .editor-bottom>span{font-size:12px}
.workflow-inline-demo .editor-bottom button{font-size:14px;min-height:44px}
.workflow-inline-demo .dictation-strip{margin:14px 0 0;transform:none}
.workflow-inline-demo .dictation-strip>span{font-size:12px}
.workflow-inline-demo .report-demo-layout{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:40px;align-items:start;padding:8px 0 28px}
.report-demo-actions{padding-top:6px}
.report-demo-actions .button{white-space:normal;text-align:center;gap:10px}
.report-demo-actions .draft-helper{font-size:14px;color:var(--soft);line-height:1.7;margin-top:16px;max-width:32ch}
.report-demo-actions>p{font-size:14px;color:var(--soft);line-height:1.7;margin-bottom:18px}
.workflow-inline-demo .report-paper{transform:none;box-shadow:none;border:1px solid var(--line);border-radius:12px;padding:30px;min-height:0}
.workflow-inline-demo .report-mast{flex-wrap:wrap;row-gap:10px}
.workflow-inline-demo .report-mast .small-brand{font-size:14px}
.workflow-inline-demo .report-mast .status{font-size:12px}
.workflow-inline-demo .report-paper h3,.workflow-inline-demo .report-paper h4{font-size:26px;margin-top:28px;line-height:1.2;letter-spacing:-.025em;text-transform:none;color:var(--ink)}
.workflow-inline-demo .report-person{font-size:15px}
.workflow-inline-demo .report-person span{font-size:13px}
.workflow-inline-demo .report-paper h5{font-size:13px;text-transform:none;letter-spacing:0;color:var(--ink);margin:19px 0 7px;line-height:1.5}
.workflow-inline-demo .report-paper p{font-size:14px;line-height:1.8;color:var(--soft)}
.workflow-inline-demo .report-signature{font-size:12px;line-height:1.6}

/* Prices, access and FAQs should be comfortable to read on a phone. */
.pricing-heading>p{font-size:16px;line-height:1.7}
.pricing-plan>p:not(.plan-price):not(.enterprise-title){font-size:15px;line-height:1.75}
.follow-up-prices{font-size:14px}
.plan-price>span{font-size:14px}
.pricing-plan>.text-link{font-size:14px;min-height:44px}
.pricing-fine-print,.trial-access-note{font-size:12px;line-height:1.75}
.trial-invitation>div>p{font-size:15px;line-height:1.75}
.trial-invitation>.button{font-size:14px}
.getting-started-heading>p{font-size:16px;line-height:1.75}
.getting-started-heading>.text-link{font-size:14px}
.getting-started-heading>.button{margin-top:24px}
.access-details summary{font-size:16px;line-height:1.55}
.access-details p{font-size:15px;line-height:1.8}
.access-details .text-link{font-size:14px;min-height:44px}
.questions>div>p{font-size:16px;line-height:1.7}
.question-list summary{font-size:16px;line-height:1.55;min-height:66px}
.question-list details>p{font-size:15px;line-height:1.8}
.question-list details>p>a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.closing{padding-block:64px}
.closing h2{letter-spacing:-.04em}
.closing p{font-size:16px;line-height:1.7}
.closing-action p{font-size:13px;line-height:1.7;margin-top:12px}
.site-footer{font-size:13px;gap:16px 24px}
.site-footer>button,.site-footer .brand-replay{font-size:13px;min-height:44px}
.site-footer .contact-links{font-size:14px;gap:8px 24px}
.site-footer .contact-links>a{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere}
.footer-small{font-size:12px;line-height:1.7;color:var(--soft);gap:12px 32px;align-items:flex-start}
.footer-small>span:last-child{max-width:64ch}

@media(hover:hover) and (pointer:fine){
  .primary-nav .nav-trial:hover{background:var(--blue-deep)}
  .primary-nav a:not(.nav-trial):hover,.workflow-inline-demo>summary:hover{color:var(--blue-deep)}
}
@media(max-width:1100px){
  .workflow-inline-demo .consult-workspace{grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);gap:20px}
  .workflow-inline-demo .medicine-head,.workflow-inline-demo .medicine-row{grid-template-columns:1fr}
  .workflow-inline-demo .medicine-head>span:last-child{display:none}
  .workflow-inline-demo .medicine-row select{max-width:280px}
  .human-hero .hero-copy p{font-size:16px}
  .human-hero .button{font-size:14px}
}
@media(max-width:900px){
  .primary-nav{gap:16px;font-size:13px}
  .workflow-strip{font-size:13px}
  .sales-feature-copy>p{font-size:16px}
  .sales-feature-copy h3{font-size:34px}
  .booking-motion-copy>p:not(.motion-step-label){font-size:16px}
  .workflow-inline-demo .report-demo-layout{grid-template-columns:1fr;gap:24px}
  .report-demo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}
  .report-demo-actions .draft-helper{margin:0;max-width:40ch}
}
@media(max-width:760px){
  .feature-motion-section{padding-top:48px}
  .feature-motion-intro{margin-bottom:48px}
  .feature-motion-chapter{margin-bottom:64px}
  .feature-motion-heading>p,.feature-motion-intro>p{font-size:16px;line-height:1.75}
  .feature-motion-controls{padding-left:0;gap:20px}
  .feature-motion-playback>[data-motion-label]{font-size:13px;line-height:1.6}
  .feature-motion-caption{font-size:12px}
  .feature-motion-photo-note{margin-top:-28px}
  #consult>.sales-feature{padding-bottom:64px}
  .workflow-inline-demo .consult-workspace{grid-template-columns:1fr;gap:20px}
  .workflow-inline-demo .medicine-head,.workflow-inline-demo .medicine-row{grid-template-columns:minmax(0,1fr) minmax(185px,1fr)}
  .workflow-inline-demo .medicine-head>span:last-child{display:block}
}
@media(max-width:650px){
  body{font-size:16px}
  .site-header{gap:14px;height:84px}
  .site-header .brand{font-size:17px;gap:7px}
  .site-header .brand img{width:28px;height:28px}
  .primary-nav{gap:10px;font-size:13px}
  .primary-nav a[href="#prepare"],.primary-nav a[href="#pricing"]{display:none}
  .primary-nav a{padding-inline:2px;min-height:44px}
  .primary-nav .nav-trial{padding-inline:12px}
  .human-hero .hero-copy p{font-size:16px;line-height:1.7}
  .human-hero .hero-introduction{max-width:42ch}
  .human-hero .button,.button{font-size:14px;min-height:52px}
  .hero-photo-caption,.hero-photo-caption>span:last-child{font-size:12px;line-height:1.6}
  .hero-visit-card{padding-bottom:14px}
  .hero-visit-card>p,.hero-visit-line{font-size:12px}
  .hero-visit-card>p.hero-visit-title{font-size:22px}
  .hero-visit-card>a{font-size:14px}
  .workflow-strip{font-size:12px;gap:0;padding-block:16px 24px}
  .workflow-strip a{padding-inline:7px}
  .workflow-strip a svg{display:none}
  .referral-chapter .extraction-scene{margin-top:64px}
  .source-document .paper-section-label{margin:10px 0 5px;font-size:7px}
  .referral-chapter .referral-heading>p{font-size:16px}
  .referral-chapter .extraction-caption,.referral-chapter .motion-step-label{font-size:13px}
  .booking-motion-copy{padding-inline:20px}
  .booking-motion-copy>p:not(.motion-step-label){font-size:16px}
  .booking-story-steps{font-size:13px;gap:12px 16px}
  .booking-motion-copy p.booking-setting{font-size:14px}
  .booking-motion .motion-step-label{font-size:13px}
  .booking-image-caption{font-size:12px;bottom:0}
  .booking-calendar{bottom:58px}
  #book>.workflow-inline-demo{width:calc(100% - 40px);margin-inline:auto;margin-top:24px}
  .workflow-inline-demo.optional-workspace{margin-top:22px}
  .workflow-inline-demo.optional-workspace>summary{font-size:15px;padding-block:18px}
  .workflow-inline-demo .sms-sheet{padding:20px}
  .workflow-inline-demo .sms-message{font-size:14px;max-width:100%}
  .workflow-inline-demo .booking-options{gap:7px}
  .workflow-inline-demo .booking-options button{padding-inline:5px}
  .workflow-inline-demo .booking-options button span{font-size:12px}
  .workflow-inline-demo .booking-options button strong{font-size:13px}
  .workflow-inline-demo .calendar-confirm{padding:15px;gap:10px}
  .workflow-inline-demo .calendar-confirm>div>small{font-size:12px}
  .workflow-inline-demo .calendar-confirm strong{font-size:14px;line-height:1.5}
  .workflow-inline-demo .consult-under{display:block}
  .workflow-inline-demo .consult-under>span{display:block;margin-top:12px;max-width:100%}
  .workflow-inline-demo .medicine-head,.workflow-inline-demo .medicine-row{grid-template-columns:1fr}
  .workflow-inline-demo .medicine-head>span:last-child{display:none}
  .workflow-inline-demo .medicine-row{padding:18px}
  .workflow-inline-demo .medicine-row select{max-width:none;font-size:14px}
  .workflow-inline-demo .medicine-bottom{padding-inline:18px;gap:4px 12px}
  .workflow-inline-demo .clinical-note{padding-inline:18px}
  .workflow-inline-demo .capture-demo{padding:20px}
  .workflow-inline-demo .note-editor label{padding-inline:20px}
  .workflow-inline-demo .note-editor textarea{margin-inline:20px;width:calc(100% - 40px);font-size:16px;min-height:220px}
  .workflow-inline-demo .editor-bottom{padding-inline:20px}
  .workflow-inline-demo .editor-bottom>span{flex:1 1 100%}
  .workflow-inline-demo .report-paper{padding:22px}
  .workflow-inline-demo .report-paper h3,.workflow-inline-demo .report-paper h4{font-size:24px}
  .report-demo-actions{display:block}
  .report-demo-actions .draft-helper{margin-top:14px}
  .sales-feature{padding-block:56px}
  .sales-feature-copy>p{font-size:16px}
  .sales-feature-copy>.sales-benefit{font-size:15px}
  .sales-clip-controls{flex-wrap:wrap;gap:4px 12px}
  .sales-clip-controls>p{font-size:13px;flex:1 1 100%;max-width:none}
  .sales-clip-controls>div{margin-left:0}
  .sales-clip-controls button{font-size:13px}
  .feature-clip>figcaption{font-size:12px}
  .pricing-heading>p,.getting-started-heading>p{font-size:16px}
  .pricing-plan>p:not(.plan-price):not(.enterprise-title){font-size:15px}
  .follow-up-prices{font-size:14px}
  .pricing-plan>.text-link{font-size:14px}
  .pricing-fine-print,.trial-access-note{font-size:12px}
  .trial-invitation{padding:26px 22px}
  .trial-invitation h3{max-width:20ch}
  .trial-invitation>div>p{font-size:15px}
  .trial-invitation>.button{font-size:14px}
  .getting-started{padding-bottom:48px}
  .access-details summary{font-size:16px;line-height:1.5}
  .access-details p,.question-list details>p{font-size:15px;line-height:1.8}
  .questions{padding-top:36px}
  .questions>div>p{font-size:16px}
  .question-list summary{font-size:16px}
  .closing{padding-block:48px}
  .closing h2{font-size:44px}
  .closing p{font-size:16px}
  .closing-action p{font-size:13px}
  .site-footer>span{font-size:13px}
  .site-footer>button,.site-footer .brand-replay{font-size:13px;min-height:44px}
  .site-footer .contact-links{font-size:14px;gap:4px 20px}
  .footer-small{flex-direction:column;font-size:12px;gap:10px}
}
@media(max-width:380px){
  .site-header{gap:10px}
  .site-header .brand{font-size:16px;gap:6px}
  .primary-nav{gap:7px;font-size:12px}
  .primary-nav .nav-trial{padding-inline:10px}
  .booking-motion-copy{padding-inline:16px}
  #book>.workflow-inline-demo{width:calc(100% - 32px)}
  .workflow-inline-demo .booking-options{flex-direction:column}
  .workflow-inline-demo .booking-options button{flex-direction:row;justify-content:space-between;padding:10px 14px;min-height:48px}
  .workflow-inline-demo .booking-options button strong{font-size:14px}
}