.client-demo{--demo-border:hsla(161,7%,53%,.22);--demo-muted:#677a73;--demo-surface:hsla(161,7%,53%,.045);color:inherit;padding-top:4.5rem;max-width:1440px;margin:auto}.dark .client-demo{--demo-muted:#94a69f;--demo-surface:hsla(161,7%,53%,.055)}.demo-banner{justify-content:space-between;gap:16px;padding:16px 20px;border:1px solid var(--demo-border);border-radius:12px;background:var(--demo-surface);margin-bottom:24px}.demo-banner,.demo-banner b{display:flex;align-items:center}.demo-banner b{gap:10px;font-size:13px}.demo-banner p,.demo-card p,.demo-heading p{color:var(--demo-muted);font-size:13px;line-height:1.75;margin-top:8px}.demo-dot{width:7px;height:7px;border-radius:50%;background:#34b98a}.demo-tag{display:inline-flex;align-items:center;border:1px solid var(--demo-border);border-radius:5px;padding:4px 8px;font-size:10px;font-weight:500;letter-spacing:.02em;white-space:nowrap;color:var(--demo-muted)}.demo-banner-actions{display:flex;gap:8px;flex-shrink:0}.demo-actions a,.demo-banner-actions button{border:1px solid var(--demo-border);border-radius:7px;padding:9px 12px;font-size:12px}.demo-actions a:hover,.demo-banner-actions button:hover{background:var(--demo-surface)}.demo-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--demo-border);margin-bottom:32px;gap:10px}.demo-nav a{padding:0 4px 16px;border-bottom:2px solid transparent}.demo-nav a[aria-current=page]{border-color:#34b98a}.demo-nav span{display:block;font-weight:600;font-size:13px}.demo-nav small{display:block;font-size:10px;color:var(--demo-muted);margin-top:5px}.demo-content{display:flex;flex-direction:column;gap:22px}.demo-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.demo-eyebrow{font-size:10px!important;letter-spacing:.15em;font-weight:600;color:var(--demo-muted);margin:0 0 12px!important}.demo-heading h1{font-size:clamp(24px,3vw,36px);font-family:var(--font-display),sans-serif;line-height:1.2;letter-spacing:-.02em}.demo-tabs{display:flex;flex-wrap:wrap;gap:6px}.demo-tabs button{font-size:12px;color:var(--demo-muted);padding:8px 13px;border:1px solid transparent;border-radius:7px}.demo-tabs button[aria-pressed=true]{border-color:var(--demo-border);background:var(--demo-surface);color:inherit}.demo-tabs button:hover{color:inherit}.demo-stats{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px}.demo-card{border:1px solid var(--demo-border);border-radius:12px;padding:24px;background:var(--demo-surface);min-width:0}.demo-stats .demo-card{display:flex;flex-direction:column;gap:12px}.demo-stats small,.demo-stats span{font-size:12px;color:var(--demo-muted)}.demo-stats strong{font-family:var(--font-mono-numeric),monospace;font-size:clamp(25px,3vw,36px);letter-spacing:-.05em}.demo-total{background:linear-gradient(120deg,rgba(52,185,138,.1),var(--demo-surface));border-color:rgba(52,185,138,.3)}.demo-positive{color:#16835e!important}.dark .demo-positive{color:#55d7a4!important}.demo-negative{color:#c84557!important}.dark .demo-negative{color:#fb8797!important}.demo-columns{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.demo-card h2{font-size:16px;font-weight:600;line-height:1.6}.demo-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-section-title>span{font-size:11px;color:var(--demo-muted)}.demo-allocation{display:flex;height:16px;border-radius:4px;overflow:hidden;gap:3px;margin:28px 0 20px}.demo-color-0{background:#34b98a}.demo-color-1{background:#648bdb}.demo-color-2{background:#a2b5ae}.demo-color-3{background:#c79b58}.demo-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.demo-legend>div{display:flex;justify-content:space-between;font-size:12px;gap:10px}.demo-legend b{font-weight:500;color:var(--demo-muted)}.demo-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.demo-table-scroll{overflow-x:auto}.client-demo table{width:100%;border-collapse:collapse;white-space:nowrap;margin-top:14px;text-align:left;font-size:12px}.client-demo th{color:var(--demo-muted);font-size:10px;letter-spacing:.07em;text-transform:uppercase;font-weight:500;padding:14px 18px}.client-demo td{padding:18px;border-top:1px solid var(--demo-border)}.client-demo td:first-child,.client-demo th:first-child{padding-left:0}.client-demo td small{display:block;color:var(--demo-muted);font-size:11px;margin-top:5px}.demo-footnote{font-size:10px;color:var(--demo-muted);margin:26px 0 12px;line-height:1.8}.demo-toolbar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.demo-toolbar input{border:1px solid var(--demo-border);border-radius:7px;background:var(--demo-surface);padding:10px 12px;min-width:240px;font-size:12px;color:inherit}.demo-market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.demo-market-grid h2{margin:10px 0 18px;max-width:380px}.demo-probability{display:flex;align-items:baseline;gap:12px}.demo-probability strong{font-size:34px;font-family:var(--font-mono-numeric),monospace}.demo-probability span{font-size:11px;color:var(--demo-muted)}.demo-meter{height:5px;background:var(--demo-border);border-radius:4px;overflow:hidden;margin:16px 0 20px}.demo-meter>div{height:100%;background:#34b98a}.demo-text-button{font-size:12px;color:inherit;text-decoration:underline;text-underline-offset:4px}.demo-details{border-top:1px solid var(--demo-border);margin-top:20px;padding-top:12px}.demo-outcomes{display:flex;gap:10px;margin:14px 0}.demo-outcomes span{flex:1;border:1px solid var(--demo-border);padding:10px;text-align:center;font-size:12px;border-radius:6px}.demo-transfer-row{display:flex;justify-content:space-between;gap:14px;font-size:12px;padding:18px 0;border-bottom:1px solid var(--demo-border)}.demo-transfer-row span{color:var(--demo-muted)}.demo-disabled{width:100%;padding:12px;border-radius:7px;background:var(--demo-border);cursor:not-allowed;margin-top:22px}.demo-disabled,.demo-notice{font-size:12px;color:var(--demo-muted)}.demo-notice{line-height:1.8;border-left:2px solid #34b98a;padding:12px 16px;background:var(--demo-surface);margin:20px 0}.demo-posts{display:flex;flex-direction:column;gap:16px}.demo-feed-columns{align-items:start;grid-template-columns:1.7fr 1fr}.demo-author{display:flex;gap:12px;align-items:center;font-size:13px}.demo-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(52,185,138,.12);color:#229770}.demo-author small{display:block;font-size:11px;color:var(--demo-muted);margin-top:4px}.demo-post-text{margin:18px 0!important;font-size:14px!important;color:inherit!important}.client-demo a:focus-visible,.client-demo button:focus-visible,.client-demo input:focus-visible{outline:2px solid #34b98a;outline-offset:4px}.demo-trade{max-width:none}.demo-trade>.demo-banner{margin-bottom:12px}@media(min-width:768px){.client-demo{padding-top:0}}@media(max-width:900px){.demo-nav small{display:none}.demo-stats{grid-template-columns:1fr 1fr}.demo-total{grid-column:1/-1}.demo-columns{grid-template-columns:1fr}.demo-card{padding:20px}.demo-heading{flex-direction:column}}@media(max-width:600px){.demo-banner{align-items:flex-start;flex-direction:column;padding:14px}.demo-banner-actions{width:100%}.demo-banner-actions button{flex:1}.demo-nav{gap:2px;margin-bottom:24px}.demo-nav span{font-size:11px}.demo-market-grid{grid-template-columns:1fr}.demo-stats{gap:10px}.demo-stats strong{font-size:24px}.demo-stats .demo-card{padding:16px}.demo-toolbar input{width:100%;min-width:0}.demo-tabs button{padding:8px 10px}.demo-heading h1{font-size:28px}.demo-section-title,.demo-transfer-row{flex-wrap:wrap}}