/* Landing hero workspace illustration. It is explicitly non-live and non-performance. */
.chart{min-height:286px;height:auto;border:1px solid #ffffff0c;border-radius:14px;background:linear-gradient(150deg,#12283a,#091625 70%);position:relative;overflow:hidden}
.chart:after{content:"Illustrative workspace · not live market data or performance";left:18px;bottom:10px;color:#92a8bf;font-size:10px;letter-spacing:.2px}
.workspace-preview{display:grid;grid-template-columns:.82fr 1.4fr;grid-template-rows:1fr auto;gap:12px;padding:15px 15px 34px;min-height:286px}
.signal-preview,.market-preview{min-width:0;border:1px solid #ffffff0d;border-radius:11px;background:#071422b8;padding:12px}
.preview-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;color:#dce9f8;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}
.preview-count,.demo-chip{border:1px solid #3b8876;border-radius:20px;padding:2px 6px;color:var(--mint);font-size:8px;white-space:nowrap}
.signal-row{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;border:1px solid transparent;border-radius:8px;padding:7px 6px;color:#d8e5f4;font-size:9px}
.signal-row+.signal-row{margin-top:4px}
.signal-row.active{border-color:#65e6ba28;background:#65e6ba0d}
.signal-row strong,.market-title strong{display:block;font-size:10px;line-height:1.25}
.signal-row small,.market-title small{display:block;color:#8399b0;font-size:8px;font-weight:500;line-height:1.4;text-transform:none;letter-spacing:0}
.asset-mark{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#f7a51d1c;color:#ffc665;font-weight:900}
.asset-mark.eth{background:#83aaff1b;color:#a9c2ff}.asset-mark.sol{background:#b96cff1b;color:#d9a8ff}
.signal-state{color:var(--mint);font-size:8px;font-weight:800}.signal-state.neutral{color:#94a8bf}.market-title{margin-bottom:4px}
.price-canvas{position:relative;height:132px;overflow:hidden;border-radius:8px;background:linear-gradient(90deg,#ffffff05 1px,transparent 1px),linear-gradient(#ffffff05 1px,transparent 1px);background-size:25% 100%,100% 33%}
.price-canvas svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.area-path{fill:url(#workspaceArea)}
.trend-path{fill:none;stroke:var(--mint);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 5px #65e6ba66);stroke-dasharray:520;stroke-dashoffset:520;animation:draw-workspace-line 1.8s ease-out .2s forwards}
.chart-point{position:absolute;width:7px;height:7px;border:2px solid #071422;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px #65e6ba1f}.point-one{left:40%;top:48%}.point-two{right:19%;top:25%}
.analysis-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.analysis-tags span{border-radius:5px;background:#ffffff08;padding:3px 6px;color:#91a7bd;font-size:7px;white-space:nowrap}
.routing-preview{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr 1fr;align-items:center;gap:8px;border:1px solid #ffffff0d;border-radius:9px;background:#ffffff05;padding:8px 10px;color:#9eb0c5;font-size:8px}.routing-preview b{margin-right:3px;color:#dce9f8}
.route-status{display:flex;align-items:center;gap:6px;color:#dce9f8;font-weight:800}.route-status i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px #65e6ba18;animation:workspace-pulse 2s ease-in-out infinite}
@keyframes draw-workspace-line{to{stroke-dashoffset:0}}@keyframes workspace-pulse{50%{box-shadow:0 0 0 7px #65e6ba08}}
@media(max-width:760px){.visual{padding:16px}.metrics{gap:8px}.metric{padding:11px}.workspace-preview{grid-template-columns:1fr}.market-preview{grid-row:1}.signal-preview{grid-row:2}.routing-preview{grid-row:3}.chart,.workspace-preview{min-height:480px}}
@media(max-width:430px){.visual-head{align-items:center;gap:10px}.metrics{grid-template-columns:1fr}.metric{display:flex;align-items:center;justify-content:space-between}.routing-preview{grid-template-columns:1fr 1fr}.route-status{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.trend-path,.route-status i{animation:none}.trend-path{stroke-dashoffset:0}}