:root {
  color-scheme: dark;
  --bg: #070912;
  --bg-raised: #0c101c;
  --surface: #111625;
  --surface-2: #171d2f;
  --surface-3: #1c2337;
  --ink: #f5f7ff;
  --muted: #9aa5bd;
  --subtle: #8793ad;
  --line: #283149;
  --line-soft: #20283b;
  --violet: #9b7bff;
  --violet-2: #7657eb;
  --violet-soft: rgba(155, 123, 255, .13);
  --teal: #49d6c6;
  --teal-soft: rgba(73, 214, 198, .12);
  --red: #ff6f86;
  --red-soft: rgba(255, 111, 134, .12);
  --green: #52d99a;
  --green-soft: rgba(82, 217, 154, .12);
  --amber: #f1bb62;
  --shadow: 0 24px 80px rgba(0, 0, 0, .28);
  --max: 1240px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f5f6fb;
  --bg-raised: #edf0f7;
  --surface: #ffffff;
  --surface-2: #f7f8fc;
  --surface-3: #eef1f8;
  --ink: #151827;
  --muted: #59637a;
  --subtle: #515c73;
  --line: #d7dce8;
  --line-soft: #e5e8f0;
  --violet: #5230b8;
  --violet-2: #43249f;
  --violet-soft: rgba(104, 71, 219, .1);
  --teal: #00655b;
  --teal-soft: rgba(8, 127, 115, .1);
  --red: #a81f3b;
  --red-soft: rgba(202, 56, 82, .1);
  --green: #006b40;
  --green-soft: rgba(8, 124, 78, .1);
  --amber: #805000;
  --shadow: 0 24px 70px rgba(42, 48, 70, .13);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body { margin: 0; overflow-x: clip; background: var(--bg); color: var(--ink); line-height: 1.55; -webkit-font-smoothing: antialiased; }
button, a { font: inherit; }
button { color: inherit; }
a { color: inherit; }
.skip-link { position: fixed; z-index: 100; left: 1rem; top: -5rem; padding: .7rem 1rem; background: var(--violet); color: white; border-radius: .6rem; }
.skip-link:focus { top: 1rem; }
:focus-visible { outline: 3px solid var(--violet); outline-offset: 3px; }

.topbar { position: sticky; top: 0; z-index: 50; height: 72px; padding: 0 max(1.25rem, calc((100vw - var(--max)) / 2)); display: flex; align-items: center; gap: 2.5rem; border-bottom: 1px solid color-mix(in srgb, var(--line), transparent 25%); background: color-mix(in srgb, var(--bg), transparent 8%); backdrop-filter: blur(18px); }
.brand { display: inline-flex; align-items: center; gap: .7rem; text-decoration: none; font-weight: 850; font-size: 1.08rem; letter-spacing: -.02em; }
.brand-mark { width: 29px; height: 29px; display: grid; grid-template-columns: repeat(3, 1fr); align-items: end; gap: 2px; padding: 6px; border-radius: 9px; background: linear-gradient(145deg, var(--violet), var(--violet-2)); box-shadow: 0 7px 20px color-mix(in srgb, var(--violet), transparent 70%); }
.brand-mark i { display: block; border-radius: 2px; background: white; }
.brand-mark i:nth-child(1) { height: 45%; }.brand-mark i:nth-child(2) { height: 100%; }.brand-mark i:nth-child(3) { height: 68%; }
.topbar nav { display: flex; gap: 1.8rem; margin: 0 auto; }
.topbar nav a, .repo-link { color: var(--muted); text-decoration: none; font-size: .88rem; font-weight: 650; }
.topbar nav a:hover, .repo-link:hover { color: var(--ink); }
.topbar-actions { display: flex; align-items: center; gap: 1rem; }
.icon-button { width: 39px; height: 39px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface); display: grid; place-items: center; cursor: pointer; }
.icon-button svg { width: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.icon-button .sun { display: none; }
:root[data-theme="light"] .icon-button .moon { display: none; }
:root[data-theme="light"] .icon-button .sun { display: block; }

.hero { max-width: var(--max); min-height: 690px; margin: 0 auto; padding: 6.7rem 1.25rem 5.5rem; display: grid; grid-template-columns: 1.02fr .98fr; gap: 5rem; align-items: center; }
.hero::before { content: ""; position: absolute; z-index: -1; width: 42rem; height: 35rem; top: 4rem; left: -16rem; background: radial-gradient(circle, color-mix(in srgb, var(--violet), transparent 84%), transparent 70%); pointer-events: none; }
.status-row { display: flex; align-items: center; gap: .65rem; margin-bottom: 2.2rem; }
.status-pill, .version-pill, .live-label, .source-badge { display: inline-flex; align-items: center; gap: .5rem; border: 1px solid var(--line); border-radius: 999px; padding: .35rem .65rem; color: var(--muted); background: var(--surface); font-size: .72rem; font-weight: 700; }
.status-dot, .live-label i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px var(--green-soft); }
.version-pill { background: transparent; }
.eyebrow, .panel-kicker { margin: 0 0 .7rem; color: var(--teal); text-transform: uppercase; letter-spacing: .13em; font-weight: 800; font-size: .7rem; }
.hero h1 { max-width: 780px; margin: 0; font-size: clamp(3.1rem, 5.8vw, 5.85rem); line-height: .99; letter-spacing: -.068em; }
.hero h1 span { color: var(--violet); }
.hero-lede { max-width: 61ch; margin: 1.7rem 0 2rem; color: var(--muted); font-size: 1.08rem; line-height: 1.72; }
.hero-actions { display: flex; align-items: center; gap: .8rem; flex-wrap: wrap; }
.primary-button, .secondary-button, .ghost-button { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: .55rem; padding: .72rem 1.1rem; border-radius: 11px; text-decoration: none; border: 1px solid transparent; font-weight: 760; font-size: .88rem; cursor: pointer; }
.primary-button { color: white; background: linear-gradient(145deg, var(--violet), var(--violet-2)); background-color: var(--violet-2); box-shadow: 0 10px 30px color-mix(in srgb, var(--violet), transparent 76%); }
.primary-button:hover { filter: brightness(1.08); transform: translateY(-1px); }
.primary-button svg { width: 18px; fill: currentColor; }
.primary-button.compact { min-width: 152px; }
.primary-button[disabled] { opacity: .7; cursor: wait; transform: none; }
.secondary-button, .ghost-button { border-color: var(--line); background: var(--surface); color: var(--ink); }
.secondary-button:hover, .ghost-button:hover { border-color: var(--violet); }
.secondary-button.small { min-height: 39px; margin-top: 1rem; padding: .55rem .8rem; font-size: .78rem; }
.trust-row { display: flex; gap: 1.2rem; margin-top: 2.3rem; color: var(--muted); font-size: .78rem; flex-wrap: wrap; }
.trust-row b { color: var(--teal); font-size: 1rem; margin-right: .18rem; }

.hero-product { border: 1px solid var(--line); border-radius: 22px; overflow: hidden; background: linear-gradient(150deg, var(--surface), color-mix(in srgb, var(--surface), var(--violet) 5%)); box-shadow: var(--shadow); transform: perspective(1200px) rotateY(-2deg) rotateX(1deg); }
.window-bar { height: 42px; display: flex; align-items: center; gap: 6px; padding: 0 1rem; border-bottom: 1px solid var(--line-soft); background: var(--surface-2); }
.window-bar span { width: 8px; height: 8px; border-radius: 50%; background: var(--subtle); opacity: .6; }.window-bar span:first-child{background:var(--red)}.window-bar span:nth-child(2){background:var(--amber)}.window-bar span:nth-child(3){background:var(--green)}
.window-bar small { margin-left: auto; color: var(--subtle); font-family: ui-monospace, monospace; font-size: .66rem; }
.preview-head { display: flex; align-items: start; justify-content: space-between; padding: 1.4rem 1.5rem 1rem; }
.preview-head p { margin: 0; color: var(--subtle); font-size: .72rem; }.preview-head h2 { margin: .1rem 0 0; font-size: 1.25rem; }
.verdict { display: inline-flex; align-items: center; width: fit-content; padding: .28rem .55rem; border-radius: 999px; font-size: .65rem; font-weight: 850; text-transform: uppercase; letter-spacing: .07em; }
.verdict.critical { color: var(--red); background: var(--red-soft); }.verdict.safe, .verdict.clear { color: var(--green); background: var(--green-soft); }.verdict.neutral { color: var(--muted); background: var(--surface-3); }
.mini-path { display: grid; grid-template-columns: 1fr 35px 1fr 35px 1fr; align-items: center; gap: .3rem; margin: .5rem 1.5rem 1.25rem; }
.mini-path>div { min-width: 0; min-height: 77px; padding: .72rem; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-2); }
.mini-path i { display: block; width: 8px; height: 8px; border-radius: 50%; margin-bottom: .45rem; background: var(--red); }.mini-path i.teal{background:var(--teal)}.mini-path i.violet{background:var(--violet)}
.mini-path span, .mini-path small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.mini-path span{font-size:.72rem;font-weight:760}.mini-path small{color:var(--subtle);font-size:.58rem;margin-top:.15rem}
.mini-path>b { height: 1px; background: linear-gradient(90deg, var(--line), var(--violet)); }.mini-path .risk-node { border-color: color-mix(in srgb, var(--red), var(--line) 55%); background: var(--red-soft); }
.preview-metrics { display: grid; grid-template-columns: repeat(3,1fr); margin: 0 1.5rem; border: 1px solid var(--line); border-radius: 11px; overflow: hidden; }
.preview-metrics div { padding: .8rem; border-right: 1px solid var(--line); }.preview-metrics div:last-child{border:0}.preview-metrics small,.preview-metrics strong{display:block}.preview-metrics small{color:var(--subtle);font-size:.59rem}.preview-metrics strong{font-size:1.1rem;color:var(--red);margin-top:.1rem}.preview-metrics .zero strong{color:var(--green)}
.preview-safe { display: grid; grid-template-columns: 1fr auto; margin: 1rem 1.5rem 1.5rem; padding: .8rem 1rem; border-radius: 10px; background: var(--green-soft); }.preview-safe span{grid-column:1/-1;color:var(--green);font-size:.6rem;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.preview-safe strong{font-size:.75rem}.preview-safe em{font-style:normal;color:var(--green);font-size:.72rem;font-weight:800}

.public-note { max-width: var(--max); margin: 0 auto 5.8rem; padding: 1rem 1.2rem; display: flex; align-items: center; gap: 1rem; border: 1px solid color-mix(in srgb, var(--teal), var(--line) 70%); border-radius: 13px; background: var(--teal-soft); }
.public-note p { margin: 0; flex: 1; color: var(--muted); font-size: .84rem; }.public-note strong{color:var(--ink)}.public-note a{font-size:.8rem;font-weight:800;color:var(--teal);white-space:nowrap}.note-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--teal);color:var(--bg);font-weight:900;font-family:serif}
.section { max-width: var(--max); margin: 0 auto; padding: 6.4rem 1.25rem; }
.section-heading { display: grid; grid-template-columns: 1.25fr .75fr; gap: 4rem; align-items: end; margin-bottom: 2.3rem; }
.section-heading h2, .safety-strip h2 { max-width: 760px; margin: 0; font-size: clamp(2rem, 4vw, 3.45rem); line-height: 1.08; letter-spacing: -.052em; }
.section-heading>p { color: var(--muted); margin: 0 0 .25rem; font-size: .94rem; }
.presets-section { border-top: 1px solid var(--line-soft); }
.preset-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; }
.preset-card { min-height: 310px; padding: 1.3rem; text-align: left; border: 1px solid var(--line); border-radius: 17px; background: var(--surface); cursor: pointer; transition: border-color .18s, transform .18s, background .18s; }
.preset-card:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--violet), var(--line) 45%); }.preset-card.is-selected{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-soft);background:linear-gradient(145deg,var(--surface),var(--violet-soft))}
.preset-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem; }.case-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;font-weight:900;background:var(--violet-soft);color:var(--violet)}.case-icon.mitigated{background:var(--green-soft);color:var(--green)}.case-icon.control{background:var(--teal-soft);color:var(--teal)}.case-icon.audience{background:var(--red-soft);color:var(--red)}
.preset-card>small { color: var(--teal); font-size: .67rem; font-weight: 750; text-transform: uppercase; letter-spacing: .09em; }.preset-card h3{margin:.45rem 0 .6rem;font-size:1.28rem;line-height:1.2}.preset-card p{color:var(--muted);font-size:.85rem;margin:0}.card-action{display:block;margin-top:1.5rem;color:var(--ink);font-size:.78rem;font-weight:800}.card-action b{color:var(--violet);margin-left:.25rem}

.workspace-wrap { padding: 6.4rem max(1.25rem, calc((100vw - 1360px) / 2)); background: var(--bg-raised); border-block: 1px solid var(--line-soft); }
.workspace-shell { border: 1px solid var(--line); border-radius: 22px; overflow: hidden; background: var(--bg); box-shadow: var(--shadow); }
.workspace-header { min-height: 115px; padding: 1.5rem 1.7rem; display: flex; align-items: center; justify-content: space-between; gap: 2rem; border-bottom: 1px solid var(--line-soft); background: var(--surface); }
.workspace-header h2 { margin: .45rem 0 .2rem; font-size: 1.55rem; letter-spacing: -.03em; }.workspace-header p{margin:0;color:var(--muted);font-size:.83rem}.workspace-actions{display:flex;gap:.6rem}.workspace-actions button[hidden]{display:none}
.run-progress { display: grid; grid-template-columns: repeat(5,1fr); margin: 0; padding: 1rem 1.7rem; list-style: none; border-bottom: 1px solid var(--line-soft); background: var(--surface-2); }
.run-progress li { position: relative; display: flex; align-items: center; gap: .65rem; color: var(--subtle); }.run-progress li:not(:last-child)::after{content:"";position:absolute;left:calc(100% - 1rem);right:1rem;top:17px;height:1px;background:var(--line)}
.run-progress b { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: var(--surface); font-size: .72rem; }.run-progress span{font-size:.75rem;font-weight:760}.run-progress small{display:block;color:var(--subtle);font-weight:500;font-size:.62rem}
.run-progress li.is-active b{border-color:var(--violet);color:white;background:var(--violet);box-shadow:0 0 0 5px var(--violet-soft)}.run-progress li.is-active span{color:var(--ink)}.run-progress li.is-done b{border-color:var(--green);background:var(--green-soft);color:var(--green)}
.workspace-grid { display: grid; grid-template-columns: 1.42fr .58fr; gap: 1rem; padding: 1rem; }
.panel { border: 1px solid var(--line); border-radius: 15px; background: var(--surface); overflow: hidden; }
.panel-head { min-height: 72px; padding: 1rem 1.15rem; display: flex; justify-content: space-between; align-items: start; gap: 1rem; border-bottom: 1px solid var(--line-soft); }.panel-head .panel-kicker{margin-bottom:.25rem}.panel-head h3{margin:0;font-size:1rem}.source-badge{font-size:.6rem;background:var(--teal-soft);color:var(--teal);border-color:transparent}
.lineage-stage { position: relative; height: 370px; overflow: hidden; background-image: radial-gradient(var(--line) .75px, transparent .75px); background-size: 18px 18px; }
.lineage-stage svg { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }.edge{fill:none;stroke:var(--line);stroke-width:1.5}.edge.is-lit{stroke:var(--violet);stroke-width:2;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--violet),transparent 45%))}.edge.downstream.is-lit{stroke:var(--red)}
.graph-node { position: absolute; z-index: 2; width: 142px; min-height: 60px; padding: .62rem .7rem; text-align: left; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-2); box-shadow: 0 8px 20px rgba(0,0,0,.12); cursor: pointer; transition: border-color .2s, opacity .2s, transform .2s; }.graph-node:hover,.graph-node.is-selected{border-color:var(--violet);transform:translateY(-2px)}.graph-node.is-dim{opacity:.38}.graph-node.risk{border-color:color-mix(in srgb,var(--red),var(--line) 45%);background:var(--red-soft)}.graph-node.consumer{width:124px;min-height:48px}.graph-node span,.graph-node small{display:block}.graph-node span{font-size:.72rem;font-weight:780}.graph-node small{font-size:.58rem;color:var(--subtle);margin-top:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.graph-node i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:.35rem;background:var(--teal)}.graph-node.risk i{background:var(--red)}.graph-node.consumer i{background:var(--amber)}
.node-inspector { min-height: 78px; display: flex; gap: .8rem; align-items: start; padding: .9rem 1.1rem; border-top: 1px solid var(--line-soft); background: var(--surface-2); }.inspector-icon{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;border-radius:7px;background:var(--violet-soft);color:var(--teal);font-size:.68rem;font-weight:900}.node-inspector small,.node-inspector strong{display:block}.node-inspector small{color:var(--subtle);font-size:.58rem;text-transform:uppercase;letter-spacing:.08em}.node-inspector strong{font-size:.76rem}.node-inspector p{margin:.15rem 0 0;color:var(--muted);font-size:.69rem}
.finding-panel { align-self: stretch; }.metric-stack{padding:.55rem 1rem}.metric-stack article{position:relative;padding:.78rem 0;border-bottom:1px solid var(--line-soft)}.metric-stack article:last-child{border-bottom:0}.metric-stack span,.metric-stack strong,.metric-stack small{display:block}.metric-stack span{color:var(--muted);font-size:.67rem}.metric-stack strong{font-size:1.8rem;line-height:1.1;letter-spacing:-.04em;margin:.15rem 0}.metric-stack small{color:var(--subtle);font-size:.58rem}.metric-stack article:not(.zero-metric) strong{color:var(--red)}.metric-stack .zero-metric strong{color:var(--green)}.metric-stack .metric-label{display:flex;align-items:center;gap:.25rem}.metric-stack .help-wrap{position:static;display:inline-flex;color:inherit;font-size:inherit}.help{display:inline-grid;place-items:center;width:24px;height:24px;margin:0;padding:0;border:1px solid var(--subtle);border-radius:50%;background:var(--surface-2);color:var(--muted);font-size:.62rem;font-weight:900;line-height:1;cursor:help;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.help:hover,.help:focus-visible,.help-wrap.is-open .help{border-color:var(--violet);background:var(--violet-2);color:#fff;transform:translateY(-1px) scale(1.08);box-shadow:0 6px 18px color-mix(in srgb,var(--violet),transparent 60%)}.help:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.metric-stack .help-tooltip{position:absolute;left:0;right:auto;top:2.25rem;z-index:20;display:block;width:min(300px,100%);padding:.72rem .78rem;border:1px solid color-mix(in srgb,var(--violet),var(--line) 55%);border-radius:10px;background:var(--surface-3);color:var(--ink);font-size:.69rem;line-height:1.48;box-shadow:0 16px 38px rgba(0,0,0,.28);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(5px) scale(.98);transform-origin:top right;transition:opacity .16s ease,visibility .16s ease,transform .16s ease}.help-tooltip::after{content:"";position:absolute;left:127px;bottom:100%;border:6px solid transparent;border-bottom-color:color-mix(in srgb,var(--violet),var(--line) 55%)}.help-wrap.is-open .help-tooltip,.help-wrap:not(.is-dismissed) .help:focus-visible+.help-tooltip{opacity:1;visibility:visible;transform:translateY(0) scale(1)}@media(hover:hover){.help-wrap:not(.is-dismissed):hover .help-tooltip{opacity:1;visibility:visible;transform:translateY(0) scale(1)}}.finding-callout{display:flex;gap:.65rem;margin:0 1rem 1rem;padding:.75rem;border-radius:9px;background:var(--violet-soft)}.finding-callout span{width:7px;height:7px;flex:0 0 7px;margin-top:.35rem;border-radius:50%;background:var(--violet)}.finding-callout p{margin:0;color:var(--muted);font-size:.67rem}
.evidence-panel { min-width: 0; margin: 0 1rem 1rem; }.evidence-tabs{display:flex;gap:.2rem;max-width:100%;padding:.55rem;border-bottom:1px solid var(--line-soft);background:var(--surface-2);overflow-x:auto;overflow-y:hidden;contain:inline-size}.evidence-tabs button{padding:.55rem .8rem;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:.7rem;font-weight:750;white-space:nowrap;cursor:pointer}.evidence-tabs button[aria-selected="true"]{color:var(--ink);background:var(--surface);box-shadow:0 1px 3px rgba(0,0,0,.12)}.tab-content{min-height:215px;padding:1.4rem}.tab-content[hidden]{display:none}.tab-content h3{margin:.1rem 0 .5rem;font-size:1.25rem}.tab-content p{color:var(--muted);font-size:.78rem}.tab-content#tab-finding{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem}.proof-list{display:grid;gap:.5rem}.proof-list p{margin:0;padding:.65rem;border:1px solid var(--line-soft);border-radius:8px;background:var(--surface-2);color:var(--ink)}.proof-list span{color:var(--teal);font-weight:850;margin-right:.6rem}.query-intro{display:flex;justify-content:space-between;gap:2rem;align-items:start}.policy-pass{padding:.3rem .6rem;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:.63rem;font-weight:850}.tab-content pre{margin:1rem 0;padding:1rem;border:1px solid var(--line);border-radius:10px;background:var(--bg);overflow:auto;color:var(--teal);font-size:.7rem;line-height:1.7}.query-guardrails{display:flex;gap:.45rem;flex-wrap:wrap}.query-guardrails span{padding:.28rem .5rem;border-radius:6px;background:var(--red-soft);color:var(--red);font-size:.6rem;font-weight:750}.mitigation-summary,.writeback-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.k-shift{display:grid;grid-template-columns:1fr auto 1fr;gap:.7rem;align-items:center}.k-shift>span{padding:.8rem;border-radius:10px;background:var(--red-soft);color:var(--red)}.k-shift span.after{background:var(--green-soft);color:var(--green)}.k-shift small,.k-shift strong{display:block}.k-shift small{font-size:.6rem}.k-shift strong{font-size:1.55rem}.k-shift b{color:var(--subtle)}.strategy-table{margin-top:1.3rem;border:1px solid var(--line-soft);border-radius:9px;overflow:hidden}.table-row{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:1rem;padding:.55rem .75rem;border-bottom:1px solid var(--line-soft);font-size:.66rem}.table-row:last-child{border:0}.table-head{background:var(--surface-2);color:var(--subtle);text-transform:uppercase;font-size:.57rem;letter-spacing:.06em}.table-row em{font-style:normal;color:var(--subtle)}.table-row em.recommended{color:var(--green);font-weight:850}.proposal-card{padding:1rem;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}.proposal-status{display:inline-block;padding:.28rem .5rem;border-radius:999px;background:var(--amber);color:#201505;font-size:.58rem;font-weight:900}.proposal-card dl{margin:1rem 0 0}.proposal-card dl div{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-bottom:1px solid var(--line-soft);font-size:.66rem}.proposal-card dl div:last-child{border:0}.proposal-card dt{color:var(--subtle)}.proposal-card dd{margin:0;font-family:ui-monospace,monospace;text-align:right}
.activity-panel { margin: 0 1rem 1rem; }.elapsed{font-family:ui-monospace,monospace;color:var(--teal);font-size:.7rem}.activity-log{min-height:92px;margin:0;padding:.75rem 1.2rem 1rem;list-style:none}.activity-log li{display:grid;grid-template-columns:72px 18px 1fr;gap:.55rem;padding:.37rem 0;color:var(--muted);font-size:.68rem}.activity-log time{color:var(--subtle);font-family:ui-monospace,monospace}.activity-log i{width:7px;height:7px;margin-top:.35rem;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.activity-log .empty-log{display:block;color:var(--subtle)}
.proof-section { padding-top: 7rem; padding-bottom: 7rem; }.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.proof-grid article{position:relative;min-height:270px;padding:1.35rem;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.proof-grid article>span{color:var(--subtle);font-size:.66rem;font-weight:800}.proof-grid svg{display:block;width:38px;height:38px;margin:2.6rem 0 1rem;padding:.55rem;border-radius:10px;background:var(--violet-soft);fill:none;stroke:var(--violet);stroke-width:1.6}.proof-grid h3{margin:0 0 .5rem}.proof-grid p{margin:0;color:var(--muted);font-size:.82rem}
.safety-strip { max-width: var(--max); margin: 0 auto 7rem; padding: 3rem; display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(135deg,var(--surface),var(--teal-soft)); }.safety-strip ul{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:0;padding:0;list-style:none}.safety-strip li{font-size:.77rem;color:var(--muted)}.safety-strip li span{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:.35rem;border-radius:50%;background:var(--green-soft);color:var(--green);font-weight:900}
.footer { max-width: var(--max); margin: 0 auto; padding: 2rem 1.25rem; display: flex; align-items: center; justify-content: space-between; gap: 2rem; border-top: 1px solid var(--line-soft); color: var(--muted); font-size: .73rem; }.compact-brand{font-size:.9rem;color:var(--ink)}.compact-brand .brand-mark{width:24px;height:24px;border-radius:7px;padding:5px}.footer p{margin:0}.footer>div{display:flex;gap:1.1rem}.footer>div a{text-decoration:none}.toast{position:fixed;z-index:80;right:1rem;bottom:1rem;max-width:350px;padding:.8rem 1rem;border:1px solid var(--line);border-radius:11px;background:var(--surface);box-shadow:var(--shadow);font-size:.76rem}

@media (max-width: 1000px) {
  .hero { gap: 2.5rem; }.hero h1{font-size:clamp(3rem,7vw,4.7rem)}.workspace-grid{grid-template-columns:1fr}.preset-grid{grid-template-columns:1fr 1fr}.run-progress li:not(:last-child)::after{display:none}.run-progress small{display:none}
}
@media (max-width: 760px) {
  .topbar { height: 64px; padding-inline: 1rem; }.topbar nav,.repo-link{display:none}.topbar-actions{margin-left:auto}.hero{min-height:auto;padding:4.2rem 1rem;grid-template-columns:1fr}.hero-product{transform:none}.public-note{margin:0 1rem 3rem;align-items:flex-start}.public-note a{display:none}.section{padding:4.5rem 1rem}.section-heading{grid-template-columns:1fr;gap:1rem}.preset-grid{grid-template-columns:1fr}.preset-card:last-child{grid-column:auto}.preset-card{min-height:270px}.workspace-wrap{padding:3rem .65rem}.workspace-header{align-items:flex-start;flex-direction:column}.workspace-actions{width:100%}.workspace-actions button{flex:1}.run-progress{padding:.8rem;gap:.3rem}.run-progress li{justify-content:center}.run-progress span{display:none}.workspace-grid{padding:.65rem;gap:.65rem}.lineage-stage{height:440px}.evidence-panel,.activity-panel{margin:0 .65rem .65rem}.tab-content#tab-finding,.mitigation-summary,.writeback-grid{grid-template-columns:1fr;gap:1rem}.table-row{grid-template-columns:1.6fr repeat(3,1fr);gap:.3rem}.safety-strip{margin:0 1rem 4rem;padding:2rem 1.3rem;grid-template-columns:1fr;gap:1.5rem}.safety-strip ul{grid-template-columns:1fr}.proof-grid{grid-template-columns:1fr}.proof-grid article{min-height:230px}.footer{margin:0 1rem;flex-direction:column;align-items:flex-start}.hero-actions>*{width:100%}
}
@media (max-width: 460px) {
  .hero h1{font-size:2.85rem}.hero-lede{font-size:.96rem}.trust-row{gap:.7rem}.hero-product{margin-inline:-.4rem}.mini-path{grid-template-columns:1fr 18px 1fr 18px 1fr;margin-inline:.75rem}.mini-path>div{padding:.5rem}.preview-metrics,.preview-safe{margin-inline:.75rem}.graph-node{width:78px;padding:.5rem}.graph-node.consumer{width:76px}.graph-node span{font-size:.62rem}.graph-node small{font-size:.5rem}.lineage-stage{height:480px}.run-progress b{width:30px;height:30px;flex-basis:30px}.evidence-tabs button{padding:.5rem .65rem}.strategy-table{overflow:auto}.table-row{min-width:520px}.preview-head{padding-inline:.8rem}
}
@media(pointer:coarse){.help{width:32px;height:32px;font-size:.72rem}}
@media (prefers-reduced-motion: reduce) { html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important} }
@media print { .topbar,.hero-actions,.public-note,.workspace-actions,.evidence-tabs,.activity-panel,.footer{display:none!important}.hero{min-height:auto}.workspace-wrap{background:white;padding:0}.workspace-shell,.panel{box-shadow:none;break-inside:avoid} }

/* First-visit education and guided narration */
.orientation-section{padding-top:3rem;padding-bottom:6rem}.orientation-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:4rem;align-items:end;margin-bottom:2rem}.orientation-intro .eyebrow{grid-column:1/-1}.orientation-intro h2{margin:0;font-size:clamp(2rem,4vw,3.45rem);line-height:1.08;letter-spacing:-.052em}.orientation-intro>p:last-child{margin:0;color:var(--muted);font-size:.92rem}.orientation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.orientation-grid article{display:flex;gap:1rem;min-height:190px;padding:1.3rem;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.orientation-grid article>span{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:9px;background:var(--violet-soft);color:var(--violet);font-size:.72rem;font-weight:900}.orientation-grid h3{margin:.1rem 0 .55rem;font-size:1rem}.orientation-grid p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.65}.orientation-grid strong{color:var(--ink)}.orientation-rule{margin:1rem 0 0;padding:.85rem 1rem;border-left:3px solid var(--teal);border-radius:0 9px 9px 0;background:var(--teal-soft);color:var(--muted);font-size:.78rem}.orientation-rule strong{color:var(--teal)}
.narrator{display:grid;grid-template-columns:auto 1.4fr .6fr;gap:1.2rem;align-items:center;margin:1rem 1rem 0;padding:1rem 1.15rem;border:1px solid color-mix(in srgb,var(--violet),var(--line) 65%);border-radius:13px;background:linear-gradient(135deg,var(--violet-soft),var(--surface))}.narrator-step{min-width:82px;padding:.4rem .55rem;border-radius:8px;background:var(--violet);background-color:var(--violet-2);color:white;text-align:center;font-size:.62rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.narrator-copy small,.narrator-why small{display:block;color:var(--teal);font-size:.58rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.narrator-copy h3{margin:.15rem 0 .25rem;font-size:.94rem}.narrator-copy p,.narrator-why p{margin:0;color:var(--muted);font-size:.68rem;line-height:1.55}.narrator-why{padding-left:1rem;border-left:1px solid var(--line)}.narrator.is-complete{border-color:color-mix(in srgb,var(--green),var(--line) 55%);background:linear-gradient(135deg,var(--green-soft),var(--surface))}.narrator.is-complete .narrator-step{border:1px solid var(--green);background:var(--surface-3);color:var(--green)}
.glossary-section{padding-top:1rem;padding-bottom:7rem}.glossary-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.glossary-grid details{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.glossary-grid summary{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;cursor:pointer;font-size:.83rem;font-weight:780;list-style:none}.glossary-grid summary::-webkit-details-marker{display:none}.glossary-grid summary span{color:var(--violet);font-size:1rem;transition:transform .15s}.glossary-grid details[open] summary span{transform:rotate(45deg)}.glossary-grid details p{margin:0;padding:0 1.1rem 1.1rem;color:var(--muted);font-size:.75rem;line-height:1.65}
@media(max-width:800px){.orientation-intro{grid-template-columns:1fr;gap:1rem}.orientation-grid{grid-template-columns:1fr}.orientation-grid article{min-height:auto}.narrator{grid-template-columns:auto 1fr}.narrator-why{grid-column:1/-1;padding:.8rem 0 0;border-left:0;border-top:1px solid var(--line)}.glossary-grid{grid-template-columns:1fr}}
@media(max-width:480px){.narrator{margin:.65rem .65rem 0;grid-template-columns:1fr}.narrator-step{width:max-content}.narrator-why{grid-column:auto}}
.standards-section{padding-top:6.5rem;padding-bottom:6.5rem}.standards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:2.5rem}.standards-grid>a{display:flex;flex-direction:column;min-height:285px;padding:1.35rem;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);text-decoration:none;transition:transform .15s,border-color .15s}.standards-grid>a:hover{transform:translateY(-3px);border-color:var(--violet)}.standards-grid small{color:var(--teal);font-size:.62rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.standards-grid h3{margin:2.4rem 0 .6rem;font-size:1.08rem}.standards-grid p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.65}.standards-grid span{margin-top:auto;padding-top:1rem;color:var(--violet);font-size:.7rem;font-weight:850}.standards-receipt{display:inline-block;margin-top:1rem;color:var(--violet);font-size:.75rem;font-weight:850}@media(max-width:1000px){.standards-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.standards-grid{grid-template-columns:1fr}.standards-grid>a{min-height:230px}}.credibility-section{background:var(--surface-2)}.credibility-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:2.5rem}.credibility-grid article{display:flex;flex-direction:column;min-height:360px;padding:1.5rem;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.credibility-grid small{color:var(--teal);font-size:.65rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.credibility-grid strong{margin:.9rem 0;font-size:2.4rem;letter-spacing:-.05em}.credibility-grid h3{margin:.3rem 0}.credibility-grid p{color:var(--muted);font-size:.78rem;line-height:1.65}.credibility-grid a{margin-top:auto;color:var(--violet);font-size:.72rem;font-weight:800}@media(max-width:1000px){.credibility-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.credibility-grid{grid-template-columns:1fr}.credibility-grid article{min-height:300px}}
/* Impact and adoption */
.impact-section{padding-top:6.5rem;padding-bottom:6.5rem;background:linear-gradient(180deg,transparent,var(--violet-soft),transparent)}
.impact-lead{display:grid;grid-template-columns:1.15fr .85fr;gap:5rem;align-items:end;margin-bottom:2.5rem}.impact-lead h2{max-width:760px;margin:.35rem 0 0;font-size:clamp(2.5rem,5vw,4.8rem);line-height:.98;letter-spacing:-.065em}.impact-lead>p{margin:0;color:var(--muted);font-size:1rem;line-height:1.75}
.impact-outcomes{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem}.impact-outcomes article{display:flex;flex-direction:column;min-height:285px;padding:1.4rem;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.impact-outcomes article>span{color:var(--teal);font-size:.65rem;font-weight:900;letter-spacing:.1em}.impact-outcomes h3{margin:2.8rem 0 .65rem;font-size:1.18rem}.impact-outcomes p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.65}.impact-outcomes strong{margin-top:auto;padding-top:1.4rem;color:var(--violet);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}
.impact-chain{display:grid;grid-template-columns:repeat(3,1fr auto) 1fr;gap:.7rem;align-items:center;margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.impact-chain div{padding:.75rem}.impact-chain small,.impact-chain b{display:block}.impact-chain small{color:var(--teal);font-size:.58rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.impact-chain b{margin-top:.25rem;font-size:.78rem}.impact-chain i{color:var(--violet);font-style:normal;font-weight:900}.impact-disclosure{margin:.85rem 0 0;color:var(--subtle);font-size:.68rem;line-height:1.6}
.audience-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin:4.5rem 0 1.3rem}.audience-heading h3{margin:0;font-size:clamp(1.7rem,3vw,2.6rem);letter-spacing:-.045em}.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.audience-grid article{padding:1.1rem;border-left:3px solid var(--violet);border-radius:0 12px 12px 0;background:var(--surface)}.audience-grid span{color:var(--ink);font-size:.8rem;font-weight:850}.audience-grid p{margin:.45rem 0 0;color:var(--muted);font-size:.72rem;line-height:1.55}
.adoption-section{padding-top:7rem;padding-bottom:7rem}.adoption-path{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem;margin:2.5rem 0 0;padding:0;list-style:none;counter-reset:path}.adoption-path li{position:relative;display:flex;flex-direction:column;min-height:320px;padding:1.35rem;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}.adoption-path li>span{position:absolute;right:1rem;top:.5rem;color:var(--muted);font-size:3.5rem;font-weight:950;letter-spacing:-.08em}.adoption-path small{position:relative;color:var(--teal);font-size:.63rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.adoption-path h3{position:relative;margin:4rem 0 .6rem;font-size:1.25rem}.adoption-path p{position:relative;margin:0;color:var(--muted);font-size:.77rem;line-height:1.65}.adoption-path strong{position:relative;margin-top:auto;padding-top:1.4rem;color:var(--green);font-size:.66rem;text-transform:uppercase;letter-spacing:.07em}.adoption-path li:nth-child(3) strong{color:var(--amber)}.adoption-path li:nth-child(4) strong{color:var(--red)}
.adoption-actions{display:grid;grid-template-columns:auto auto 1fr;gap:.8rem;align-items:center;margin-top:1rem;padding:1.15rem;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.adoption-actions a{white-space:nowrap}.adoption-actions p{margin:0 0 0 1rem;color:var(--muted);font-size:.7rem;line-height:1.6}.adoption-actions b{color:var(--ink)}
@media(max-width:1000px){.impact-lead{gap:2rem}.impact-outcomes,.audience-grid,.adoption-path{grid-template-columns:1fr 1fr}.adoption-actions{grid-template-columns:auto auto}.adoption-actions p{grid-column:1/-1;margin:0}.impact-chain{grid-template-columns:1fr}.impact-chain i{transform:rotate(90deg);justify-self:center}}
@media(max-width:700px){.impact-lead{grid-template-columns:1fr;gap:1rem}.impact-outcomes,.audience-grid,.adoption-path{grid-template-columns:1fr}.impact-outcomes article,.adoption-path li{min-height:240px}.impact-outcomes h3,.adoption-path h3{margin-top:2rem}.audience-heading{display:block}.adoption-actions{grid-template-columns:1fr}.adoption-actions a{width:100%}.impact-chain div{text-align:center}}
/* DataHub context architecture */
.datahub-stack-section{padding-top:7.5rem;padding-bottom:7.5rem}
.datahub-lockup{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:4rem;padding:1rem 1.2rem;border:1px solid color-mix(in srgb,var(--teal),var(--line) 58%);border-radius:14px;background:linear-gradient(110deg,var(--teal-soft),var(--surface))}.datahub-lockup>div{flex:1}.datahub-lockup>div p{margin:0;color:var(--muted);font-size:.7rem}.datahub-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:var(--teal);color:var(--bg);font-size:1.15rem;font-weight:950;letter-spacing:-.08em}.datahub-lockup small,.datahub-lockup strong{display:block}.datahub-lockup small{color:var(--muted);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.datahub-lockup strong{font-size:.92rem}.datahub-lockup a{color:var(--teal);font-size:.74rem;font-weight:850;text-decoration:none}
.stack-heading{display:grid;grid-template-columns:1.22fr .78fr;gap:5rem;align-items:end}.stack-heading h2{max-width:820px;margin:.3rem 0 0;font-size:clamp(2.5rem,5vw,4.8rem);line-height:.98;letter-spacing:-.065em}.stack-heading>p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.75}
.stack-proofline{display:grid;grid-template-columns:repeat(4,1fr);margin:2.5rem 0 1rem;border:1px solid var(--line);border-radius:15px;background:var(--surface);overflow:hidden}.stack-proofline span{padding:1rem 1.1rem;border-right:1px solid var(--line)}.stack-proofline span:last-child{border:0}.stack-proofline b{display:block}.stack-proofline strong,.stack-proofline span{color:var(--muted);font-size:.64rem}.stack-proofline small{display:block}.stack-proofline b{font-size:1.25rem;color:var(--teal);letter-spacing:-.03em}.stack-proofline span{color:var(--muted);font-size:.64rem}.stack-proofline small{margin-top:.2rem;color:var(--muted);font-size:.64rem}
.backend-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:.55rem;align-items:center;margin:1rem 0 2.4rem;padding:1rem;border:1px solid var(--line);border-radius:15px;background:var(--bg-raised)}.backend-flow li{list-style:none;min-height:95px;padding:.8rem;border-radius:10px;background:var(--surface)}.backend-flow li>span{color:var(--subtle);font-size:.58rem;font-weight:900}.backend-flow small,.backend-flow strong{display:block}.backend-flow small{color:var(--teal);font-size:.58rem;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.backend-flow strong{margin-top:.4rem;font-size:.72rem;line-height:1.45}.backend-flow li:not(:last-child)::after{content:"\2192";position:absolute;right:-.9rem;top:50%;z-index:2;color:var(--violet);font-weight:950}.backend-flow li{position:relative}
.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.capability-grid article{display:flex;flex-direction:column;min-height:260px;padding:1.25rem;border:1px solid var(--line);border-radius:15px;background:var(--surface);transition:transform .18s,border-color .18s}.capability-grid article:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--teal),var(--line) 45%)}.capability-grid article>div{display:flex;align-items:center;justify-content:space-between}.capability-grid article span{color:var(--subtle);font-size:.65rem;font-weight:900}.capability-grid article em{padding:.25rem .45rem;border-radius:999px;background:var(--teal-soft);color:var(--teal);font-size:.56rem;font-style:normal;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.capability-grid h3{margin:2.2rem 0 .55rem;font-size:1.05rem}.capability-grid p{margin:0;color:var(--muted);font-size:.74rem;line-height:1.62}.capability-grid a{margin-top:auto;padding-top:1.2rem;color:var(--violet);font-size:.68rem;font-weight:850}
.extraordinary-block{display:grid;grid-template-columns:.72fr 1.28fr;gap:3rem;margin-top:3.5rem;padding:2rem;border:1px solid color-mix(in srgb,var(--violet),var(--line) 58%);border-radius:20px;background:linear-gradient(135deg,var(--violet-soft),var(--surface))}.extraordinary-block>.cross-asset-proof,.extraordinary-block>.agent-proof{grid-column:1/-1}.extraordinary-heading h3{margin:.35rem 0 .7rem;font-size:clamp(1.65rem,3vw,2.7rem);line-height:1.04;letter-spacing:-.05em}.extraordinary-heading p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.65}.differentiator-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.differentiator-grid article{padding:1rem;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface),transparent 12%)}.differentiator-grid span{color:var(--teal);font-size:.62rem;font-weight:900}.differentiator-grid h4{margin:.5rem 0 .35rem;font-size:.88rem}.differentiator-grid p{margin:0;color:var(--muted);font-size:.68rem;line-height:1.55}
.technology-footer{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;margin-top:1rem;padding:1.1rem 1.25rem;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.technology-footer>div small{display:block;color:var(--teal);font-size:.58rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.technology-footer>div p{margin:.3rem 0 0;color:var(--muted);font-size:.7rem}.technology-footer>div b{color:var(--ink)}.technology-footer>a{display:flex;align-items:center;gap:.75rem;text-decoration:none}.technology-footer>a span{padding:.28rem .5rem;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.technology-footer>a strong{font-size:.72rem}.technology-footer>a b{color:var(--violet)}
@media(max-width:1000px){.stack-heading{gap:2rem}.capability-grid{grid-template-columns:1fr 1fr}.backend-flow{grid-template-columns:1fr}.backend-flow li:not(:last-child)::after{content:"\2193";right:50%;top:auto;bottom:-1rem}.extraordinary-block{grid-template-columns:1fr}.technology-footer{grid-template-columns:1fr}}
@media(max-width:700px){.datahub-stack-section{padding-top:5rem;padding-bottom:5rem}.datahub-lockup{align-items:flex-start}.datahub-lockup>a{display:none}.stack-heading{grid-template-columns:1fr;gap:1rem}.stack-proofline,.capability-grid,.differentiator-grid{grid-template-columns:1fr}.stack-proofline span{border-right:0;border-bottom:1px solid var(--line)}.stack-proofline span:last-child{border-bottom:0}.capability-grid article{min-height:220px}.capability-grid h3{margin-top:1.3rem}.extraordinary-block{padding:1.3rem}.technology-footer>div{display:grid;gap:.2rem}.technology-footer>a{align-items:flex-start;flex-wrap:wrap}}
/* Metadata-aware remediation PR studio */
.tab-content.codegen-panel{padding:0}
.codegen-head{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;padding:1.4rem;border-bottom:1px solid var(--line-soft)}.codegen-head h3{margin:.1rem 0 .35rem}.codegen-head p{max-width:68ch;margin:.2rem 0;color:var(--muted);font-size:.75rem}.codegen-actions{display:flex;align-items:center;gap:.65rem;flex:0 0 auto}.codegen-actions .primary-button{min-height:39px;padding:.55rem .8rem;font-size:.72rem}.codegen-actions a[aria-disabled="true"]{pointer-events:none;opacity:.45}
.codegen-workbench{display:grid;grid-template-columns:.34fr .66fr;min-height:430px}.generated-files{display:flex;flex-direction:column;padding:1rem;border-right:1px solid var(--line-soft);background:var(--surface-2)}.generated-files>small{margin:.1rem .3rem .7rem;color:var(--teal);font-size:.58rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}#generated-file-list{display:grid;gap:.32rem}
.generated-file{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:.55rem;width:100%;padding:.58rem;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);text-align:left;cursor:pointer}.generated-file:hover,.generated-file.is-active{border-color:var(--line);background:var(--surface);color:var(--ink)}.generated-file span{padding:.18rem;border-radius:5px;background:var(--violet-soft);color:var(--ink);font-size:.5rem;font-weight:900;text-align:center}.generated-file b{overflow:hidden;font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.no-generation{padding:1rem;border:1px dashed var(--line);border-radius:9px;color:var(--muted);font-size:.7rem;text-align:center}
.generation-receipt{margin-top:auto;padding:.85rem;border:1px solid color-mix(in srgb,var(--teal),var(--line) 65%);border-radius:9px;background:var(--teal-soft)}.generation-receipt span{color:var(--teal);font-size:.55rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.generation-receipt p{margin:.3rem 0;color:var(--muted);font-size:.62rem;line-height:1.5}.generation-receipt code{display:block;overflow:hidden;color:var(--muted);font-size:.52rem;text-overflow:ellipsis;white-space:nowrap}
.generated-preview{min-width:0;background:var(--bg)}.generated-preview>div{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--line-soft);background:var(--surface)}.generated-preview>div span{overflow:hidden;color:var(--ink);font-family:ui-monospace,monospace;font-size:.67rem;text-overflow:ellipsis;white-space:nowrap}.generated-preview>div small{color:var(--amber);font-size:.55rem;text-transform:uppercase;letter-spacing:.06em}.generated-preview pre{height:380px;margin:0;padding:1rem;border:0;border-radius:0;background:var(--bg);color:var(--teal);font-size:.64rem;line-height:1.62;white-space:pre;overflow:auto}
.codegen-proof{display:flex;gap:.5rem;flex-wrap:wrap;padding:.85rem 1rem;border-top:1px solid var(--line-soft);background:var(--surface)}.codegen-proof span{padding:.3rem .5rem;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:.55rem;font-weight:800}.codegen-proof span::before{content:"✓";margin-right:.3rem}
@media(max-width:800px){.codegen-head{flex-direction:column}.codegen-actions{width:100%;justify-content:space-between}.codegen-workbench{grid-template-columns:1fr}.generated-files{border-right:0;border-bottom:1px solid var(--line-soft)}.generation-receipt{margin-top:1rem}.generated-preview pre{height:330px}}
@media(max-width:500px){.codegen-actions{align-items:stretch;flex-direction:column}.codegen-actions .primary-button{width:100%}.generated-preview>div{align-items:flex-start;flex-direction:column}.codegen-proof{display:grid;grid-template-columns:1fr 1fr}}

.cross-asset-proof{margin-top:1.4rem;padding:clamp(1.15rem,3vw,2rem);border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,var(--panel)),var(--panel));display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:clamp(1.2rem,4vw,3rem);align-items:center}.cross-asset-copy h3{font-size:clamp(1.55rem,3vw,2.35rem);margin:.25rem 0 .65rem}.cross-asset-copy>p:last-of-type{color:var(--muted);line-height:1.7}.cross-safety{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}.cross-safety span{border:1px solid var(--line);border-radius:99px;padding:.35rem .58rem;font-size:.72rem;color:var(--muted)}.join-evidence{background:var(--background);border:1px solid var(--line);border-radius:18px;padding:1rem}.join-count{display:flex;align-items:baseline;gap:.55rem;margin-bottom:1rem}.join-count strong{font-size:1.7rem;color:var(--accent)}.join-count span{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.join-assets{display:grid;grid-template-columns:1fr auto 1fr;gap:.7rem;align-items:stretch}.join-assets article{padding:.9rem;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.join-assets small,.join-assets span{display:block;color:var(--muted);font-size:.72rem}.join-assets strong{display:block;margin:.28rem 0;text-transform:capitalize}.join-key{align-self:center;text-align:center;color:var(--accent)}.join-key span{display:block;color:var(--muted);font-size:.65rem;text-transform:uppercase}.join-evidence>p{font-size:.82rem;line-height:1.6;color:var(--muted)}.join-evidence>a{font-size:.8rem;font-weight:700;color:var(--accent)}@media(max-width:760px){.cross-asset-proof{grid-template-columns:1fr}.join-assets{grid-template-columns:1fr}.join-key{padding:.3rem}.join-key:after{content:" ↓"}}.agent-proof{margin-top:1.4rem;padding:clamp(1.15rem,3vw,2rem);border:1px solid var(--line);border-radius:24px;background:var(--panel)}.agent-proof-head{display:flex;justify-content:space-between;gap:1rem;align-items:start}.agent-proof-head h3{font-size:clamp(1.55rem,3vw,2.35rem);margin:.25rem 0 .6rem}.agent-proof-head p{max-width:760px;color:var(--muted);line-height:1.65}.agent-proof-head>span{white-space:nowrap;border-radius:99px;padding:.45rem .7rem;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:.75rem;font-weight:800}.agent-boundary{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;margin-top:1.2rem}.agent-boundary article{border:1px solid var(--line);border-radius:16px;padding:1rem;background:var(--background);min-height:150px}.agent-boundary small{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-weight:800}.agent-boundary strong{display:block;margin:.45rem 0;text-transform:capitalize}.agent-boundary p{font-size:.78rem;color:var(--muted);line-height:1.5;max-height:5.8em;overflow:auto}.boundary-arrow{font-size:1.8rem;color:var(--accent);text-align:center}.boundary-arrow span{display:block;font-size:.6rem;text-transform:uppercase;color:var(--muted)}.agent-proof-foot{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem;align-items:center}.agent-proof-foot span{font-size:.72rem;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:.35rem .55rem}.agent-proof-foot b{color:var(--text)}.agent-proof-foot a{margin-left:auto;color:var(--accent);font-size:.8rem;font-weight:800}@media(max-width:760px){.agent-proof-head{display:block}.agent-proof-head>span{display:inline-block;margin-top:.6rem}.agent-boundary{grid-template-columns:1fr}.boundary-arrow{transform:rotate(90deg)}.agent-proof-foot a{width:100%;margin:0}}
/* Judge-mode interaction: make the security boundary and generated change visible. */
.run-progress{grid-template-columns:repeat(6,1fr)}
.tab-new{margin-left:.28rem;padding:.1rem .28rem;border-radius:999px;background:var(--red-soft);color:var(--red);font-size:.46rem;text-transform:uppercase;letter-spacing:.05em}
.narrator-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:.55rem;padding-top:.75rem;border-top:1px solid var(--line)}
.narrator-actions[hidden],.narrator-actions button[hidden]{display:none}.narrator-actions button{border:1px solid var(--line);border-radius:8px;padding:.48rem .7rem;background:var(--surface);color:var(--ink);font-size:.67rem;font-weight:800;cursor:pointer}.narrator-actions .advance-demo-step{border-color:var(--violet-2);background:var(--violet-2);color:white}.narrator-actions .advance-demo-step:disabled{cursor:wait;opacity:.68}
.attack-panel{padding:1.4rem}.attack-head{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem}.attack-head h3{margin:.12rem 0 .45rem}.attack-head p{max-width:68ch;margin:0}.attack-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:.7rem;align-items:stretch;margin-top:1.2rem}.attack-flow article{min-width:0;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);opacity:.58;transform:translateY(4px);transition:opacity .25s,transform .25s,border-color .25s,box-shadow .25s}.attack-flow article.is-live{opacity:1;transform:none;border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-soft)}.attack-flow article.is-refused{border-color:var(--green);background:var(--green-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 14%,transparent)}.attack-flow small{display:block;color:var(--teal);font-size:.56rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.attack-flow strong{display:block;margin:.48rem 0;font-size:.82rem}.attack-flow blockquote,.attack-flow code{display:block;margin:.6rem 0 0;padding:.65rem;border-left:3px solid var(--red);background:var(--bg);color:var(--red);font-family:ui-monospace,monospace;font-size:.65rem;line-height:1.55}.attack-flow code{border-left-color:var(--violet);color:var(--violet)}.attack-result p{margin:.45rem 0 0}.attack-result.is-refused strong{color:var(--green)}.attack-arrow{align-self:center;color:var(--subtle);font-size:1.4rem}.attack-receipt{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.attack-receipt span{padding:.35rem .55rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.62rem}.attack-receipt b{color:var(--ink)}.attack-receipt a{margin-left:auto;color:var(--violet);font-size:.66rem;font-weight:800}
.codegen-impact{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:.7rem;align-items:center;padding:1rem 1.4rem;border-bottom:1px solid var(--line-soft);background:linear-gradient(90deg,var(--red-soft),var(--surface),var(--green-soft))}.codegen-impact article{min-width:0;padding:.72rem;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.codegen-impact small,.codegen-impact strong,.codegen-impact code{display:block}.codegen-impact small{color:var(--subtle);font-size:.54rem;text-transform:uppercase;letter-spacing:.06em}.codegen-impact strong{margin:.22rem 0;font-size:.76rem}.codegen-impact code{overflow:hidden;color:var(--teal);font-size:.59rem;text-overflow:ellipsis;white-space:nowrap}.codegen-impact>b{color:var(--violet)}
@media(max-width:900px){.attack-flow,.codegen-impact{grid-template-columns:1fr}.attack-arrow,.codegen-impact>b{transform:rotate(90deg);text-align:center}.attack-head{flex-direction:column}.attack-receipt a{width:100%;margin-left:0}.run-progress{grid-template-columns:repeat(6,1fr)}}
@media(max-width:600px){.narrator-actions{justify-content:stretch;flex-direction:column}.narrator-actions button{width:100%}.attack-panel{padding:.9rem}.codegen-impact{padding:.8rem}}
/* Progressive landing hierarchy: essential story first, specialist proof on demand. */
.hero{min-height:620px;padding-top:5.6rem;padding-bottom:4.5rem}
.public-note{margin-bottom:1.5rem}
.quickstart-section{padding-top:4.5rem;padding-bottom:4.5rem}
.quickstart-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:end}
.quickstart-heading h2{max-width:780px;margin:0;font-size:clamp(2.25rem,4.2vw,4rem);line-height:1.03;letter-spacing:-.055em}
.quickstart-heading>p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.7}
.quickstart-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:2rem}
.quickstart-grid article{display:flex;gap:.9rem;min-height:150px;padding:1.1rem;border:1px solid var(--line);border-radius:15px;background:var(--surface)}
.quickstart-grid article>span{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:8px;background:var(--violet-soft);color:var(--violet);font-size:.65rem;font-weight:900}
.quickstart-grid h3{margin:.05rem 0 .45rem;font-size:.93rem}.quickstart-grid p{margin:0;color:var(--muted);font-size:.73rem;line-height:1.55}
.outcome-ribbon{display:grid;grid-template-columns:1fr auto 1fr auto 1fr 1.05fr;gap:.8rem;align-items:center;margin-top:.8rem;padding:.85rem 1rem;border:1px solid var(--line);border-radius:14px;background:var(--bg-raised)}
.outcome-ribbon small,.outcome-ribbon strong{display:block}.outcome-ribbon small{color:var(--teal);font-size:.58rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.outcome-ribbon strong{font-size:.72rem}.outcome-ribbon>b{color:var(--violet)}.outcome-ribbon p{margin:0;padding-left:1rem;border-left:1px solid var(--line);color:var(--muted);font-size:.68rem}.outcome-ribbon p span{color:var(--green);font-size:1.25rem;font-weight:900;margin-right:.25rem}
.case-picker{margin-top:3.2rem}.case-picker-heading{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end;margin-bottom:1rem}.case-picker-heading h3{margin:0;font-size:1.55rem;letter-spacing:-.035em}.case-picker-heading>p{margin:0;color:var(--muted);font-size:.78rem}
.compact-presets{grid-template-columns:repeat(2,1fr);gap:.65rem}.compact-presets .preset-card{display:grid;grid-template-columns:42px 1fr auto;gap:.8rem;align-items:center;min-height:88px;padding:.8rem 1rem;border-radius:13px}.compact-presets .preset-card:hover{transform:translateY(-1px)}.compact-presets .case-icon{width:38px;height:38px}.compact-presets .preset-card>span:nth-child(2){min-width:0}.compact-presets small,.compact-presets strong,.compact-presets em{display:block}.compact-presets small{color:var(--teal);font-size:.55rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.compact-presets strong{font-size:.82rem}.compact-presets em{overflow:hidden;color:var(--muted);font-size:.64rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.compact-presets .preset-card>b{color:var(--violet)}
.quickstart-audience{margin:1rem 0 0;color:var(--muted);font-size:.72rem;text-align:center}.quickstart-audience strong{color:var(--ink)}.quickstart-audience span{color:var(--teal)}
.datahub-stack-section{padding-top:5.5rem;padding-bottom:5.5rem}.datahub-lockup{margin-bottom:2.5rem}.stack-heading h2{font-size:clamp(2.25rem,4vw,3.7rem)}
.depth-disclosure{margin-top:1rem;border:1px solid color-mix(in srgb,var(--teal),var(--line) 62%);border-radius:15px;background:var(--surface);overflow:hidden}.depth-disclosure>summary,.evidence-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.15rem 1.25rem;cursor:pointer;list-style:none}.depth-disclosure>summary::-webkit-details-marker,.evidence-disclosure>summary::-webkit-details-marker{display:none}.depth-disclosure>summary span,.depth-disclosure>summary small,.depth-disclosure>summary strong,.evidence-disclosure>summary span,.evidence-disclosure>summary small,.evidence-disclosure>summary strong{display:block}.depth-disclosure>summary small,.evidence-disclosure>summary small{color:var(--teal);font-size:.58rem;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.depth-disclosure>summary strong,.evidence-disclosure>summary strong{margin-top:.2rem;font-size:.82rem}.depth-disclosure>summary>b,.evidence-disclosure>summary>b{color:var(--violet);font-size:.7rem}.depth-disclosure[open]>summary,.evidence-disclosure[open]>summary{border-bottom:1px solid var(--line)}.depth-disclosure .disclosure-body{padding:1rem}.depth-disclosure .capability-grid{margin-bottom:1rem}
.evidence-disclosure{max-width:var(--max);margin:.7rem auto;border:1px solid var(--line);border-radius:15px;background:var(--surface);overflow:hidden}.evidence-disclosure>.section{margin:0;padding-top:4rem;padding-bottom:4rem}.evidence-disclosure>.credibility-section{max-width:none;padding-left:max(1.25rem,calc((100% - var(--max) + 2.5rem)/2));padding-right:max(1.25rem,calc((100% - var(--max) + 2.5rem)/2))}.evidence-disclosure[open]>summary>b{color:var(--muted)}
.glossary-section{padding-bottom:4rem}.safety-strip{margin-top:4rem}
@media(max-width:760px){.hero::before{width:100%;left:0}.evidence-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;contain:none}.evidence-tabs button{white-space:normal;text-align:left}.quickstart-heading,.case-picker-heading{grid-template-columns:1fr;gap:1rem}.quickstart-grid,.compact-presets{grid-template-columns:1fr}.outcome-ribbon{grid-template-columns:1fr}.outcome-ribbon>b{transform:rotate(90deg);justify-self:center}.outcome-ribbon p{padding:.7rem 0 0;border-left:0;border-top:1px solid var(--line)}.depth-disclosure>summary,.evidence-disclosure>summary{align-items:flex-start}.depth-disclosure>summary>b,.evidence-disclosure>summary>b{white-space:nowrap}.quickstart-section{padding-top:3.5rem;padding-bottom:3.5rem}}
/* Four-scenario presenter tour and adoption payoff. */
.case-tour-launch{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:.75rem;padding:1rem 1.1rem;border:1px solid color-mix(in srgb,var(--violet),var(--line) 55%);border-radius:14px;background:linear-gradient(110deg,var(--violet-soft),var(--surface))}.case-tour-launch>div{min-width:0}.case-tour-launch small,.case-tour-launch strong,.case-tour-launch span{display:block}.case-tour-launch small{color:var(--teal);font-size:.56rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.case-tour-launch strong{margin:.18rem 0;font-size:.86rem}.case-tour-launch span{color:var(--muted);font-size:.66rem}.case-tour-launch .primary-button{flex:0 0 auto;min-width:170px}
.tour-controller{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.8fr) auto;gap:1.2rem;align-items:center;margin-bottom:1rem;padding:1.1rem 1.25rem;border:1px solid color-mix(in srgb,var(--violet),var(--line) 45%);border-radius:16px;background:linear-gradient(120deg,var(--violet-soft),var(--surface))}.tour-controller[hidden],.tour-scorecard[hidden]{display:none}.tour-controller .eyebrow{margin-bottom:.2rem}.tour-controller h2{margin:0;font-size:1.05rem;letter-spacing:-.025em}.tour-controller>div>p:last-child{margin:.25rem 0 0;color:var(--muted);font-size:.66rem}.tour-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:0;padding:0;list-style:none}.tour-progress button{display:flex;align-items:center;gap:.55rem;min-width:0;padding:.65rem;border:1px solid var(--line);border-radius:10px;background:var(--surface);opacity:.58;transition:opacity .2s,border-color .2s,background .2s}.tour-progress button>span{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;border-radius:7px;background:var(--surface-3);color:var(--ink);font-size:.62rem;font-weight:900}.tour-progress strong,.tour-progress small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tour-progress strong{font-size:.65rem}.tour-progress small{color:var(--muted);font-size:.55rem}.tour-progress button.is-active{opacity:1;border-color:var(--violet);background:var(--violet-soft)}.tour-progress button.is-active>span{background:var(--violet-2);color:white}.tour-progress button.is-done{opacity:1;border-color:color-mix(in srgb,var(--green),var(--line) 48%);background:var(--green-soft)}.tour-progress button.is-done>span{background:var(--green);color:var(--bg)}.tour-progress button{font:inherit;color:inherit;text-align:left;cursor:pointer}.tour-progress button:hover,.tour-progress button:focus-visible{opacity:1;border-color:var(--violet);outline:none}.tour-progress button:disabled{cursor:wait}.tour-actions{display:grid;gap:.45rem;min-width:165px}.tour-actions button{width:100%;min-height:38px;padding:.5rem .7rem;font-size:.68rem}.tour-actions .text-button{border:0;background:transparent;color:var(--muted);cursor:pointer}.tour-actions .text-button:hover,.tour-actions .text-button:focus-visible{color:var(--ink);text-decoration:underline}.tour-actions [hidden]{display:none}
.tour-scorecard{max-width:1360px;margin:1rem auto 0;padding:clamp(1.2rem,3vw,2rem);border:1px solid color-mix(in srgb,var(--green),var(--line) 55%);border-radius:20px;background:linear-gradient(135deg,var(--green-soft),var(--surface));box-shadow:var(--shadow)}.tour-summary-head{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:end}.tour-summary-head h2{max-width:760px;margin:0;font-size:clamp(1.9rem,3.5vw,3rem);line-height:1.06;letter-spacing:-.05em}.tour-summary-head>p{margin:0;color:var(--muted);font-size:.84rem}.tour-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:1.5rem}.tour-result-grid article{display:flex;flex-direction:column;min-height:230px;padding:1.1rem;border:1px solid var(--line);border-radius:14px;background:var(--surface);opacity:.6}.tour-result-grid article.is-verified{opacity:1;border-color:color-mix(in srgb,var(--green),var(--line) 52%)}.tour-result-grid span{width:fit-content;padding:.25rem .48rem;border-radius:999px;background:var(--violet-soft);color:var(--violet);font-size:.55rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.tour-result-grid h3{margin:1.3rem 0 .3rem;font-size:1rem}.tour-result-grid strong{font-size:.72rem;color:var(--teal)}.tour-result-grid p{color:var(--muted);font-size:.7rem;line-height:1.55}.tour-result-grid small{margin-top:auto;color:var(--green);font-size:.58rem;font-weight:850}.tour-adopt{display:grid;grid-template-columns:1fr auto auto auto;gap:.7rem;align-items:center;margin-top:.8rem;padding:1rem;border:1px solid var(--line);border-radius:13px;background:var(--bg-raised)}.tour-adopt small,.tour-adopt strong{display:block}.tour-adopt small{color:var(--teal);font-size:.56rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.tour-adopt strong{margin-top:.2rem;font-size:.72rem}.tour-adopt a{white-space:nowrap}
@media(max-width:1000px){.tour-controller{grid-template-columns:1fr}.tour-progress{grid-template-columns:1fr 1fr}.tour-actions{justify-self:start}.tour-result-grid{grid-template-columns:1fr 1fr}.tour-adopt{grid-template-columns:1fr 1fr}.tour-adopt>div{grid-column:1/-1}}
@media(max-width:600px){.case-tour-launch{align-items:stretch;flex-direction:column}.case-tour-launch .primary-button{width:100%}.tour-progress,.tour-result-grid,.tour-adopt,.tour-summary-head{grid-template-columns:1fr}.tour-result-grid article{min-height:190px}.tour-adopt>div{grid-column:auto}.tour-adopt a{width:100%}}
/* Bring-your-own-data: measurement that runs in the visitor's browser. */
.byod-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 18px; align-items: start; }
.byod-input, .byod-output { padding: 1.15rem 1.25rem 1.3rem; }
.byod-output .panel-kicker { margin: 0 0 .35rem; }
.byod-step { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.byod-step b { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--violet-soft); color: var(--violet); font-size: .74rem; }
.byod-step em { margin-left: auto; font-style: normal; text-transform: none; letter-spacing: 0; color: var(--violet); }

.byod-drop { position: relative; display: grid; justify-items: center; gap: 6px; padding: 26px 18px; border: 1.5px dashed var(--line); border-radius: 14px; background: var(--bg-raised); text-align: center; transition: border-color .15s, background .15s; }
.byod-drop.is-over { border-color: var(--violet); background: var(--violet-soft); }
.byod-drop input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.byod-drop-icon { width: 26px; height: 26px; fill: none; stroke: var(--violet); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.byod-drop strong { font-size: .95rem; }
.byod-drop small { color: var(--muted); font-size: .8rem; }

.byod-samples { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 12px 0 18px; font-size: .84rem; }
.byod-samples span { color: var(--muted); }
.byod-sample { padding: 5px 11px; border: 1px solid var(--line); border-radius: 999px; background: transparent; color: inherit; font: inherit; font-size: .82rem; cursor: pointer; transition: border-color .15s, background .15s; }
.byod-sample:hover, .byod-sample:focus-visible { border-color: var(--violet); background: var(--violet-soft); }

.byod-columns { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; }
.byod-column { display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px; border: 1px solid var(--line); border-radius: 999px; font-size: .84rem; cursor: pointer; transition: border-color .15s, background .15s; }
.byod-column:hover { border-color: var(--violet); }
.byod-column:has(input:checked) { border-color: var(--violet); background: var(--violet-soft); }
.byod-column input { margin: 0; accent-color: var(--violet); }
.byod-empty { color: var(--muted); font-size: .88rem; margin: 0; }

.byod-idle-lead { font-size: 1.02rem; font-weight: 650; margin: 6px 0 12px; }
.byod-idle-list { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 9px; }
.byod-idle-list li { position: relative; padding-left: 22px; color: var(--muted); font-size: .89rem; line-height: 1.45; }
.byod-idle-list li::before { content: ""; position: absolute; left: 4px; top: .52em; width: 6px; height: 6px; border-radius: 50%; background: var(--violet); }
.byod-idle-foot { margin: 0; font-size: .84rem; color: var(--muted); }

.byod-verdict { font-size: 1.7rem; font-weight: 750; letter-spacing: .03em; margin: 6px 0 6px; }
.byod-verdict.is-critical { color: var(--red); }
.byod-verdict.is-elevated { color: var(--amber); }
.byod-verdict.is-safe { color: var(--green); }
.byod-reason { font-size: .89rem; color: var(--muted); margin: 0 0 16px; }
.byod-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; margin: 0 0 16px; }
.byod-metrics dt { font-size: .72rem; text-transform: uppercase; letter-spacing: .07em; color: var(--muted); }
.byod-metrics dd { margin: 3px 0 0; font-size: 1.35rem; font-weight: 700; }
.byod-metrics .is-headline dd { font-size: 1.85rem; }
.byod-sent-row { margin: 0 0 12px; }
.byod-sent-badge { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: 999px; background: var(--green-soft); color: var(--green); font-size: .82rem; font-weight: 600; }
.byod-note, .byod-cli { font-size: .84rem; color: var(--muted); }
.byod-cli { margin-top: 16px; }
.byod-cli code { padding: 2px 7px; border-radius: 6px; background: var(--bg-raised); border: 1px solid var(--line-soft); font-size: .82rem; }
@media (max-width: 900px) { .byod-grid { grid-template-columns: 1fr; } .byod-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } }