.hero-stage .frame-hero{width:80%;max-width:784px;margin-inline:auto}
.dashboard-preview{width:100%;aspect-ratio:1400/786;position:relative;overflow:hidden;text-align:left;background:#0a0b0f;pointer-events:none;user-select:none;container-type:inline-size}
.demo-dashboard{position:absolute;left:0;top:0;width:1917px;height:1076px;transform:scale(var(--demo-scale,.6));transform-origin:top left;font-family:Inter,system-ui,sans-serif;color:#d7dbe5;font-size:20px;line-height:1.4;display:grid;grid-template-columns:374px 1fr;background:#0a0b0f}
.demo-sidebar{background:#141b2d;border-right:1px solid #232d47;padding:36px 23px;position:relative;height:1076px}
.demo-brand{display:flex;align-items:center;gap:18px;margin:0 12px 54px;font-size:28px;font-weight:800}.demo-brand img{width:68px;height:68px;border-radius:18px}.demo-brand b{color:#8d8afa}.demo-brand small{display:block;font-size:13px;letter-spacing:2px;color:#65799e;font-weight:500;margin-top:4px}.demo-beta{display:block;width:max-content;background:linear-gradient(90deg,#3b82f6,#a855f7);border-radius:10px;padding:1px 9px;font-size:11px;letter-spacing:1px;margin-top:10px}
.demo-nav{display:flex;align-items:center;gap:20px;padding:15px 20px;color:#969caf;text-transform:uppercase;font-weight:700;letter-spacing:.015em;border-radius:20px}.demo-nav svg{width:25px;height:25px;flex:none}.demo-nav.selected{background:#1c2b4a;color:#3b82f6;font-weight:800}.demo-analysis{font-size:17px;color:#5d6b86;margin:20px 20px 5px}.demo-sub{margin-left:23px;border-left:1px solid #26334e}.demo-user{position:absolute;left:23px;right:23px;bottom:30px;border-top:1px solid #26334e;padding:30px 12px 0;display:flex;gap:16px;align-items:center}.demo-avatar{border:1px solid #29344e;border-radius:16px;padding:10px;color:#93a0b8}.demo-user small{display:block;color:#57759d;font-size:17px}
.demo-main{padding:30px 42px;overflow:hidden}.demo-header{height:100px;display:flex;justify-content:space-between;align-items:flex-start}.demo-title{border-left:8px solid #6473f6;border-radius:4px;padding-left:18px;font-size:30px;font-weight:800;color:#bcd6ff}.demo-title small{display:block;font-size:19px;color:#626878;font-weight:600}.demo-actions{display:flex;gap:12px;align-items:center}.demo-circle{width:48px;height:48px;border:2px solid #454857;border-radius:50%;display:grid;place-items:center;font-size:17px;color:#3b82f6;background:#11131a}.demo-circle.loss{color:#c0394a;background:#2b1720}.demo-add{margin-left:18px;background:#3b82f6;border-radius:18px;width:59px;height:59px;display:grid;place-items:center;font-size:34px}
.demo-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:26px}.demo-card{background:#12141c;border:1px solid #22242e;border-radius:20px;padding:24px;overflow:hidden}.demo-stat{height:180px}.demo-label{color:#969caf;text-transform:uppercase;font-weight:600;font-size:20px}.demo-stat-top{display:flex;align-items:center;justify-content:space-between}.demo-icon{width:45px;height:45px;border-radius:14px;background:#1a2943;color:#3b82f6;display:grid;place-items:center}.demo-icon svg{width:24px;height:24px}.demo-icon.amber{color:#f2a93b;background:#372b1e}.demo-value{font-size:34px;font-weight:800;margin-top:12px;font-variant-numeric:tabular-nums;letter-spacing:-1px}.demo-positive{color:#3b82f6}.demo-negative{color:#c0394a}.demo-note{font-size:18px;color:#626b81;margin-top:5px}.demo-meter{margin-top:9px}
.demo-middle,.demo-bottom{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;margin-bottom:26px}.demo-middle>.demo-card{height:518px}.demo-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-period{display:flex;padding:6px;background:#1a1c25;border:1px solid #252832;border-radius:15px;color:#8c9ab7;gap:10px}.demo-period span{padding:10px 16px}.demo-period .selected{background:#0d1017;border-radius:10px;color:#d7e7ff;font-weight:700}.demo-chart{width:100%;height:320px;margin-top:12px;overflow:visible}.demo-chart text{fill:#60697d;font-size:16px}.demo-chart line{stroke:#242733;stroke-width:1}.demo-line{stroke:url(#demo-equity-stroke);stroke-width:3.6;filter:drop-shadow(0 2px 5px rgba(59,130,246,.18));fill:none;stroke-linecap:round;stroke-linejoin:round}.demo-calendar-title{font-size:19px;white-space:nowrap}.demo-calendar-title strong{color:#3b82f6}.demo-month{color:#8b9ab6;font-size:19px}.demo-calendar{display:grid;grid-template-columns:repeat(5,1fr) 1.25fr;gap:8px;margin-top:22px}.demo-cal-head{font-size:14px;text-align:center;color:#5e6e8a;padding-bottom:7px}.demo-cell{height:59px;border:1px solid #252832;border-radius:12px;padding:7px 9px;background:#161821;color:#8195b7;font-size:14px}.demo-cell.win{border-color:#284c87;background:#131c2c;color:#3b82f6}.demo-cell.loss{border-color:#773142;background:#24171e;color:#f0475d}.demo-cell strong{display:block;font-size:16px;white-space:nowrap}.demo-cell small{float:right;font-size:12px}.demo-cell.empty{visibility:hidden}.demo-legend{display:flex;gap:24px;margin-top:19px;font-size:18px;color:#8b9ab6}.demo-legend span:before{content:'';display:inline-block;width:13px;height:13px;background:#3b82f6;border-radius:50%;margin-right:8px}.demo-legend span:last-child:before{background:#f0475d}
.demo-bottom>.demo-card{height:295px}.demo-trade{display:flex;align-items:center;justify-content:space-between;padding:23px 0;border-bottom:1px solid #252832}.demo-trade-info{display:flex;align-items:center;gap:27px}.demo-symbol{background:#f2a93b;color:#10131b;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-weight:700;font-size:17px}.demo-trade strong{font-size:24px}.demo-pill{display:inline-block;border-radius:20px;background:#1a2943;color:#3b82f6;padding:3px 13px;font-size:16px;margin-left:12px}.demo-review{display:flex;gap:20px;align-items:center;margin-top:25px}.demo-check{display:grid;place-items:center;background:#1a2943;border-radius:50%;color:#3b82f6;font-size:35px;width:65px;height:65px}.demo-review strong{font-size:22px}.demo-review p{font-size:19px;color:#8b9ab6}.demo-review-stats{display:flex;gap:13px;margin-top:22px}.demo-review-stats div{flex:1;background:#161821;border:1px solid #252832;border-radius:20px;text-align:center;padding:12px;font-size:24px;font-weight:700}

.demo-chart .demo-zero-line{stroke:#414b60;stroke-width:1.3}

.live-preview{position:relative;overflow:hidden;background:#12141c;pointer-events:none;user-select:none}
.tile:hover .live-preview{transform:none}
.landing-panel-preview{position:absolute;left:0;top:0;transform-origin:top left;border:0;border-radius:0;text-align:left;font-family:Inter,system-ui,sans-serif;font-size:20px;line-height:1.4;color:#d7dbe5}

.cropbox:has(.live-preview){flex:none}

.feature-detail-panel{width:600px;height:440px;padding:24px;background:#12141c}
.feature-detail-title{font-size:19px}
.feature-radar{width:552px;height:350px;margin-top:12px;overflow:visible}
.feature-radar-grid polygon,.feature-radar-grid line{fill:none;stroke:#252935;stroke-width:1}
.feature-radar text{fill:#777e91;font-size:16px;font-weight:600}
.feature-radar-fill{fill:rgba(124,112,255,.2);stroke:#8077ff;stroke-width:2.5;stroke-linejoin:round}
.feature-radar-dot{fill:#8077ff;stroke:#12141c;stroke-width:3}
.feature-discipline-head{display:flex;gap:18px;align-items:center}
.feature-discipline-head .demo-label{font-size:19px}
.feature-review-date{background:#222631;border-radius:20px;padding:4px 12px;font-size:15px;color:#969caf;font-weight:600}
.feature-discipline-verdict{display:flex;gap:17px;align-items:center;margin-top:22px}
.feature-verdict-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#1a2943;color:#3b82f6;flex:none}
.feature-verdict-icon svg{width:30px;height:30px}
.feature-discipline-verdict strong{font-size:18px;font-weight:800}
.feature-discipline-verdict p{font-size:17px;color:#969caf;margin-top:4px}
.feature-discipline-stats{display:flex;gap:12px;margin-top:22px}
.feature-discipline-stats div{flex:1;border:1px solid #252935;background:#161821;border-radius:17px;text-align:center;padding:12px}
.feature-discipline-stats b{display:block;font-size:24px}
.feature-discipline-stats span{display:block;text-transform:uppercase;color:#777e91;font-size:13px;letter-spacing:1px}
.feature-discipline-checks{display:grid;gap:11px;margin-top:23px;font-size:17px}
.feature-discipline-checks div{display:flex;align-items:center;gap:11px}
.feature-discipline-checks svg{width:19px;height:19px}
.feature-discipline-footer{color:#3b82f6;font-size:17px;font-weight:700;margin-top:22px}