:root{--bg: #0a0a0b;--bg-soft: #111114;--bg-card: #131419;--bg-card-2: #15171c;--fg: #f5f5f7;--fg-muted: #9ca0aa;--fg-dim: #6b6f78;--accent: #d6dae3;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--warn: #f59e6c;--warn-soft: rgba(245, 158, 108, .12);--warn-border: rgba(245, 158, 108, .22);--bad: #ff7a83;--bad-soft: rgba(255, 122, 131, .13);--bad-border: rgba(255, 122, 131, .3);--good: #6ee7a7;--good-soft: rgba(110, 231, 167, .08);--good-border: rgba(110, 231, 167, .2);--cta-bg: #f5f5f7;--cta-fg: #0a0a0b;--cta-hover: #ffffff}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(120,130,160,.08),transparent 70%),radial-gradient(ellipse 60% 40% at 50% 100%,rgba(120,130,160,.04),transparent 70%);pointer-events:none;z-index:0}.page{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.hero{width:100%;max-width:720px;min-height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:64px 24px}.brand{font-size:12px;letter-spacing:.32em;color:var(--fg-dim);font-weight:500;margin-bottom:8px}.headline{font-size:clamp(36px,6vw,60px);font-weight:600;letter-spacing:-.02em;line-height:1.05;color:var(--fg)}.headline .accent{color:var(--fg-muted)}.subtext{font-size:clamp(15px,1.4vw,18px);color:var(--fg-muted);max-width:560px;line-height:1.55}.cta-row{margin-top:16px}.cta{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;font-size:15px;font-weight:500;font-family:inherit;color:var(--cta-fg);background:var(--cta-bg);border:none;border-radius:999px;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform .15s ease,background .15s ease,box-shadow .15s ease;box-shadow:0 8px 24px #00000059}.cta:visited{color:var(--cta-fg)}.cta:hover{background:var(--cta-hover);transform:translateY(-1px);color:var(--cta-fg)}.cta:active{transform:translateY(0)}.cta:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.cta-arrow{font-size:16px;transition:transform .15s ease}.cta:hover .cta-arrow{transform:translate(2px)}.prototype-note{margin-top:28px;padding:10px 16px;font-size:13px;color:var(--fg-dim);border:1px solid var(--border);border-radius:999px;background:var(--bg-soft)}.demo{width:100%;display:flex;justify-content:center;padding:96px 24px 88px;border-top:1px solid var(--border);background:linear-gradient(to bottom,rgba(255,255,255,.012),transparent 40%)}.demo-inner{width:100%;max-width:880px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:32px}.demo-intro{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:620px}.section-eyebrow{font-size:11px;letter-spacing:.28em;color:var(--fg-dim);font-weight:500}.section-title{font-size:clamp(26px,3.2vw,34px);font-weight:600;letter-spacing:-.015em;line-height:1.15;color:var(--fg)}.section-sub{font-size:15px;color:var(--fg-muted);line-height:1.55}.decision-card{width:100%;max-width:620px;text-align:left;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:16px;padding:22px 22px 18px;display:flex;flex-direction:column;gap:16px;box-shadow:0 1px #ffffff08 inset,0 20px 40px -20px #0009}.dc-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.dc-top{padding-bottom:4px}.dc-kicker{font-size:10.5px;letter-spacing:.22em;color:var(--fg-dim);font-weight:600}.dc-confidence{display:inline-flex;align-items:center;gap:8px;padding:5px 11px;font-size:12px;color:var(--good);background:var(--good-soft);border:1px solid var(--good-border);border-radius:999px;white-space:nowrap}.dc-dot{width:6px;height:6px;border-radius:50%;background:var(--good);box-shadow:0 0 8px #6ee7a78c}.dc-lane{font-size:18px;font-weight:500;letter-spacing:-.005em;color:var(--fg);padding-bottom:14px;border-bottom:1px solid var(--border)}.dc-recommendation{display:flex;align-items:baseline;gap:14px;padding:4px 0 12px;border-bottom:1px solid var(--border)}.dc-recommendation-label{font-size:10.5px;letter-spacing:.22em;color:var(--fg-dim);font-weight:500;text-transform:uppercase;flex-shrink:0}.dc-recommendation-value{font-size:26px;font-weight:600;letter-spacing:-.02em;color:var(--warn);line-height:1}.dc-fields{display:flex;flex-direction:column;gap:12px}.dc-field dt{font-size:10.5px;letter-spacing:.22em;color:var(--fg-dim);font-weight:500;text-transform:uppercase;margin-bottom:4px}.dc-field dd{font-size:14.5px;color:var(--fg);line-height:1.5}.dc-field:last-child dd{color:var(--fg-muted)}.dc-foot{display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--border);font-size:11.5px;flex-wrap:wrap}.dc-foot-chip{padding:3px 8px;background:var(--warn-soft);color:var(--warn);border:1px solid var(--warn-border);border-radius:999px;font-weight:500;letter-spacing:.04em}.dc-foot-text{color:var(--fg-dim)}.outcomes{width:100%;max-width:760px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.outcome{text-align:left;background:var(--bg-card-2);border:1px solid var(--border);border-radius:14px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}.outcome:before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--fg-dim)}.outcome-followed:before{background:var(--good)}.outcome-ignored:before{background:var(--bad)}.outcome-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.outcome-eyebrow{font-size:10.5px;letter-spacing:.22em;color:var(--fg-dim);font-weight:600}.outcome-tag{padding:3px 9px;font-size:10.5px;letter-spacing:.06em;border-radius:999px;font-weight:500;white-space:nowrap}.outcome-tag-good{color:var(--good);background:var(--good-soft);border:1px solid var(--good-border)}.outcome-tag-bad{color:var(--bad);background:var(--bad-soft);border:1px solid var(--bad-border)}.outcome-action,.outcome-result{display:flex;flex-direction:column;gap:4px}.outcome-action-label,.outcome-result-label{font-size:10.5px;letter-spacing:.22em;color:var(--fg-dim);font-weight:500;text-transform:uppercase}.outcome-action-value{font-size:15px;color:var(--fg);font-weight:500}.outcome-result-value{font-size:22px;font-weight:600;letter-spacing:-.015em;line-height:1}.outcome-good{color:var(--good)}.outcome-bad{color:var(--bad)}.outcome-interp{font-size:13px;color:var(--fg-muted);line-height:1.5;padding-top:10px;margin-top:auto;border-top:1px solid var(--border)}.impact{width:100%;max-width:540px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 24px 22px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px}.impact-label{font-size:10.5px;letter-spacing:.28em;color:var(--fg-dim);font-weight:600}.impact-value{font-size:clamp(24px,3vw,30px);font-weight:600;letter-spacing:-.02em;color:var(--good);line-height:1.1}.impact-sub{font-size:13px;color:var(--fg-muted);line-height:1.5;max-width:420px}.stats{width:100%;max-width:360px;display:grid;grid-template-columns:max-content 1fr;column-gap:12px;row-gap:4px;align-items:baseline;padding:18px 22px 16px;border:1px solid var(--border);border-radius:14px;background:var(--bg-soft);margin-top:8px}.stat{display:contents}.stat .stat-value,.stat .stat-label{text-align:left;justify-self:start}.stat-value{font-weight:600;letter-spacing:-.01em;color:var(--fg);line-height:1.1}.stat-label{color:var(--fg-muted);letter-spacing:.01em;line-height:1.1}.stat-primary .stat-value{font-size:24px;font-weight:600;color:var(--good)}.stat-primary .stat-label{font-size:13px;color:var(--fg-muted)}.stat-secondary .stat-value{font-size:18px;font-weight:400;color:var(--fg)}.stat-secondary .stat-label{font-size:13px;color:var(--fg-muted)}.stat-tertiary .stat-value{font-size:18px;font-weight:500;color:var(--fg)}.stat-tertiary .stat-label{font-size:13px;color:var(--fg-muted)}.stats-note{font-size:11.5px;color:var(--fg-dim);margin-top:-16px}.stats-anchor{font-size:11px;color:var(--fg-dim);letter-spacing:.06em;text-transform:uppercase;margin:0 0 -28px;text-align:center;opacity:.85}.explain{font-size:14px;color:var(--fg-muted);line-height:1.6;max-width:620px;margin-top:8px}.demo-perf{padding-top:56px;border-top-color:var(--border);background:transparent}.demo-perf .demo-inner{gap:24px}.perf-card{width:100%;max-width:760px;text-align:left;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:16px;padding:22px 24px 20px;display:flex;flex-direction:column;gap:13px}.perf-metrics{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:22px;align-items:start}.perf-metric{display:flex;flex-direction:column;gap:2px;text-align:left}.perf-metric-primary{padding-right:18px;border-right:1px solid var(--border)}.perf-metric-supports{display:flex;flex-direction:column;gap:14px}.perf-metric-supports .perf-metric+.perf-metric{padding-top:12px;border-top:1px solid var(--border)}.perf-metric-value{font-weight:600;letter-spacing:-.01em;color:var(--fg);line-height:1.05}.perf-metric-primary .perf-metric-value{font-size:30px}.perf-metric-secondary .perf-metric-value{font-size:18px;color:var(--fg)}.perf-metric-tertiary .perf-metric-value{font-size:15px;font-weight:500;color:var(--fg-muted)}.perf-metric-value.perf-good{color:var(--good)}.perf-metric-label{font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-muted);margin-top:4px}.perf-metric-tertiary .perf-metric-label{color:var(--fg-dim);font-size:11px;margin-top:2px}.perf-metric-sub{font-size:12px;color:var(--fg-dim);line-height:1.4;margin-top:4px}.perf-metric-tertiary .perf-metric-sub{font-size:11.5px}.perf-divider{height:1px;background:var(--border);width:100%;margin:1px 0}.perf-bar-block{display:flex;flex-direction:column;gap:8px}.perf-bar-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.perf-bar-label{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-muted)}.perf-bar-meta{font-size:12px;color:var(--fg-dim)}.perf-bar{display:flex;width:100%;height:8px;border-radius:999px;overflow:hidden;background:var(--bg-soft);border:1px solid var(--border)}.perf-bar-good{background:var(--good);height:100%;display:block}.perf-bar-bad{background:var(--bad);height:100%;display:block}.perf-legend{display:flex;gap:18px;flex-wrap:wrap}.perf-legend-item{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--fg-muted)}.perf-legend-dot{width:8px;height:8px;border-radius:999px;display:inline-block}.perf-legend-dot-good{background:var(--good)}.perf-legend-dot-bad{background:var(--bad)}.perf-insight{font-size:13.5px;color:var(--fg-muted);line-height:1.5;margin:0;padding-top:8px;border-top:1px solid var(--border)}.perf-closing{font-size:13.5px;color:var(--fg-muted);line-height:1.55;max-width:560px;text-align:center}.perf-compound{font-size:12px;color:var(--fg-dim);line-height:1.5;text-align:center;margin-top:-16px;letter-spacing:.01em}.demo-disclaimer{font-size:12.5px;color:var(--fg-dim);max-width:480px;line-height:1.5;padding-top:8px;border-top:1px solid var(--border);width:100%;max-width:540px}.footer{width:100%;text-align:center;font-size:12px;color:var(--fg-dim);letter-spacing:.02em;padding:32px 24px 28px;border-top:1px solid var(--border)}@media (max-width: 640px){.demo{padding:72px 18px}.demo-inner{gap:26px}.outcomes{grid-template-columns:1fr;gap:12px}.stats{max-width:100%;padding:16px 18px 14px;column-gap:10px;row-gap:4px}.stat-primary .stat-value{font-size:22px}.stat-secondary .stat-value,.stat-tertiary .stat-value{font-size:17px}.dc-row{flex-wrap:wrap}.dc-recommendation{flex-direction:column;align-items:flex-start;gap:6px}.demo-perf{padding-top:40px}.perf-card{padding:18px 16px 16px}.perf-metrics{grid-template-columns:1fr;gap:14px}.perf-metric-primary{border-right:none;border-bottom:1px solid var(--border);padding-right:0;padding-bottom:14px}.perf-metric-primary .perf-metric-value{font-size:28px}.perf-metric-supports{gap:12px}.perf-bar-head{flex-wrap:wrap;gap:6px}.dc-foot{flex-direction:column;align-items:flex-start;gap:6px}.impact-value{font-size:24px}}
