.insight-showcase{--gain:#51cda2;--loss:#f27e8c;margin:55px 0 70px;scroll-margin-top:170px}.insight-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:30px}.features-page .insight-intro h3{font-size:clamp(32px,3.4vw,48px);line-height:1.08;letter-spacing:-.045em;margin:18px 0 0}.insight-intro>p{max-width:520px;font-size:17px;line-height:1.7;margin-bottom:3px}.insight-dashboard{padding:26px;border:1px solid #2c4350;border-radius:24px;background:radial-gradient(ellipse at 0 0,#16343d88,transparent 52%),#09131b;box-shadow:0 30px 80px #0002}.insight-topline{display:flex;justify-content:space-between;gap:18px;align-items:center;color:var(--muted);font-size:12px;margin:0 0 23px}.insight-live-dot{font:11px var(--mono);letter-spacing:.1em;color:var(--cyan);display:flex;align-items:center;gap:9px}.insight-live-dot:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px #64dbf455}.insight-practice{display:inline-block;margin-left:8px;padding:4px 8px;border:1px solid #34525e;border-radius:5px;color:#bcecf5;font-size:11px}.insight-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.features-page .insight-metrics button{min-width:0;text-align:left;display:block;padding:19px 18px;border:1px solid #283d4a;border-radius:15px;background:#0d1922;color:var(--text);transition:background .2s,border-color .2s}.features-page .insight-metrics button:hover,.features-page .insight-metrics button[aria-pressed=true]{border-color:var(--cyan);background:#112832}.insight-metrics button>span{display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.insight-metrics i{font-style:normal}.insight-metrics button>span i{border:1px solid #51707f;border-radius:50%;width:16px;height:16px;text-align:center;line-height:14px;font:11px var(--mono)}.insight-metrics strong{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:clamp(26px,2.6vw,38px);font-weight:700;letter-spacing:-.045em;line-height:1.3;margin:17px 0 12px;font-variant-numeric:tabular-nums}.insight-metrics strong.positive{color:var(--gain)}.insight-metrics small{display:block;font-size:11px;line-height:1.5;color:var(--muted);font-weight:400}.metric-ring{width:38px;height:38px;flex-shrink:0}.metric-ring circle{fill:none;stroke:var(--gain);stroke-width:5}.ratio-mini{display:flex;width:65px;height:6px;overflow:hidden;border-radius:5px}.ratio-mini i{width:68%;background:var(--gain)}.ratio-mini b{flex:1;background:var(--loss)}.win-mini{font:18px var(--mono);color:var(--gain)}.win-mini span{font-size:11px;color:var(--muted)}.features-page .metric-explanation{min-height:49px;font-size:13px;line-height:1.65;margin:18px 3px;color:var(--muted)}.metric-explanation strong{color:var(--text);font-weight:600}.insight-panels{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr);gap:16px}.insight-panel{min-width:0;padding:23px;border:1px solid #263d49;border-radius:17px;background:linear-gradient(150deg,#10212bcc,#0b151e)}.insight-kicker{font:10px var(--mono);color:var(--cyan);letter-spacing:.1em}.features-page .insight-panel h4{font-size:21px;font-weight:700;letter-spacing:-.035em;line-height:1.25;margin:8px 0}.features-page .insight-panel header p{font-size:12px;line-height:1.6;color:var(--muted);margin:7px 0 0}.insight-progression header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.insight-period{font:10px var(--mono);color:var(--muted);white-space:nowrap;padding-top:3px}.radar-stage{position:relative;max-width:360px;margin:0 auto}.radar-stage svg{display:block;width:100%;height:auto;overflow:visible}.radar-grid{fill:none;stroke:#355361;stroke-width:1}.radar-spoke{stroke:#2a4553;stroke-width:1}.radar-shape{fill:#64dbf425;stroke:#64dbf4;stroke-width:2}.radar-dot{fill:var(--cyan);stroke:#0b1822;stroke-width:2;transition:r .2s,fill .2s}.radar-dot.is-selected{fill:#f3f7fa;stroke:var(--cyan);stroke-width:3}.radar-axis-label{fill:#839dab;font:10px var(--mono)}.radar-centre{pointer-events:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:3px}.radar-centre strong{color:var(--cyan);font-size:42px;line-height:1;font-weight:700;letter-spacing:-.06em}.radar-centre span{font:8px var(--mono);letter-spacing:.06em;color:#b2cbd6}.radar-dimensions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:-6px}.features-page .radar-dimensions button{padding:8px 9px;min-height:38px;border:1px solid #2c414e;background:transparent;border-radius:7px;text-align:left;font-size:11px;font-weight:400;color:var(--muted)}.features-page .radar-dimensions button[aria-pressed=true],.features-page .radar-dimensions button:hover{color:var(--cyan);border-color:#4ca8bd;background:#13313c}.radar-explanation{border-top:1px solid #29424f;margin-top:16px;padding-top:15px;min-height:125px}.radar-explanation>div{display:flex;gap:10px;justify-content:space-between;font-size:14px}.radar-explanation b{font:15px var(--mono);color:var(--cyan)}.features-page .radar-explanation p{font-size:12px;line-height:1.65;margin-top:9px;color:var(--muted)}.features-page .insight-small{font-size:11px;line-height:1.7;color:#91a8b7;margin:14px 0 0}.outcome-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:20px 0}.features-page .outcome-controls button{min-width:0;background:#10232b;border:1px solid #315048;color:var(--gain);padding:12px 14px;border-radius:11px;text-align:left;display:block}.features-page .outcome-controls button[data-outcome=loss]{border-color:#583d49;background:#241d28;color:var(--loss)}.features-page .outcome-controls button[data-outcome=all]{border-color:#304553;background:#111e27;color:var(--muted)}.features-page .outcome-controls button[aria-pressed=true]{outline:1px solid currentColor;outline-offset:2px}.outcome-controls strong{display:block;font-size:22px;line-height:1;font-weight:700}.outcome-controls span{display:flex;justify-content:space-between;margin-top:8px;font:10px var(--mono);text-transform:uppercase;letter-spacing:.07em}.outcome-controls b{font-size:15px;line-height:10px}.trade-readout{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #263e4a;padding-top:19px}.trade-readout>div:last-child{text-align:right}.trade-readout span{font:10px var(--mono);letter-spacing:.05em;color:var(--muted)}.trade-readout strong{display:block;font-size:25px;font-weight:600;letter-spacing:-.04em;line-height:1.4;margin-top:5px;font-variant-numeric:tabular-nums}#trade-result{color:var(--gain)}.trade-readout.is-loss #trade-result{color:var(--loss)}.progression-plot{margin:12px -10px 0;touch-action:pan-y}.progression-plot svg{width:100%;height:auto;display:block;overflow:visible}.insight-grid-line{stroke:#253d48;stroke-width:1}.insight-axis{fill:#8fa7b6;font:11px var(--mono)}.insight-line-path{stroke:var(--cyan);stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.insight-trade-dot{fill:var(--cyan);stroke:#0c1b25;stroke-width:2;transition:opacity .15s,fill .15s,r .15s}.insight-trade-dot.dimmed{opacity:.2}.insight-trade-dot.win{fill:var(--gain)}.insight-trade-dot.loss{fill:var(--loss)}.insight-guide{stroke:#83def4;stroke-width:1;stroke-dasharray:4 5;opacity:.7}.insight-selected{stroke:#a0ecfa;fill:#0c1b25;stroke-width:3;pointer-events:none}.trade-scrubber{padding:0 3px}.trade-scrubber label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.trade-scrubber label span{font:11px var(--mono);color:var(--cyan)}.trade-scrubber input{display:block;width:100%;margin:8px 0;height:28px;accent-color:var(--cyan);cursor:ew-resize}.trade-scrubber>div{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.06em;color:#7994a4}.insight-data{margin-top:18px;border-top:1px solid #263e4a;padding-top:12px;font-size:12px;color:var(--muted)}.insight-data summary{cursor:pointer;min-height:30px;color:var(--cyan);padding-block:5px}.insight-table-wrap{max-height:225px;overflow:auto;margin-top:12px}.insight-data table{border-collapse:collapse;width:100%;font:11px var(--mono)}.insight-data caption{text-align:left;font:11px var(--sans,system-ui);padding:0 0 12px}.insight-data th,.insight-data td{text-align:right;padding:9px;border-bottom:1px solid #263e4a}.insight-data th:first-child,.insight-data td:first-child{text-align:left}.insight-footnote{border-top:1px solid #263d49;margin-top:22px;padding-top:16px;display:flex;justify-content:space-between;gap:14px;font-size:11px;line-height:1.6;color:#90a8b7}.insight-view-switch{display:none}.insight-showcase button:focus-visible,.insight-showcase summary:focus-visible,.insight-showcase input:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
@media(max-width:1050px){.insight-dashboard{padding:20px}.insight-panel{padding:17px}.insight-intro{gap:35px}.insight-metrics strong{font-size:28px}.insight-metrics button{padding:15px 12px!important}.metric-ring{width:29px;height:29px}.ratio-mini{width:40px}.insight-period{white-space:normal;max-width:80px;line-height:1.6}.insight-panels{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr)}.features-page .insight-panel h4{font-size:19px}.radar-dimensions{gap:4px}.features-page .radar-dimensions button{font-size:10px}.insight-metrics small{font-size:10px}}
@media(max-width:760px){.insight-showcase{margin:30px 0 45px}.insight-intro{display:block;margin-bottom:24px}.insight-intro>p{font-size:16px;margin-top:20px}.insight-dashboard{padding:15px;border-radius:17px}.insight-topline{display:block;margin-bottom:17px;line-height:1.8}.insight-topline>span:last-child{display:block;margin-top:8px;font-size:11px}.insight-metrics{grid-template-columns:1fr 1fr;gap:9px}.features-page .insight-metrics button{padding:14px 12px!important;border-radius:11px}.insight-metrics button>span{font-size:9px;letter-spacing:.02em}.insight-metrics strong{font-size:28px;margin:13px 0 8px}.insight-metrics small{font-size:10px}.metric-ring{width:25px;height:25px}.win-mini{font-size:14px}.ratio-mini{width:38px}.features-page .metric-explanation{min-height:86px;font-size:12px;margin:17px 1px}.insight-view-switch{display:flex;border:1px solid #355361;padding:4px;border-radius:10px;margin:0 0 15px;gap:4px}.features-page .insight-view-switch button{flex:1;min-height:44px;background:transparent;border:0;color:var(--muted);font-size:12px;padding:8px;border-radius:6px;white-space:normal}.features-page .insight-view-switch button[aria-pressed=true]{background:#19404e;color:#c5f3ff}.insight-panels{display:block}.insight-showcase[data-view=progression] .insight-score,.insight-showcase[data-view=score] .insight-progression{display:none}.insight-panel{padding:15px 12px}.insight-progression header{display:block}.insight-period{display:block;max-width:none;font-size:10px;margin-top:7px}.features-page .insight-panel h4{font-size:21px;max-width:270px}.features-page .outcome-controls button{padding:11px 9px}.outcome-controls span{font-size:9px;letter-spacing:0}.outcome-controls strong{font-size:21px}.trade-readout strong{font-size:22px}.trade-readout span{font-size:9px;letter-spacing:0}.progression-plot{margin-inline:-8px}.insight-footnote{display:block;font-size:10px}.insight-footnote span{display:block;margin-top:5px}.radar-stage{max-width:340px}.features-page .radar-dimensions button{font-size:12px;min-height:44px}.radar-explanation{min-height:108px}.features-page .insight-small{font-size:11px}.insight-axis{font-size:14px}}
@media(max-width:360px){.insight-dashboard{padding:11px}.features-page .insight-metrics button{padding:12px 9px!important}.insight-metrics button>span i{display:none}.insight-metrics strong{font-size:24px}.metric-ring,.ratio-mini,.win-mini{display:none}.outcome-controls{gap:7px}.trade-readout strong{font-size:20px}.insight-metrics small{font-size:9px}.features-page .metric-explanation{min-height:100px}}
@media(prefers-reduced-motion:reduce){.insight-showcase *{animation:none!important;transition:none!important}}