.sales-demo{background:#092b51;color:#f0f7ff;padding:55px 0 35px;scroll-margin-top:15px}.demo-wrap{width:min(1280px,calc(100% - 64px));margin:auto}.demo-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:30px}.demo-heading>p{font-size:16px;color:#c4d6e7;max-width:390px}.demo-label{font-size:14px;color:#adcae8;margin-bottom:12px}.demo-heading h2{font-size:42px}.step-tabs{display:flex;border-bottom:1px solid #45617e;margin-bottom:25px;gap:8px}.step-tabs button{flex:1;border:0;border-bottom:3px solid transparent;background:none;color:#c4d6e7;font:inherit;font-size:14px;padding:16px 8px;cursor:pointer;text-align:left}.step-tabs span{display:inline-block;margin-right:9px;color:#8bbaf0}.step-tabs button[aria-selected=true]{color:white;border-bottom-color:#74b4ff;background:#ffffff09}.demo-panel{display:grid;grid-template-columns:300px minmax(0,1fr);gap:35px;align-items:center;min-height:400px}.demo-copy>p:first-child{font-size:13px;color:#a8c7e7;margin-bottom:20px}.demo-copy h3{font-size:30px;line-height:1.2}.demo-copy>p{font-size:16px;color:#ccdbeb;margin-top:18px}.demo-result{margin-top:25px;border-top:1px solid #45617e;padding-top:18px}.demo-result span{font-size:13px;color:#91beef}.demo-result p{font-size:15px;margin-top:7px}.demo-image-button{width:100%;padding:0;border:1px solid #7292b044;border-radius:10px;overflow:hidden;cursor:zoom-in;background:#edf5fc;color:#173654;text-align:left}.demo-image-button img{width:100%;height:auto;max-height:55vh;object-fit:contain;background:#edf5fc}.demo-image-button>span{display:block;padding:10px 16px;font:13px Manrope,sans-serif}.demo-controls{display:flex;align-items:center;justify-content:space-between;margin-top:25px;gap:14px}.demo-controls button{background:#176dcd;color:#fff;border:1px solid #75aff3;border-radius:6px;padding:12px 25px;font:15px Manrope,sans-serif;cursor:pointer;min-width:110px}.demo-controls button:disabled{opacity:.4;cursor:default}.demo-controls span{font-size:14px;color:#c4d6e7}.demo-boundary{font-size:12px;color:#adc2d7;margin-top:18px}.step-details{margin-top:18px;font-size:14px}.step-details summary,.presenter summary,.more-platform summary{cursor:pointer}.step-details>div{font-size:14px;line-height:1.7;color:#dbe7f3;margin-top:12px}.step-details ul{padding-left:18px}.presenter{margin-top:25px;border-top:1px solid #45617e;padding-top:20px;font-size:14px;color:#c4d6e7}.presenter li{margin:12px 0;line-height:1.7}.presenter p{max-width:850px}.more-platform{padding-top:35px;padding-bottom:35px}.more-platform summary{font-size:18px}.more-platform .knowledge{padding-top:35px;padding-bottom:10px}.sales-demo button:focus-visible,summary:focus-visible{outline:3px solid #a6d1ff;outline-offset:4px}#sales-lightbox{max-width:96vw;width:1400px;max-height:96vh;border:0;border-radius:10px;padding:14px;background:#edf5fc;color:#173654}#sales-lightbox::backdrop{background:#02172ce8}#sales-lightbox img{max-height:80vh;max-width:100%;width:auto;margin:auto;object-fit:contain}#close-lightbox{display:block;margin-left:auto;border:1px solid #b5cadd;background:white;border-radius:5px;padding:10px 18px;font:14px Manrope;cursor:pointer}#sales-lightbox p{text-align:center;font-size:13px;margin-top:8px}@media(max-width:900px){.demo-wrap{width:calc(100% - 40px)}.demo-panel{grid-template-columns:240px minmax(0,1fr);gap:20px}.demo-heading h2{font-size:35px}.step-tabs button{font-size:13px}.step-tabs span{display:block}.demo-copy h3{font-size:26px}}@media(max-width:620px){.sales-demo{padding-top:35px}.demo-heading{display:block}.demo-heading>p{margin-top:20px}.step-tabs{overflow-x:auto;gap:0}.step-tabs button{flex:0 0 116px;min-height:72px}.demo-panel{grid-template-columns:1fr;min-height:0}.demo-copy h3{font-size:28px}.demo-image-button img{max-height:none}.demo-controls button{min-width:88px;padding:12px 16px}.demo-controls span{font-size:12px}.hero{padding-bottom:25px}.demo-result{margin-top:16px}.demo-heading h2{font-size:34px}}
.sales-demo{padding-top:30px}.demo-heading{margin-bottom:18px}.demo-heading h2{font-size:36px}.demo-panel{min-height:320px}.demo-copy h3{font-size:26px}.demo-copy>p{font-size:14px;margin-top:12px}.demo-copy>p:first-child{margin-bottom:12px}.demo-result{margin-top:16px;padding-top:12px}.demo-result p{font-size:14px}.demo-image-button img{max-height:43vh}.demo-controls{margin-top:16px}.step-tabs{margin-bottom:18px}@media(max-width:620px){.demo-image-button img{max-height:none}.demo-heading h2{font-size:34px}}