.engagement-demo-page{color:#111a2d}.engagement-demo-page .demo-handoff,.engagement-demo-page .demo-intro,.engagement-demo-page .demo-walkthrough{max-width:74rem;margin-inline:auto;padding:3.5rem 2rem}.engagement-demo-page .demo-intro{text-align:center}.engagement-demo-page .demo-kicker{color:#41646c;font:.6875rem/1.8 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.14em}.engagement-demo-page h1{font-family:var(--font-display),Georgia,serif;font-size:clamp(2.75rem,5vw,4.5rem);line-height:1.1;margin:1.25rem auto;max-width:56rem}.engagement-demo-page h1 em{display:block;color:#41646c}.engagement-demo-page .demo-lead{max-width:46rem;margin-inline:auto;font-size:1.0625rem;line-height:1.8;color:#46506b}.engagement-demo-page h2{font-family:var(--font-display),Georgia,serif;font-size:clamp(1.875rem,3vw,2.75rem);line-height:1.2;margin-block:.75rem 1rem}.engagement-demo-page .demo-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-block:1.75rem 3rem}.engagement-demo-page .demo-actions a{display:inline-flex;align-items:center;gap:.75rem;min-height:3rem;padding:.75rem 1.25rem;border:1px solid #c5d2d5;border-radius:.75rem;font-size:.875rem;font-weight:600}.engagement-demo-page .demo-actions a:first-child{background:#455a96;border-color:#455a96;color:#fff}.engagement-demo-page .mk-screen{margin-block:0}.engagement-demo-page .demo-handoff a,.engagement-demo-page .mk-screen-full-size{display:inline-flex;align-items:center;gap:.75rem;min-height:2.75rem;font-size:.875rem;font-weight:600;text-decoration:underline;text-underline-offset:.25rem}.engagement-demo-page .demo-walkthrough{border-block-start:1px solid #c5d2d5;scroll-margin-top:5rem}.engagement-demo-page .demo-handoff>div>p:last-of-type,.engagement-demo-page .demo-walkthrough header>p:last-child{max-width:48rem;color:#46506b;font-size:.9375rem;line-height:1.8}.engagement-demo-page nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:2rem}.engagement-demo-page nav a{display:inline-flex;align-items:center;gap:.625rem;min-height:2.75rem;padding:.5rem .75rem;border:1px solid #c5d2d5;border-radius:.5rem;font-size:.8125rem;background:#fff}.engagement-demo-page nav a:hover{background:#e7edef;border-color:#41646c}.engagement-demo-page nav span{color:#41646c;font:.6875rem var(--font-mono),monospace}.engagement-demo-page .demo-walkthrough ol{list-style:none}.engagement-demo-page .demo-walkthrough li{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:1.5rem;border-block-start:1px solid #c5d2d5;padding-block:1.75rem;scroll-margin-top:6rem}.engagement-demo-page .demo-stage-number{color:#41646c;font:1rem/1.75 var(--font-mono),monospace}.engagement-demo-page h3{font-size:1.0625rem;font-weight:600;line-height:1.5}.engagement-demo-page .demo-payment p,.engagement-demo-page .demo-walkthrough li p{margin-block-start:.5rem;max-width:52rem;color:#46506b;font-size:.9375rem;line-height:1.8}.engagement-demo-page .demo-payment{background:#e7edef;border-radius:.75rem;padding:1.5rem 2rem;margin-block-start:1rem}.engagement-demo-page .demo-handoff{border-top:1px solid #c5d2d5}.engagement-demo-page .demo-handoff>div{margin-block-end:2rem}.engagement-demo-page .demo-handoff>div>a{margin-block-start:.75rem}.engagement-demo-page .demo-closing{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:3rem;padding:3.5rem max(2rem,calc((100% - 70rem)/2));background:#111a2d;color:#fff}.engagement-demo-page .demo-closing p{color:#d5dfe8;line-height:1.8;font-size:.9375rem}.engagement-demo-page .demo-closing>div:last-child{display:flex;flex-direction:column;align-items:start;gap:.5rem}.engagement-demo-page .demo-closing a{display:inline-flex;align-items:center;gap:.75rem;min-height:2.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;text-decoration:underline;text-underline-offset:.25rem}.engagement-demo-page .demo-closing a:first-child{background:#fff;color:#111a2d;border-radius:.75rem;text-decoration:none}.engagement-demo-page a svg{flex-shrink:0}.engagement-demo-page a:focus-visible{outline:3px solid #33569c;outline-offset:4px}.engagement-demo-page .demo-closing a:focus-visible{outline-color:#bdd0ff}@media (max-width:42rem){.engagement-demo-page .demo-handoff,.engagement-demo-page .demo-intro,.engagement-demo-page .demo-walkthrough{padding:2.5rem 1.25rem}.engagement-demo-page .demo-walkthrough li{grid-template-columns:1.5rem minmax(0,1fr);gap:.75rem}.engagement-demo-page .demo-payment{padding:1.25rem}.engagement-demo-page .demo-closing{grid-template-columns:1fr;gap:1.5rem;padding:2.5rem 1.25rem}}