/* Product imagery uses the same actual interface as the interactive desktop demo. */
.rd-icon{display:inline-block;width:22px;height:22px;flex-shrink:0;vertical-align:middle}.card-symbol .rd-icon{width:27px;height:27px}.ws-nav .rd-icon{width:19px;height:19px}.phone-row>span{display:flex;align-items:center;gap:8px}.phone-row .rd-icon{width:16px;height:16px}.ws-shortcuts button{display:flex;align-items:center;justify-content:center;gap:8px}.demo-icon .rd-icon{width:40px;height:40px}.desktop-preview{width:calc(100% + 24px);margin:23px -12px 27px;aspect-ratio:960/640;position:relative;overflow:hidden;border:1px solid #637b9c;border-radius:8px;background:#edf2f8;pointer-events:none;isolation:isolate;box-shadow:0 16px 34px #0002}.preview-stage{width:960px;height:640px;transform:scale(var(--preview-scale,.3));transform-origin:top left;color:#0b2447;text-align:left;font-family:var(--font);background:#f5f7fb}.preview-windowbar{height:36px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #cbd6e4;background:#e7edf5;color:#6b7d96;font:12px 'Roboto Mono',monospace;position:relative}.preview-window-dots{position:absolute;left:15px;display:flex;gap:7px}.preview-window-dots i{width:8px;height:8px;border-radius:50%;background:#a8bedf}.preview-window-dots i:first-child{background:#ff4b42}.preview-layout{display:grid;grid-template-columns:185px 1fr;height:604px}.preview-sidebar{background:#0b2447;color:#b6c8e2;padding:22px 12px;position:relative}.preview-sidebar>img{width:132px;height:65px;object-fit:contain;margin:0 12px 25px}.preview-menu-item{display:flex;gap:10px;align-items:center;font-size:13px;padding:13px 11px;border-radius:5px;white-space:nowrap}.preview-menu-item.selected{background:#ff4b42;color:white}.preview-menu-item .rd-icon{width:18px;height:18px}.preview-sidebar>small{position:absolute;bottom:22px;left:24px;font:10px 'Roboto Mono',monospace;letter-spacing:1px;color:#7088a8}.preview-main{min-width:0}.preview-toolbar{height:56px;padding:0 24px;display:flex;justify-content:space-between;align-items:center;background:white;border-bottom:1px solid #dce3ec;font-size:14px}.preview-toolbar>span:last-child{background:#e9eff6;border-radius:50%;padding:9px;font-size:10px}.preview-content{padding:24px}.preview-content .ws-heading{display:flex;flex-wrap:nowrap;margin-bottom:22px}.preview-content .ws-heading h3{font-size:25px}.preview-content .ws-heading p{font-size:13px}.preview-content .ws-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.preview-content .ws-kpi{padding:14px}.preview-content .ws-kpi strong{font-size:27px}.preview-content .ws-kpi small{font-size:11px}.preview-content .ws-kpi span{font-size:10px}.preview-content .ws-columns,.preview-content .ws-analytics-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:14px}.preview-content .ws-box{padding:18px}.preview-content .ws-box-title h4{font-size:14px}.preview-content .ws-box-title>span{font-size:9px}.preview-content .ws-chart{height:150px}.preview-content .ws-form{display:grid;grid-template-columns:1fr 1fr}.preview-content .ws-form .wide{grid-column:1/-1}.preview-content .ws-table{font-size:12px}.preview-content .ws-table td,.preview-content .ws-table th{padding:13px}.preview-content .ws-shortcuts{display:none}.preview-content .ws-site-body{padding:24px 18px}.preview-content .ws-site-body h4{font-size:27px}.preview-content .ws-message{font-size:14px}.preview-content .ws-inline-form{flex-wrap:nowrap}.preview-content .ws-select{font-size:12px}.preview-content .ws-toolbar{flex-wrap:nowrap}.preview-content .ws-box-title{gap:10px}.preview-content .ws-chat{min-height:235px}.preview-content .ws-task>div{font-size:14px}.preview-content .ws-heading .ws-btn{font-size:12px}.preview-content .ws-small-data{font-size:12px}.product-card{overflow:hidden}.product-card .card-top{align-items:center}.product-card .card-top>span:first-child{font-size:10px}.product-card>h3{margin-top:0}@media(max-width:760px){.desktop-preview{width:calc(100% + 28px);margin:22px -14px 26px;aspect-ratio:960/660}.product-card{flex-basis:92%;min-width:270px}.card-symbol .rd-icon{width:24px;height:24px}.ws-nav .rd-icon{width:17px;height:17px}.ws-shortcuts .rd-icon{width:18px;height:18px}}
/* All UI icons are vector paths, including dynamic states and decorative marks. */
.rd-icon{width:1.1em;height:1.1em;vertical-align:-.15em;pointer-events:none}.card-symbol .rd-icon{width:27px;height:27px}.ws-nav .rd-icon{width:19px;height:19px}.asterisk .rd-icon{width:1em;height:1em;stroke-width:2}.ticker b .rd-icon{width:24px;height:24px}.slider-controls .rd-icon{width:22px;height:22px}#motion .rd-icon,#ws-expand .rd-icon,.dialog-close .rd-icon{width:20px;height:20px}#motion,#ws-expand,.dialog-close{display:grid;place-items:center}.ws-activity i .rd-icon{width:16px;height:16px}.demo-icon .rd-icon{width:40px;height:40px}.ws-lead-route>.rd-icon{width:16px;height:16px}.preview-menu-item .rd-icon{width:18px;height:18px}.phone-row .rd-icon{width:16px;height:16px}
