:root{color-scheme:dark;font-family:IBM Plex Sans,Avenir Next,Segoe UI,sans-serif;--bg: #071019;--bg-elevated: #0b1520;--bg-panel: #0f1b27;--bg-panel-strong: #122131;--line: rgba(142, 170, 194, .18);--line-strong: rgba(142, 170, 194, .32);--text: #f2f6fa;--muted: #9bb0c2;--subtle: #73889a;--accent: #79d1ff;--accent-soft: rgba(121, 209, 255, .12);--good: #7ce0b8;--good-soft: rgba(124, 224, 184, .14);--warning: #f0c16b;--warning-soft: rgba(240, 193, 107, .14);--danger: #ff8f80;--danger-soft: rgba(255, 143, 128, .14);background:radial-gradient(circle at top left,rgba(121,209,255,.08),transparent 30%),#071019;color:var(--text)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 0% 0%,rgba(121,209,255,.08),transparent 24%),radial-gradient(circle at 100% 0%,rgba(124,224,184,.05),transparent 20%),linear-gradient(180deg,#061018,#08131d 40%,#081119)}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh;padding:24px}.dashboard-header,.page-intro,.hero-panel,.signal-card,.decision-panel,.pulse-panel,.pipeline-shell,.detail-panel,.setup-hero,.qualifier-panel,.example-panel,.comparison-card,.trade-story,.loading-state,.floating-error{border:1px solid var(--line);background:linear-gradient(180deg,#0e1823f5,#0a121bfa);box-shadow:0 18px 40px #0000003d}.dashboard-header{display:grid;gap:20px;padding:24px;border-radius:24px}.dashboard-brand h1,.page-intro h1,.hero-panel__price h2,.setup-hero__copy h2{margin:0;line-height:1.02}.dashboard-brand h1{font-size:1.85rem;letter-spacing:-.03em}.brand-kicker,.page-kicker{margin:0 0 10px;color:var(--accent);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.brand-summary,.page-intro p,.hero-panel__price p,.hero-card small,.signal-row small,.detail-panel__description,.detail-section p,.detail-list,.pulse-card small,.setup-metric small,.comparison-card__header p,.story-step p{color:var(--muted)}.dashboard-nav{display:flex;flex-wrap:wrap;gap:12px}.nav-pill{display:flex;flex-direction:column;gap:3px;min-width:208px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#0c151feb;color:var(--text);text-align:left;cursor:pointer;transition:border-color .16s ease,transform .16s ease,background .16s ease}.nav-pill:hover,.nav-pill--active{border-color:#79d1ff61;background:#0f1b27fa;transform:translateY(-1px)}.nav-pill span{font-weight:600}.nav-pill small{color:var(--subtle);line-height:1.35}.header-rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.header-chip{padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#0c151fe0}.header-chip__label{display:block;margin-bottom:8px;color:var(--subtle);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.header-chip strong{display:block;font-size:1rem;letter-spacing:-.02em}.header-chip small{display:block;margin-top:6px;color:var(--muted);line-height:1.4}.header-chip--good{background:linear-gradient(180deg,#7ce0b81a,#0c151ff5)}.header-chip--warning{background:linear-gradient(180deg,#f0c16b1a,#0c151ff5)}.header-chip--danger{background:linear-gradient(180deg,#ff8f801a,#0c151ff5)}.page-shell{margin-top:22px}.page{display:grid;gap:18px}.page-intro,.hero-panel,.setup-hero,.qualifier-panel,.example-panel,.trade-story{border-radius:24px;padding:22px 24px}.page-intro h1{font-size:1.65rem;letter-spacing:-.03em}.page-intro p:last-child{max-width:72ch;line-height:1.6}.hero-panel{display:grid;grid-template-columns:minmax(260px,.95fr) minmax(0,1.4fr);gap:18px;align-items:stretch}.hero-panel__price{padding:18px;border-radius:18px;background:linear-gradient(180deg,#79d1ff1a,#0c151ffa);border:1px solid rgba(121,209,255,.2)}.hero-panel__price h2{font-size:2.4rem;letter-spacing:-.04em;margin-bottom:10px}.hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hero-card,.pulse-card,.setup-metric,.qualifier-chip,.story-step{padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:#0c151fe0}.hero-card span,.pulse-card span,.setup-metric span,.qualifier-chip span,.story-step span{display:block;margin-bottom:8px;color:var(--subtle);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.hero-card strong,.pulse-card strong,.setup-metric strong,.qualifier-chip strong{display:block;font-size:1rem}.signal-grid,.pulse-grid,.qualifier-chip-grid,.comparison-grid,.story-steps{display:grid;gap:16px}.signal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.signal-card{border-radius:22px;padding:18px}.signal-card--accent{background:linear-gradient(180deg,#79d1ff1a,#0c151ff5)}.signal-card--warning{background:linear-gradient(180deg,#f0c16b1a,#0c151ff5)}.signal-card--good{background:linear-gradient(180deg,#7ce0b81a,#0c151ff5)}.signal-row{display:grid;gap:4px;padding:12px 0;border-top:1px solid rgba(142,170,194,.1)}.signal-row:first-child{border-top:0;padding-top:4px}.signal-row span{color:var(--subtle);font-size:.78rem;text-transform:uppercase;letter-spacing:.14em}.signal-row strong{font-size:1rem}.decision-panel{border-radius:24px;padding:20px 24px}.decision-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.decision-panel__header h2{margin:0;font-size:1.8rem;letter-spacing:-.03em}.decision-panel__state-line{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;color:var(--muted);line-height:1.6}.state-pill{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:#0c151fe6;color:var(--text);font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.state-pill--good{border-color:#7ce0b852;background:#7ce0b824;color:var(--good)}.state-pill--warning{border-color:#f0c16b52;background:#f0c16b24;color:var(--warning)}.state-pill--danger{border-color:#ff8f8052;background:#ff8f8024;color:var(--danger)}.state-pill--accent{border-color:#79d1ff52;background:#79d1ff24;color:var(--accent)}.state-pill--muted{color:var(--muted)}.decision-panel__header p{max-width:32rem;color:var(--muted);line-height:1.6}.decision-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px}.decision-step{padding:12px;border-radius:14px;border:1px solid var(--line);background:#0c151fd6;color:var(--subtle);text-align:center;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase}.decision-step--active{color:var(--text)}.decision-step--accent{border-color:#79d1ff6b;background:#79d1ff1f}.decision-step--good{border-color:#7ce0b86b;background:#7ce0b81f}.decision-step--warning{border-color:#f0c16b6b;background:#f0c16b1f}.decision-step--danger{border-color:#ff8f806b;background:#ff8f801f}.decision-step--muted{border-color:#8eaac242;background:#8eaac214}.decision-branch-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:10px;margin-top:8px}.decision-branch-line{grid-column:4;justify-self:center;width:1px;height:18px;background:linear-gradient(180deg,#ff8f80ad,#ff8f801f)}.decision-step--branch{grid-column:4}.decision-confidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.confidence-card,.decision-why-card{padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:#0c151fe0}.confidence-card span{display:block;margin-bottom:8px;color:var(--subtle);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.confidence-card strong{display:block;font-size:1rem}.confidence-card small{display:block;margin-top:8px;color:var(--muted);line-height:1.55}.confidence-card--good{background:linear-gradient(180deg,#7ce0b81a,#0c151ff5)}.confidence-card--warning{background:linear-gradient(180deg,#f0c16b1a,#0c151ff5)}.confidence-card--danger{background:linear-gradient(180deg,#ff8f801a,#0c151ff5)}.decision-why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.decision-why-card h3{margin:0 0 12px;font-size:1rem}.reason-list{margin:0;padding-left:18px;color:var(--muted);line-height:1.65}.reason-list li+li{margin-top:8px}.decision-logic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.logic-chip{padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:#0c151fe0}.logic-chip span{display:block;margin-bottom:8px;color:var(--subtle);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em}.logic-chip strong{font-size:.98rem;line-height:1.5}.pulse-panel{border-radius:24px;padding:20px 24px}.pulse-panel__header h2,.setup-hero__copy h2,.trade-story__header h2,.qualifier-panel__header h2,.comparison-card__header h3,.detail-panel__header h2{margin:0;letter-spacing:-.03em}.pulse-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px}.system-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);gap:18px}.pipeline-shell,.detail-panel{border-radius:24px;padding:20px}.pipeline-track{display:grid;grid-template-columns:repeat(6,minmax(170px,1fr));gap:12px;align-items:center;min-height:480px}.pipeline-segment{display:flex;align-items:center;gap:12px}.pipeline-node{width:100%;min-height:200px;padding:16px;border-radius:20px;border:1px solid var(--line);background:#0c151feb;color:var(--text);text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.pipeline-node:hover,.pipeline-node--selected{transform:translateY(-2px);border-color:#79d1ff61;background:#0f1b27fa}.pipeline-node__top{display:flex;align-items:center;justify-content:space-between;gap:10px}.pipeline-node__label{color:var(--subtle);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.pipeline-node__status{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em}.pipeline-node__status--active{background:var(--good-soft);color:var(--good)}.pipeline-node__status--degraded{background:var(--warning-soft);color:var(--warning)}.pipeline-node__status--broken{background:var(--danger-soft);color:var(--danger)}.pipeline-node__status--muted{background:#ffffff0f;color:var(--muted)}.pipeline-node h2{margin:12px 0 10px;font-size:1.1rem}.pipeline-node__summary{min-height:66px;color:var(--muted);line-height:1.55}.pipeline-node__metric{display:grid;gap:6px;margin-top:16px}.pipeline-node__metric span{color:var(--subtle);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.pipeline-node__metric strong{font-size:1rem}.pipeline-connection{position:relative;width:40px;min-width:40px;height:8px}.pipeline-connection__line{position:absolute;inset:50% 0 auto;height:1px;background:linear-gradient(90deg,#79d1ff2e,#79d1ff94)}.pipeline-connection__pulse{position:absolute;top:-1px;left:0;width:10px;height:10px;border-radius:999px;background:var(--accent);box-shadow:0 0 10px #79d1ff73;animation:flowPulse 2s linear infinite}.pipeline-connection__arrow{position:absolute;top:-10px;right:-2px;color:#79d1ffad;font-size:1.05rem}@keyframes flowPulse{0%{transform:translate(0);opacity:.4}20%{opacity:1}to{transform:translate(30px);opacity:.2}}.detail-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.detail-panel__description,.detail-list li{line-height:1.6}.detail-section{margin-top:18px;padding-top:18px;border-top:1px solid rgba(142,170,194,.1)}.detail-section h3{margin:0 0 10px;font-size:.88rem;letter-spacing:.16em;text-transform:uppercase;color:var(--subtle)}.detail-list{margin:0;padding-left:18px}.detail-output{display:grid;gap:10px}.detail-output__item{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid rgba(142,170,194,.1)}.detail-output__item:first-child{border-top:0;padding-top:0}.setup-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);gap:18px}.setup-hero__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.qualifier-chip-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:14px}.comparison-grid,.story-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.example-panel__header p:last-child,.example-card__narrative,.example-card__source{color:var(--muted);line-height:1.6}.example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}.example-card{display:grid;gap:14px;padding:18px;border-radius:22px;border:1px solid var(--line);background:#0c151fe6}.example-card--good{background:linear-gradient(180deg,#7ce0b81a,#0c151ff5)}.example-card--warning{background:linear-gradient(180deg,#f0c16b1a,#0c151ff5)}.example-card--danger{background:linear-gradient(180deg,#ff8f801a,#0c151ff5)}.example-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.example-card__header h3{margin:0;font-size:1.05rem}.example-card__meta{text-align:right}.example-card__meta strong,.example-card__meta small{display:block}.example-card__meta small{margin-top:6px;color:var(--muted)}.example-badges{display:flex;flex-wrap:wrap;gap:8px}.example-badge{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;color:var(--text);font-size:.74rem;letter-spacing:.04em}.example-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.example-strip__step{padding:10px 8px;border-radius:12px;border:1px solid var(--line);background:#0c151fd6;color:var(--subtle);text-align:center;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.example-strip__step--good{border-color:#7ce0b847;background:#7ce0b81f;color:var(--good)}.example-strip__step--warning{border-color:#f0c16b47;background:#f0c16b1f;color:var(--warning)}.example-strip__step--danger{border-color:#ff8f8047;background:#ff8f801f;color:var(--danger)}.example-card__body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.example-card__source{margin:0;font-size:.84rem}.comparison-card{border-radius:22px;padding:18px}.comparison-card__header{display:grid;gap:8px}.comparison-bars{display:grid;gap:14px;margin-top:16px}.comparison-bar{display:grid;gap:8px}.comparison-bar span{color:var(--subtle);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em}.comparison-bar__track{height:10px;border-radius:999px;background:#ffffff0f;overflow:hidden}.comparison-bar__fill{height:100%;border-radius:999px}.comparison-bar--winner .comparison-bar__fill{background:linear-gradient(90deg,#7ce0b8b3,#7ce0b8)}.comparison-bar--loser .comparison-bar__fill{background:linear-gradient(90deg,#ff8f80b3,#ff8f80)}.trade-story__header p:last-child{max-width:68ch;line-height:1.6}.story-step h3{margin:0 0 8px;font-size:1rem}.loading-state{max-width:760px;margin:12vh auto 0;padding:24px 28px;border-radius:24px}.floating-error{position:fixed;right:24px;bottom:24px;max-width:420px;padding:12px 14px;border-radius:16px;background:#a02828eb;border:1px solid rgba(255,143,128,.32);color:#fff3f0}@media (max-width: 1240px){.hero-panel,.setup-hero,.system-layout{grid-template-columns:1fr}.signal-grid,.pulse-grid,.decision-confidence-grid,.decision-why-grid,.example-grid,.comparison-grid,.story-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.qualifier-chip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pipeline-track{grid-template-columns:1fr}.pipeline-segment{flex-direction:column;align-items:stretch}.pipeline-connection{width:8px;min-width:8px;height:34px;margin:0 auto}.pipeline-connection__line{inset:0 auto 0 50%;width:1px;height:100%;background:linear-gradient(180deg,#79d1ff2e,#79d1ff94)}.pipeline-connection__pulse{top:0;left:-1px;animation:flowPulseVertical 2s linear infinite}.pipeline-connection__arrow{top:auto;bottom:-10px;right:-5px;transform:rotate(90deg)}@keyframes flowPulseVertical{0%{transform:translateY(0);opacity:.4}20%{opacity:1}to{transform:translateY(26px);opacity:.2}}}@media (max-width: 760px){.app-shell{padding:16px}.dashboard-header,.page-intro,.hero-panel,.signal-card,.decision-panel,.pulse-panel,.pipeline-shell,.detail-panel,.setup-hero,.qualifier-panel,.comparison-card,.trade-story,.loading-state{padding:18px;border-radius:20px}.hero-grid,.signal-grid,.pulse-grid,.decision-confidence-grid,.decision-why-grid,.example-grid,.setup-hero__metrics,.qualifier-chip-grid,.comparison-grid,.story-steps,.decision-rail,.decision-logic,.example-strip,.example-card__body,.decision-branch-row{grid-template-columns:1fr}.decision-branch-line,.decision-step--branch{grid-column:1;justify-self:stretch}.decision-branch-line{width:100%;height:1px}.dashboard-brand h1,.page-intro h1{font-size:1.45rem}.hero-panel__price h2{font-size:2rem}}
