.cap-card .generated-art{display:block;width:100%;height:190px;object-fit:contain;border-radius:14px;margin:12px 0 24px;background:#f4f7fa}
.custom-art.generated-service{padding:0;overflow:hidden}.generated-service img{width:100%;height:100%;object-fit:contain}
.cap-card,.custom-grid article{transition:box-shadow .2s ease,border-color .2s ease}.cap-card:hover,.custom-grid article:hover{box-shadow:0 12px 36px #12385a0e;border-color:#bfd7eb}
.demo-side>button{transition:background .2s,border-color .2s}.demo-side>button:hover{background:#f2f8ff;border-color:#bfd7eb}
.ui-symbol{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.play-circle,.mini-play{display:inline-flex;align-items:center;justify-content:center}.play-circle .ui-symbol{width:26px;height:26px}.mini-play .ui-symbol{width:20px;height:20px}.ui-close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%}
.btn{transition:box-shadow .2s,background .2s}.btn:hover{box-shadow:0 6px 20px #1687ff26}.text-link{display:inline-flex;align-items:center;gap:8px}
@media(prefers-reduced-motion:reduce){.cap-card,.custom-grid article,.demo-side>button,.btn{transition:none}}
@media(max-width:600px){.cap-card .generated-art{height:170px}.custom-art.generated-service{height:190px}}
.ui-icon-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-left:6px;border-radius:50%;background:#e1eeff;color:#126ddd;vertical-align:middle;flex-shrink:0}
.ui-icon-badge .ui-symbol{width:18px;height:18px;stroke-width:2.2}.btn .ui-icon-badge{background:#ffffff28;color:inherit}.hero-buttons>.text-link .ui-icon-badge{background:#ffffff1a;color:#b9dfff}
.play-circle .ui-icon-badge,.mini-play .ui-icon-badge{margin:0;background:transparent;color:inherit}.ui-icon-badge[data-icon=play] .ui-symbol{fill:currentColor;stroke-width:1.4}
.custom-grid .delivery-platforms{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 28px}.delivery-platforms>span{display:inline-flex;align-items:center;padding:9px 15px;border:1px solid #b8d5ef;border-radius:9px;background:#edf6ff;color:#174775;font-size:16px;font-weight:650;line-height:1.4}
.business-preview,.platform-preview{margin:18px 0 24px;padding:20px;border:1px solid #dce7f1;border-radius:14px;background:white;box-shadow:0 8px 24px #173a5810;min-height:410px;color:#17344f}
.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}.preview-heading>strong{font-size:17px}.sample-label{font-size:11px;padding:3px 8px;background:#f0f4f8;color:#647a8f;border-radius:5px;white-space:nowrap}
.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.preview-metrics>div{padding:12px;background:#f5f8fc;border-radius:8px}.preview-metrics span{font-size:12px;color:#61768c}.preview-metrics b{display:block;font-size:28px;line-height:1.6}.preview-metrics small{font-size:11px;color:#6a7f93;font-weight:400;margin-left:6px}
.preview-subheading{display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:12px}.preview-subheading span{font-weight:400;color:#6f8192}.progress-row{display:flex;align-items:center;gap:12px;font-size:12px;margin:12px 0}.progress-row>div{flex:1;height:7px;background:#eaf1f7;border-radius:5px;overflow:hidden}.progress-row i{display:block;height:100%;background:#378bea;border-radius:5px}.progress-row>b{font-weight:500;color:#677f94;min-width:38px}
.platform-tabs{display:flex;gap:6px;padding:4px;border-radius:8px;background:#f3f6fa}.platform-tabs>button{flex:1;min-width:0;border:0;border-radius:6px;padding:7px 4px;background:transparent;color:#56718c;font-size:13px;font-weight:600;cursor:pointer}.platform-tabs>button[aria-pressed=true]{background:#153b61;color:white;box-shadow:0 2px 5px #173a5815}
.cap-card .platform-caption{font-size:12px;margin:12px 0 8px;color:#688096}.platform-preview table{width:100%;border-collapse:collapse;font-size:13px}.platform-preview th{text-align:left;color:#788b9d;font-weight:500;font-size:11px;padding:0 0 8px}.platform-preview td{padding:9px 0;border-top:1px solid #edf1f5}.platform-preview td:last-child,.platform-preview th:last-child{text-align:right;white-space:nowrap}.platform-preview td:nth-child(2){padding-left:8px;padding-right:8px}.platform-preview td small{display:block;font-size:10px;color:#8091a2;margin-top:1px}.rank-number{color:#2878d1;font-weight:700}.cap-card .preview-footnote{font-size:10px;line-height:1.4;margin:14px 0 0;color:#7a8d9f}
@media(max-width:600px){.business-preview,.platform-preview{padding:14px;min-height:0}.preview-metrics{gap:5px}.preview-metrics>div{padding:8px}.preview-metrics b{font-size:24px}.delivery-platforms>span{font-size:15px;padding:9px 13px}.platform-preview table{font-size:12px}.ui-icon-badge{width:30px;height:30px}}