/* Marketing explanations: calm typography, stable examples, no application data. */
.demo-intro{max-width:900px;margin-inline:auto;text-align:center;padding-bottom:34px}.demo-intro .page-lead{max-width:680px;margin-inline:auto}.demo-intro .page-kicker{justify-content:center}
.guided-tour{margin-bottom:80px}.tour-select{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:35px}.tour-select button{padding:12px 19px;min-height:46px;border:1px solid #cad9e7;border-radius:30px;background:#fff;color:#375671;font-weight:500;font-size:14px}.tour-select button[aria-pressed=true]{background:#173650;border-color:#173650;color:#fff;box-shadow:0 5px 15px #1c3f6315}.tour-select button:hover{border-color:#3476a7}
.tour-layout{display:grid;grid-template-columns:1fr 1.08fr;gap:65px;align-items:start;padding:40px;border:1px solid #d7e3ec;border-radius:24px;background:linear-gradient(120deg,#fff,#ecf4fc)}.tour-explanation h2{font-size:36px;letter-spacing:-1.2px;line-height:1.15;min-height:85px}.tour-description{font-size:15px;line-height:1.65;color:#567087;min-height:50px;margin:15px 0 22px}.tour-steps{padding:0;list-style:none;display:grid;gap:7px;margin:0 0 20px}.tour-steps button{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:9px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:#50677c;font-size:15px;min-height:49px}.tour-step-number{font-size:12px;color:#65809a;letter-spacing:.5px}.tour-steps button[aria-current=step]{background:#e2eefb;border-color:#bcd3e9;color:#134b7c;font-weight:600}.tour-step-text{min-height:105px;color:#3f5c75;font-size:15px;line-height:1.7}.tour-explanation>.quiet-link{margin-top:8px}
.tour-preview{min-width:0}.tour-screen{min-height:421px;background:radial-gradient(ellipse at 90% 0,#1b4563,transparent 75%),#102940;border:1px solid #38617c;border-radius:18px;color:#f2f8fe;box-shadow:0 22px 38px #153e5d20;overflow:hidden}.tour-screen-top{display:flex;align-items:center;gap:10px;padding:20px 23px;border-bottom:1px solid #789db32e;font-size:12px;color:#d4e5ef;min-height:70px}.tour-monogram{font-weight:700;color:#a3e7f3;font-size:22px;font-style:italic}.tour-example{margin-left:auto;letter-spacing:1px;font-size:9px;color:#9fbbd1}.tour-metric{padding:25px 25px 22px}.tour-metric>span{display:block;font-size:12px;color:#adc4d8;margin-bottom:7px}.tour-metric strong{display:block;font-size:31px;font-weight:500;line-height:1.3;letter-spacing:-.7px;min-height:41px;font-variant-numeric:tabular-nums}.tour-metric.expense strong{color:#ffb0b6}.tour-record{margin:0 25px}.tour-record>div{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;border-top:1px solid #81abc72a;min-height:53px}.tour-record dt{font-size:12px;color:#a9c1d4}.tour-record dd{margin:0;font-size:13px;color:#edf7ff;text-align:right;overflow-wrap:anywhere}.tour-screen-foot{display:flex;gap:10px;align-items:center;padding:20px 25px;font-size:11px;color:#bad6e9}.tour-screen-foot>span{color:#90d8ed}.tour-controls{display:flex;gap:12px;align-items:center;margin-top:22px;min-height:46px}.tour-controls button{min-width:44px;min-height:44px;border:1px solid #c3d6e8;border-radius:9px;background:#fff;color:#244d70;font-size:18px}.tour-controls button:disabled{opacity:.38;cursor:default}.tour-controls>span{font-size:12px;color:#587086;white-space:nowrap}.tour-controls .tour-play{font-size:12px;font-weight:500;padding:9px 14px;margin-left:auto;min-width:92px}.tour-disclaimer{font-size:11px;color:#5d7387;margin-top:14px;line-height:1.7}.tour-noscript{padding:24px}.tour-noscript a{text-decoration:underline}
.home-paths{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-block:38px 0}.home-path{display:flex;justify-content:space-between;gap:25px;padding:24px 28px;border:1px solid #d5e2ed;border-radius:14px;background:white}.home-path h2{font-size:21px;letter-spacing:-.5px;margin-bottom:8px}.home-path p{font-size:13px;color:#526a80}.home-path span{font-size:24px;color:#226aa4;align-self:center}.home-path:hover{border-color:#6b9abf}.home-path .path-price{display:block;font-size:11px;color:#226b9b;margin-bottom:10px;font-weight:600;letter-spacing:.5px}
.offer-scope{margin-top:24px;padding:24px 28px;border-left:3px solid #4092c1;background:#eaf2fa;border-radius:0 12px 12px 0}.offer-scope h2{font-size:22px;letter-spacing:-.5px}.offer-scope p{margin-top:10px;color:#506c84;font-size:14px;line-height:1.8}.business-cases{display:grid;grid-template-columns:1fr 1fr;gap:24px}.business-case{padding:30px;border:1px solid #d4e2ec;border-radius:16px;background:#fff;scroll-margin-top:110px}.business-case h3{font-size:26px;letter-spacing:-.7px;margin-bottom:15px}.business-case ul{padding-left:18px;font-size:14px;color:#4c667d;line-height:1.8;margin-bottom:22px}.business-case li+li{margin-top:6px}.business-case .page-kicker{font-size:10px}.help-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px}.help-links a{text-decoration:underline;text-underline-offset:4px;color:#225f91}.demo-preview-link{display:inline-flex;align-items:center;gap:12px;font-size:12px;color:#215d8a;min-height:44px;margin-top:14px}.demo-preview-link:hover{text-decoration:underline}.help-cards .page-card p{line-height:1.8}.app-boundary{padding-top:15px;font-size:12px;color:#577086}
@media(max-width:1100px){.tour-layout{gap:30px;padding:28px}.tour-explanation h2{font-size:32px}.tour-metric strong{font-size:27px}}
@media(max-width:900px){.tour-layout{grid-template-columns:1fr;max-width:650px;margin-inline:auto}.tour-explanation h2,.tour-description,.tour-step-text{min-height:0}.tour-step-text{min-height:80px}.tour-explanation .page-kicker{margin-bottom:16px}.tour-steps{margin-bottom:16px}.tour-screen{min-height:421px}.home-paths{gap:16px}.home-path{padding:22px}.home-path h2{font-size:20px}}
@media(max-width:600px){.demo-intro{padding-top:30px}.guided-tour{margin-bottom:45px}.tour-select{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:20px}.tour-select button{font-size:12px;padding:10px 9px;border-radius:10px}.tour-layout{padding:22px 16px;gap:24px;border-radius:16px}.tour-explanation h2{font-size:29px;min-height:68px}.tour-description{font-size:14px;min-height:46px;margin-bottom:16px}.tour-step-text{font-size:14px;min-height:120px}.tour-screen{min-height:421px}.tour-screen-top{padding:18px 16px;flex-wrap:wrap;gap:6px;min-height:72px}.tour-screen-top>span:nth-child(2){max-width:165px;font-size:11px}.tour-example{font-size:8px}.tour-metric{padding:24px 18px}.tour-metric strong{font-size:25px;min-height:65px}.tour-record{margin-inline:18px}.tour-record>div{gap:12px;min-height:59px}.tour-record dt{font-size:11px}.tour-record dd{font-size:12px;max-width:60%}.tour-screen-foot{padding:19px 18px;font-size:10px}.tour-controls{gap:8px}.tour-controls>span{font-size:11px}.tour-controls .tour-play{min-width:78px;padding-inline:8px}.home-paths,.business-cases{grid-template-columns:1fr}.home-paths{padding-top:25px}.business-case{padding:24px}.offer-scope{padding:22px}.guided-tour .tour-explanation>.quiet-link{font-size:13px}.tour-controls button{min-width:42px}.help-links{gap:15px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.guided-tour *{animation:none!important;transition:none!important}}
.page-cta .help-links a{color:#bce8ff}.page-cta .help-links a:hover{color:#fff}
.tour-monogram{width:25px;height:24px;flex-shrink:0}
@media(max-width:600px){.tour-screen{display:grid;grid-template-rows:72px 140px 1fr 56px;min-height:490px}.tour-record{display:grid;grid-template-rows:repeat(3,minmax(65px,1fr))}.tour-screen-foot{line-height:1.5}.tour-steps{grid-template-columns:repeat(3,1fr);gap:5px}.tour-steps button{flex-direction:column;align-items:flex-start;gap:6px;font-size:12px;padding:10px 8px;min-height:85px;line-height:1.4}.tour-step-text{min-height:105px}}
@media(max-width:360px){.tour-screen{min-height:520px}.tour-controls{gap:6px}.tour-controls .tour-play{min-width:73px}.tour-controls button{min-width:40px}.tour-screen-top>span:nth-child(2){max-width:138px}}
@media(max-width:360px){.tour-controls{gap:5px}.tour-controls button{min-width:44px}.tour-controls .tour-play{min-width:70px;font-size:11px}.tour-controls>span{font-size:10px}}