/* Keep the previous document painted until the next industry is ready. There
   is deliberately no cross-fade: it made a tab selection look like a flash. */
@view-transition{navigation:auto}
::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
html:has(.industry-bar:target){scroll-behavior:auto!important}
.industry-bar{background:#f1f4f8;color:#172337;border-bottom:1px solid #d5dce5;scroll-margin-top:calc(var(--site-header-height,96px) + 16px)}
.industry-bar-inner{max-width:1490px;width:calc(100% - 80px);margin:auto;padding:24px 0 20px}
.industry-bar-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;font-size:12px}
.industry-bar-top strong{font-size:11px;text-transform:uppercase;letter-spacing:.13em}.industry-bar-top span{color:#5f6d80}
.industry-tabs{display:flex;gap:7px;overflow:auto;padding:3px 2px 8px;scrollbar-width:thin;scrollbar-color:#999 transparent}
.industry-tabs a{display:flex;align-items:center;justify-content:center;gap:10px;flex:1 0 auto;padding:13px 19px;border:1px solid #ced5df;border-radius:5px;color:#283443;text-decoration:none;font:600 13px Manrope,Arial,sans-serif;white-space:nowrap;background:transparent;min-height:46px}
.industry-tabs a:hover{background:#e3e6eb;border-color:#9ca5b0}.industry-tabs a[aria-current=page]{background:#14171c;color:#fff;border-color:#14171c}
.industry-tabs a:focus-visible,.industry-menu a:focus-visible,.industry-menu summary:focus-visible{outline:2px solid #858585;outline-offset:3px}.industry-tabs svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.industry-menu .cvm-dropdown-panel{background:#111;border-color:#3b3b3b;width:260px}.industry-menu .cvm-dropdown-panel a:hover,.industry-menu a[aria-current=page]{background:#303030;color:white}.industry-menu summary{max-width:190px}.industry-menu small{color:#bcbcbc!important}
.industry-tag{font-size:13px;letter-spacing:0;font-weight:500;line-height:1.4;border-inline-start:1px solid #9099a566;padding-inline-start:12px;margin-inline-start:3px;color:inherit;vertical-align:middle;display:inline-block}.wordmark,.product-wordmark{flex-wrap:wrap}
.industry-intro-note{font-size:13px;color:#788ca8;margin:14px 0 0}.industry-example-note{font-size:11px;line-height:1.6;color:#8797ae;margin-top:12px}
.industry-home-visual{position:relative;display:flex;align-items:center;min-width:0;width:100%;padding:22px 0 28px}.industry-dashboard{display:block;width:82%;padding:0;border:1px solid #444;border-radius:10px;overflow:hidden;background:#101010;cursor:zoom-in;box-shadow:0 15px 36px #0002}.industry-dashboard img{display:block;width:100%;height:auto}
.industry-phone{display:block;position:relative;width:27%;flex:0 0 27%;margin-inline-start:-9%;padding:0;border:0;background:none;cursor:zoom-in}.industry-visual-wrap{min-width:0;flex:1 1 620px}.industry-visual-wrap>p{font-size:11px;line-height:1.7;color:#75839a;margin-top:16px}.product-detail.reverse .industry-visual-wrap{order:-1}.product-detail .detail-copy{flex-shrink:0}
.industry-tour-context{padding:12px 16px;border-inline-start:2px solid #a7b1c1;background:#ffffff06;font-size:13px!important}.industry-tour-context strong{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}
.industry-story-note{padding:18px 22px;border:1px solid #354052;border-radius:7px;color:#b9c6d9;font-size:13px;line-height:1.8;margin-top:24px}
.industry-preview-dialog{border:1px solid #474c54;border-radius:12px;background:#101113;color:#fff;width:min(1360px,95vw);max-height:94dvh;padding:18px;box-sizing:border-box}.industry-preview-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.industry-preview-dialog .iv-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px;font-size:13px}.industry-preview-dialog button{border:1px solid #777;border-radius:5px;background:#242424;color:white;padding:10px 15px;cursor:pointer}.industry-preview-dialog img{display:block;width:100%;height:auto}.industry-preview-dialog.is-phone{width:min(435px,95vw)}.industry-preview-dialog .iphone-device{width:100%;max-width:350px;margin:auto}.industry-preview-dialog .iv-transcript{font-size:13px;line-height:1.7;margin-top:16px}.industry-preview-dialog .iv-transcript p{padding:8px 0;border-bottom:1px solid #333}
.iv-lightbox-trigger{cursor:zoom-in}.iv-home-copy{padding-top:16px}.industry-mobile-label{display:none}
.hero-visual .industry-dashboard,.tour-capture .industry-dashboard{width:100%;box-shadow:none}.wa-examples .industry-phone{width:100%;margin:0;max-width:290px}.industry-journey-grid{display:flex;gap:36px;margin-top:35px}.industry-journey-grid article{flex:1;min-width:0;border-top:1px solid #334156;padding-top:25px}.industry-journey-grid p{line-height:1.8}.industry-journey-grid a{display:inline-block;margin-top:12px}.industry-benefits .industry-story-note{color:#4c5d74;border-color:#ccd5e1;background:#e8edf5}.industry-menu summary{white-space:normal}
@media(max-width:760px){.industry-journey-grid{flex-direction:column;gap:20px}}
@media(max-width:900px){.product-detail .detail-copy{flex:0 1 auto}.product-detail .industry-visual-wrap{flex:0 1 auto}.product-detail.reverse .industry-visual-wrap{order:0}}
@media(max-width:1200px){.cvm-navigation{gap:15px}.industry-menu summary{font-size:12px}.industry-bar-inner{width:calc(100% - 48px)}}
@media(max-width:950px){.industry-menu summary{max-width:none;font-size:15px}.industry-menu .cvm-dropdown-panel{width:auto}.industry-bar-top{align-items:flex-start}.industry-bar-top span{max-width:60%;text-align:end}.industry-visual-wrap{width:100%}}
@media(max-width:600px){.industry-bar-inner{width:calc(100% - 32px);padding:19px 0 10px}.industry-bar-top{gap:10px;margin-bottom:12px}.industry-bar-top span{font-size:11px}.industry-tabs a{font-size:12px;padding:11px 15px}.industry-tag{font-size:14px;max-width:180px}.industry-home-visual{padding:12px 0 20px}.industry-dashboard{width:88%;}.industry-phone{width:32%;flex-basis:32%;margin-inline-start:-20%}.industry-preview-dialog{padding:12px}.industry-preview-dialog .iv-dialog-head{font-size:11px}.industry-preview-dialog .iv-dialog-head button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.industry-tabs{scroll-behavior:auto}}
