.pro-demo{width:min(860px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:28px;border:1px solid #dce1e4;border-top:4px solid #f29a1a;border-radius:24px;background:#fff;color:#202428;overflow:auto;box-shadow:0 24px 70px #20242830}
.pro-demo::backdrop{background:#20242880}
.pro-demo-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.pro-demo h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:0;letter-spacing:-.035em;line-height:1.15}
.pro-demo .eyebrow{margin:0 0 8px;color:#596168}
.pro-demo-header>button{flex-shrink:0}
.pro-demo-disclosure{font-size:.83rem;color:#596168;margin:16px 0}
.pro-demo-tabs{display:flex;gap:8px;flex-wrap:wrap;border-block:1px solid #dce1e4;padding:14px 0;margin-bottom:20px}
.pro-demo-tabs button{min-height:44px;padding:8px 12px;border:1px solid #dce1e4;border-radius:999px;background:#f7f9fa;color:#202428;font-size:.78rem;font-weight:650}
.pro-demo-tabs button[aria-current=step]{background:#f29a1a;border-color:#aab3b9}
.pro-demo-step h3{font-size:1.35rem;letter-spacing:-.02em;margin:0 0 18px;line-height:1.2}
.pro-demo-step:focus{outline:2px solid #596168;outline-offset:5px;border-radius:8px}
.pro-demo-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pro-demo-metrics article{padding:16px;border:1px solid #dce1e4;border-top:3px solid #e4af2b;border-radius:14px;background:#f7f9fa}
.pro-demo-metrics article:nth-child(2){border-top-color:#83c5ce}.pro-demo-metrics article:nth-child(3){border-top-color:#b7a078}
.pro-demo-metrics p{font-size:.78rem;margin:0 0 8px;color:#596168}.pro-demo-metrics strong{display:block;font-size:1.6rem;letter-spacing:-.02em}.pro-demo-metrics small{display:block;margin-top:8px;font-size:.74rem;line-height:1.5;color:#596168}
.pro-demo-chart{height:148px;display:flex;align-items:stretch;gap:14px;border-bottom:1px solid #dce1e4;margin:22px 0 0;padding-top:8px}
.pro-demo-chart>div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;min-width:0}
.pro-demo-chart i{display:block;height:calc(var(--demo-height) * .8);background:linear-gradient(#f4cd63,#e4af2b);border-radius:6px 6px 0 0;transform-origin:center bottom}
.pro-demo-chart>div:nth-child(even) i{background:linear-gradient(#d3c3a8,#b7a078)}
.pro-demo-chart span{display:block;text-align:center;font-size:.74rem;line-height:24px;color:#596168}
.pro-demo-note{padding:16px;background:#eef7f8;border:1px solid #c4dfe3;border-radius:14px;font-size:.87rem;line-height:1.65;margin:20px 0 0}
.pro-demo-example{padding:16px;border:1px solid #dce1e4;border-radius:14px;margin-top:18px;font-size:.9rem}.pro-demo-example p{margin:8px 0 0;color:#596168}
.pro-demo-receipt{width:min(100%,340px);padding:22px;margin:auto;border:1px dashed #aab3b9;border-radius:14px;background:#f7f9fa;text-align:center}.pro-demo-badge{font-size:.65rem;letter-spacing:.08em;color:#596168;font-weight:700}.pro-demo-receipt h4{margin:12px 0 8px;font-size:1rem}.pro-demo-receipt p{font-size:.8rem;color:#596168}.pro-demo-receipt>div{display:flex;justify-content:space-between;border-top:1px solid #dce1e4;padding-top:14px}
.pro-demo-list{padding-left:24px;font-size:.9rem;line-height:1.8}
.pro-demo-agenda{border:1px solid #dce1e4;border-radius:14px;overflow:hidden}.pro-demo-agenda>div{display:flex;gap:18px;align-items:flex-start;padding:16px;background:#f7f9fa}.pro-demo-agenda>div+div{border-top:1px solid #dce1e4}.pro-demo-agenda time{min-width:68px;font-size:.8rem;font-weight:700}.pro-demo-agenda strong{font-size:.9rem}.pro-demo-agenda small{display:block;font-size:.78rem;margin-top:5px;color:#596168}
.pro-demo-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #dce1e4;margin-top:22px;padding-top:18px}.pro-demo-footer p{font-size:.8rem;color:#596168;white-space:nowrap}.pro-demo-footer>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.pro-demo-plan-link{font-size:.83rem;margin:20px 0 0}.pro-demo-plan-link a{color:#202428}
@media(max-width:550px){.pro-demo{padding:18px;max-height:calc(100dvh - 16px);border-radius:18px}.pro-demo-header{gap:8px}.pro-demo-header>button{padding:8px;font-size:.75rem}.pro-demo-metrics{grid-template-columns:1fr;gap:8px}.pro-demo-metrics article{padding:12px}.pro-demo-metrics strong{font-size:1.3rem}.pro-demo-metrics small{margin-top:4px}.pro-demo-tabs{gap:6px}.pro-demo-tabs button{font-size:.72rem;padding:8px}.pro-demo-chart{gap:8px}.pro-demo-footer{align-items:flex-start}.pro-demo-footer .button{padding:9px 12px}.pro-demo-agenda>div{gap:10px;padding:12px}}
@media(prefers-reduced-motion:reduce){.pro-demo *{animation:none!important;transition:none!important}}
@media print{.pro-demo{display:none!important}}
.pro-video-section{padding:2rem 2.5rem 5rem;background:#fff;scroll-margin-top:24px;color:#202428}
.pro-video-layout{max-width:1180px;margin:auto;display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:center;gap:2.5rem;border:1px solid #dce1e4;border-radius:14px;padding:2rem;background:#f7f9fa}
.pro-video-copy h2{font-size:clamp(2rem,3.3vw,3rem);margin:.5rem 0 1rem;line-height:1.1;letter-spacing:-.035em}.pro-video-copy>p:not(.eyebrow){color:#596168;font-size:.95rem;line-height:1.65}.pro-video-duration{font-weight:650}
.pro-video-player{min-width:0}.pro-demo-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border:1px solid #dce1e4;border-radius:12px;background:#fff}.pro-video-player small{display:block;margin-top:.65rem;color:#596168;font-size:.75rem;line-height:1.5}
.pro-video-transcript{margin-top:1rem;font-size:.85rem;color:#202428}.pro-video-transcript summary{cursor:pointer;font-weight:650;min-height:44px;padding:.6rem 0}.pro-video-transcript p{color:#596168;line-height:1.7}
.pro-video-dialog{width:min(1200px,calc(100vw - 32px));max-height:calc(100dvh - 24px);padding:18px;border:1px solid #dce1e4;border-radius:14px;background:#fff;color:#202428;overflow:auto}.pro-video-dialog::backdrop{background:#202428b3}.pro-video-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.pro-video-dialog-header h2{margin:0;font-size:1.25rem;letter-spacing:-.02em;line-height:1.2}.pro-video-dialog-header .button{flex-shrink:0;min-height:44px}.pro-video-status{font-size:.85rem;color:#202428}.pro-video-status a{font-weight:650}
@media(max-width:850px){.pro-video-layout{grid-template-columns:1fr;gap:1.5rem}.pro-video-copy{max-width:600px}.pro-video-player{width:100%}}
@media(max-width:500px){.pro-video-section{padding:1.5rem 1.2rem 3rem}.pro-video-layout{padding:1rem}.pro-video-dialog{width:calc(100vw - 16px);padding:10px}.pro-video-dialog-header{gap:8px}.pro-video-dialog-header h2{font-size:1rem}.pro-video-dialog-header .button{padding:.6rem .75rem}}
@media print{.pro-video-section,.pro-video-dialog{display:none!important}}