.demo-tour-intro { padding-top: 35px; padding-bottom: 30px; }
.demo-tour-breadcrumbs { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 35px; font-size: 15px; color: #475467; }
.demo-tour-breadcrumbs a { color: var(--blue); }
.demo-tour-intro .public-heading { max-width: 960px; margin: 0; }
.demo-tour-intro h1 { margin-top: 22px; font-size: 44px; line-height: 1.25; }
.demo-tour-intro h1 span { color: var(--blue); }
.demo-tour-intro .public-heading p { font-size: 18px; line-height: 1.8; }
.demo-tour-notice { display: flex; align-items: flex-start; gap: 12px; padding: 18px 22px; margin-top: 27px; border: 1px solid #d1e9ff; border-radius: 12px; background: #f8fbff; color: #344054; font-size: 16px; line-height: 1.7; }
.demo-tour-notice .icon { flex-shrink: 0; margin-top: 3px; color: var(--blue); }
.demo-tour-preview { scroll-margin-top: 110px; }
.demo-tour-page .product-window { max-width: none; }
.demo-tour-page .product-tabs button { font-size: 15px; }
.demo-tour-page .window-bar { font-size: 13px; }
.demo-tour-page .window-demo { font-size: 12px; }
.demo-tour-page .demo-button { font-size: 12px; background: #eff4ff; color: #344054; }
.demo-tour-page .demo-heading h3 { font-size: 26px; }
.demo-tour-page .demo-heading p, .demo-tour-page .demo-heading > div > span { font-size: 14px; }
.demo-tour-page .demo-metrics span, .demo-tour-page .demo-metrics small { font-size: 13px; }
.demo-tour-page .demo-table { font-size: 16px; }
.demo-tour-page .demo-table small, .demo-tour-page .demo-table th, .demo-tour-page .status-pill { font-size: 13px; }
.demo-tour-page .history-preview h4 { font-size: 21px; }
.demo-tour-page .history-preview p { font-size: 16px; }
.demo-tour-page .history-date { font-size: 14px; }
.demo-tour-page .cost-preview { font-size: 16px; }
.demo-tour-page .preview-note { font-size: 15px; }
.demo-tour-page .feature-card p { font-size: 17px; }
.demo-tour-page .feature-card a { font-size: 16px; }
.demo-tour-next { padding: 30px; background: #f8fbff; border: 1px solid #d1e9ff; border-radius: 14px; }
.demo-tour-next h2 { font-size: 28px; }
.demo-tour-links { display: flex; flex-wrap: wrap; gap: 16px 30px; margin-top: 25px; }
.demo-tour-links a { font-size: 16px; }
.demo-tour-pricing { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; font-size: 16px; text-decoration: underline; text-underline-offset: 3px; }
.demo-tour-page .final-cta > div:first-child { min-width: 0; }
.demo-tour-page .final-cta > div:last-child { flex-shrink: 0; }
@media (max-width: 1000px) {
    .demo-tour-page .final-cta { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 650px) {
    .demo-tour-intro { padding-top: 25px; }
    .demo-tour-breadcrumbs { margin-bottom: 25px; font-size: 14px; }
    .demo-tour-intro h1 { font-size: 32px; }
    .demo-tour-intro .public-heading p { font-size: 17px; }
    .demo-tour-notice { padding: 16px; font-size: 15px; }
    .demo-tour-page .window-bar > span:nth-child(2) { font-size: 12px; }
    .demo-tour-page .demo-heading h3 { font-size: 23px; }
    .demo-tour-page .demo-heading { flex-direction: column; align-items: flex-start; }
    .demo-tour-page .history-preview p { font-size: 15px; }
    .demo-tour-page .cost-preview { font-size: 15px; }
    .demo-tour-next { padding: 23px; }
    .demo-tour-next h2 { font-size: 25px; }
    .demo-tour-links { flex-direction: column; }
}