.hero{padding:var(--space-16) 0 var(--space-12);border-bottom:1px solid var(--color-border)}.hero-inner{max-width:760px}.hero-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:var(--color-support);font-weight:650;margin-bottom:var(--space-2)}.hero h1{font-size:clamp(1.8rem,3.4vw,2.6rem);margin-bottom:var(--space-4)}.hero-lede{font-size:1.05rem;color:var(--color-ink-muted)}.hero-privacy{font-size:.9rem;color:var(--color-ink-muted);margin-bottom:var(--space-6)}.hero-cta{font-size:1rem;padding:var(--space-3) var(--space-6)}.scenario-selector{margin-bottom:var(--space-4)}.scenario-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.scenario-tab{border:1px solid var(--color-border-strong);background:var(--color-canvas-raised);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);cursor:pointer;font-size:.88rem;display:inline-flex;align-items:center;gap:var(--space-1)}.scenario-tab--active{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink);font-weight:650}.scenario-tab-tag{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;opacity:.75}.scenario-description{color:var(--color-ink-muted);font-size:.92rem;margin-bottom:var(--space-2)}.scenario-invalid-demo{font-size:.82rem;padding:var(--space-1) var(--space-3)}.payload-editor{margin-bottom:var(--space-4)}.payload-editor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.payload-editor-header label{font-weight:600}.payload-editor-textarea{width:100%;min-height:280px;border:1px solid var(--color-border-strong);border-radius:var(--radius-control);padding:var(--space-3);font-size:.85rem;line-height:1.5;background:var(--color-canvas-raised);color:var(--color-ink);resize:vertical}.payload-editor-textarea--invalid{border-color:var(--color-error)}.payload-editor-error{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius-control);font-size:.88rem}.payload-editor-meta{margin-top:var(--space-2);color:var(--color-ink-muted);font-size:.85rem}.deterministic-toggle{margin-bottom:var(--space-4);font-size:.9rem}.deterministic-toggle label{display:flex;align-items:center;gap:var(--space-2);font-weight:600;cursor:pointer}.deterministic-toggle-note{color:var(--color-ink-muted);font-size:.85rem;margin:var(--space-1) 0 0}.execute-controls{margin-bottom:var(--space-4)}.execute-controls-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.execute-state{margin-left:auto}.execute-compare-toggle{display:flex;align-items:center;gap:var(--space-2);font-size:.88rem;cursor:pointer}.finding-item{border:1px solid var(--color-border);border-radius:var(--radius-control);padding:var(--space-3);margin-bottom:var(--space-2);list-style:none}.finding-item-head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.finding-item-rule{font-size:.78rem;color:var(--color-ink-muted)}.finding-item-message{margin:0 0 var(--space-1);font-size:.92rem}.finding-item-suggestion,.finding-item-evidence{margin:0;font-size:.82rem;color:var(--color-ink-muted)}.dlq-list{margin-top:var(--space-4)}.dlq-list-empty{color:var(--color-ink-muted);font-size:.9rem}.dlq-table{width:100%;border-collapse:collapse;font-size:.85rem}.dlq-table th,.dlq-table td{text-align:left;padding:var(--space-2);border-bottom:1px solid var(--color-border);word-break:break-word}.dlq-table th{color:var(--color-ink-muted);font-weight:600}.timeline{margin-top:var(--space-4)}.timeline-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.timeline-progress{margin-left:auto;font-size:.85rem;color:var(--color-ink-muted)}.timeline-legend{display:flex;gap:var(--space-4);font-size:.82rem;color:var(--color-ink-muted);margin-bottom:var(--space-3)}.timeline-legend-item{display:inline-flex;align-items:center;gap:var(--space-1)}.timeline-swatch{width:10px;height:10px;border-radius:2px;display:inline-block}.timeline-swatch--success,.timeline-segment--success{background:var(--color-success)}.timeline-swatch--fail,.timeline-segment--fail{background:var(--color-fail)}.timeline-swatch--expired,.timeline-segment--visibility-expired{background:var(--color-expired)}.timeline-rows{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.timeline-row{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:var(--space-3)}.timeline-row-label{font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-track{position:relative;height:18px;background:var(--color-canvas);border:1px solid var(--color-border);border-radius:4px}.timeline-segment{position:absolute;top:2px;height:12px;border-radius:3px;min-width:3px}.timeline-table-details summary{cursor:pointer;font-weight:600;padding:var(--space-2) 0}.timeline-table-wrap{overflow-x:auto}.timeline-table{width:100%;border-collapse:collapse;font-size:.82rem;min-width:640px}.timeline-table th,.timeline-table td{text-align:left;padding:var(--space-2);border-bottom:1px solid var(--color-border)}.timeline-table th{color:var(--color-ink-muted);font-weight:600}@media(max-width:640px){.timeline-row{grid-template-columns:100px 1fr}}.result-card{min-height:220px}.result-empty{color:var(--color-ink-muted)}.result-head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap}.result-runid{font-size:.78rem;color:var(--color-ink-muted)}.result-summary{margin-bottom:var(--space-4)}.result-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3);margin:0 0 var(--space-4);padding:var(--space-3);background:var(--color-canvas);border-radius:var(--radius-control)}.result-stats dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;color:var(--color-ink-muted)}.result-stats dd{margin:0;font-size:1.1rem;font-weight:650}.result-findings{padding:0;margin:0 0 var(--space-4)}.export-panel{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.export-panel-checkbox{display:flex;align-items:center;gap:var(--space-2);font-size:.88rem;margin-bottom:var(--space-3);cursor:pointer}.export-panel-actions{display:flex;gap:var(--space-2)}.export-panel-error{margin-top:var(--space-2);color:var(--color-error);font-size:.88rem}.comparison-view{margin-top:var(--space-4)}.comparison-table-wrap{overflow-x:auto;margin-bottom:var(--space-3)}.comparison-table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:420px}.comparison-table th,.comparison-table td{text-align:left;padding:var(--space-2);border-bottom:1px solid var(--color-border)}.comparison-cell--winner{font-weight:700;color:var(--color-support)}.comparison-cell--winner:after{content:" ✓"}.comparison-findings{padding:0;margin:0}.privacy-note{font-size:.92rem;color:var(--color-ink-muted);border-left:3px solid var(--color-support);padding-left:var(--space-3);margin-bottom:var(--space-4)}.workbench-wrapper{padding:var(--space-12) 0}.workbench-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media(min-width:960px){.workbench-grid{grid-template-columns:2fr 3fr;align-items:start}}.workbench-section{min-width:0}.workbench-compare-status{margin-top:var(--space-4);font-size:.88rem;color:var(--color-ink-muted)}.how-it-works{padding:var(--space-12) 0;border-top:1px solid var(--color-border)}.how-it-works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-8);margin-top:var(--space-6)}.how-it-works-grid h3{font-size:1rem}.how-it-works-grid ul{padding-left:var(--space-4);margin:0}.how-it-works-grid li{margin-bottom:var(--space-2);font-size:.92rem;color:var(--color-ink-muted)}.case-study{padding:var(--space-12) 0 var(--space-16)}.case-study-list{padding-left:var(--space-4);margin-bottom:var(--space-6)}.case-study-list li{margin-bottom:var(--space-2);color:var(--color-ink-muted)}:root{--color-canvas: #f6f3ed;--color-canvas-raised: #ffffff;--color-ink: #172033;--color-ink-muted: #4b5468;--color-accent: #e07a2f;--color-accent-ink: #1c1206;--color-support: #1c6e5c;--color-border: #dcd5c7;--color-border-strong: #b9b19f;--color-info: #1f5fa8;--color-warning: #8a5a10;--color-error: #a3271f;--color-critical: #8f1d2c;--color-info-bg: #e4edf9;--color-warning-bg: #f6ead2;--color-error-bg: #f6dfdc;--color-critical-bg: #f4d9dd;--color-success: #1c6e5c;--color-success-bg: #dcefe9;--color-fail: #a3271f;--color-fail-bg: #f6dfdc;--color-expired: #8a5a10;--color-expired-bg: #f6ead2;--font-sans: ui-sans-serif, "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--radius-control: 8px;--motion-fast: .12s;--motion-base: .2s;--measure: 72ch;--shadow-card: 0 1px 2px rgba(23, 32, 51, .06), 0 1px 1px rgba(23, 32, 51, .04)}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{line-height:1.2;font-weight:650;margin:0 0 var(--space-3)}p{margin:0 0 var(--space-3);max-width:var(--measure)}code,pre,kbd,.mono{font-family:var(--font-mono)}a{color:var(--color-support)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}button{font:inherit}.app-shell{max-width:1180px;margin:0 auto;padding:0 var(--space-6)}.skip-link{position:absolute;left:var(--space-3);top:-100px;background:var(--color-ink);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-control);z-index:100;transition:top var(--motion-base) ease}.skip-link:focus{top:var(--space-3)}.app-footer{border-top:1px solid var(--color-border);padding:var(--space-8) 0;margin-top:var(--space-16)}.app-footer-inner{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;justify-content:space-between;color:var(--color-ink-muted);font-size:.9rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.card{background:var(--color-canvas-raised);border:1px solid var(--color-border);border-radius:var(--radius-control);box-shadow:var(--shadow-card);padding:var(--space-4)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:999px;font-size:.78rem;font-weight:600;border:1px solid transparent}.badge--info{color:var(--color-info);background:var(--color-info-bg)}.badge--warning{color:var(--color-warning);background:var(--color-warning-bg)}.badge--error{color:var(--color-error);background:var(--color-error-bg)}.badge--critical{color:var(--color-critical);background:var(--color-critical-bg)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-control);border:1px solid var(--color-border-strong);background:var(--color-canvas-raised);color:var(--color-ink);cursor:pointer;transition:transform var(--motion-fast) ease,background var(--motion-fast) ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink);font-weight:650}.button--danger{border-color:var(--color-error);color:var(--color-error)}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}