#demonstration{padding:30px 24px;background:#f4f7ff;scroll-margin-top:85px}#demonstration .assist-section-wrap{max-width:1280px}#demonstration .assist-section-heading{margin-bottom:24px}#demonstration .assist-section-heading h2{font-size:clamp(26px,2.4vw,34px);max-width:1100px;margin:0 auto 12px;line-height:1.15}#demonstration .assist-section-heading>p:last-child{font-size:15px;line-height:1.5;margin:0 auto;max-width:960px}#demonstration .assist-label{margin-bottom:10px}#demonstration .assist-demo-caption{display:none}
.journey{--ink:#10254b;--blue:#194bea;--orange:#ed702d;color:var(--ink)}.journey *{box-sizing:border-box}.journey svg{width:22px;height:22px;flex:none}.journey button{font:inherit;cursor:pointer}.journey button:focus-visible{outline:3px solid #194bea;outline-offset:4px}.journey-grid{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr);align-items:start}.journey-column{min-width:0}.journey-label{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:700;margin:0 0 14px}.journey-label>span{display:grid;place-items:center;width:28px;height:28px;background:#e4ebfb;border-radius:9px;color:#57729d;font-size:12px}.journey-column.is-active .journey-label>span{background:var(--blue);color:white}.journey-card{height:448px;background:#fff;border:1px solid #d5dff0;border-radius:20px;box-shadow:0 5px 0 #dce5f6,0 12px 28px -20px #173b8260;overflow:hidden;transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .55s,border-color .55s;position:relative}.journey-column.is-active .journey-card{transform:translateY(-4px);border-color:#96b0f5;box-shadow:0 5px 0 #dce5f6,0 16px 30px -15px #194bea40}.journey[data-route=commercial] .journey-column.is-active .journey-card{border-color:#efa56f;box-shadow:0 5px 0 #f3e1d4,0 16px 30px -15px #da692f40}.journey-business{display:flex;align-items:center;gap:10px;padding:18px;border-bottom:1px solid #e7edf7;background:#f7f9ff}.journey-business>img,.journey-cardbar>img:not(.journey-brand){width:36px;height:36px;border-radius:10px;object-fit:contain}.journey-business strong,.journey-cardbar strong{font-size:15px;display:block}.journey small{display:block;font-size:12px;line-height:1.4;color:#607594}.journey-phone{display:grid;place-items:center;width:36px;height:36px;background:#e0f4eb;color:#16805c;border-radius:50%;margin-left:auto;flex:none}.journey-phone.ringing{background:#16805c;color:white;box-shadow:0 0 0 6px #16805c13}.journey-sources{padding:14px 18px 0}.journey-sources>p{font-size:14px;font-weight:600;margin:0 0 12px}.journey-source{display:flex;align-items:center;gap:11px;border:1px solid #e2e9f5;padding:9px 11px;border-radius:11px;margin-bottom:7px;background:#fcfdff}.journey-source>i{display:grid;place-items:center;background:#edf2ff;width:32px;height:32px;border-radius:9px;color:#194bea;flex:none}.journey-source i img{width:23px;height:23px}.journey-source strong{font-size:14px}.journey-converge{height:22px;margin-top:-2px}.journey-converge svg{width:100%;height:22px;stroke:#b4c8f0;fill:none;stroke-width:1.4}.journey-hub{display:flex;align-items:center;gap:8px;border:1px solid #ccdafa;background:#edf3ff;padding:11px 10px;border-radius:11px}.journey-hub img{width:64px;height:auto}.journey-hub b{font-size:12px;margin-left:auto}.journey-hub svg{width:16px;color:#194bea}.journey-footnote{font-size:12px;line-height:1.4;color:#6a7c99;margin:12px 18px}.journey-cardbar{display:flex;align-items:center;gap:9px;padding:16px;min-height:72px;background:#f7f9ff;border-bottom:1px solid #e6edf7}.journey-mini-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#eaf0ff;color:#194bea}.journey-delivered{margin-left:auto;font-size:14px;color:#194bea;letter-spacing:-4px}.journey-message{padding:19px 18px}.journey-message p{font-size:15px;line-height:1.5;margin:0 0 15px}.journey-message p:last-of-type{font-weight:600;margin-bottom:13px}.journey-message button{display:flex;align-items:center;gap:12px;width:100%;border:1px solid transparent;padding:12px;border-radius:12px;text-align:left;font-size:14px;font-weight:700;transition:background .4s,box-shadow .4s,transform .4s}.journey-message button small{font-size:12px;font-weight:400;margin-top:2px}.journey-client{background:#194bea;color:white;box-shadow:0 4px 10px #194bea18}.journey-client small{color:#e1e9ff}.journey-commercial{background:#fff3e9;color:#79401d;border-color:#f2d7c4!important;margin-top:10px}.journey-commercial small{color:#936143}.journey-commercial.chosen{background:#ffb77e;border-color:#dc671f!important;box-shadow:0 0 0 4px #ff742b20;transform:translateY(-2px)}.journey-client.chosen{box-shadow:0 0 0 4px #194bea20;transform:translateY(-2px)}.journey-bottom-note{position:absolute;bottom:0;left:0;right:0;padding:13px 18px;border-top:1px solid #edf1f8;font-size:12px;color:#677c9b}.journey-link{height:1px;background:#b9cbed;margin-top:268px;position:relative}.journey-link i{position:absolute;top:-3px;left:0;width:7px;height:7px;border-radius:50%;background:#194bea;opacity:0;box-shadow:0 0 0 4px #194bea14}.journey[data-route=commercial] .journey-link[data-link="1"] i{background:#ec702b}.journey-view{height:100%;display:flex;flex-direction:column}.journey-view[hidden]{display:none}.journey-viewbody{padding:16px;flex:1;min-height:0}.journey h3{font-size:19px;line-height:1.2;letter-spacing:-.03em;margin:0 0 13px;color:#10254b}.journey-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.journey-fields b{display:block;font-size:13px;font-weight:600;border:1px solid #e0e7f3;border-radius:7px;background:#f8faff;padding:7px;margin-top:4px}.journey-urgency{display:flex;justify-content:space-between;gap:7px;padding:9px 10px;margin-top:10px;background:#fff2e7;border-radius:7px;font-size:12px;color:#8b4a24}.journey-project{font-size:14px;line-height:1.45;margin:10px 0;color:#4b6487}.journey-photos{display:flex;align-items:center;gap:6px;margin-top:13px}.journey-photos img{width:60px;height:42px;object-fit:cover;border-radius:7px}.journey-photos>span{height:42px;width:34px;background:#edf2fa;display:grid;place-items:center;border-radius:7px;color:#547098;font-size:13px}.journey-photos small{margin-left:3px}.journey-action{padding:12px 16px;background:#f5f8ff;border-top:1px solid #e4ecf8;display:flex;align-items:center;gap:10px}.journey-action button,.journey-callback{border:0;background:#194bea;color:white;border-radius:9px;padding:11px 12px;font-weight:600;font-size:13px;display:flex;justify-content:center;align-items:center;gap:9px;flex:1}.journey-action small{font-size:11px;max-width:83px}.journey-brand{width:83px;height:auto}.journey-ready{margin-left:auto;display:flex;align-items:center;gap:4px;background:#e5f6ea;color:#257446;border-radius:7px;padding:7px;font-size:12px;font-weight:600}.journey-ready svg{width:15px;height:15px}.journey-person{display:flex;align-items:center;gap:8px;margin-bottom:14px}.journey-person>img{width:36px;height:36px;border-radius:50%;object-fit:cover}.journey-person strong{font-size:14px}.journey-priority{margin-left:auto;background:#fff0e6;color:#a3481e;padding:6px;border-radius:6px;font-size:11px}.journey-facts{display:flex;gap:7px;font-size:12px;color:#44638d}.journey-facts span{background:#edf3ff;border-radius:6px;padding:6px 9px}.journey-priority-note{font-size:12px;color:#965629;margin:12px 0}.journey-mail-to{display:flex;gap:12px;border-bottom:1px solid #e4eaf3;padding-bottom:12px;margin-bottom:15px;font-size:14px}.journey-mail-text{font-size:14px;color:#4b6487;line-height:1.5}.journey-mail-text p{margin:0 0 12px}.journey-mail-category{display:inline-block;font-size:12px;padding:6px 8px;background:#fff0e6;color:#9c4d22;border-radius:6px;margin-bottom:14px}.journey-new{margin-left:auto;color:#965025;font-size:11px}.journey-sender{display:flex;align-items:center;gap:9px;margin:14px 0;font-size:14px}.journey-sender>b{background:#ffead8;border-radius:50%;padding:9px;color:#9b4d21;font-size:12px}.journey-mail-done{display:flex;align-items:center;gap:9px;background:#fff2e8;padding:15px;color:#8b431e;border-top:1px solid #f2dbca;font-size:14px}.journey-mail-done small{color:#8b654e;font-size:12px;margin-top:3px}.journey-controls{display:flex;align-items:center;gap:10px;margin-top:20px;font-size:13px;color:#5c7498}.journey-status{margin-right:auto}.journey-controls button{border:1px solid #d0dcf1;background:white;color:#315483;border-radius:8px;padding:7px 12px;font-size:12px}.journey-mobile-nav{display:none}
@media(min-width:761px) and (max-width:1100px){.journey-grid{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) 22px minmax(0,1fr)}.journey-card{height:480px}.journey-business,.journey-cardbar{padding:12px}.journey-business strong,.journey-cardbar strong{font-size:14px}.journey-sources{padding:12px}.journey-message{padding:16px 12px}.journey-viewbody{padding:12px}.journey-person{flex-wrap:wrap}.journey-priority{margin-left:0}.journey-fields{gap:6px}.journey-fields b{font-size:12px;padding:6px}.journey-hub{flex-wrap:wrap}.journey-hub b{margin-left:0}.journey-photos small{font-size:11px}.journey-action small{display:none}.journey-cardbar small{font-size:11px}.journey-phone{width:29px;height:29px}.journey-business>img{width:30px;height:30px}.journey-business{gap:7px}.journey-ready{font-size:11px}}
@media(max-width:760px){#demonstration{padding:28px 16px}.journey-grid{display:block;max-width:420px;margin:auto}.journey-column{display:none}.journey-column.is-mobile-visible{display:block}.journey-link{display:none}.journey-mobile-nav{display:flex;gap:6px;max-width:420px;margin:0 auto 18px}.journey-mobile-nav button{flex:1;padding:10px 5px;background:#e8effd;color:#526e99;border:1px solid #d3dff4;border-radius:8px;font-size:12px}.journey-mobile-nav button[aria-current=step]{background:#194bea;color:white;border-color:#194bea}.journey-card{height:470px}.journey-controls{max-width:420px;margin:18px auto 0;flex-wrap:wrap}.journey-status{width:100%;font-size:12px}.journey-label{display:none}.journey-column.is-active .journey-card{transform:none}}
@media(prefers-reduced-motion:reduce){.journey *{transition:none!important}}

.journey-business{padding:14px 18px}.journey-sources{padding-top:12px}.journey-source{padding:7px 10px;margin-bottom:5px}.journey-footnote{margin:8px 18px;font-size:12px}.journey-source small{line-height:1.3}.journey-converge{height:18px}.journey-converge svg{height:18px}.journey-hub{padding:9px 10px}.journey-view[data-view=form] .journey-cardbar{min-height:62px;padding:12px 16px}.journey-view[data-view=form] .journey-viewbody{padding-top:12px;padding-bottom:10px}.journey-view[data-view=form] h3{margin-bottom:9px}.journey-view[data-view=form] .journey-fields{gap:7px}.journey-view[data-view=form] .journey-fields b{padding:6px;margin-top:3px}.journey-view[data-view=form] .journey-project{margin:8px 0;font-size:13px}.journey-view[data-view=form] .journey-photos{margin-top:8px}.journey-view[data-view=form] .journey-photos img,.journey-view[data-view=form] .journey-photos>span{height:34px}.journey .journey-commercial.chosen{background:#ffbd8d!important;color:#582709!important;opacity:1!important;filter:none!important}.journey .journey-commercial.chosen small{color:#754023!important}.journey .journey-commercial.chosen:before,.journey .journey-commercial.chosen:after{content:none!important}
@media(min-width:1101px) and (max-height:820px){#demonstration{padding-top:20px;padding-bottom:20px}#demonstration .assist-section-heading h2{font-size:27px}#demonstration .assist-section-heading{margin-bottom:16px}#demonstration .assist-section-heading>p:last-child{font-size:14px}#demonstration .assist-label{margin-bottom:6px}.journey-label{margin-bottom:10px}.journey-controls{margin-top:14px}}

@media(min-width:1101px) and (max-height:820px){#demonstration{padding-top:8px;padding-bottom:8px}#demonstration .assist-section-heading{margin-bottom:12px}#demonstration .assist-section-heading h2{font-size:26px;margin-bottom:8px}.journey-controls{margin-top:10px}}

/* Match the homepage's numbered markers and tactile button treatment. */
.journey .journey-label>span,.journey .journey-column.is-active .journey-label>span{width:36px;height:36px;flex:0 0 36px;border:1.5px solid #0b2349;border-radius:50%;background:#ffead7;color:#0b2349;box-shadow:2px 3px 0 #ff742b;font-size:14px;font-weight:700}
.journey .journey-label{margin-bottom:9px;font-size:16px;gap:12px}
.journey-context{height:63px;margin:0 0 17px;font-size:14px;line-height:1.5;color:#617697;max-width:100%;}.journey-context strong{font-weight:650;color:#10254b}
.journey .journey-message button{border:1.5px solid #10254b;border-radius:12px;box-shadow:0 4px 0 #cad8ee;transition:background .4s,color .4s,box-shadow .4s,transform .4s}
.journey .journey-client{background:#10254b;color:white}.journey .journey-client small{color:#dce6f7}.journey .journey-commercial{background:#fff6ef;color:#713d1e;border-color:#d6b69e!important;box-shadow:0 3px 0 #efdfd2}
.journey .journey-commercial.chosen{background:#ffead7!important;color:#10254b!important;border-color:#10254b!important;box-shadow:3px 4px 0 #ff742b!important}.journey .journey-commercial.chosen small{color:#71543f!important}
.journey[data-route=commercial] .journey-client{background:#edf2fb;color:#526a8d;border-color:#d5dff0;box-shadow:none;transform:none}.journey[data-route=commercial] .journey-client small{color:#6b7f9f}
.journey .journey-client.chosen{background:#10254b;box-shadow:3px 4px 0 #98afd2}.journey .journey-action button,.journey .journey-callback{background:#10254b;border:1px solid #10254b;box-shadow:0 3px 0 #99afcf;border-radius:10px}
.journey-link{margin-top:352px}
@media(max-width:760px){.journey-context{height:66px;font-size:14px;margin-bottom:16px}.journey .journey-label{display:none}.journey-mobile-nav button{border:1px solid #10254b;box-shadow:1px 2px 0 #dbe6fb}.journey-mobile-nav button[aria-current=step]{background:#ffead7;color:#10254b;border-color:#10254b;box-shadow:2px 3px 0 #ff742b}}

/* Follow the current step without moving or disabling the surrounding context. */
.journey-column{transition:opacity .65s cubic-bezier(.22,.7,.25,1),filter .65s cubic-bezier(.22,.7,.25,1)}
.journey-column.is-past{opacity:.48;filter:saturate(.35)}
.journey-column.is-upcoming{opacity:.24;filter:saturate(.15)}
.journey-column.is-active,.journey-column:focus-within{opacity:1;filter:none}
.journey-column:not(.is-active) .journey-card{box-shadow:0 2px 0 #e3eaf6;border-color:#dce4f1}
.journey-column:not(.is-active):focus-within .journey-card{border-color:#96b0f5}
@media(hover:hover){.journey-column:not(.is-active):hover{opacity:.8;filter:saturate(.7)}}
@media(max-width:760px){.journey-column.is-mobile-visible{opacity:1;filter:none}}
@media(prefers-reduced-motion:reduce){.journey-column{transition:none}}