/* Incremental refinements on the current shared preview, including the updated hero. */
body{font-size:17px}
.site-header nav,.brand-product{font-size:15px}
.hero-eyebrow,.story-copy>.eyebrow,.section-heading .eyebrow{font-size:14px}
.hero-editorial>p,.hero-workbench>p{font-size:18px;line-height:1.9;color:#60728c}
.hero-task-list button{font-size:16px;min-height:46px}
.hero-auto,.hero-workbench .hero-auto{font-size:14px;color:#657890}
.hero-auto span{font-size:12px}
.hero-assurance>strong{font-size:16px}
.hero-assurance>p{font-size:15px;line-height:1.9;color:#63758d}
.story-heading p,.section-heading>p,.story-desc{font-size:18px;line-height:1.95;color:#63748d}
.story-choice-card h4{font-size:15px;color:#697d97}
.story-choices button{font-size:16px;min-height:66px}
.story-role-nav a{font-size:17px}.story-role-nav a small{font-size:13px}
.flow-controls{gap:10px}
/* Hero and content presentations expose only previous/next steps and their count. */
#heroFlow>.flow-controls :is([data-flow="play"],[data-flow="replay"],[data-flow="expand"]),
#scenes .flow-player>.flow-controls :is([data-flow="play"],[data-flow="replay"],[data-flow="expand"]),
#heroFlow>.flow-disclosure,#scenes .flow-player>.flow-disclosure{display:none!important}
#heroWorkbench>.hero-guide-footer{display:none!important}
/* Clear task chips and a larger prompt companion; keep the native flow intact. */
#heroWorkbench .hero-prompt-input{padding-block:12px}
#heroWorkbench .hero-prompt-input>img{width:52px;height:52px}
#heroWorkbench #heroTaskChoices{gap:8px;margin-top:16px}
#heroWorkbench #heroTaskChoices button{min-height:36px;padding:7px 12px;border:1px solid #d6e2f3;border-radius:10px;background:#ffffffb3;color:#647995;font-size:14px;line-height:20px;box-shadow:none;transition:background-color .2s,border-color .2s,color .2s}
#heroWorkbench #heroTaskChoices button::after{display:none}
#heroWorkbench #heroTaskChoices button.active{background:#e8f2ff;border-color:#9fc5f5;color:#1768bf;font-weight:600;box-shadow:inset 0 1px 0 #fff}
#heroWorkbench #heroGuideSteps{margin-top:46px}
@media(hover:hover){
 #heroWorkbench #heroTaskChoices button:not(.active):hover{background:#f0f6ff;border-color:#b6cdee;color:#216bc3}
 #heroWorkbench #heroTaskChoices button.active:hover{background:#dfedff;border-color:#8db8ee}
}
@media(min-width:1050px) and (max-height:850px){#heroWorkbench #heroGuideSteps{margin-top:38px}}
@media(max-width:650px){
 #heroWorkbench .hero-prompt-input>img{width:44px;height:44px}
 #heroWorkbench #heroTaskChoices button{font-size:13px;padding-inline:10px}
 #heroWorkbench #heroGuideSteps{margin-top:39px}
}
@media(prefers-reduced-motion:reduce){#heroWorkbench #heroTaskChoices button{transition:none}}
/* Match the closing contact section on the other product pages. */
.closing.original-contact{display:flex;flex-direction:column;align-items:center;gap:0;padding:104px 52px;margin:0;background:radial-gradient(58% 62% at 22% 18%,#70a4ff52,transparent 62%),radial-gradient(46% 56% at 84% 74%,#9684ff45,transparent 60%),linear-gradient(135deg,#dce6f7,#e2e4fa 45%,#eee7f6);text-align:center}
.closing.original-contact>h2{max-width:1100px;margin:0;color:#0c1015;font-size:42px;line-height:1.4;font-weight:700;letter-spacing:-.025em;white-space:normal;text-wrap:wrap}
.closing.original-contact>p{max-width:850px;margin:20px 0 0;color:#4b5260;font-size:17px;line-height:1.85;font-weight:400}
.closing.original-contact>.button{margin-top:32px;padding:0 24px;gap:10px;font-size:15px;line-height:1.7}
@media(min-width:768px) and (max-width:1250px){.closing.original-contact{padding-inline:32px}}
@media(min-width:768px) and (max-width:1199px){.closing.original-contact>h2{font-size:36px}}
@media(max-width:767px){
 .closing.original-contact{padding:64px 24px}
 .closing.original-contact>h2{font-size:30px;line-height:1.45}
 .closing.original-contact>p{font-size:15px;margin-top:16px}
 .closing.original-contact>.button{margin-top:26px}
}
.flow-controls button{font-size:14px;min-height:38px;padding:7px 9px}
.flow-count{font-size:12px;min-width:50px;color:#667e9c}
.flow-disclosure{font-size:12px;line-height:1.6;color:#7486a0}
.hero-flow>.flow-controls{padding-top:0}
.hero-flow>.flow-disclosure{font-size:11px;line-height:1.5;padding-top:0}
.hero-flow.is-ready>.flow-disclosure{top:calc(var(--demo-controls-top) + 48px)}
.flow-guide{display:flex;align-items:center;gap:8px;min-height:36px}
.flow-guide img{width:36px;height:36px;flex:none;object-fit:contain}
.flow-guide small{font-size:14px;line-height:1.65;color:#657c9b}
.flow-detail h4,.hero-flow .flow-detail h4{font-size:17px;line-height:1.75;margin-top:10px}
.flow-steps b{font-size:17px}.flow-steps span{font-size:14px}
.flow-zoom.flow-native{font-size:14px}
/* Text and cells remain native pixels; no scale/zoom is used to enlarge them. */
.flow-native,.hero-flow .flow-native{--phone-body:15px;--phone-label:14px;--phone-note:13px}
.flow-native .flow-question,.flow-native .flow-reply{font-size:15px}
.flow-thread>.flow-thinking{font-size:14px;line-height:1.9;color:#6c7c94}
.flow-thread>.flow-thinking.execute{color:#5b7694}
.flow-input button,.flow-voice p,.flow-push span,.flow-toast{font-size:14px}
.flow-native .ai-source-card .ai-source-head h4{font-size:16px}
.flow-native .ai-source-head p,.flow-native .ai-source-status,.flow-native .ai-ui-pagination,.flow-native .ai-ui-section-label{font-size:13px}
.flow-native .ai-ui-action,.flow-native .ai-ui-choice,.flow-native .ai-source-sheet-input,.flow-native .ai-source-sheet-actions button,.flow-native .ai-ui-actions>button{font-size:14px}
.flow-native .ai-ui-rows dt,.flow-native .ai-ui-rows dd{font-size:14px}
.flow-native .ai-ui-stats small,.flow-native .ai-source-stats small,.flow-native .native-receipt small,.flow-native .native-candidates small,.flow-native .native-approval .ai-ui-warning{font-size:13px!important}
.flow-native .native-questions small,.flow-native .native-pending span,.flow-native .native-pending strong,.flow-native .native-shortcuts button,.flow-native .native-distance-tabs button{font-size:14px}
.flow-native .ai-source-note,.flow-native .ai-ui-note{color:#69788e}
/* Focus follows the text and numbers, rather than outlining an entire result block. */
.flow-native .ai-source-group.is-focused,.flow-native .ai-ui-block.is-focused{outline:0;border-color:#c4ddfb;background:#edf6ff;box-shadow:none!important}
.flow-native .is-focused .ai-source-section-title,.flow-native .is-focused>h5{color:#176bc9}
.flow-native button[data-native-tap]{outline:0;box-shadow:none;filter:brightness(.96)}
/* Keep the first content line visible without an opaque strip over the viewport. */
.flow-screen:after{display:none}
/* Preserve a single device rail through the opening-to-demo transition. */
.flow-phone{box-shadow:inset 0 0 0 1px #ffffffd0,1.5px 1px 0 #a3aab4,3px 2px 0 #e7eaee,4px 3px .5px #b4bac2,30px 42px 64px -24px #1d3a6652,10px 16px 26px -12px #1d3a6629}
/* Wide report columns must not collapse to the phone's viewport width. */
.flow-native .ai-source-report .ai-report-table .ai-ui-table-scroll.is-wide>.ai-ui-table{width:640px;min-width:640px;table-layout:fixed}
.flow-native .ai-source-report .ai-report-table .ai-ui-table :is(th,td){font-size:14px;line-height:1.8;padding:11px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.flow-native .ai-source-report .ai-report-table .ai-ui-table th:nth-child(1){width:74px}
.flow-native .ai-source-report .ai-report-table .ai-ui-table th:nth-child(2){width:134px}
.flow-native .ai-source-report .ai-report-table .ai-ui-table th:nth-child(3),.flow-native .ai-source-report .ai-report-table .ai-ui-table th:nth-child(4){width:104px}
.flow-native .ai-source-report .ai-report-table .ai-ui-table th:nth-child(5){width:224px}
.flow-native .ai-source-report .ai-report-table .ai-ui-table-scroll{max-height:340px;overflow:auto;scrollbar-gutter:stable}
.flow-native .ai-source-report .ai-report-table .ai-ui-table thead{position:sticky;top:0;z-index:1;background:#f3f6fb}
.flow-native .ai-ui-table-scroll::after{font-size:12px;font-style:normal}
.flow-zoom .ai-ui-table{min-width:520px;table-layout:auto;font-size:13px}
.flow-zoom .ai-ui-table :is(th,td){padding:9px 10px;white-space:nowrap;font-size:13px;overflow:hidden;text-overflow:ellipsis}
/* One underline and an explicit hover/focus response for scene links. */
.scene-links{flex-wrap:wrap;gap:14px 24px}
.scene-links .text-button{font-size:15px;padding:6px 0 7px;border:0;box-shadow:none;text-decoration:none;background:linear-gradient(#7392b9,#7392b9) left bottom/100% 1px no-repeat;transition:color .18s,background-size .18s}
.scene-links .text-button::after,.scene-links .text-button::before{content:none}
.scene-links .text-button:hover,.scene-links .text-button:focus-visible{color:#176bc9;background-image:linear-gradient(#287be9,#287be9);background-size:100% 2px}
.video-option strong{font-size:17px}.video-option small,.video-caption small,.video-note,.video-switcher,.version-foot{font-size:15px}
.version-card p,.faq-layout>div>p,.closing p{font-size:17px}
.version-card-content>span,.version-foot .text-button,.footer-main>span{font-size:15px}
#faqList summary{font-size:20px}#faqList details>p{font-size:17px}
.footer-bottom{font-size:14px}
.closing{padding:56px 0 60px}
.closing-avatar{position:relative;width:112px;height:88px;margin:0 auto 24px}
.closing-avatar iframe{position:absolute;display:block;width:128px;height:128px;left:50%;top:-10px;transform:translateX(-50%);border:0;pointer-events:none;background:transparent}
.closing .actions{margin-top:26px}
@media(min-width:1050px){.hero-flow>.flow-side{top:calc(var(--demo-phone-top,18px) + 150px)}.hero-flow .flow-zoom{max-height:190px}}
@media(min-width:1050px) and (max-height:850px){.hero-flow>.flow-side{top:calc(var(--demo-phone-top,18px) + 100px);padding-top:0}.hero-flow .flow-zoom{max-height:160px}}
@media(max-width:1049px){.hero-flow>.flow-side{top:auto}.hero-editorial>p{font-size:17px}.hero-task-list{grid-template-columns:repeat(5,1fr)}.flow-side{padding-top:32px}}
@media(max-width:650px){
 body{font-size:16px}.hero-task-list button{font-size:14px}.hero-assurance>p{font-size:14px}.hero-auto{font-size:14px}
 .story-heading p,.story-desc,.section-heading>p{font-size:16px}.story-choices button{font-size:15px}.story-role-nav a{font-size:14px}.story-role-nav a small{font-size:11px}
 .flow-steps b{font-size:14px}.flow-detail h4,.hero-flow .flow-detail h4{font-size:16px}.flow-guide small{font-size:14px}
 .flow-controls{gap:4px}.flow-controls button{font-size:13px;padding:7px 6px}.flow-count{font-size:11px;min-width:45px}.flow-disclosure{font-size:11px}
 .scene-links .text-button{font-size:14px}.version-card p,#faqList details>p,.closing p{font-size:15px}.version-card-content>span{font-size:14px}.footer-bottom{font-size:12px}
 .closing{padding:40px 0 44px}.closing-avatar{width:88px;height:70px;margin-bottom:18px}.closing-avatar iframe{width:104px;height:104px;top:-8px}
}