section.sec-scenarios.use-case-products{padding:68px 0;background:#fff!important}
section.sec-scenarios.use-case-products .scenarios-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px}
section.sec-scenarios.use-case-products .scenarios-grid>.scenario-card:nth-child(n){display:flex;flex-direction:column;grid-row:auto;padding:0;border:0;background:none;gap:0;min-width:0}
section.sec-scenarios.use-case-products .scenario-card :is(h3,h4){margin:20px 0 10px;font-size:18px;line-height:1.5}
section.sec-scenarios.use-case-products .scenario-card p{font-size:14px;line-height:1.8;margin:0}
.uc-product-visual{--uc:#4779c6;--tint:#eaf1fc;box-sizing:border-box;width:100%;height:235px;padding:26px 20px 0;overflow:hidden;border-radius:14px;background:var(--tint);border:1px solid #e4ebf5}
.uc-product-visual--1,.uc-product-visual--4{--uc:#8772c6;--tint:#f0edfa}
.uc-product-visual--2,.uc-product-visual--5{--uc:#429c94;--tint:#eaf5f3}
.uc-product-visual--3{--uc:#b9824c;--tint:#faf1e8}
.uc-window{height:222px;background:#fff;border:1px solid #dfe5ef;border-radius:9px;box-shadow:0 12px 30px #203e6510;overflow:hidden}
.uc-window-head{height:36px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #edf1f6;padding:0 10px;background:#fcfdff;color:#5d6b80;font-size:9px;white-space:nowrap}
.uc-window-head strong{font-weight:600;font-size:10px}.uc-window-dots{color:#bec9d8;letter-spacing:2px}.uc-demo{margin-left:auto;font-size:8px;color:#7d8b9e}
.uc-window-body{padding:16px;color:#758196;font-size:10px}.uc-ui-stats{display:flex;gap:8px}.uc-ui-stats>span{flex:1;padding:9px;background:#f7f9fc;border-radius:5px}.uc-ui-stats b{display:block;font-size:18px;color:var(--uc);margin-top:5px}
.uc-ui-chart{height:64px;margin-top:13px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 20px,#edf1f7 21px)}.uc-ui-chart svg{width:100%;height:100%;overflow:visible}.uc-ui-chart path{fill:none;stroke:var(--uc);stroke-width:2}
.uc-ui-caption{display:flex;justify-content:space-between;align-items:center;color:#506079;margin-bottom:13px;font-weight:600}.uc-ui-pipeline{display:flex;align-items:center;gap:8px;margin-bottom:17px}.uc-ui-pipeline span{flex:1;text-align:center;padding:8px 2px;background:var(--tint);color:var(--uc);border-radius:5px}.uc-ui-pipeline b{font-weight:400;color:#b0bccc}
.uc-ui-row{display:flex;align-items:center;gap:10px;margin:12px 0}.uc-ui-row span{flex:1;white-space:nowrap}.uc-ui-row>i{width:36%;height:5px;background:linear-gradient(to right,var(--uc) var(--bar),#edf1f6 var(--bar));border-radius:3px;opacity:.65}.uc-ui-row>b{width:5px;height:5px;border-radius:50%;background:#78b4a0}
.uc-ui-live{display:flex;align-items:center;gap:20px;padding-top:10px}.uc-ui-radar{position:relative;flex:0 0 100px;height:100px;border-radius:50%;border:1px solid #d5e9e4;background:repeating-radial-gradient(circle,#f5fbf9 0,#f5fbf9 15px,#d7ece6 16px,#f5fbf9 17px)}.uc-ui-radar i,.uc-ui-radar b,.uc-ui-radar em{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--uc);top:30px;left:25px}.uc-ui-radar b{top:60px;left:64px}.uc-ui-radar em{top:22px;left:68px}.uc-ui-wave{font-size:17px;white-space:nowrap;color:var(--uc);margin:10px 0 14px}.uc-ui-dots{display:flex;gap:8px;margin-top:10px}.uc-ui-dots i{width:12px;height:4px;background:#92c4b8;border-radius:2px}
.uc-ui-media{display:flex;gap:14px;align-items:center}.uc-ui-video{flex:0 0 90px;height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--tint);border-radius:6px;color:var(--uc)}.uc-ui-video svg{width:35px;height:35px;fill:var(--uc)}.uc-ui-files{flex:1;min-width:0}.uc-ui-timeline{display:flex;gap:4px;margin-top:20px}.uc-ui-timeline i{height:16px;flex:1;background:var(--tint);border-left:2px solid var(--uc)}
.uc-ui-terminal{padding:10px 12px;background:#26354e;border-radius:6px;color:#d5def0;font:10px/1.9 monospace}.uc-ui-terminal span{display:block}.uc-ui-bars{display:flex;align-items:end;gap:5px;height:38px;margin-top:8px}.uc-ui-bars i{flex:1;height:65%;background:var(--uc);opacity:.35;border-radius:2px 2px 0 0}.uc-ui-bars i:nth-child(3n){height:90%;opacity:.7}.uc-ui-bars i:nth-child(2n){height:45%}.uc-ui-pulse{width:6px;height:6px;border-radius:50%;background:var(--uc)}
.uc-ui-avatars{display:flex}.uc-ui-avatars i{width:16px;height:16px;border-radius:50%;background:#cde4e1;border:2px solid #fff;margin-left:-4px}.uc-ui-board{display:flex;gap:9px}.uc-ui-board>div{flex:1;background:#f6f9fa;padding:9px 6px;border-radius:5px}.uc-ui-board span{font-size:9px}.uc-ui-board i{display:block;height:26px;background:white;border:1px solid #e5edee;border-left:2px solid #9fcac2;border-radius:3px;margin-top:9px}
@media(max-width:1100px){section.sec-scenarios.use-case-products .scenarios-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}}
@media(max-width:600px){section.sec-scenarios.use-case-products{padding:40px 0}section.sec-scenarios.use-case-products .scenarios-grid{grid-template-columns:minmax(0,1fr);gap:30px}.uc-product-visual{height:220px;padding:22px 16px 0}section.sec-scenarios.use-case-products .scenario-card :is(h3,h4){margin-top:16px;font-size:18px}.uc-window-body{padding:14px}.uc-ui-live{gap:14px}.uc-ui-radar{flex-basis:88px;height:88px}}