.sr-showcase{padding-top:86px;padding-bottom:90px}.sr-intro{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:60px;margin-bottom:38px}.sr-kicker{font-size:10px;font-weight:800;letter-spacing:.18em;color:#5d72bc}.sr-intro h2{font-size:clamp(34px,3.8vw,49px);letter-spacing:-1.8px;line-height:1.12;margin:16px 0 0;color:#182947}.sr-intro h2 em{font-style:normal;background:linear-gradient(100deg,#4e71de,#8a50dc);color:transparent;background-clip:text}.sr-intro p{font-size:14px;line-height:1.85;color:#7383a0;max-width:410px;margin:0 0 2px}.sr-dashboard{background:#fff;border:1px solid #dce3f3;border-radius:22px;overflow:hidden;box-shadow:0 28px 75px #263d6b1c,0 0 0 7px #fff8}.sr-topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 25px;border-bottom:1px solid #e9edf6;background:linear-gradient(110deg,#fff,#f8f9ff)}.sr-topbar>div{display:flex;align-items:center;gap:12px}.sr-app-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#5777fa,#854fee);box-shadow:0 6px 14px #6e59ed30}.sr-app-icon svg{width:25px;height:25px}.sr-topbar b{display:block;font-size:14px;color:#243454}.sr-topbar small{display:block;margin-top:4px;font-size:10px;color:#8996ad}.sr-period{font-size:11px;font-weight:600;color:#657696}.sr-period i{font-style:normal;font-size:9px;color:#8d9ab1;border-left:1px solid #dbe2ef;padding-left:12px;margin-left:12px}.sr-workspace{display:grid;grid-template-columns:1fr 310px}.sr-analysis{min-width:0;padding:28px 30px 20px;background:radial-gradient(ellipse at 0 0,#edf3ff70,transparent 55%),#fff}.sr-metrics{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-bottom:27px;border-bottom:1px solid #e9edf6}.sr-metrics>div+div{border-left:1px solid #e5eaf5;padding-left:28px}.sr-metrics span,.sr-chart-heading>div span{display:flex;align-items:center;gap:7px;font-size:10px;color:#7485a2;font-weight:600}.sr-metrics i,.sr-chart-heading i{display:inline-block;width:7px;height:7px;border-radius:50%}.sr-purple{background:#7c5cf0}.sr-blue{background:#259dda}.sr-metrics strong{display:block;font-size:31px;letter-spacing:-1.2px;color:#213455;margin:10px 0 6px;font-variant-numeric:tabular-nums}.sr-metrics small{font-size:10px;color:#9aa6ba}.sr-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:27px 0 8px}.sr-chart-heading h3{font-size:13px;color:#314362;margin:0}.sr-chart-heading>div{display:flex;gap:15px}.sr-chart-wrap{margin:0 -6px}.sr-line-chart{display:block;width:100%;height:auto;overflow:visible}.sr-chart-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #edf0f7;padding-top:15px;font-size:9px;color:#97a3b8}.sr-chart-footer b{color:#7d89a4;font-weight:500}.sr-portfolio{position:relative;overflow:hidden;padding:30px 29px;background:radial-gradient(ellipse at 100% 0,#49398690,transparent 60%),linear-gradient(160deg,#1b2c50,#101c36);color:#fff}.sr-portfolio:before{content:'';position:absolute;width:280px;height:280px;border:1px solid #ffffff07;border-radius:50%;right:-140px;top:50px;pointer-events:none}.sr-side-kicker{font-size:8px;letter-spacing:.17em;font-weight:800;color:#98aee1}.sr-portfolio h3{font-size:22px;line-height:1.3;letter-spacing:-.5px;margin:13px 0 22px}.sr-orbit{width:154px;height:154px;margin:0 auto;border-radius:50%;padding:10px;background:conic-gradient(from -90deg,#a586ff 0,#55bafa 40%,#ffffff12 40%,#ffffff12 100%);box-shadow:0 0 35px #7563ee20}.sr-orbit>div{width:100%;height:100%;border:5px solid #1b294b;border-radius:50%;background:#1b294b;display:flex;align-items:center;justify-content:center;flex-direction:column}.sr-orbit strong{font-size:40px;letter-spacing:-2px}.sr-orbit span{font-size:8px;color:#9eafd1;margin-top:5px}.sr-portfolio p{text-align:center;font-size:11px;line-height:1.8;color:#9fb0d3;margin:15px 0 20px}.sr-portfolio p b{color:#e9efff;font-weight:600}.sr-status-bar{height:5px;display:flex;gap:3px;margin-bottom:13px;border-radius:99px;overflow:hidden}.sr-status-bar i:nth-child(1){width:40%;background:#77baff}.sr-status-bar i:nth-child(2){width:50%;background:#9b7aef}.sr-status-bar i:nth-child(3){width:10%;background:#53617f}.sr-portfolio dl{margin:0}.sr-portfolio dl>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0c;padding:10px 0;font-size:10px}.sr-portfolio dt{display:flex;align-items:center;gap:8px;color:#a8b7d4}.sr-portfolio dt i{width:5px;height:5px;border-radius:50%;background:#77baff}.sr-portfolio dl>div:nth-child(2) i{background:#9b7aef}.sr-portfolio dl>div:nth-child(3) i{background:#53617f}.sr-portfolio dd{margin:0;font-size:12px;font-weight:600;color:#e7edff}
@media(max-width:1000px){.sr-workspace{grid-template-columns:1fr 260px}.sr-analysis{padding:24px 22px}.sr-portfolio{padding:27px 22px}.sr-metrics strong{font-size:27px}.sr-intro{gap:30px}.sr-chart-heading{align-items:flex-start;flex-direction:column;gap:10px}}
@media(max-width:760px){.sr-showcase{padding-top:55px;padding-bottom:60px}.sr-intro{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.sr-intro h2{font-size:35px;letter-spacing:-1.3px}.sr-intro p{font-size:13px;max-width:100%}.sr-workspace{grid-template-columns:1fr}.sr-topbar{padding:17px;align-items:flex-start;gap:15px}.sr-period{font-size:9px;text-align:right;line-height:1.7}.sr-period i{display:block;border:0;padding:0;margin:2px 0 0}.sr-analysis{padding:23px 17px 19px}.sr-metrics{gap:15px}.sr-metrics>div+div{padding-left:15px}.sr-metrics strong{font-size:24px}.sr-metrics small{font-size:8px}.sr-metrics span{font-size:9px}.sr-chart-heading{flex-direction:row;align-items:center;gap:10px}.sr-chart-heading h3{font-size:11px}.sr-chart-heading>div{gap:8px}.sr-chart-heading>div span{font-size:8px}.sr-chart-footer{font-size:8px}.sr-chart-footer b{display:none}.sr-portfolio{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:25px}.sr-side-kicker,.sr-portfolio h3,.sr-portfolio p{grid-column:1}.sr-portfolio h3{font-size:21px;margin-bottom:12px}.sr-orbit{grid-column:2;grid-row:1/5;width:136px;height:136px;align-self:center}.sr-orbit strong{font-size:35px}.sr-portfolio p{text-align:left;margin:0 0 18px}.sr-status-bar,.sr-portfolio dl{grid-column:1/-1}.sr-topbar small{font-size:8px}.sr-topbar b{font-size:12px}.sr-app-icon{width:33px;height:33px}}