:root{
  --bg:#07111f;
  --bg-soft:#0d1a2b;
  --panel:#0f1e31;
  --panel-2:#13263c;
  --line:#223750;
  --text:#e5eefb;
  --muted:#8ba3c3;
  --primary:#60a5fa;
  --primary-2:#3b82f6;
  --success:#22c55e;
  --danger:#ef4444;
  --warning:#f59e0b;
  --shadow:0 20px 60px rgba(0,0,0,.35);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
*{box-sizing:border-box}
html,body,#root{margin:0;min-height:100%;background:radial-gradient(circle at top,#10233b 0%,#07111f 45%,#050b14 100%);color:var(--text)}
body{line-height:1.45}
button,input,textarea,select{font:inherit}
a{color:inherit;text-decoration:none}
pre{white-space:pre-wrap;word-break:break-word}

.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}
.app-shell.shell-sidebar-collapsed{grid-template-columns:96px 1fr}
.app-shell.shell-zen{grid-template-columns:1fr}
.sidebar{border-right:1px solid var(--line);background:rgba(5,12,20,.82);backdrop-filter:blur(14px);padding:24px 18px;display:flex;flex-direction:column;gap:18px}
.sidebar.sidebar-collapsed{padding:22px 10px;align-items:center}
.brand{display:flex;gap:14px;align-items:center}
.brand-copy{display:grid;gap:2px;min-width:0}
.brand-compact-copy{display:none;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);font-size:.78rem;font-weight:800;letter-spacing:.18em}
.brand-logo,.login-logo{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(96,165,250,.3))}
.brand-title{font-size:1.2rem;font-weight:700}
.eyebrow{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--primary)}
.nav{display:flex;flex-direction:column;gap:8px}
.sidebar-tools{display:grid;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.03)}
.sidebar-finder-input{padding-right:120px}
.sidebar-tools-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.sidebar-tools-clear{white-space:nowrap}
.sidebar-empty-state{display:grid;gap:8px;padding:14px;border:1px dashed rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.025)}
.sidebar-empty-title{font-weight:800;color:#fff}
.sidebar-empty-copy{color:var(--muted);line-height:1.6;font-size:.92rem}
.nav-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid transparent;background:transparent;color:var(--muted);padding:12px 14px;border-radius:14px;text-align:left;cursor:pointer;transition:.18s}
.nav-btn-label{min-width:0}
.nav-btn-compact{display:none;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.nav-btn:hover,.nav-btn.active{background:rgba(96,165,250,.09);border-color:rgba(96,165,250,.18);color:var(--text)}
.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding-top:18px}
.sidebar-footer-collapsed{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}
.sidebar-user{font-weight:600;margin:4px 0 12px}
.sidebar-logout-btn{width:100%}

.sidebar.sidebar-collapsed .brand{justify-content:center}
.sidebar.sidebar-collapsed .brand-copy,
.sidebar.sidebar-collapsed .nav-group-label,
.sidebar.sidebar-collapsed .nav-btn-label{display:none}
.sidebar.sidebar-collapsed .brand-compact-copy,
.sidebar.sidebar-collapsed .nav-btn-compact{display:inline-flex}
.sidebar.sidebar-collapsed .nav{width:100%}
.sidebar.sidebar-collapsed .nav-btn{justify-content:center;padding:12px 10px}

.main{padding:12px 24px 34px;display:flex;flex-direction:column;gap:18px}
.main.main-zen{padding-top:8px}
.main.main-chrome-collapsed{gap:14px}
.topbar{position:sticky;top:0;z-index:24;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 0 10px;background:linear-gradient(180deg,rgba(7,17,31,.96),rgba(7,17,31,.84) 72%,rgba(7,17,31,0));backdrop-filter:blur(18px)}
.topbar.topbar-zen{padding:12px 0 6px}
.topbar-copy{display:grid;gap:8px;min-width:0}
.topbar-title{font-size:1.35rem;font-weight:700}
.topbar-subtitle{color:var(--muted)}
.topbar-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.topbar-shell-btn{white-space:nowrap}
.reading-mode-reading .detail-text,
.reading-mode-reading .panel-summary,
.reading-mode-reading .markdown-doc,
.reading-mode-reading .markdown-p,
.reading-mode-reading .markdown-list,
.reading-mode-reading .object-inspector,
.reading-mode-reading .rich-object-view,
.reading-mode-reading .guided-strip-text,
.reading-mode-reading .guided-empty-copy,
.reading-mode-reading .view-composer-text,
.reading-mode-reading .hidden-panels-text,
.reading-mode-reading .module-pulse-text,
.reading-mode-reading .module-pulse-insight-copy{
  max-width:min(100%,82ch);
}
.reading-mode-reading .detail-text,
.reading-mode-reading .panel-summary,
.reading-mode-reading .markdown-doc,
.reading-mode-reading .object-inspector,
.reading-mode-reading .guided-strip-text,
.reading-mode-reading .guided-empty-copy,
.reading-mode-reading .view-composer-text,
.reading-mode-reading .hidden-panels-text,
.reading-mode-reading .module-pulse-text,
.reading-mode-reading .module-pulse-insight-copy{
  margin-inline:auto;
}
.reading-mode-reading .code-block,
.reading-mode-reading .markdown-code{
  max-width:min(100%,96ch);
  margin-inline:auto;
}
.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.breadcrumb-item{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--muted)}
.breadcrumb-link{border:0;background:transparent;color:inherit;padding:0;cursor:pointer}
.breadcrumb-link.active{color:var(--text);font-weight:600}
.breadcrumb-sep{color:rgba(255,255,255,.24)}
.console-utility-bar{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap;padding:14px 16px;border:1px solid var(--line);border-radius:22px;background:rgba(8,18,31,.68)}
.context-strip,.quick-action-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.list-filter-bar{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;flex-wrap:wrap;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.025)}
.list-filter-field{flex:1 1 320px;min-width:min(100%,280px)}
.list-filter-field .label,.list-filter-field .field{margin-bottom:0}
.list-filter-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.list-filter-clear{white-space:nowrap}
.module-pulse-strip{display:grid;gap:14px;padding:18px 20px;border:1px solid rgba(251,0,29,.14);border-radius:24px;background:linear-gradient(135deg,rgba(11,18,28,.96),rgba(16,28,43,.92));box-shadow:var(--shadow)}
.module-pulse-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap}
.module-pulse-copy{display:grid;gap:6px;max-width:900px}
.module-pulse-title{font-size:1.04rem;font-weight:800;color:#fff}
.module-pulse-text{color:#d6e4f8;line-height:1.7;max-width:78ch}
.module-pulse-meta{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);color:#d7e6f8;font-size:.82rem;white-space:nowrap}
.module-pulse-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.module-pulse-stat{display:grid;gap:8px;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025))}
.module-pulse-stat.is-warn{border-color:rgba(251,191,36,.26);background:linear-gradient(180deg,rgba(251,191,36,.10),rgba(255,255,255,.025))}
.module-pulse-stat.is-ok{border-color:rgba(52,211,153,.22);background:linear-gradient(180deg,rgba(52,211,153,.08),rgba(255,255,255,.025))}
.module-pulse-stat.is-info{border-color:rgba(96,165,250,.22);background:linear-gradient(180deg,rgba(96,165,250,.09),rgba(255,255,255,.025))}
.module-pulse-stat-label{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(221,234,249,.72)}
.module-pulse-stat-value{font-size:1.06rem;font-weight:800;color:#fff;line-height:1.35;word-break:break-word}
.module-pulse-stat-meta{color:#bcd2ee;line-height:1.55;font-size:.9rem}
.module-pulse-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.module-pulse-insight{display:grid;gap:8px;align-content:start;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.02));color:var(--text);text-align:left}
.module-pulse-insight.is-clickable{cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.module-pulse-insight.is-clickable:hover,.module-pulse-insight.is-clickable:focus-visible{transform:translateY(-1px);border-color:rgba(251,0,29,.26);background:linear-gradient(180deg,rgba(251,0,29,.08),rgba(255,255,255,.03));box-shadow:0 18px 36px rgba(0,0,0,.18);outline:none}
.module-pulse-insight.is-warn{border-color:rgba(251,191,36,.24)}
.module-pulse-insight.is-ok{border-color:rgba(52,211,153,.2)}
.module-pulse-insight.is-info{border-color:rgba(96,165,250,.2)}
.module-pulse-insight-label{font-weight:800;color:#fff}
.module-pulse-insight-copy{color:#d6e4f8;line-height:1.62}
.module-pulse-insight-meta{font-size:.84rem;color:#b6cce9}
.module-pulse-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.density-switcher{min-width:220px}
.segmented-tabs{display:flex;flex-wrap:wrap;gap:8px}
.segmented-tab{display:flex;align-items:center;gap:10px;border:1px solid rgba(96,165,250,.14);background:rgba(8,18,31,.76);color:var(--muted);padding:10px 14px;border-radius:999px;cursor:pointer;transition:.18s}
.segmented-tab:hover,.segmented-tab.active{border-color:rgba(96,165,250,.32);background:rgba(96,165,250,.14);color:var(--text);transform:translateY(-1px)}
.segmented-tab-label{font-weight:600}
.segmented-tab-meta{font-size:.76rem;color:rgba(220,232,251,.78)}
.attention-card{border:1px solid rgba(96,165,250,.18);background:linear-gradient(135deg,rgba(96,165,250,.14),rgba(34,211,238,.08));border-radius:20px;padding:16px 18px;margin-bottom:16px}
.attention-title{font-size:.94rem;font-weight:700;color:#fff}
.attention-copy{margin-top:6px;color:#d3e2f7;line-height:1.65}
.nav-group{display:flex;flex-direction:column;gap:8px}
.nav-group-label{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.46);padding:4px 6px 0}
.badge-soft{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:#d9e7f8}
.panel-collapsed{border-color:rgba(255,255,255,.08)}
.panel-focused{box-shadow:0 0 0 1px rgba(96,165,250,.22),0 24px 70px rgba(59,130,246,.14)}
.panel-anchor-target{scroll-margin-top:104px;outline:none}
.panel-summary{padding:12px 14px;border:1px dashed rgba(96,165,250,.18);border-radius:16px;color:var(--muted);background:rgba(255,255,255,.02)}
.collapsible-body{display:grid;gap:14px;transition:opacity .22s ease,transform .22s ease}
.collapsible-body.is-open{opacity:1;transform:translateY(0)}
.collapsible-body.is-collapsed{opacity:.85;transform:translateY(-2px)}
.dashboard-view,.graph-workbench-view,.source-workbench-view{gap:16px}
.model-lab-view,.risk-replay-module{gap:16px}
.pane-mode-switcher{margin-bottom:2px}
.graph-pane-layout,.source-pane-layout{align-items:start}
.graph-pane-focus-graph{grid-template-columns:minmax(0,1fr)!important}
.graph-pane-focus-graph .left-column,.graph-pane-focus-graph .right-column{display:none}
.graph-pane-focus-context{grid-template-columns:minmax(0,1fr) 390px}
.graph-pane-focus-context .left-column{display:none}
.graph-pane-focus-context.graph-layout-right-hidden{grid-template-columns:minmax(0,1fr)!important}
.source-pane-focus-code{grid-template-columns:minmax(0,1fr)!important}
.source-pane-focus-code .left-column,.source-pane-focus-code .right-column{display:none}
.source-pane-focus-detail{grid-template-columns:minmax(0,1fr) 390px}
.source-pane-focus-detail .left-column{display:none}
.source-pane-focus-detail.source-layout-right-hidden{grid-template-columns:minmax(0,1fr)!important}
.risk-replay-pane-story{grid-template-columns:minmax(0,1fr)}
.risk-replay-pane-story .left-column,.risk-replay-pane-story .right-column{display:none}
.risk-replay-pane-context{grid-template-columns:minmax(0,1fr) 390px}
.risk-replay-pane-context .left-column{display:none}
.demo-pane-stage{grid-template-columns:minmax(0,1fr)}
.demo-pane-stage .left-column,.demo-pane-stage .right-column{display:none}
.demo-pane-notes{grid-template-columns:minmax(0,1fr) 390px}
.demo-pane-notes .left-column{display:none}
.density-compact .main{gap:14px}
.density-compact .panel{padding:14px;border-radius:20px}
.density-compact .inner-panel{padding:12px}
.density-compact .stat-card{padding:14px;border-radius:18px}
.density-compact .btn{padding:8px 12px}
.density-compact .list-row,.density-compact .artifact-item,.density-compact .result-item,.density-compact .finding-item{padding:12px}
.panel-focus-btn,.panel-toggle-btn,.panel-hide-btn{white-space:nowrap}
.topbar-shortcut-btn{display:inline-flex;align-items:center;gap:8px}
.shortcut-hint{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#d7e5f7;font-size:.72rem;line-height:1.1;white-space:nowrap}
.guided-strip{display:grid;gap:14px;padding:18px 20px;border:1px solid rgba(96,165,250,.16);border-radius:24px;background:linear-gradient(135deg,rgba(10,20,34,.94),rgba(13,27,45,.9));box-shadow:var(--shadow)}
.guided-strip-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap}
.guided-strip-copy{display:grid;gap:6px;max-width:880px}
.guided-strip-title{font-size:1.04rem;font-weight:700;color:#fff}
.guided-strip-text{color:#d6e4f8;line-height:1.7;max-width:74ch}
.guided-strip-dismiss{white-space:nowrap}
.guided-strip-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.guided-action-card{width:100%;display:grid;gap:10px;align-content:start;min-height:132px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.025));color:var(--text);cursor:pointer;text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.guided-action-card:hover,.guided-action-card:focus-visible{transform:translateY(-2px);border-color:rgba(96,165,250,.28);background:linear-gradient(180deg,rgba(96,165,250,.10),rgba(255,255,255,.03));box-shadow:0 20px 40px rgba(0,0,0,.18);outline:none}
.guided-action-card.disabled,.guided-action-card:disabled{opacity:.56;cursor:not-allowed;transform:none;box-shadow:none}
.guided-action-title-row{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.guided-action-title{font-weight:700;color:#fff}
.guided-action-copy{color:#d7e5f7;line-height:1.6}
.guided-action-meta{font-size:.82rem;color:var(--muted)}
.view-composer-strip{display:grid;gap:14px;padding:18px 20px;border:1px solid rgba(125,211,252,.16);border-radius:24px;background:linear-gradient(135deg,rgba(8,18,31,.92),rgba(15,28,46,.88))}
.view-composer-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap}
.view-composer-copy{display:grid;gap:6px;max-width:880px}
.view-composer-title{font-size:1.04rem;font-weight:700;color:#fff}
.view-composer-text{color:#d6e4f8;line-height:1.7;max-width:76ch}
.view-composer-reorder-hint{font-size:.84rem;color:#bcd2ee;line-height:1.55}
.view-composer-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.view-composer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.view-composer-card{display:grid;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.025))}
.view-composer-card.is-active{border-color:rgba(96,165,250,.28);background:linear-gradient(180deg,rgba(96,165,250,.10),rgba(255,255,255,.04))}
.view-composer-card.is-focused{box-shadow:0 0 0 1px rgba(96,165,250,.22),0 20px 40px rgba(59,130,246,.12)}
.view-composer-card.is-collapsed{border-style:dashed}
.view-composer-card.is-hidden{border-style:dashed;opacity:.94}
.view-composer-card.is-dragging{opacity:.72;transform:scale(.99)}
.view-composer-card.is-drop-target{border-color:rgba(251,0,29,.3);box-shadow:0 0 0 1px rgba(251,0,29,.18),0 18px 38px rgba(0,0,0,.16)}
.view-composer-card-utility{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.view-composer-card-utility-copy{font-size:.76rem;color:var(--muted)}
.view-composer-card-utility-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.view-composer-card-order-label{text-transform:uppercase;letter-spacing:.12em}
.view-composer-drag-handle,.panel-layout-drag-handle{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:34px;padding:0 10px;border:1px dashed rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.03);color:#dbe7f8;cursor:grab;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.view-composer-drag-handle:hover,.view-composer-drag-handle:focus-visible,.panel-layout-drag-handle:hover,.panel-layout-drag-handle:focus-visible{border-color:rgba(251,0,29,.28);background:rgba(251,0,29,.08);transform:translateY(-1px);outline:none}
.view-composer-drag-handle:active,.panel-layout-drag-handle:active{cursor:grabbing}
.view-composer-order-btn,.panel-layout-order-btn{padding:7px 10px;min-height:auto;font-size:.78rem}
.view-composer-card-main{width:100%;display:grid;gap:10px;border:0;background:transparent;color:inherit;padding:0;text-align:left;cursor:pointer}
.view-composer-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.view-composer-card-title{font-weight:700;color:#fff}
.view-composer-card-meta{font-size:.8rem;color:#c7dbf5;white-space:nowrap}
.view-composer-card-copy{color:#d4e4f8;line-height:1.6;font-size:.92rem}
.view-composer-card-state,.view-composer-card-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.view-composer-card-actions{padding-top:2px}
.view-composer-mini-action{flex:1 1 0;justify-content:center}
.panel-layout-deck{display:grid;gap:12px}
.panel-layout-deck-nested{gap:10px}
.panel-layout-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;padding:10px 2px 0}
.panel-layout-hint{font-size:.88rem;color:#c6d8f1;line-height:1.55;max-width:74ch}
.panel-layout-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.panel-layout-grid{display:grid;gap:14px}
.panel-layout-grid.panel-layout-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.panel-layout-item{display:grid;gap:10px}
.panel-layout-item.full-span{grid-column:1/-1}
.panel-layout-item.is-dragging{opacity:.74}
.panel-layout-item.is-drop-target>.panel{border-color:rgba(251,0,29,.26);box-shadow:0 0 0 1px rgba(251,0,29,.14),0 22px 42px rgba(0,0,0,.18)}
.panel-layout-item-tools{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;padding:0 4px}
.panel-layout-item-copy{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.panel-layout-item-meta{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(219,231,248,.66)}
.panel-layout-item-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.section-outline{display:grid;gap:12px;padding:14px 16px;border:1px solid rgba(251,0,29,.16);border-radius:22px;background:linear-gradient(135deg,rgba(9,18,31,.94),rgba(15,26,41,.9));box-shadow:0 18px 40px rgba(0,0,0,.22)}
.section-outline-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap}
.section-outline-copy{display:grid;gap:6px;max-width:840px}
.section-outline-title{font-size:1rem;font-weight:800;color:#fff}
.section-outline-text{color:#d2e0f4;line-height:1.62;max-width:76ch}
.section-outline-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.section-outline-scroll{overflow:auto;scrollbar-width:thin}
.section-outline-row{display:flex;gap:10px;min-width:max-content;padding-bottom:2px}
.section-outline-pill{min-width:210px;max-width:240px;display:grid;gap:8px;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.025));color:var(--text);cursor:pointer;text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.section-outline-pill:hover,.section-outline-pill:focus-visible{transform:translateY(-1px);border-color:rgba(251,0,29,.28);background:linear-gradient(180deg,rgba(251,0,29,.10),rgba(255,255,255,.03));box-shadow:0 14px 34px rgba(0,0,0,.18);outline:none}
.section-outline-pill.is-active{border-color:rgba(96,165,250,.28);background:linear-gradient(180deg,rgba(96,165,250,.12),rgba(255,255,255,.03))}
.section-outline-pill.is-focused{box-shadow:0 0 0 1px rgba(96,165,250,.22),0 20px 44px rgba(59,130,246,.12)}
.section-outline-pill.is-hidden,.section-outline-pill.is-collapsed{border-style:dashed}
.section-outline-pill-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.section-outline-pill-label{font-weight:800;color:#fff}
.section-outline-pill-state{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);font-size:.72rem;color:#d7e6f8;white-space:nowrap}
.section-outline-pill-meta{font-size:.8rem;color:#bdd1ec}
.section-outline-pill-copy{color:var(--muted);line-height:1.55;font-size:.9rem}
.hidden-panels-tray{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;padding:14px 16px;border:1px dashed rgba(255,255,255,.14);border-radius:22px;background:rgba(8,18,31,.58)}
.hidden-panels-copy{display:grid;gap:6px;max-width:760px}
.hidden-panels-title{font-size:1rem;font-weight:700;color:#fff}
.hidden-panels-text{color:var(--muted);line-height:1.65}
.hidden-panels-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.hidden-panel-chip{display:inline-flex;align-items:center;gap:10px}
.hidden-panel-chip-label{font-weight:700}
.hidden-panel-chip-meta{font-size:.8rem;color:var(--muted)}
.shell-dock{position:fixed;right:18px;bottom:18px;z-index:70;display:grid;gap:12px;max-width:min(560px,calc(100vw - 36px));padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(135deg,rgba(8,18,31,.94),rgba(13,24,39,.9));box-shadow:0 24px 70px rgba(0,0,0,.34);backdrop-filter:blur(18px)}
.shell-dock-copy{display:grid;gap:4px}
.shell-dock-title{font-size:.98rem;font-weight:800;color:#fff}
.shell-dock-text{font-size:.9rem;line-height:1.6;color:var(--muted)}
.shell-dock-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.shell-dock-btn{display:inline-flex;align-items:center;gap:10px}
.shell-dock-btn-label{font-weight:700}
.shell-dock-btn-meta{font-size:.78rem;color:var(--muted)}
.guided-empty-state{display:grid;gap:10px;text-align:left;background:linear-gradient(180deg,rgba(12,22,38,.85),rgba(9,18,31,.78))}
.guided-empty-title{font-size:1rem;font-weight:700;color:#fff}
.guided-empty-copy{color:#cfdef4;line-height:1.65}
.guided-empty-actions{display:flex;flex-wrap:wrap;gap:10px}
.command-palette-backdrop{position:fixed;inset:0;z-index:75;display:flex;align-items:flex-start;justify-content:center;padding:72px 16px 24px;background:rgba(2,8,15,.7);backdrop-filter:blur(14px)}
.command-palette{width:min(860px,100%);max-height:calc(100vh - 96px);display:grid;grid-template-rows:auto 1fr;border:1px solid rgba(96,165,250,.2);border-radius:28px;background:linear-gradient(180deg,rgba(9,18,31,.98),rgba(6,14,24,.96));box-shadow:0 30px 100px rgba(0,0,0,.45);overflow:hidden}
.command-palette-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:18px;border-bottom:1px solid rgba(255,255,255,.08)}
.command-palette-search{flex:1;min-width:0}
.command-palette-input{font-size:1.02rem;padding:14px 16px}
.command-palette-head-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}
.command-palette-result-count{font-size:.8rem;color:var(--muted)}
.command-palette-list{display:grid;gap:10px;padding:12px;overflow:auto}
.command-palette-item{width:100%;display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.03);color:var(--text);cursor:pointer;text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.command-palette-item:hover,.command-palette-item.is-active{transform:translateY(-1px);border-color:rgba(96,165,250,.28);background:rgba(96,165,250,.10);outline:none}
.command-palette-item.is-primary{border-color:rgba(96,165,250,.18)}
.command-palette-item.disabled,.command-palette-item:disabled{opacity:.56;cursor:not-allowed;transform:none}
.command-palette-item-copy{display:grid;gap:6px;min-width:0}
.command-palette-item-title{font-weight:700;color:#fff}
.command-palette-item-subtitle{color:var(--muted);line-height:1.55}
.command-palette-item-meta{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.hero-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}

.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.data-table-shell{display:grid;gap:12px}
.data-table-toolbar{display:grid;gap:12px;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(8,18,31,.5)}
.data-table-toolbar-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.data-table-toolbar-search{flex:1 1 320px;min-width:min(100%,280px)}
.data-table-search-input{padding-right:16px}
.data-table-toolbar-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.data-table-toolbar-btn{white-space:nowrap}
.data-table-column-picker{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.data-table-column-chip{white-space:nowrap}
.reverse-canvas-view{gap:16px}
.reverse-canvas-layout-deck .panel-layout-head{padding-top:0}
.reverse-canvas-layout-deck .panel-layout-hint{color:#d8e3f5}
.reverse-canvas-layout-deck .panel-layout-grid.panel-layout-grid-two{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr)}
.reverse-canvas-pane-focus-canvas .panel-layout-grid.panel-layout-grid-two{grid-template-columns:minmax(0,1fr)}
.reverse-canvas-pane-focus-evidence .panel-layout-grid.panel-layout-grid-two{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr)}
.reverse-canvas-pane-focus-evidence .panel-layout-item.full-span{grid-column:auto}
.reverse-canvas-hero{
  border:1px solid rgba(251,0,29,.18);
  background:
    radial-gradient(circle at top right, rgba(251,0,29,.16), transparent 34%),
    linear-gradient(145deg, rgba(31,8,14,.92), rgba(12,21,36,.92));
  box-shadow:0 24px 70px rgba(0,0,0,.2);
}
.reverse-canvas-anchor-strip{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}
.reverse-canvas-history-strip{
  display:grid;
  gap:12px;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.08);
}
.reverse-canvas-history-actions{display:flex;gap:10px;flex-wrap:wrap}
.reverse-canvas-history-list{display:flex;gap:10px;flex-wrap:wrap}
.reverse-canvas-history-chip{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  color:var(--text);
  border-radius:999px;
  padding:8px 12px;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.reverse-canvas-history-chip:hover,
.reverse-canvas-history-chip:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(251,0,29,.24);
  background:rgba(251,0,29,.10);
  outline:none;
}
.reverse-canvas-history-chip.active{
  border-color:rgba(251,0,29,.32);
  background:rgba(251,0,29,.14);
}
.reverse-canvas-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.reverse-canvas-overview-grid{align-items:start}
.reverse-canvas-family-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.reverse-canvas-family-card,
.reverse-canvas-atlas-card,
.reverse-canvas-pivot-card{
  text-align:left;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.reverse-canvas-family-card{
  display:grid;
  gap:8px;
  width:100%;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  color:var(--text);
  cursor:pointer;
}
.reverse-canvas-family-card:hover,
.reverse-canvas-family-card:focus-visible,
.reverse-canvas-atlas-card:hover,
.reverse-canvas-atlas-card:focus-visible,
.reverse-canvas-pivot-card:hover,
.reverse-canvas-pivot-card:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(251,0,29,.28);
  box-shadow:0 18px 38px rgba(0,0,0,.18);
  outline:none;
}
.reverse-canvas-family-card.active,
.reverse-canvas-atlas-card.active{
  border-color:rgba(251,0,29,.34);
  background:
    radial-gradient(circle at top right, rgba(251,0,29,.12), transparent 42%),
    linear-gradient(180deg, rgba(251,0,29,.10), rgba(255,255,255,.03));
  box-shadow:0 0 0 1px rgba(251,0,29,.18),0 20px 44px rgba(0,0,0,.2);
}
.reverse-canvas-family-label{font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:#ffb4be}
.reverse-canvas-family-value{font-size:1.52rem;font-weight:800;color:#fff}
.reverse-canvas-family-copy{color:#d5e2f6;line-height:1.58;font-size:.92rem}
.reverse-canvas-signal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.reverse-canvas-signal-card{
  display:grid;
  gap:6px;
  padding:12px 14px;
  border:1px solid rgba(251,0,29,.14);
  border-radius:18px;
  background:
    radial-gradient(circle at top right, rgba(251,0,29,.08), transparent 34%),
    rgba(9,19,32,.78);
}
.reverse-canvas-signal-value{font-size:1.44rem;font-weight:800;color:#fff}
.reverse-canvas-signal-label{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#ffb4be}
.reverse-canvas-signal-meta{font-size:.86rem;line-height:1.5;color:#d8e3f5}
.reverse-canvas-lens-tabs{margin-bottom:12px}
.reverse-canvas-lens-copy{color:#dbe7f8;line-height:1.62;margin-bottom:14px}
.reverse-canvas-lens-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.reverse-canvas-lens-card{
  width:100%;
  display:grid;
  gap:8px;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  background:
    radial-gradient(circle at top right, rgba(251,0,29,.06), transparent 34%),
    rgba(8,17,29,.72);
  color:var(--text);
  text-align:left;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.reverse-canvas-lens-card:hover,
.reverse-canvas-lens-card:focus-visible,
.reverse-canvas-lens-card.is-pivot{
  border-color:rgba(251,0,29,.2);
}
.reverse-canvas-lens-card:hover,
.reverse-canvas-lens-card:focus-visible{
  transform:translateY(-2px);
  background:
    radial-gradient(circle at top right, rgba(251,0,29,.12), transparent 38%),
    rgba(11,21,36,.9);
  box-shadow:0 18px 38px rgba(0,0,0,.18);
  outline:none;
}
.reverse-canvas-lens-card.is-current{border-color:rgba(251,0,29,.3)}
.reverse-canvas-lens-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.reverse-canvas-lens-role{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:#ffb4be}
.reverse-canvas-lens-label{margin-top:4px;font-weight:800;color:#fff}
.reverse-canvas-lens-meta{font-size:.86rem;color:#d8e3f5;line-height:1.5}
.reverse-canvas-lens-summary{font-size:.92rem;color:#e7eefb;line-height:1.6}
.reverse-canvas-chain-grid{display:grid;gap:12px}
.reverse-canvas-chain-card{
  width:100%;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:14px;
  align-items:start;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  background:
    radial-gradient(circle at top right, rgba(251,0,29,.07), transparent 34%),
    rgba(8,17,29,.72);
  color:var(--text);
  text-align:left;
}
.reverse-canvas-chain-card.is-button{cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.reverse-canvas-chain-card.is-button:hover,
.reverse-canvas-chain-card.is-button:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(251,0,29,.28);
  background:
    radial-gradient(circle at top right, rgba(251,0,29,.12), transparent 38%),
    rgba(11,21,36,.9);
  box-shadow:0 18px 38px rgba(0,0,0,.18);
  outline:none;
}
.reverse-canvas-chain-card.is-current{border-color:rgba(251,0,29,.2)}
.reverse-canvas-chain-index{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1px solid rgba(251,0,29,.22);
  background:rgba(43,9,15,.72);
  color:#fff;
  font-size:.82rem;
  font-weight:800;
}
.reverse-canvas-chain-copy{display:grid;gap:6px;min-width:0}
.reverse-canvas-chain-role{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:#ffb4be}
.reverse-canvas-chain-label{font-weight:800;color:#fff}
.reverse-canvas-chain-meta{font-size:.86rem;color:#d8e3f5;line-height:1.5}
.reverse-canvas-chain-summary{font-size:.92rem;color:#e7eefb;line-height:1.6}
.reverse-canvas-atlas-toolbar{
  border-color:rgba(251,0,29,.14);
  background:
    radial-gradient(circle at top right, rgba(251,0,29,.10), transparent 36%),
    rgba(8,18,31,.56);
}
.reverse-canvas-category-tabs .segmented-tab.active{
  border-color:rgba(251,0,29,.32);
  background:rgba(251,0,29,.12);
}
.reverse-canvas-category-copy{
  color:#dbe7f8;
  line-height:1.65;
  padding:2px 2px 0;
  max-width:78ch;
}
.reverse-canvas-atlas-list{
  display:grid;
  gap:12px;
  align-content:start;
  max-height:760px;
  padding-right:4px;
}
.reverse-canvas-atlas-card{
  width:100%;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.04), transparent 36%),
    rgba(8,17,29,.72);
}
.reverse-canvas-graph-controls{display:grid;gap:12px}
.reverse-canvas-graph-mode-tabs .segmented-tab.active{
  border-color:rgba(251,0,29,.32);
  background:rgba(251,0,29,.12);
}
.reverse-canvas-toolbar-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start}
.reverse-canvas-markers{min-height:100%}
.reverse-canvas-markers .context-strip{justify-content:flex-start}
.reverse-canvas-node-inspector{
  display:grid;
  gap:12px;
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.08);
}
.reverse-canvas-node-actions{justify-content:flex-start}
.reverse-canvas-node-empty{margin-top:14px;line-height:1.6}
.reverse-canvas-graph{
  border-style:solid;
  border-color:rgba(251,0,29,.16);
  background:
    radial-gradient(circle at 16% 18%, rgba(251,0,29,.10), transparent 26%),
    radial-gradient(circle at 84% 24%, rgba(96,165,250,.08), transparent 30%),
    radial-gradient(circle at center, rgba(12,22,38,.98), rgba(5,12,21,.98));
}
.reverse-canvas-graph .graph-svg{height:720px}
.reverse-canvas-graph .graph-edge-tainted{stroke:#fb001d}
.reverse-canvas-graph .graph-node:hover circle,
.reverse-canvas-graph .graph-node-selected{filter:drop-shadow(0 0 14px rgba(251,0,29,.34))}
.reverse-canvas-error{
  border-color:rgba(251,0,29,.28);
  background:rgba(62,11,19,.56);
  color:#ffdce2;
}
.reverse-canvas-pivot-card{
  width:100%;
  background:
    radial-gradient(circle at top right, rgba(251,0,29,.06), transparent 34%),
    rgba(8,17,29,.72);
  cursor:pointer;
}
.reverse-canvas-pivot-card:hover,
.reverse-canvas-pivot-card:focus-visible{
  background:
    radial-gradient(circle at top right, rgba(251,0,29,.12), transparent 38%),
    rgba(11,21,36,.9);
}
.http-recon-view{gap:16px}
.http-recon-layout-deck .panel-layout-head{padding-top:0}
.http-recon-layout-deck .panel-layout-hint{color:#d8e3f5}
.http-recon-layout-deck .panel-layout-grid.panel-layout-grid-two{grid-template-columns:minmax(320px,.86fr) minmax(0,1.14fr)}
.http-recon-pane-focus-request .panel-layout-grid.panel-layout-grid-two{grid-template-columns:minmax(0,1fr)}
.http-recon-pane-focus-analysis .panel-layout-grid.panel-layout-grid-two{grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr)}
.http-recon-pane-focus-analysis .panel-layout-item.full-span{grid-column:auto}
.hybrid-support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hybrid-support-card,.hybrid-support-surface-card,.hybrid-support-bundle-card{
  border-color:rgba(251,0,29,.14);
  background:
    radial-gradient(circle at top right, rgba(251,0,29,.08), transparent 34%),
    rgba(8,17,29,.72);
}
.hybrid-support-script-block{
  max-height:320px;
  overflow:auto;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(4,10,18,.92);
}
.http-recon-hero{
  border:1px solid rgba(251,0,29,.18);
  background:
    radial-gradient(circle at top right, rgba(251,0,29,.18), transparent 34%),
    linear-gradient(145deg, rgba(31,8,14,.92), rgba(12,21,36,.92));
  box-shadow:0 24px 70px rgba(0,0,0,.2);
}
.http-recon-anchor-strip{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}
.http-recon-stats{grid-template-columns:repeat(5,minmax(0,1fr))}
.http-recon-overview-grid,.http-recon-request-grid,.http-recon-related-grid{align-items:start}
.http-recon-rebuild-panel{
  border-color:rgba(251,0,29,.16);
  background:
    radial-gradient(circle at top right, rgba(251,0,29,.12), transparent 34%),
    linear-gradient(180deg, rgba(24,9,12,.92), rgba(9,18,31,.9));
}
.http-recon-rebuild-meta-panel{min-height:100%}
.http-recon-rebuild-meta{margin-bottom:10px}
.http-recon-warning{
  border-color:rgba(251,0,29,.2);
  background:rgba(58,12,18,.44);
  color:#ffd8df;
}
.http-recon-family-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.http-recon-family-card{
  width:100%;
  display:grid;
  gap:8px;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  background:
    radial-gradient(circle at top right, rgba(251,0,29,.08), transparent 34%),
    rgba(8,17,29,.72);
  color:var(--text);
  text-align:left;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.http-recon-family-card:hover,
.http-recon-family-card:focus-visible,
.http-recon-request-card:hover,
.http-recon-request-card:focus-visible,
.http-recon-related-card:hover,
.http-recon-related-card:focus-visible,
.http-recon-catalog-card:hover,
.http-recon-catalog-card:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(251,0,29,.28);
  box-shadow:0 18px 38px rgba(0,0,0,.18);
  outline:none;
}
.http-recon-family-card.active,
.http-recon-request-card.active,
.http-recon-catalog-card.active{
  border-color:rgba(251,0,29,.34);
  background:
    radial-gradient(circle at top right, rgba(251,0,29,.12), transparent 42%),
    linear-gradient(180deg, rgba(251,0,29,.10), rgba(255,255,255,.03));
  box-shadow:0 0 0 1px rgba(251,0,29,.18),0 20px 44px rgba(0,0,0,.2);
}
.http-recon-family-label,.http-recon-signal-label{
  font-size:.78rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#ffb4be;
}
.http-recon-family-value,.http-recon-signal-value{font-size:1.46rem;font-weight:800;color:#fff}
.http-recon-family-copy,.http-recon-signal-meta{color:#d8e3f5;line-height:1.58}
.http-recon-inventory-toolbar{
  border-color:rgba(251,0,29,.14);
  background:
    radial-gradient(circle at top right, rgba(251,0,29,.10), transparent 36%),
    rgba(8,18,31,.56);
}
.http-recon-family-tabs .segmented-tab.active,
.http-recon-group-tabs .segmented-tab.active{
  border-color:rgba(251,0,29,.32);
  background:rgba(251,0,29,.12);
}
.http-recon-inventory-list,.http-recon-catalog-list{display:grid;gap:12px;align-content:start}
.http-recon-request-card,.http-recon-related-card,.http-recon-group-artifact,.http-recon-catalog-card{
  width:100%;
  border-color:rgba(251,0,29,.14);
  background:
    radial-gradient(circle at top right, rgba(251,0,29,.08), transparent 34%),
    rgba(8,17,29,.72);
}
.http-recon-request-card{cursor:pointer;text-align:left}
.http-recon-signal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.http-recon-signal-card{
  display:grid;
  gap:6px;
  padding:12px 14px;
  border:1px solid rgba(251,0,29,.14);
  border-radius:18px;
  background:
    radial-gradient(circle at top right, rgba(251,0,29,.08), transparent 34%),
    rgba(9,19,32,.78);
}
.http-recon-graph{
  border-style:solid;
  border-color:rgba(251,0,29,.16);
  background:
    radial-gradient(circle at 18% 18%, rgba(251,0,29,.10), transparent 26%),
    radial-gradient(circle at 82% 20%, rgba(96,165,250,.06), transparent 28%),
    radial-gradient(circle at center, rgba(12,22,38,.98), rgba(5,12,21,.98));
}
.http-recon-graph .graph-svg{height:620px}
.http-recon-graph .graph-edge-tainted{stroke:#fb001d}
.http-raw-block{
  margin:0;
  max-height:340px;
  overflow:auto;
  white-space:pre-wrap;
  word-break:break-word;
}
.http-recon-hypothesis-card{
  border-color:rgba(251,0,29,.16);
  background:linear-gradient(180deg, rgba(30,10,14,.92), rgba(13,20,32,.9));
}
.artifact-group-pane-focus-workbench .panel-layout-grid-two{grid-template-columns:minmax(0,1fr)}
.artifact-group-view .http-recon-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.http-recon-ai-grid{align-items:start}
.http-recon-ai-meta{margin-bottom:10px}
.http-recon-ai-block{margin:0;max-height:420px;overflow:auto}
.http-recon-error{
  border-color:rgba(251,0,29,.28);
  background:rgba(62,11,19,.56);
  color:#ffdce2;
}
.risk-replay-http-panel{border-color:rgba(255,120,120,.18);background:linear-gradient(180deg,rgba(20,10,10,.92),rgba(10,7,7,.86))}
.risk-replay-http-card{border-color:rgba(255,120,120,.16);background:linear-gradient(180deg,rgba(22,11,11,.9),rgba(12,8,8,.84))}
.data-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:rgba(8,18,31,.52)}
.data-table{width:100%;border-collapse:collapse;min-width:760px}
.data-table th,.data-table td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left;vertical-align:top}
.data-table th{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:rgba(255,255,255,.03)}
.data-table thead th{position:sticky;top:0;z-index:2;backdrop-filter:blur(10px)}
.data-table tbody tr:hover{background:rgba(96,165,250,.06)}
.table-empty{text-align:center;padding:18px}
.stat-card{background:linear-gradient(180deg,rgba(19,38,60,.95),rgba(15,30,49,.95));border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow)}
.stat-label{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.stat-value{font-size:2rem;font-weight:800;margin-top:8px}
.stat-meta{font-size:.92rem;color:var(--muted);margin-top:8px}

.view-grid{display:flex;flex-direction:column;gap:16px}
.columns{display:grid;gap:16px}
.columns.two{grid-template-columns:1fr 1fr}
.columns.three{grid-template-columns:repeat(3,1fr)}
.columns.compact{gap:12px}
.graph-layout{grid-template-columns:330px minmax(0,1fr) 370px;align-items:start}
.columns.two.single-column{grid-template-columns:minmax(0,1fr)}
.graph-layout.graph-layout-left-hidden{grid-template-columns:minmax(0,1fr) 370px}
.graph-layout.graph-layout-right-hidden{grid-template-columns:330px minmax(0,1fr)}
.graph-layout.graph-layout-left-hidden.graph-layout-right-hidden{grid-template-columns:minmax(0,1fr)}
.source-pane-layout.source-layout-left-hidden{grid-template-columns:minmax(0,1fr) 370px}
.source-pane-layout.source-layout-right-hidden{grid-template-columns:330px minmax(0,1fr)}
.source-pane-layout.source-layout-left-hidden.source-layout-right-hidden{grid-template-columns:minmax(0,1fr)}

.panel{background:linear-gradient(180deg,rgba(15,30,49,.97),rgba(10,20,34,.97));border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow)}
.inner-panel{padding:14px;border-radius:18px;background:rgba(8,18,31,.65)}
.panel-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}
.panel-head h3{margin:0;font-size:1.02rem}
.panel-actions,.toolbar,.topbar-actions,.row-actions{display:flex;gap:10px;align-items:center}
.toolbar.wrap{flex-wrap:wrap}
.form-grid{display:grid;gap:12px}
.form-grid.two{grid-template-columns:1fr 1fr}
.field{display:flex;flex-direction:column;gap:8px}
.field-label{font-size:.86rem;color:var(--muted)}

.input,.textarea,.select{
  width:100%;
  border:1px solid #29415f;
  background:#091626;
  color:var(--text);
  border-radius:14px;
  padding:12px 14px;
  outline:none;
}
.textarea{resize:vertical;min-height:120px}
.input:focus,.textarea:focus,.select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(59,130,246,.15)}

.btn{border:1px solid transparent;border-radius:14px;padding:10px 14px;cursor:pointer;transition:.18s;font-weight:600}
.btn-primary{background:linear-gradient(180deg,var(--primary),var(--primary-2));color:white}
.btn-primary:hover{filter:brightness(1.08)}
.btn-secondary{background:rgba(96,165,250,.1);border-color:rgba(96,165,250,.16);color:#dbeafe}
.btn-secondary:hover,.btn-ghost:hover{background:rgba(96,165,250,.15)}
.btn-ghost{background:transparent;border-color:#29415f;color:var(--text)}

.badge,.pill{
  display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;
  border:1px solid #2b4361;background:rgba(96,165,250,.1);font-size:.78rem
}
.badge-ok{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.22)}
.pill-row{display:flex;gap:8px;align-items:center;margin-bottom:12px}
.chip-wrap{display:flex;flex-wrap:wrap;gap:8px}
.sev-critical,.pill.sev-critical{background:rgba(239,68,68,.18)!important;border-color:rgba(239,68,68,.3)!important}
.sev-high,.pill.sev-high{background:rgba(249,115,22,.16)!important;border-color:rgba(249,115,22,.28)!important}
.sev-medium,.pill.sev-medium{background:rgba(245,158,11,.16)!important;border-color:rgba(245,158,11,.28)!important}
.sev-low,.pill.sev-low{background:rgba(59,130,246,.16)!important;border-color:rgba(59,130,246,.28)!important}
.sev-info,.pill.sev-info{background:rgba(148,163,184,.14)!important;border-color:rgba(148,163,184,.22)!important}

.stack-list{display:flex;flex-direction:column;gap:10px}
.list-row,.artifact-item,.result-item,.finding-item{
  border:1px solid var(--line);background:rgba(8,18,31,.82);border-radius:18px;padding:14px;transition:.18s
}
.list-row.active,.artifact-item:hover,.result-item:hover,.finding-item:hover{border-color:rgba(96,165,250,.32);background:rgba(17,31,49,.96)}
.list-row-main{display:flex;flex-direction:column;gap:8px}
.list-row-title,.artifact-title,.finding-title,.detail-title{font-weight:700}
.list-row-meta,.artifact-meta,.finding-meta,.muted{color:var(--muted)}
.small-gap{margin-top:4px}
.result-item,.finding-item{cursor:pointer;text-align:left}
.findings-list{max-height:70vh;overflow:auto}
.search-results{max-height:320px;overflow:auto}

.progress{height:8px;border-radius:999px;background:#0b1524;overflow:hidden;border:1px solid #223650}
.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),#22d3ee)}

.graph-wrapper{min-height:720px;border:1px dashed #244260;border-radius:22px;background:radial-gradient(circle at center,rgba(15,30,49,.98),rgba(6,14,24,.96));overflow:hidden;position:relative}
.graph-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.graph-svg{width:100%;height:720px;display:block}
.graph-edge{stroke:#36506c;stroke-width:1.8}
.graph-edge-tainted{stroke:#ef4444;stroke-width:2.2}
.graph-edge-label,.graph-node-kind,.graph-node-title{
  fill:#dbeafe;font-size:12px;text-anchor:middle;paint-order:stroke;stroke:#07111f;stroke-width:4px;stroke-linejoin:round
}
.graph-node-title{font-size:13px;font-weight:700}
.graph-node-kind{font-size:11px;fill:#cbd5e1}
.graph-node{cursor:pointer}
.graph-node circle{transition:.18s}
.graph-node:hover circle,.graph-node-selected{filter:drop-shadow(0 0 14px rgba(96,165,250,.45))}

.code-block{
  border:1px solid #213652;background:#071321;color:#dbeafe;border-radius:18px;padding:14px;max-height:380px;overflow:auto
}
.detail-text{color:#dbeafe}
.empty-state{border:1px dashed #27415d;border-radius:18px;padding:16px;color:var(--muted);text-align:center}
.artifact-list{display:flex;flex-direction:column;gap:10px}

.login-shell,.splash{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.login-card{
  width:min(520px,100%);
  background:linear-gradient(180deg,rgba(15,30,49,.98),rgba(8,18,31,.97));
  border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow);text-align:center
}
.login-form{display:flex;flex-direction:column;gap:14px;text-align:left;margin-top:20px}

.check{display:flex;align-items:center;gap:10px;color:var(--text)}
.checkbox-row{display:flex;flex-wrap:wrap;gap:12px;padding-top:4px}

.busy-overlay{
  position:fixed;inset:0;background:rgba(3,8,14,.6);backdrop-filter:blur(3px);
  display:flex;align-items:center;justify-content:center;z-index:60
}
.busy-card{background:rgba(7,17,31,.96);border:1px solid var(--line);border-radius:22px;padding:24px 28px;display:flex;align-items:center;gap:14px}
.spinner{width:22px;height:22px;border-radius:50%;border:3px solid rgba(255,255,255,.18);border-top-color:var(--primary);animation:spin 1s linear infinite}
.toast{
  position:fixed;right:18px;bottom:18px;z-index:80;
  padding:14px 18px;border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow);max-width:460px
}
.toast-ok{background:rgba(15,34,28,.97)}
.toast-error{background:rgba(45,16,18,.97);border-color:rgba(239,68,68,.35)}

@keyframes spin{to{transform:rotate(360deg)}}

@media (max-width: 1400px){
  .graph-layout{grid-template-columns:300px minmax(0,1fr)}
  .right-column{grid-column:1/-1}
  .graph-pane-focus-context,.source-pane-focus-detail,.risk-replay-pane-context,.demo-pane-notes{grid-template-columns:minmax(0,1fr)}
  .reverse-canvas-toolbar-grid{grid-template-columns:1fr}
  .reverse-canvas-layout-deck .panel-layout-grid.panel-layout-grid-two,
  .reverse-canvas-pane-focus-evidence .panel-layout-grid.panel-layout-grid-two{grid-template-columns:1fr}
  .reverse-canvas-pane-focus-evidence .panel-layout-item.full-span{grid-column:1/-1}
  .reverse-canvas-signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .reverse-canvas-lens-grid{grid-template-columns:1fr}
}
@media (max-width: 1120px){
  .app-shell{grid-template-columns:1fr}
  .sidebar{border-right:none;border-bottom:1px solid var(--line)}
  .app-shell.shell-sidebar-collapsed{grid-template-columns:1fr}
  .sidebar.sidebar-collapsed{padding:14px}
  .sidebar.sidebar-collapsed .nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px}
  .sidebar.sidebar-collapsed .sidebar-footer-collapsed{flex-direction:row;justify-content:center}
  .columns.two,.columns.three,.hero-grid,.graph-layout,.form-grid.two,.stats-grid,.graph-pane-focus-context,.source-pane-focus-detail,.risk-replay-pane-context,.demo-pane-notes{grid-template-columns:1fr}
  .topbar,.console-utility-bar{flex-direction:column;align-items:stretch}
  .topbar-actions{justify-content:flex-start}
  .density-switcher{min-width:0}
  .segmented-tabs{width:100%}
  .segmented-tab{flex:1 1 180px;justify-content:space-between}
  .view-composer-head{flex-direction:column}
  .view-composer-grid{grid-template-columns:1fr}
  .view-composer-card-utility{flex-direction:column;align-items:flex-start}
  .view-composer-card-utility-actions{width:100%}
  .section-outline-head{flex-direction:column}
  .section-outline-row{min-width:0}
  .section-outline-pill{min-width:min(240px,calc(100vw - 72px))}
  .list-filter-bar{align-items:stretch}
  .panel-layout-head{flex-direction:column}
  .panel-layout-grid.panel-layout-grid-two{grid-template-columns:1fr}
  .panel-layout-item-tools{flex-direction:column;align-items:flex-start}
  .panel-layout-item-actions{width:100%}
  .hidden-panels-tray{flex-direction:column}
  .hidden-panels-actions{width:100%}
  .module-pulse-head{flex-direction:column}
  .module-pulse-meta{white-space:normal}
  .module-pulse-stats,.module-pulse-insights{grid-template-columns:1fr}
  .shell-dock{left:14px;right:14px;bottom:14px;max-width:none}
  .guided-strip-actions{grid-template-columns:1fr}
  .data-table-toolbar-head{flex-direction:column}
  .data-table-toolbar-actions{justify-content:flex-start}
  .command-palette-head{flex-direction:column}
  .command-palette-head-meta,.command-palette-item-meta{justify-content:flex-start}
  .command-palette-item{flex-direction:column}
  .reverse-canvas-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .reverse-canvas-family-grid{grid-template-columns:1fr}
  .reverse-canvas-atlas-list{max-height:none}
  .reverse-canvas-chain-card{grid-template-columns:auto minmax(0,1fr)}
  .reverse-canvas-lens-head{flex-direction:column}
  .reverse-canvas-history-actions{width:100%}
}
@media (max-width: 720px){
  .reverse-canvas-stats{grid-template-columns:1fr}
  .reverse-canvas-anchor-strip{flex-direction:column;align-items:flex-start}
  .reverse-canvas-signal-grid{grid-template-columns:1fr}
  .reverse-canvas-history-list{flex-direction:column}
}


/* Static marketing shell and public navigation */
:root{--line:rgba(255,255,255,.10);--line-strong:rgba(103,232,249,.22);--text:#f8fbff;--muted:rgba(226,232,240,.72);--muted-2:rgba(226,232,240,.52);--cyan:#67e8f9}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top, rgba(34,211,238,.10), transparent 30%), radial-gradient(circle at 80% 20%, rgba(232,121,249,.10), transparent 24%), linear-gradient(180deg, #050816 0%, #07111f 100%)}.mobile-only{display:none}.desktop-only{display:flex}.public-shell{position:relative;min-height:100vh;overflow:hidden;background:transparent;color:var(--text)}.public-main{position:relative;z-index:2}.public-glow{pointer-events:none;position:fixed;border-radius:999px;filter:blur(90px);opacity:.28;z-index:0}.glow-a{width:420px;height:420px;left:-60px;top:120px;background:rgba(34,211,238,.22)}.glow-b{width:360px;height:360px;right:-40px;top:180px;background:rgba(232,121,249,.18)}.glow-c{width:420px;height:420px;left:38%;bottom:-140px;background:rgba(16,185,129,.10)}.marketing-container{width:min(1180px, calc(100% - 48px));margin:0 auto}.marketing-header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:rgba(5,8,22,.72);backdrop-filter:blur(18px)}.marketing-header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0}.brand-hero{background:none;border:0;padding:0;cursor:pointer}.brand-logo-static{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(96,165,250,.25))}.brand-tagline{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:rgba(103,232,249,.82)}.brand-subtitle-public{font-size:12px;color:rgba(255,255,255,.55);margin-top:4px}.marketing-nav{align-items:center;gap:10px;padding:8px;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:999px}.marketing-nav-link{border:0;background:transparent;color:rgba(255,255,255,.72);padding:10px 16px;border-radius:999px;font-size:14px;cursor:pointer;transition:.18s ease}.marketing-nav-link:hover,.marketing-nav-link.active{background:#fff;color:#08101f}.marketing-actions{display:flex;align-items:center;gap:12px}.menu-toggle{width:44px;height:44px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff;font-size:20px}.marketing-mobile-menu{padding:0 24px 18px;display:grid;gap:10px;border-top:1px solid var(--line);background:rgba(5,8,22,.94);position:relative;z-index:3}.marketing-mobile-link{border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff;padding:14px 16px;border-radius:18px;text-align:left;cursor:pointer}.marketing-mobile-link.accent{border-color:var(--line-strong);background:rgba(34,211,238,.08);color:#c4fbff}.hero-section{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:42px;align-items:center;padding:72px 0 36px}.hero-eyebrow{display:inline-flex;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);margin-bottom:18px}.hero-title{font-size:clamp(42px,6vw,74px);line-height:.98;letter-spacing:-.04em;margin:0;max-width:14ch}.hero-subtitle,.marketing-copy{font-size:16px;line-height:1.85;color:var(--muted);max-width:760px}.hero-subtitle{font-size:20px;max-width:620px;margin-top:20px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:32px}.marketing-metric{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:26px;padding:20px;box-shadow:0 20px 50px rgba(0,0,0,.18)}.marketing-metric-value{font-size:34px;font-weight:700;color:#fff}.marketing-metric-label{font-size:14px;color:var(--muted);line-height:1.6;margin-top:8px}.hero-visual{position:relative}.visual-panel{position:relative;border:1px solid var(--line);background:rgba(255,255,255,.05);backdrop-filter:blur(20px);border-radius:34px;padding:18px;box-shadow:0 30px 120px rgba(0,0,0,.28)}.visual-topline{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.visual-title{font-size:16px;font-weight:600;color:#fff}.visual-subtitle{font-size:12px;color:var(--muted-2)}.graph-stage{position:relative;height:360px;border-radius:26px;border:1px solid var(--line);background:radial-gradient(circle at center, rgba(34,211,238,.10), transparent 40%), linear-gradient(135deg, rgba(255,255,255,.02), rgba(255,255,255,.03));overflow:hidden}.graph-node{position:absolute;padding:10px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(10,15,31,.88);font-size:12px;color:rgba(255,255,255,.84);box-shadow:0 12px 32px rgba(0,0,0,.28)}.graph-node::before{content:"";position:absolute;width:10px;height:10px;border-radius:999px;left:50%;top:-16px;transform:translateX(-50%);background:var(--cyan);box-shadow:0 0 25px rgba(34,211,238,.9)}.graph-node.n1{left:8%;top:22%}.graph-node.n2{left:27%;top:8%}.graph-node.n3{left:30%;top:56%}.graph-node.n4{left:54%;top:16%}.graph-node.n5{left:58%;top:58%}.graph-node.n6{left:79%;top:34%}.graph-line{position:absolute;height:1px;background:linear-gradient(90deg, rgba(34,211,238,.88), rgba(255,255,255,.54), rgba(232,121,249,.74));transform-origin:left center;opacity:.68}.graph-line.l1{left:14%;top:30%;width:128px;transform:rotate(-18deg)}.graph-line.l2{left:16%;top:32%;width:152px;transform:rotate(29deg)}.graph-line.l3{left:38%;top:17%;width:150px;transform:rotate(16deg)}.graph-line.l4{left:38%;top:61%;width:164px;transform:rotate(3deg)}.graph-line.l5{left:62%;top:29%;width:138px;transform:rotate(11deg)}.graph-line.l6{left:68%;top:60%;width:112px;transform:rotate(-18deg)}.mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.mini-stat{border:1px solid var(--line);background:rgba(255,255,255,.05);border-radius:20px;padding:14px;font-size:13px;color:#fff}.section-block{padding:88px 0 20px;position:relative;z-index:2}.strip-section{padding:18px 0 20px;position:relative;z-index:2}.strip-grid,.section-split,.dual-panels,.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.benefit-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.benefit-list.compact{grid-template-columns:1fr}.benefit-item{border:1px solid var(--line);background:rgba(13,18,36,.72);border-radius:24px;padding:18px;color:rgba(255,255,255,.80);line-height:1.7}.marketing-card{border:1px solid var(--line);background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));border-radius:30px;padding:28px;box-shadow:0 25px 60px rgba(0,0,0,.18)}.marketing-kicker,.eyebrow{font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:rgba(103,232,249,.86);margin-bottom:12px}.marketing-card-title,.section-heading h2,.section-split h2,.cta-copy h2,.page-title{font-size:clamp(28px,4vw,52px);line-height:1.08;letter-spacing:-.03em;margin:0;color:#fff}.section-heading{max-width:820px;margin-bottom:28px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.codeflow-shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:32px;padding:18px}.codeflow-pane,.flow-pane{border:1px solid var(--line);border-radius:22px;padding:18px;background:rgba(7,12,24,.78)}.flow-pane{background:linear-gradient(135deg, rgba(34,211,238,.10), rgba(232,121,249,.10))}.pane-title{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.54);margin-bottom:14px}.code-line{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:14px;padding:10px 12px;margin-bottom:10px;color:rgba(255,255,255,.74);font-size:14px}.flow-step{display:flex;gap:12px;align-items:flex-start;border:1px solid rgba(255,255,255,.10);background:rgba(7,12,24,.52);border-radius:18px;padding:12px 14px;margin-bottom:10px;color:rgba(255,255,255,.78);font-size:14px;line-height:1.7}.flow-badge{width:26px;height:26px;border-radius:999px;background:rgba(255,255,255,.10);display:inline-flex;align-items:center;justify-content:center;color:#c8fbff;font-size:12px;font-weight:700;flex:0 0 auto}.product-card-grid,.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.product-card{border:1px solid var(--line);background:rgba(255,255,255,.05);border-radius:28px;padding:20px}.product-visual{height:118px;border-radius:22px;border:1px solid rgba(103,232,249,.14);background:linear-gradient(135deg, rgba(34,211,238,.12), rgba(232,121,249,.10));margin-bottom:18px}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chip{display:inline-flex;padding:8px 12px;border-radius:999px;border:1px solid rgba(103,232,249,.22);background:rgba(34,211,238,.10);font-size:12px;color:#bdf6ff}.pricing-card{border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:30px;padding:24px}.pricing-card.featured{border-color:rgba(103,232,249,.28);background:linear-gradient(180deg, rgba(34,211,238,.12), rgba(255,255,255,.04));box-shadow:0 0 70px rgba(34,211,238,.08)}.pricing-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.pricing-name{font-size:22px;font-weight:700;color:#fff}.pricing-tag{font-size:14px;color:var(--muted)}.pricing-price{font-size:38px;font-weight:700;color:#fff;margin-top:28px}.pricing-note{font-size:14px;color:var(--muted);margin-left:6px}.pricing-items{display:grid;gap:10px;margin-top:22px}.pricing-item{font-size:14px;color:rgba(255,255,255,.80);line-height:1.7}.cta-block{padding-bottom:100px}.wider{max-width:780px}.standalone-page{padding:78px 0 100px;position:relative;z-index:2}.faq-list{display:grid;gap:16px;margin-top:26px}.faq-item{border:1px solid var(--line);background:rgba(255,255,255,.05);border-radius:24px;padding:22px}.faq-item h3{margin:0 0 12px;font-size:20px}.contact-copy-card,.contact-form-card,.login-marketing,.login-form-card{border:1px solid var(--line);background:rgba(255,255,255,.05);border-radius:30px;padding:28px;box-shadow:0 25px 60px rgba(0,0,0,.18)}.public-form{display:grid;gap:16px}.success-card{border:1px solid rgba(16,185,129,.20);background:rgba(16,185,129,.10);border-radius:24px;padding:26px}.success-card h3{margin:0 0 10px;font-size:28px}.contact-points{display:grid;gap:12px;margin-top:20px}.inline-toast{position:static;transform:none;width:100%}.marketing-footer{position:relative;z-index:2;border-top:1px solid var(--line);background:rgba(5,8,22,.72);backdrop-filter:blur(14px);padding:26px 0 34px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-actions{display:flex;flex-wrap:wrap;gap:10px}.brand{display:flex;align-items:center;gap:12px;text-align:left}@media (max-width:1100px){.hero-section,.strip-grid,.section-split,.dual-panels,.contact-layout,.codeflow-shell{grid-template-columns:1fr}.feature-grid,.product-card-grid,.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.desktop-only{display:none}.mobile-only{display:block}.marketing-container{width:min(100% - 28px,1180px)}.hero-section{padding-top:46px}.hero-title{max-width:none}.feature-grid,.product-card-grid,.pricing-grid,.benefit-list,.metrics-grid,.mini-stats{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start}.btn{width:auto}}

/* Executive Demo Mode */
.demo-mode-view{gap:16px}.demo-hero-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.demo-notice{border:1px solid rgba(103,232,249,.18);background:linear-gradient(135deg,rgba(34,211,238,.12),rgba(232,121,249,.08));border-radius:26px;padding:22px;box-shadow:var(--shadow)}.demo-notice-title{font-size:1.35rem;font-weight:700;color:#fff}.demo-notice-copy{margin:10px 0 0;color:#d8e7fb;max-width:980px;line-height:1.75}.demo-chain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.demo-chain-card{border:1px solid var(--line);background:rgba(8,18,31,.82);border-radius:22px;padding:18px;text-align:left;cursor:pointer;transition:.18s}.demo-chain-card:hover,.demo-chain-card.active{border-color:rgba(103,232,249,.28);background:rgba(17,31,49,.96);transform:translateY(-2px)}.demo-chain-audience{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:#94e8f8}.demo-chain-title{margin-top:10px;font-size:1.05rem;font-weight:700;color:#fff;line-height:1.35}.demo-chain-copy{margin-top:8px;color:var(--muted);line-height:1.65;font-size:.94rem}.demo-layout{align-items:start}.demo-step-list{display:flex;flex-direction:column;gap:10px;max-height:620px;overflow:auto}.demo-step-item{border:1px solid var(--line);background:rgba(8,18,31,.78);border-radius:18px;padding:14px;display:grid;grid-template-columns:78px 1fr;gap:12px;text-align:left;cursor:pointer;transition:.18s}.demo-step-item:hover,.demo-step-item.active{border-color:rgba(103,232,249,.3);background:rgba(16,30,49,.96)}.demo-step-time{font-size:.86rem;font-weight:700;color:#bff6ff}.demo-step-title{font-weight:700;color:#fff}.demo-step-copy{margin-top:4px;font-size:.92rem;color:var(--muted);line-height:1.55}.demo-stage-summary{padding:16px 18px;border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:18px;margin-bottom:14px}.demo-stage-label,.demo-story-label{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:#9ed7ff}.demo-stage-title{margin-top:8px;font-size:1.2rem;font-weight:700;color:#fff}.demo-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.demo-story-card,.demo-speaker-card{border:1px solid var(--line);background:rgba(8,18,31,.72);border-radius:18px;padding:16px}.demo-story-copy{margin-top:8px;color:#dce9f9;line-height:1.7}.demo-story-label.spaced{margin-top:16px}.demo-proof-grid{display:grid;gap:10px}.demo-proof-card{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:16px;padding:12px 14px;color:#dce9f9;line-height:1.6}.demo-impact-item{border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:18px;padding:14px}.demo-speaker-grid{display:grid;gap:10px}.demo-cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.demo-controls .btn{min-width:130px}@media (max-width:1280px){.demo-chain-grid{grid-template-columns:1fr}.demo-story-grid{grid-template-columns:1fr}}@media (max-width:1120px){.demo-hero-grid{grid-template-columns:1fr 1fr}}@media (max-width:720px){.demo-hero-grid,.demo-chain-grid{grid-template-columns:1fr}.demo-step-item{grid-template-columns:1fr}.demo-controls .btn{width:100%}}

/* Cinematic demo mode */
.graph-wrapper-cinematic{border-style:solid;border-color:rgba(103,232,249,.2);background:
  radial-gradient(circle at 18% 18%, rgba(34,211,238,.12), transparent 24%),
  radial-gradient(circle at 84% 22%, rgba(232,121,249,.12), transparent 28%),
  radial-gradient(circle at center, rgba(11,23,38,.98), rgba(5,10,18,.98));
  box-shadow:0 30px 90px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,255,255,.03)}
.graph-wrapper-cinematic::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.05) 48%,transparent 52%,transparent 100%);transform:translateX(-110%);animation:demoSweep 5.8s linear infinite;pointer-events:none}
.graph-edge-focused{stroke:#8be9ff;stroke-width:2.4;filter:drop-shadow(0 0 8px rgba(103,232,249,.3))}
.graph-node-focused{filter:drop-shadow(0 0 14px rgba(103,232,249,.42))}
.graph-node-tone-focus{stroke:rgba(255,255,255,.95);stroke-width:3}.graph-node-tone-analysis{stroke:rgba(103,232,249,.55);stroke-width:2}.graph-node-tone-exploit{stroke:rgba(244,114,182,.55);stroke-width:2}.graph-node-tone-dynamic{stroke:rgba(52,211,153,.55);stroke-width:2}.graph-node-tone-finding{stroke:rgba(251,191,36,.55);stroke-width:2}.graph-node-tone-report{stroke:rgba(196,181,253,.55);stroke-width:2}.graph-node-tone-static{stroke:rgba(125,211,252,.45);stroke-width:2}
.demo-mode-cinematic{position:relative;overflow:hidden;isolation:isolate}.demo-cinematic-backdrop{position:absolute;inset:0;pointer-events:none;z-index:0}.demo-ambient{position:absolute;border-radius:999px;filter:blur(60px);opacity:.22;animation:demoFloat 12s ease-in-out infinite}.demo-ambient-a{width:340px;height:340px;left:-40px;top:90px;background:rgba(34,211,238,.32)}.demo-ambient-b{width:320px;height:320px;right:2%;top:180px;background:rgba(232,121,249,.24);animation-delay:-3s}.demo-ambient-c{width:380px;height:380px;left:42%;bottom:-120px;background:rgba(16,185,129,.18);animation-delay:-6s}
.demo-cinematic-stats,.demo-notice-cinematic,.demo-chain-grid-cinematic,.demo-timeline-ribbon,.demo-cinematic-layout{position:relative;z-index:1}
.demo-hero-grid.demo-cinematic-stats{grid-template-columns:repeat(5,minmax(0,1fr))}
.demo-notice-cinematic{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:center;border-color:rgba(103,232,249,.22);background:linear-gradient(135deg,rgba(12,22,38,.92),rgba(15,26,43,.86));padding:26px 28px;position:relative;overflow:hidden}.demo-notice-cinematic::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 50%,transparent 100%);transform:translateX(-100%);animation:demoSweep 7s linear infinite}
.demo-notice-main,.demo-top-actions{position:relative;z-index:1}.demo-top-actions{display:grid;gap:12px;justify-items:end}.demo-intensity-row,.demo-top-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.demo-chain-grid-cinematic{grid-template-columns:repeat(4,minmax(0,1fr))}.demo-chain-card-cinematic{position:relative;overflow:hidden;min-height:192px;background:linear-gradient(180deg,rgba(8,18,31,.88),rgba(10,18,29,.78));box-shadow:0 18px 40px rgba(0,0,0,.18)}.demo-chain-card-cinematic::before{content:"";position:absolute;inset:auto -20% -50% auto;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle,rgba(103,232,249,.18),transparent 68%);opacity:0;transition:.24s}.demo-chain-card-cinematic:hover::before,.demo-chain-card-cinematic.active::before{opacity:1}.demo-chain-footer{display:flex;justify-content:space-between;gap:10px;margin-top:16px;font-size:.82rem;color:#9fd8ff}
.demo-timeline-ribbon{display:flex;gap:10px;align-items:stretch;padding:12px;border:1px solid var(--line);border-radius:22px;background:rgba(8,18,31,.72);backdrop-filter:blur(16px)}.demo-timeline-segment{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:16px;min-height:64px;padding:10px 12px;text-align:left;cursor:pointer;display:grid;gap:6px;transition:.2s}.demo-timeline-segment.active{border-color:rgba(103,232,249,.34);background:linear-gradient(180deg,rgba(34,211,238,.15),rgba(255,255,255,.03));transform:translateY(-2px);box-shadow:0 12px 26px rgba(34,211,238,.12)}.demo-timeline-segment.visited{border-color:rgba(16,185,129,.24)}.demo-timeline-index{font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:#a7edfb}.demo-timeline-title{font-size:.88rem;color:#fff;line-height:1.35}
.demo-cinematic-layout .panel{background:linear-gradient(180deg,rgba(8,16,29,.9),rgba(8,15,24,.82));border-color:rgba(255,255,255,.08)}
.demo-step-item-cinematic{position:relative;overflow:hidden}.demo-step-item-cinematic::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,rgba(34,211,238,.9),rgba(232,121,249,.74));opacity:.25;transition:.2s}.demo-step-item-cinematic.active::before{opacity:1;width:5px}
.demo-stage-frame{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:18px;background:linear-gradient(180deg,rgba(7,15,27,.94),rgba(9,17,30,.82));animation:demoStageIn .5s ease}.demo-stage-frame::before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 25% 20%,rgba(103,232,249,.12),transparent 24%),radial-gradient(circle at 80% 24%,rgba(232,121,249,.12),transparent 22%),radial-gradient(circle at 55% 100%,rgba(16,185,129,.08),transparent 22%);pointer-events:none}.demo-stage-frame.tone-cyan{box-shadow:0 0 0 1px rgba(34,211,238,.10),0 22px 60px rgba(34,211,238,.08)}.demo-stage-frame.tone-violet{box-shadow:0 0 0 1px rgba(167,139,250,.12),0 22px 60px rgba(167,139,250,.10)}.demo-stage-frame.tone-magenta{box-shadow:0 0 0 1px rgba(244,114,182,.12),0 22px 60px rgba(244,114,182,.10)}.demo-stage-frame.tone-emerald{box-shadow:0 0 0 1px rgba(52,211,153,.12),0 22px 60px rgba(52,211,153,.10)}.demo-stage-frame.tone-amber{box-shadow:0 0 0 1px rgba(251,191,36,.12),0 22px 60px rgba(251,191,36,.10)}
.demo-stage-headline,.demo-story-grid-cinematic,.demo-graph-cinematic{position:relative;z-index:1}.demo-stage-kicker{font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:#9ee8ff}.demo-stage-title.cinematic{font-size:1.6rem;font-weight:800;color:#fff;margin-top:8px}.demo-stage-copy{max-width:74ch}.demo-story-grid-cinematic{grid-template-columns:1fr .92fr;gap:16px}.demo-story-card-visual{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03))}.demo-story-card-evidence{background:linear-gradient(180deg,rgba(34,211,238,.10),rgba(255,255,255,.03))}
.demo-proof-card-glow{position:relative;overflow:hidden}.demo-proof-card-glow::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.08) 52%,transparent 100%);transform:translateX(-120%);animation:demoSweep 6.2s linear infinite}
.demo-executive-panel .progress{margin:12px 0 16px}.demo-exec-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-exec-summary-card{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:18px;padding:14px}
.demo-impact-item-cinematic{position:relative;overflow:hidden}.demo-impact-item-cinematic::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.09),transparent 70%)}
.demo-fullscreen .demo-notice-cinematic,.demo-fullscreen .demo-stage-frame,.demo-fullscreen .demo-cinematic-layout .panel{backdrop-filter:blur(22px)}
.intensity-overdrive .demo-stage-frame,.intensity-overdrive .demo-timeline-segment.active{box-shadow:0 0 0 1px rgba(103,232,249,.16),0 26px 70px rgba(34,211,238,.16)}
@keyframes demoSweep{0%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@keyframes demoFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-18px,0) scale(1.06)}}
@keyframes demoStageIn{0%{opacity:0;transform:translateY(16px) scale(.985)}100%{opacity:1;transform:translateY(0) scale(1)}}
@media (max-width:1400px){.demo-chain-grid-cinematic{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-hero-grid.demo-cinematic-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-notice-cinematic{grid-template-columns:1fr}.demo-top-actions{justify-items:start}.demo-intensity-row,.demo-top-buttons{justify-content:flex-start}}
@media (max-width:980px){.demo-story-grid-cinematic,.demo-exec-summary-grid{grid-template-columns:1fr}.demo-timeline-ribbon{flex-direction:column}.demo-timeline-segment{width:100%!important}.demo-hero-grid.demo-cinematic-stats{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.demo-chain-grid-cinematic,.demo-hero-grid.demo-cinematic-stats{grid-template-columns:1fr}.demo-top-actions,.demo-intensity-row,.demo-top-buttons{width:100%}.demo-top-actions .btn,.demo-intensity-row .btn,.demo-top-buttons .btn{width:100%}}

.full-span{grid-column:1/-1;}

/* Landing page refresh */
.lp-header{
  position:sticky;
  top:0;
  z-index:40;
  backdrop-filter:blur(20px);
  background:linear-gradient(180deg,rgba(4,11,20,.92),rgba(4,11,20,.72));
  border-bottom:1px solid rgba(255,255,255,.06);
}

.lp-header .marketing-header-inner{
  min-height:84px;
}

.lp-header .brand-tagline,
.lp-header .brand-subtitle-public,
.lp-footer .brand-tagline{
  font-family:"Chakra Petch","Segoe UI",sans-serif;
}

.lp-header .brand-tagline,
.lp-hero-title,
.lp-demo-title,
.lp-capability-title,
.lp-testimonial-name{
  font-family:"Orbitron","Chakra Petch","Segoe UI",sans-serif;
}

.lp-hero{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr);
  gap:34px;
  align-items:center;
  padding-top:54px;
}

.lp-hero-copy{
  display:grid;
  gap:20px;
}

.lp-hero-title{
  margin:0;
  font-size:clamp(2.6rem,5.2vw,4.8rem);
  line-height:.98;
  letter-spacing:-.03em;
  max-width:12ch;
}

.lp-hero-subtitle{
  margin:0;
  max-width:66ch;
  color:rgba(232,243,255,.8);
  font-size:1.07rem;
  line-height:1.8;
}

.lp-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.lp-trust-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.lp-proof-chip,
.lp-trust-row .chip{
  border:1px solid rgba(103,232,249,.16);
  background:rgba(255,255,255,.045);
  color:#d8eef9;
  padding:10px 14px;
  border-radius:999px;
  font-size:.82rem;
  letter-spacing:.04em;
  transition:transform .22s ease,border-color .22s ease,background .22s ease;
}

.lp-proof-chip:hover,
.lp-trust-row .chip:hover{
  transform:translateY(-2px);
  border-color:rgba(103,232,249,.32);
  background:rgba(103,232,249,.08);
}

.lp-hero-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.lp-metric-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(13,25,43,.86),rgba(8,16,28,.82));
  border-radius:24px;
  padding:18px 18px 20px;
  min-height:122px;
  box-shadow:0 24px 60px rgba(0,0,0,.18);
}

.lp-metric-card::after{
  content:"";
  position:absolute;
  inset:auto -26px -36px auto;
  width:120px;
  height:120px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(103,232,249,.16),transparent 70%);
  pointer-events:none;
}

.lp-metric-value{
  font-family:"Orbitron","Chakra Petch","Segoe UI",sans-serif;
  font-size:2rem;
  color:#fbfdff;
}

.lp-metric-label{
  margin-top:10px;
  color:rgba(220,234,248,.74);
  line-height:1.55;
}

.lp-hero-visual{
  position:relative;
}

.lp-stage-shell{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 12% 16%, rgba(103,232,249,.14), transparent 24%),
    radial-gradient(circle at 88% 20%, rgba(248,113,113,.12), transparent 24%),
    linear-gradient(180deg,rgba(12,21,36,.94),rgba(7,13,24,.96));
  border-radius:32px;
  padding:24px;
  box-shadow:0 34px 80px rgba(0,0,0,.28);
}

.lp-stage-shell::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(130deg,transparent 0%,rgba(255,255,255,.05) 48%,transparent 55%);
  transform:translateX(-110%);
  animation:lpSweep 8s linear infinite;
  pointer-events:none;
}

.lp-stage-topline,
.lp-stage-panels,
.lp-stage-timeline{
  position:relative;
  z-index:1;
}

.lp-stage-topline{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  margin-bottom:18px;
}

.lp-stage-status{
  display:grid;
  gap:8px;
  justify-items:end;
}

.lp-stage-card{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(8,18,31,.62);
  border-radius:22px;
  padding:16px;
}

.lp-stage-frame{
  display:grid;
  gap:18px;
}

.lp-stage-kicker,
.lp-feature-kicker,
.lp-demo-kicker{
  font-size:.76rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#99ecfb;
}

.lp-stage-headline{
  margin:0;
  font-size:1.62rem;
  line-height:1.18;
  color:#fffdfd;
}

.lp-stage-timeline{
  display:grid;
  gap:10px;
  margin-top:18px;
}

.lp-stage-step{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:start;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.028);
  border-radius:18px;
  padding:14px 15px;
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}

.lp-stage-step:hover,
.lp-stage-step.is-active{
  transform:translateY(-2px);
  border-color:rgba(103,232,249,.28);
  background:rgba(103,232,249,.08);
  box-shadow:0 14px 30px rgba(103,232,249,.08);
}

.lp-stage-step-index{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-family:"Orbitron","Chakra Petch","Segoe UI",sans-serif;
  font-size:.82rem;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(6,14,25,.72);
}

.lp-stage-panels{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:14px;
  margin-top:18px;
}

.lp-panel{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  border-radius:22px;
  padding:16px 18px;
}

.lp-panel-primary{
  background:linear-gradient(180deg,rgba(103,232,249,.12),rgba(255,255,255,.03));
  border-color:rgba(103,232,249,.2);
}

.lp-panel-label{
  margin-bottom:10px;
  color:#a9eaf8;
  font-size:.78rem;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.lp-proof-stack{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.lp-benefits,
.lp-testimonials,
.lp-faq-section,
.lp-contact-section{
  display:grid;
  gap:18px;
}

.lp-feature-grid,
.lp-capability-grid,
.lp-testimonial-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.lp-feature-card,
.lp-capability-card,
.lp-testimonial-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(10,19,34,.88),rgba(7,14,24,.9));
  padding:22px;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}

.lp-feature-card:hover,
.lp-capability-card:hover,
.lp-testimonial-card:hover{
  transform:translateY(-4px);
  border-color:rgba(103,232,249,.26);
  box-shadow:0 24px 54px rgba(0,0,0,.22);
}

.lp-capability-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.lp-capability-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:18px;
  border:1px solid rgba(103,232,249,.16);
  background:rgba(103,232,249,.08);
  color:#bdf6ff;
  font-family:"Orbitron","Chakra Petch","Segoe UI",sans-serif;
  margin-bottom:16px;
}

.lp-capability-title{
  margin:0 0 10px;
  font-size:1.02rem;
  line-height:1.3;
}

.lp-demo-section{
  display:grid;
  gap:18px;
}

.lp-usecase-tabs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.lp-usecase-tab{
  text-align:left;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  color:inherit;
  border-radius:22px;
  padding:18px;
  cursor:pointer;
  transition:transform .22s ease,border-color .22s ease,background .22s ease;
}

.lp-usecase-tab:hover,
.lp-usecase-tab.is-active{
  transform:translateY(-3px);
  border-color:rgba(103,232,249,.28);
  background:linear-gradient(180deg,rgba(103,232,249,.12),rgba(255,255,255,.03));
}

.lp-usecase-tab-title{
  font-family:"Orbitron","Chakra Petch","Segoe UI",sans-serif;
  font-size:1rem;
  color:#fff;
}

.lp-usecase-tab-copy{
  margin-top:8px;
  color:rgba(225,237,249,.74);
  line-height:1.6;
}

.lp-demo-shell{
  display:grid;
  grid-template-columns:.94fr 1.06fr;
  gap:22px;
  align-items:stretch;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(12,21,36,.88),rgba(7,13,24,.9));
  border-radius:30px;
  padding:24px;
}

.lp-demo-copy{
  display:grid;
  gap:14px;
}

.lp-demo-title{
  margin:0;
  font-size:1.72rem;
  line-height:1.15;
}

.lp-demo-bullets{
  display:grid;
  gap:12px;
}

.lp-demo-bullet{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  border-radius:18px;
  padding:14px 16px;
  line-height:1.65;
}

.lp-demo-stats{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.lp-demo-visual{
  display:grid;
  align-items:stretch;
}

.lp-demo-screen{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(103,232,249,.16);
  background:
    radial-gradient(circle at 18% 18%, rgba(103,232,249,.12), transparent 24%),
    linear-gradient(180deg,rgba(5,11,20,.96),rgba(8,14,23,.94));
  border-radius:28px;
  padding:18px;
  min-height:100%;
}

.lp-demo-screen-top{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  margin-bottom:18px;
}

.lp-demo-frame-list{
  display:grid;
  gap:12px;
}

.lp-demo-frame{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  border-radius:20px;
  padding:14px 16px;
  transition:transform .22s ease,border-color .22s ease,background .22s ease;
}

.lp-demo-frame:hover,
.lp-demo-frame.is-highlight{
  transform:translateY(-2px);
  border-color:rgba(248,113,113,.32);
  background:linear-gradient(180deg,rgba(248,113,113,.12),rgba(255,255,255,.03));
}

.lp-demo-frame-step{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(8,18,31,.82);
  border:1px solid rgba(255,255,255,.08);
  color:#fff;
  font-family:"Orbitron","Chakra Petch","Segoe UI",sans-serif;
  font-size:.82rem;
}

.lp-demo-frame-title{
  font-weight:700;
  color:#fff;
}

.lp-demo-frame-copy{
  margin-top:4px;
  color:rgba(226,237,249,.72);
  line-height:1.6;
}

.lp-testimonial-head{
  display:flex;
  gap:14px;
  align-items:center;
  margin-bottom:16px;
}

.lp-avatar{
  width:52px;
  height:52px;
  border-radius:50%;
  object-fit:cover;
  border:2px solid rgba(103,232,249,.2);
}

.lp-testimonial-name{
  font-size:.92rem;
  color:#fff;
}

.lp-testimonial-role{
  color:rgba(226,237,249,.64);
  font-size:.86rem;
  line-height:1.45;
}

.lp-testimonial-quote{
  margin:0;
  color:#edf6ff;
  line-height:1.82;
}

.lp-faq-list{
  display:grid;
  gap:12px;
}

.lp-faq-item{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.028);
  border-radius:22px;
  overflow:hidden;
  transition:border-color .22s ease,background .22s ease,transform .22s ease;
}

.lp-faq-item:hover,
.lp-faq-item.is-open{
  border-color:rgba(103,232,249,.22);
  background:rgba(103,232,249,.06);
  transform:translateY(-2px);
}

.lp-faq-button{
  width:100%;
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  text-align:left;
  background:transparent;
  border:0;
  color:inherit;
  padding:18px 20px;
  cursor:pointer;
}

.lp-faq-question{
  font-weight:700;
  color:#f8fbff;
}

.lp-faq-icon{
  flex:0 0 auto;
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.08);
  transition:transform .22s ease,background .22s ease;
}

.lp-faq-item.is-open .lp-faq-icon{
  transform:rotate(45deg);
  background:rgba(103,232,249,.12);
}

.lp-faq-answer{
  max-height:0;
  overflow:hidden;
  color:rgba(226,237,249,.74);
  line-height:1.75;
  padding:0 20px;
  transition:max-height .28s ease,padding .28s ease;
}

.lp-faq-item.is-open .lp-faq-answer{
  max-height:220px;
  padding:0 20px 18px;
}

.lp-contact-shell{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:22px;
  align-items:start;
}

.lp-form{
  display:grid;
  gap:16px;
}

.lp-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.lp-form-grid .field:last-child{
  grid-column:1/-1;
}

.lp-form .field-label{
  color:#d9eff8;
  font-size:.84rem;
}

.lp-form .input,
.lp-form .textarea{
  border-radius:18px;
  border-color:rgba(255,255,255,.08);
  background:rgba(5,12,20,.76);
}

.lp-form-footer{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  padding-top:4px;
}

.lp-success-card{
  border:1px solid rgba(34,197,94,.22);
  background:linear-gradient(180deg,rgba(8,33,26,.9),rgba(8,18,31,.9));
  border-radius:26px;
  padding:24px;
}

.lp-footer{
  margin-top:28px;
  padding-bottom:36px;
}

.lp-footer-inner{
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:flex-start;
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:26px;
}

.lp-footer-copy{
  margin-top:14px;
  color:rgba(226,237,249,.52);
  font-size:.84rem;
}

.lp-back-top{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:30;
  width:50px;
  height:50px;
  border-radius:50%;
  border:1px solid rgba(103,232,249,.18);
  background:rgba(7,15,27,.84);
  color:#f8fbff;
  box-shadow:0 16px 34px rgba(0,0,0,.22);
}

[data-reveal]{
  opacity:0;
  transform:translate3d(0,26px,0);
  transition:opacity .7s ease,transform .7s ease;
  will-change:opacity,transform;
}

[data-reveal].is-visible{
  opacity:1;
  transform:translate3d(0,0,0);
}

.lp-header .btn,
.lp-back-top,
.lp-usecase-tab,
.lp-stage-step,
.lp-demo-frame,
.lp-feature-card,
.lp-capability-card,
.lp-testimonial-card,
.lp-faq-item{
  will-change:transform;
}

@keyframes lpSweep{
  0%{transform:translateX(-120%)}
  100%{transform:translateX(120%)}
}

@media (max-width: 1180px){
  .lp-hero,
  .lp-demo-shell,
  .lp-contact-shell{
    grid-template-columns:1fr;
  }

  .lp-capability-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .lp-stage-panels{
    grid-template-columns:1fr;
  }
}

@media (max-width: 900px){
  .lp-hero{
    padding-top:34px;
  }

  .lp-hero-metrics,
  .lp-usecase-tabs,
  .lp-feature-grid,
  .lp-testimonial-grid,
  .lp-form-grid{
    grid-template-columns:1fr;
  }

  .lp-footer-inner,
  .lp-form-footer{
    flex-direction:column;
    align-items:flex-start;
  }

  .lp-form-footer .btn{
    width:100%;
  }
}

@media (max-width: 720px){
  .lp-header .marketing-header-inner{
    min-height:72px;
  }

  .lp-stage-shell,
  .lp-demo-shell{
    padding:18px;
    border-radius:26px;
  }

  .lp-stage-topline,
  .lp-demo-screen-top{
    flex-direction:column;
    align-items:flex-start;
  }

  .lp-stage-status{
    justify-items:start;
  }

  .lp-capability-grid{
    grid-template-columns:1fr;
  }

  .lp-hero-actions .btn,
  .lp-header .btn,
  .lp-back-top{
    width:100%;
  }

  .lp-back-top{
    width:52px;
    height:52px;
    right:16px;
    bottom:16px;
  }
}

/* Public UX refinement */
:root{
  --public-accent:#fb001d;
  --public-accent-2:#ff5f6d;
  --public-accent-soft:rgba(251,0,29,.14);
  --public-accent-line:rgba(251,0,29,.3);
}

body{
  background:
    radial-gradient(circle at 14% 8%, rgba(251,0,29,.18), transparent 24%),
    radial-gradient(circle at 82% 16%, rgba(255,95,109,.14), transparent 22%),
    linear-gradient(180deg, #050303 0%, #0a0404 42%, #140808 100%);
}

.public-glow.glow-a{background:rgba(251,0,29,.22)}
.public-glow.glow-b{background:rgba(255,95,109,.16)}
.public-glow.glow-c{background:rgba(145,28,28,.18)}

.hero-copy,
.hero-visual,
.hero-panel-body,
.visual-panel,
.section-split > div,
.landing-preview-shell,
.landing-preview-story,
.landing-preview-graph-card,
.marketing-card,
.product-card,
.pricing-card,
.demo-detail-card,
.demo-finding-sidebar,
.report-preview-card,
.artifact-card,
.flow-pane,
.codeflow-pane{
  min-width:0;
}

.hero-panel-body,
.demo-detail-card,
.demo-finding-sidebar,
.landing-preview-story,
.landing-preview-graph-card{
  overflow:hidden;
}

.source-code-preview-panel{
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(13,24,40,.88), rgba(8,15,24,.82));
}
.source-code-preview-anchor{scroll-margin-top:120px}

.source-code-preview-panel .code-block{
  max-height:300px;
}

.demo-landing-graph,
.landing-product-graph{
  border-style:solid;
  border-color:rgba(251,0,29,.18);
  box-shadow:0 28px 72px rgba(0,0,0,.24);
}

.landing-preview-shell{
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:18px;
  align-items:stretch;
}

.landing-preview-graph-card{
  border:1px solid var(--line);
  border-radius:30px;
  padding:18px;
  background:linear-gradient(180deg, rgba(18,9,9,.96), rgba(10,7,7,.86));
  box-shadow:0 28px 70px rgba(0,0,0,.24);
}

.landing-preview-story{
  display:grid;
  gap:14px;
}

.landing-preview-story > *{
  animation:publicRevealUp .7s ease both;
}

.hero-copy > *{
  animation:publicRevealUp .72s ease both;
}

.hero-copy > *:nth-child(2){animation-delay:.06s}
.hero-copy > *:nth-child(3){animation-delay:.12s}
.hero-copy > *:nth-child(4){animation-delay:.18s}
.hero-copy > *:nth-child(5){animation-delay:.24s}

.hero-visual-panel,
.marketing-card,
.demo-scenario-card,
.demo-finding-item,
.product-card,
.pricing-card,
.landing-preview-graph-card{
  animation:publicRevealUp .8s ease both;
}

.hero-visual-panel{
  animation-delay:.14s;
}

.marketing-card:hover,
.product-card:hover,
.pricing-card:hover,
.demo-scenario-card:hover,
.demo-finding-item:hover,
.landing-preview-graph-card:hover{
  transform:translateY(-3px);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.hero-visual-panel::after,
.landing-preview-graph-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, transparent 0%, rgba(255,255,255,.07) 48%, transparent 54%);
  transform:translateX(-120%);
  animation:publicSweep 8.8s linear infinite;
  pointer-events:none;
}

.demo-snapshot-card,
.marketing-metric,
.mini-stat{
  animation:publicPulse 9s ease-in-out infinite;
}

.landing-preview-story .flow-pane,
.landing-preview-story .report-preview-card,
.landing-preview-story .artifact-card{
  backdrop-filter:blur(14px);
}

@media (max-width:1100px){
  .landing-preview-shell{
    grid-template-columns:1fr;
  }
}

@keyframes publicRevealUp{
  0%{opacity:0;transform:translateY(18px)}
  100%{opacity:1;transform:translateY(0)}
}

@keyframes publicSweep{
  0%{transform:translateX(-120%)}
  100%{transform:translateX(120%)}
}

@keyframes publicPulse{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-2px)}
}

.marketing-nav,
.marketing-mobile-menu,
.marketing-card,
.product-card,
.pricing-card,
.faq-item,
.contact-copy-card,
.contact-form-card,
.login-marketing,
.login-form-card,
.visual-panel,
.demo-finding-sidebar,
.demo-detail-card,
.demo-scenario-card,
.demo-snapshot-card,
.artifact-card,
.report-preview-card,
.mini-stat,
.benefit-item{
  backdrop-filter:blur(16px);
}

.marketing-nav-link:hover,
.marketing-nav-link.active{
  background:#fff2ee;
  color:#220908;
}

.marketing-mobile-link.accent,
.chip,
.hero-panel-tab:hover,
.hero-panel-tab.active,
.demo-detail-tab:hover,
.demo-detail-tab.active{
  border-color:var(--public-accent-line);
  background:var(--public-accent-soft);
  color:#ffece8;
}

.hero-title,
.page-title,
.marketing-card-title,
.section-heading h2,
.section-split h2,
.pricing-name,
.hero-panel-heading,
.demo-scenario-title,
.artifact-card-title,
.report-preview-title,
.visual-title,
.visual-subtitle,
.pricing-tag,
.pricing-item,
.marketing-copy,
.hero-subtitle,
.benefit-item,
.faq-item h3,
.demo-finding-meta,
.demo-path-copy,
.demo-fact-value,
.code-line,
.flow-step,
.contact-points,
.brand-subtitle-public,
.brand-tagline{
  overflow-wrap:anywhere;
  word-break:break-word;
}

.hero-section{
  padding-top:84px;
  padding-bottom:52px;
}

.hero-copy{
  display:grid;
  gap:0;
}

.hero-eyebrow{
  border-color:var(--public-accent-line);
  background:rgba(255,255,255,.03);
}

.hero-title{
  max-width:11ch;
  text-wrap:balance;
}

.hero-subtitle,
.marketing-copy.wider{
  max-width:68ch;
}

.marketing-metric,
.demo-snapshot-card,
.demo-fact,
.artifact-card,
.report-preview-card{
  border-color:rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.025));
}

.marketing-metric-value,
.pricing-price,
.hero-brand-name{
  text-shadow:0 10px 28px rgba(0,0,0,.28);
}

.graph-line{
  background:linear-gradient(90deg, rgba(255,102,84,.88), rgba(255,214,196,.60), rgba(255,154,100,.70));
}

.graph-node::before{
  background:var(--public-accent);
  box-shadow:0 0 22px rgba(255,102,84,.72);
}

.section-block{
  padding-top:96px;
}

.pricing-card{
  position:relative;
  overflow:hidden;
}

.pricing-card::after{
  content:"";
  position:absolute;
  inset:auto -20% -42% auto;
  width:180px;
  height:180px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(255,102,84,.16), transparent 70%);
  pointer-events:none;
}

.pricing-card.featured{
  border-color:rgba(255,102,84,.34);
  background:linear-gradient(180deg, rgba(255,102,84,.12), rgba(255,255,255,.04));
  box-shadow:0 0 70px rgba(255,102,84,.10);
}

.cta-block{
  padding-bottom:120px;
}

@media (max-width:980px){
  .hero-title{
    max-width:none;
  }
}

/* Rich inspectors and advanced graph workbench */
.rich-json-block,.object-inspector{display:grid;gap:12px}
.object-section{display:grid;gap:8px;padding:14px 16px;border:1px solid rgba(96,165,250,.14);border-radius:18px;background:rgba(10,20,34,.5)}
.object-section-title{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);font-weight:700}
.rich-inline-value,.detail-text-strong{color:var(--text);font-weight:600;word-break:break-word}
.subtle-empty{background:rgba(11,19,31,.55);border-style:dashed}
.data-chip-wrap{display:flex;flex-wrap:wrap;gap:8px}
.data-chip{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid rgba(96,165,250,.18);background:rgba(96,165,250,.08);color:var(--text);font-size:.88rem}
.definition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.definition-grid-compact{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.definition-card{border:1px solid rgba(96,165,250,.15);background:rgba(8,17,29,.65);border-radius:18px;padding:12px 14px;min-height:78px}
.definition-card-label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.definition-card-value{font-size:.95rem;line-height:1.55;color:var(--text);word-break:break-word}
.timeline-steps{display:grid;gap:10px}
.timeline-step{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid rgba(96,165,250,.14);background:rgba(10,20,34,.56);border-radius:18px}
.timeline-step-index{width:34px;height:34px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgba(96,165,250,.16);color:var(--text);font-weight:700}
.timeline-step-body{display:grid;gap:4px}
.timeline-step-title{font-weight:700;color:var(--text)}
.timeline-step-meta{color:var(--muted);font-size:.9rem;word-break:break-word}
.rich-card{display:grid;gap:12px;padding:16px 18px;border-radius:22px;border:1px solid rgba(96,165,250,.16);background:linear-gradient(180deg,rgba(16,31,50,.92),rgba(8,17,29,.84))}
.compact-stack{gap:10px}
.flow-card{display:grid;gap:12px}
.tab-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tab-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid rgba(96,165,250,.12);background:rgba(9,19,31,.72);color:var(--muted);cursor:pointer;transition:.18s}
.tab-btn strong{color:var(--text);font-size:.92rem}
.tab-btn:hover,.tab-btn.active{background:rgba(96,165,250,.12);border-color:rgba(96,165,250,.28);color:var(--text);transform:translateY(-1px)}
.kpi-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.graph-toolbar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.graph-toolbar-grid-inline{grid-template-columns:160px minmax(0,1fr);margin-bottom:12px}
.toolbar-toggle-grid{display:grid;gap:10px;margin-top:6px}
.inventory-scroll{max-height:560px;overflow:auto;padding-right:4px}
.inventory-card{display:grid;gap:10px;padding:12px;border-radius:18px;border:1px solid rgba(96,165,250,.12);background:rgba(8,17,29,.72)}
.inventory-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.inventory-card-title{font-weight:700;line-height:1.4;color:var(--text);word-break:break-word}
.inventory-card-meta,.inventory-meta{color:var(--muted);font-size:.9rem;line-height:1.5}
.inventory-card-actions{display:flex;flex-wrap:wrap;gap:8px}
.risk-replay-layout{align-items:start}
.risk-replay-center{display:grid;gap:16px}
.risk-replay-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px}
.risk-replay-toolbar-grid{margin-bottom:8px}
.risk-replay-copy{margin:0;color:#f5deda;line-height:1.75}
.risk-replay-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.risk-step-list{display:flex;flex-direction:column;gap:10px;max-height:620px;overflow:auto}
.risk-step-card{position:relative;border:1px solid rgba(255,98,98,.12);background:linear-gradient(180deg,rgba(23,10,10,.92),rgba(14,8,8,.84));border-radius:20px;padding:14px 16px;display:grid;gap:8px;text-align:left;cursor:pointer;transition:.18s}
.risk-step-card::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:999px;background:linear-gradient(180deg,rgba(255,120,120,.22),rgba(255,120,120,0))}
.risk-step-card.ghost-frame{border-style:dashed}
.risk-step-card:hover,.risk-step-card.active{border-color:rgba(255,120,120,.34);background:linear-gradient(180deg,rgba(35,12,12,.96),rgba(21,10,10,.9));transform:translateY(-1px)}
.risk-step-card.active::before{background:linear-gradient(180deg,rgba(255,120,120,.92),rgba(255,200,160,.48));box-shadow:0 0 18px rgba(255,98,98,.24)}
.risk-step-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.risk-step-phase,.risk-step-number,.risk-replay-scene-kicker{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:#f5b2a8}
.risk-step-number{color:#ffd4ce}
.risk-step-title{font-size:1rem;font-weight:700;color:#fff;line-height:1.45}
.risk-step-copy{color:var(--muted);line-height:1.65;font-size:.92rem}
.risk-replay-stage{background:linear-gradient(180deg,rgba(26,10,10,.94),rgba(12,8,8,.9));border-color:rgba(255,120,120,.14)}
.risk-replay-scene-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.risk-replay-scene-copy{font-size:1rem;line-height:1.8;color:#f9ebe6;margin-bottom:12px}
.risk-replay-note-list{display:grid;gap:10px}
.risk-replay-note{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:18px;border:1px solid rgba(255,98,98,.12);background:rgba(255,255,255,.03)}
.risk-replay-note-index{width:34px;height:34px;border-radius:999px;background:rgba(255,98,98,.14);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}
.risk-replay-note-copy{color:#f6ddd8;line-height:1.7}
.risk-replay-score-list,.risk-replay-question-list{display:grid;gap:10px}
.risk-replay-score-card,.risk-replay-question-card{padding:12px 14px;border-radius:18px;border:1px solid rgba(255,98,98,.12);background:rgba(255,255,255,.03);display:grid;gap:8px}
.risk-replay-score-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.risk-replay-score-title{font-weight:700;color:#fff}
.risk-replay-score-value{font-size:.9rem;font-weight:800;color:#ffd4ce}
.risk-replay-score-copy{color:var(--muted);line-height:1.6;font-size:.88rem}
.risk-replay-question-title{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#f5b2a8}
.risk-replay-question-copy{color:#f6ddd8;line-height:1.7}
.risk-replay-evidence-card,.risk-replay-artifact-card,.risk-replay-counterfactual-card,.risk-replay-boundary-card,.risk-replay-summary-card{border-color:rgba(255,120,120,.16);background:linear-gradient(180deg,rgba(22,11,11,.9),rgba(12,8,8,.84))}
.risk-replay-artifact-body{margin:0;max-height:240px;overflow:auto}
.risk-replay-graph-copy{margin-bottom:10px;color:#f0c7c0;line-height:1.7}
.risk-replay-graph-panel .graph-wrapper{min-height:620px}
.risk-replay-graph-panel .graph-svg{height:620px}
.risk-replay-state-grid,.risk-replay-annotation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.risk-replay-annotation-head,.risk-replay-persona-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.risk-replay-persona-copy,.risk-replay-reverse-prompt{color:#f0c7c0;line-height:1.7}
.risk-replay-reverse-prompt{margin-bottom:8px;font-size:.92rem}
.risk-replay-ghost-banner{padding:12px 14px;border-radius:18px;border:1px dashed rgba(255,120,120,.28);background:rgba(255,120,120,.08);color:#ffd9d4;line-height:1.7}
.risk-replay-readiness-meter{display:grid;gap:8px}
.risk-replay-signing-list{display:flex;flex-wrap:wrap;gap:8px}
.risk-replay-branch-list{display:grid;gap:10px}
.risk-replay-branch-card{padding:12px 14px;border-radius:18px;border:1px solid rgba(255,98,98,.12);background:rgba(255,255,255,.03);display:grid;gap:8px}
.risk-replay-agent-status{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.risk-replay-ai-panel .markdown{max-height:520px;overflow:auto}
.risk-replay-action-toast{margin-bottom:10px}
.risk-replay-query-results{max-height:280px;overflow:auto}
.risk-replay-query-card{width:100%;text-align:left;cursor:pointer}
.risk-replay-query-card:hover{border-color:rgba(255,120,120,.34);transform:translateY(-1px)}
.risk-replay-playback-panel{border-color:rgba(255,120,120,.18);background:linear-gradient(180deg,rgba(20,10,10,.92),rgba(10,7,7,.86))}
.risk-replay-playback-copy{color:#f0c7c0;line-height:1.7;margin-bottom:8px}
.risk-replay-scrubber{width:100%;accent-color:#ff6b6b}
.risk-replay-ai-collab-panel{border-color:rgba(255,120,120,.18)}
.risk-replay-export-panel .toolbar{margin-bottom:10px}
.risk-replay-export-body{margin:0;max-height:360px;overflow:auto}
.risk-replay-diff-note{margin:0 0 10px;line-height:1.7}
.risk-replay-sync-note{padding:10px 12px;border-radius:14px;border:1px solid rgba(255,120,120,.16);background:rgba(255,255,255,.04);color:#f4c9c1;line-height:1.6}
.risk-replay-annotation-statusline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}

@media (max-width:960px){
  .risk-replay-control-grid,
  .risk-replay-stat-grid,
  .risk-replay-state-grid,
  .risk-replay-annotation-grid{
    grid-template-columns:1fr;
  }
}

.graph-node-action-ring{position:absolute;z-index:5;pointer-events:none;width:220px;height:220px;transform:translate(-50%,-50%);border-radius:999px}
.graph-node-action-ring::before{content:"";position:absolute;inset:34px;border-radius:999px;background:radial-gradient(circle,rgba(15,23,42,.28),rgba(15,23,42,0));border:1px dashed rgba(96,165,250,.22);box-shadow:0 0 40px rgba(34,211,238,.08);pointer-events:none}
.graph-fab{position:absolute;left:50%;top:50%;pointer-events:auto;border:1px solid rgba(96,165,250,.28);background:linear-gradient(135deg,rgba(8,19,34,.96),rgba(15,23,42,.92));color:var(--text);padding:10px 14px;border-radius:999px;box-shadow:0 18px 40px rgba(2,6,23,.46);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;backdrop-filter:blur(16px);transform:translate(calc(-50% + var(--graph-fab-x,0px)),calc(-50% + var(--graph-fab-y,0px))) scale(1);white-space:nowrap}
.graph-fab:hover,.graph-fab:focus-visible{transform:translate(calc(-50% + var(--graph-fab-x,0px)),calc(-50% + var(--graph-fab-y,0px))) scale(1.06)!important;border-color:rgba(125,211,252,.72);box-shadow:0 22px 48px rgba(8,47,73,.38)}
.graph-fab:focus-visible{outline:none}

/* HATE platform redline theme */
:root{
  --bg:#040202;
  --bg-soft:#0b0405;
  --panel:#120607;
  --panel-2:#19090b;
  --line:#5c131c;
  --line-strong:rgba(251,0,29,.32);
  --text:#f8efec;
  --muted:#c9a7a2;
  --muted-2:rgba(242,221,217,.6);
  --primary:#fb001d;
  --primary-2:#85000f;
  --cyan:#ff5367;
  --shadow:0 30px 90px rgba(0,0,0,.46);
  font-family:"Chakra Petch", "Segoe UI", sans-serif;
}

html,body,#root{
  background:
    radial-gradient(circle at 14% 10%, rgba(251,0,29,.18), transparent 26%),
    radial-gradient(circle at 84% 16%, rgba(133,0,15,.26), transparent 24%),
    linear-gradient(180deg, #030101 0%, #090304 48%, #110607 100%);
  color:var(--text);
}

body{
  position:relative;
  letter-spacing:.01em;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(125deg, rgba(255,255,255,.02), transparent 18%, transparent 82%, rgba(255,255,255,.02)),
    radial-gradient(circle at center, transparent 0%, rgba(0,0,0,.18) 68%, rgba(0,0,0,.42) 100%);
  mix-blend-mode:screen;
  opacity:.55;
}

.brand-title,
.topbar-title,
.hero-title,
.marketing-card-title,
.section-heading h2,
.section-split h2,
.cta-copy h2,
.page-title,
.pricing-name,
.demo-notice-title,
.demo-stage-title,
.demo-stage-title.cinematic,
.login-card h1,
.login-card h2{
  font-family:"Orbitron", "Chakra Petch", sans-serif;
  letter-spacing:.03em;
}

.brand-logo,.login-logo,.brand-logo-static{
  filter:drop-shadow(0 0 28px rgba(251,0,29,.4));
}

.eyebrow,
.brand-tagline,
.marketing-kicker,
.demo-stage-kicker,
.demo-timeline-index{
  color:#ff7c71;
}

.sidebar,
.marketing-header,
.marketing-footer{
  background:linear-gradient(180deg, rgba(12,7,7,.94), rgba(7,4,4,.94));
  border-color:rgba(118,31,31,.42);
}

.panel,
.stat-card,
.marketing-card,
.visual-panel,
.product-card,
.pricing-card,
.login-card,
.login-form-card,
.login-marketing,
.contact-copy-card,
.contact-form-card,
.demo-notice,
.demo-chain-card,
.demo-story-card,
.demo-speaker-card,
.demo-impact-item,
.demo-timeline-ribbon,
.demo-stage-frame,
.demo-cinematic-layout .panel,
.busy-card,
.toast{
  background:
    linear-gradient(180deg, rgba(22,10,10,.96), rgba(8,4,4,.96)),
    radial-gradient(circle at top, rgba(255,255,255,.03), transparent 44%);
  border-color:rgba(112,28,28,.48);
  box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.03);
}

.inner-panel,
.data-table-wrap,
.list-row,
.artifact-item,
.result-item,
.finding-item,
.code-block,
.codeflow-pane,
.flow-pane,
.benefit-item,
.mini-stat,
.pricing-card.featured,
.faq-item,
.demo-proof-card,
.demo-exec-summary-card,
.demo-stage-summary,
.timeline-step,
.rich-card,
.object-section,
.definition-card,
.inventory-card{
  background:rgba(18,8,8,.82);
  border-color:rgba(104,27,27,.38);
}

.view-composer-card.is-hidden{
  background:linear-gradient(180deg,rgba(38,10,12,.76),rgba(16,8,8,.78));
  border-color:rgba(251,0,29,.22);
}

.sidebar-tools,
.sidebar-empty-state{
  background:linear-gradient(180deg,rgba(28,10,12,.72),rgba(16,8,8,.72));
  border-color:rgba(251,0,29,.16);
}

.sidebar-empty-copy,
.sidebar-tools-meta{
  color:#edcbc6;
}

.view-composer-card.is-hidden .view-composer-card-copy,
.hidden-panels-text{
  color:#efd3cf;
}

.hidden-panels-tray{
  background:linear-gradient(135deg,rgba(24,9,10,.88),rgba(14,7,7,.8));
  border-color:rgba(251,0,29,.24);
}

.hidden-panel-chip{
  border-color:rgba(251,0,29,.2);
  background:rgba(251,0,29,.08);
}

.hidden-panel-chip-meta{
  color:#f2b9b1;
}

.brand-compact-copy,
.shell-dock{
  border-color:rgba(251,0,29,.22);
}

.shell-dock{
  background:linear-gradient(135deg,rgba(24,9,10,.94),rgba(12,6,7,.9));
}

.shell-dock-text,
.shell-dock-btn-meta{
  color:#f0cdc8;
}

.nav-btn:hover,.nav-btn.active,
.list-row.active,.artifact-item:hover,.result-item:hover,.finding-item:hover,
.tab-btn:hover,.tab-btn.active,
.demo-chain-card:hover,.demo-chain-card.active,
.demo-step-item:hover,.demo-step-item.active,
.demo-timeline-segment.active{
  background:rgba(214,31,31,.12);
  border-color:rgba(214,31,31,.34);
  color:var(--text);
}

.artifact-item-disabled,
.artifact-item-disabled:hover{
  cursor:default;
  pointer-events:none;
  opacity:.72;
  background:rgba(18,8,8,.82);
  border-color:rgba(104,27,27,.38);
  color:var(--text);
}

.btn{
  border-radius:16px;
}

.btn-primary{
  background:linear-gradient(135deg, #e32b2b 0%, #961212 52%, #590909 100%);
  color:#fff6f3;
  box-shadow:0 18px 40px rgba(158,18,18,.28);
}

.btn-primary:hover{
  filter:brightness(1.08);
  box-shadow:0 20px 44px rgba(214,31,31,.34);
}

.btn-secondary,
.chip,
.badge,
.pill,
.marketing-mobile-link.accent{
  background:rgba(214,31,31,.10);
  border-color:rgba(214,31,31,.22);
  color:#ffe7e0;
}

.btn-ghost{
  border-color:rgba(118,31,31,.46);
  color:#fff2ee;
}

.input,.textarea,.select{
  border-color:rgba(118,31,31,.46);
  background:#0a0606;
  color:var(--text);
}

.input:focus,.textarea:focus,.select:focus{
  border-color:rgba(255,103,103,.72);
  box-shadow:0 0 0 3px rgba(214,31,31,.14);
}

.marketing-nav{
  background:rgba(17,8,8,.74);
  border-color:rgba(118,31,31,.38);
}

.marketing-nav-link{
  color:rgba(255,230,226,.72);
}

.marketing-nav-link:hover,
.marketing-nav-link.active{
  background:#cb1d1d;
  color:#fff7f2;
}

.hero-eyebrow,
.pill-row .pill,
.badge-ok{
  background:rgba(214,31,31,.14);
  border-color:rgba(214,31,31,.28);
}

.hero-title{
  text-transform:uppercase;
}

.hero-subtitle,
.marketing-copy,
.demo-notice-copy,
.demo-story-copy,
.pricing-item,
.benefit-item,
.list-row-meta,
.artifact-meta,
.finding-meta,
.muted,
.topbar-subtitle{
  color:var(--muted);
}

.data-table th{
  background:rgba(255,255,255,.02);
  color:#d4b1ab;
}

.data-table tbody tr:hover{
  background:rgba(214,31,31,.08);
}

.progress{
  background:#130909;
  border-color:rgba(118,31,31,.42);
}

.progress-bar{
  background:linear-gradient(90deg, #ff4e4e, #b41111);
}

.graph-wrapper,
.graph-wrapper-cinematic,
.graph-stage{
  background:
    radial-gradient(circle at 24% 20%, rgba(214,31,31,.16), transparent 22%),
    radial-gradient(circle at 82% 18%, rgba(121,13,13,.18), transparent 24%),
    linear-gradient(160deg, rgba(16,8,8,.98), rgba(6,3,3,.98));
  border-color:rgba(118,31,31,.34);
}

.graph-line{
  background:linear-gradient(90deg, rgba(255,92,92,.88), rgba(255,213,213,.52), rgba(116,11,11,.82));
}

.graph-node{
  background:rgba(17,8,8,.92);
  border-color:rgba(255,111,111,.16);
}

.graph-node::before{
  background:#ff4747;
  box-shadow:0 0 25px rgba(255,71,71,.72);
}

.graph-edge,
.graph-edge-focused{
  stroke:#8c3939;
}

.graph-edge-tainted{
  stroke:#ff4a4a;
}

.graph-node:hover circle,
.graph-node-selected,
.graph-node-focused{
  filter:drop-shadow(0 0 14px rgba(214,31,31,.45));
}

.graph-node-tone-focus,
.graph-node-tone-analysis,
.graph-node-tone-exploit,
.graph-node-tone-dynamic,
.graph-node-tone-finding,
.graph-node-tone-report,
.graph-node-tone-static{
  stroke:rgba(255,114,114,.6);
}

.product-visual,
.flow-pane,
.demo-story-card-evidence{
  background:
    radial-gradient(circle at 22% 24%, rgba(214,31,31,.16), transparent 22%),
    linear-gradient(135deg, rgba(214,31,31,.10), rgba(255,255,255,.03));
  border-color:rgba(118,31,31,.26);
}

.chip,
.flow-badge,
.demo-chain-audience,
.demo-stage-label,
.demo-story-label,
.demo-stage-kicker,
.demo-stage-label,
.demo-story-label.spaced{
  color:#ffd7d0;
}

.pricing-card.featured,
.demo-timeline-segment.active,
.demo-stage-frame.tone-cyan,
.demo-stage-frame.tone-violet,
.demo-stage-frame.tone-magenta,
.demo-stage-frame.tone-emerald,
.demo-stage-frame.tone-amber{
  box-shadow:0 0 0 1px rgba(214,31,31,.18), 0 22px 60px rgba(214,31,31,.12);
}

.demo-ambient-a,
.demo-ambient-b,
.demo-ambient-c,
.glow-a,
.glow-b,
.glow-c{
  background:rgba(214,31,31,.18);
}

.menu-toggle{
  border-color:rgba(118,31,31,.38);
  background:rgba(17,8,8,.86);
}

@media (max-width: 820px){
  .hero-title{
    font-size:clamp(34px, 11vw, 54px);
  }
}
.graph-fab-secondary{background:rgba(59,130,246,.18)}
.graph-fab-primary{background:rgba(16,185,129,.18)}
.graph-fab-ghost{background:rgba(15,23,42,.92)}
.rich-json-block .markdown{padding:0;background:transparent;border:0}
.severity-overview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}
.severity-meter{padding:16px;border-radius:20px;border:1px solid rgba(96,165,250,.14);background:rgba(8,17,29,.72)}
.severity-meter-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.severity-meter-label{font-weight:700;text-transform:capitalize}
.severity-meter-value{font-size:1.2rem;font-weight:800}
.severity-meter-bar{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.severity-meter-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,rgba(96,165,250,.75),rgba(103,232,249,.95))}
.top-findings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.finding-spotlight-card{display:grid;gap:12px;padding:18px;border-radius:24px;border:1px solid rgba(96,165,250,.16);background:linear-gradient(180deg,rgba(14,29,47,.94),rgba(8,17,29,.88));cursor:pointer;transition:.18s}
.finding-spotlight-card:hover{transform:translateY(-2px);border-color:rgba(96,165,250,.28)}
.finding-spotlight-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.finding-spotlight-title{font-weight:700;line-height:1.45}
.finding-spotlight-meta,.finding-spotlight-body{color:var(--muted);line-height:1.6}
.finding-spotlight-actions{display:flex;flex-wrap:wrap;gap:8px}
.method-cards{display:grid;gap:12px}
.method-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
@media (max-width:1200px){.graph-toolbar-grid,.severity-overview{grid-template-columns:1fr}.kpi-strip,.tab-row{grid-template-columns:1fr}}
@media (max-width:1200px){.risk-replay-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.risk-replay-control-grid{grid-template-columns:1fr}}
@media (max-width:720px){.risk-replay-stat-grid{grid-template-columns:1fr}}
.definition-label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.definition-value{font-size:.95rem;line-height:1.55;color:var(--text);word-break:break-word}
.definition-value.multiline{white-space:pre-wrap}
.rich-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.rich-card-title{font-weight:700;color:var(--text);line-height:1.4}
.rich-card-subtitle{color:var(--muted);font-size:.92rem;line-height:1.55;margin-top:4px;word-break:break-word}
.timeline-step-copy{color:var(--text);font-size:.92rem;line-height:1.55}
.severity-meter-track{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.finding-spotlight-rank{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:18px;background:rgba(96,165,250,.12);font-weight:800;color:var(--text)}
.clamp-3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}

.hero-brand-lockup{
  display:flex;
  align-items:center;
  gap:18px;
  margin-bottom:22px;
  max-width:620px;
}

.hero-logo-shell{
  width:88px;
  height:88px;
  border-radius:28px;
  border:1px solid rgba(118,31,31,.34);
  background:linear-gradient(180deg, rgba(28,10,10,.96), rgba(17,8,8,.86));
  box-shadow:0 24px 60px rgba(0,0,0,.28), 0 0 0 1px rgba(214,31,31,.10);
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

.hero-logo{
  width:62px;
  height:62px;
  object-fit:contain;
  filter:drop-shadow(0 10px 24px rgba(214,31,31,.28));
}

.hero-brand-copy,
.hero-copy,
.visual-panel,
.marketing-card,
.product-card,
.pricing-card,
.benefit-item,
.faq-item,
.contact-copy-card,
.contact-form-card,
.login-marketing,
.login-form-card,
.mini-stat,
.code-line,
.flow-step,
.brand{
  min-width:0;
}

.hero-brand-name{
  font-family:"Orbitron",sans-serif;
  font-size:clamp(18px,2vw,26px);
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#fff1ef;
  overflow-wrap:anywhere;
}

.hero-brand-description,
.marketing-copy,
.hero-subtitle,
.marketing-card-title,
.hero-title,
.page-title,
.pricing-name,
.pricing-tag,
.pricing-item,
.benefit-item,
.brand-tagline,
.brand-subtitle-public{
  overflow-wrap:anywhere;
  word-break:break-word;
}

.hero-brand-description{
  margin-top:6px;
  font-size:14px;
  line-height:1.7;
  color:rgba(255,240,237,.72);
  max-width:46ch;
}

.pricing-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:stretch;
}

.pricing-card{
  min-width:0;
  display:grid;
  grid-template-rows:auto auto 1fr auto;
  gap:18px;
}

.pricing-price{
  line-height:1.02;
  overflow-wrap:anywhere;
}

.pricing-items{
  min-width:0;
  margin-top:0;
}

.pricing-item{
  display:block;
}

.pricing-card .btn{
  width:100%;
}

@media (max-width: 1440px){
  .pricing-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (max-width: 980px){
  .hero-brand-lockup{
    align-items:flex-start;
  }

  .pricing-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 640px){
  .hero-brand-lockup{
    flex-direction:column;
  }

  .hero-logo-shell{
    width:76px;
    height:76px;
    border-radius:24px;
  }

  .hero-logo{
    width:54px;
    height:54px;
  }

  .pricing-grid{
    grid-template-columns:1fr;
  }
}

.hero-title,
.marketing-card-title,
.section-heading h2,
.section-split h2,
.cta-copy h2,
.page-title,
.pricing-name,
.hero-panel-heading{
  text-wrap:balance;
}

.hero-actions .btn,
.pricing-card .btn,
.marketing-nav-link,
.hero-panel-tab,
.demo-detail-tab{
  white-space:normal;
  line-height:1.35;
}

.hero-actions .btn{
  flex:1 1 220px;
}

.visual-topline > div:first-child,
.pricing-top > div:first-child,
.section-heading,
.section-split > div:first-child{
  min-width:0;
}

.visual-title,
.visual-subtitle,
.pricing-tag,
.pricing-item,
.marketing-copy,
.faq-item p,
.contact-points .benefit-item{
  overflow-wrap:anywhere;
  word-break:break-word;
}

.hero-visual-panel,
.hero-panel-body,
.demo-detail-stage,
.demo-finding-sidebar,
.demo-detail-card,
.report-preview-card,
.artifact-card,
.demo-scenario-card,
.demo-snapshot-card{
  min-width:0;
}

.hero-visual-panel{
  display:grid;
  gap:18px;
}

.hero-panel-status,
.demo-evidence-head{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}

.hero-panel-tabs,
.demo-detail-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.hero-panel-tab,
.demo-detail-tab{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  color:var(--muted);
  border-radius:999px;
  padding:10px 14px;
  cursor:pointer;
  transition:.18s ease;
}

.hero-panel-tab:hover,
.hero-panel-tab.active,
.demo-detail-tab:hover,
.demo-detail-tab.active{
  border-color:rgba(255,98,98,.28);
  background:rgba(214,31,31,.16);
  color:#fff5f3;
  transform:translateY(-1px);
}

.demo-graph-stage{
  min-height:320px;
  background:
    radial-gradient(circle at 18% 14%, rgba(214,31,31,.18), transparent 24%),
    radial-gradient(circle at 78% 18%, rgba(255,255,255,.06), transparent 22%),
    linear-gradient(145deg, rgba(16,8,8,.94), rgba(11,7,7,.88));
}

.graph-node.focus{
  border-color:rgba(255,98,98,.48);
  box-shadow:0 18px 42px rgba(0,0,0,.34), 0 0 0 1px rgba(214,31,31,.12);
}

.hero-panel-heading,
.report-preview-title,
.demo-finding-title,
.artifact-card-title{
  margin:0;
  color:#fff4f1;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.hero-panel-heading{
  font-size:clamp(22px,3vw,34px);
  line-height:1.12;
}

.demo-fact-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.demo-fact,
.report-preview-card,
.artifact-card,
.demo-snapshot-card{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  border-radius:20px;
  padding:16px 18px;
}

.demo-fact-label,
.demo-scenario-audience,
.demo-scenario-meta,
.demo-finding-score{
  font-size:12px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--muted-2);
}

.demo-fact-value,
.report-preview-title,
.artifact-card-title{
  margin-top:8px;
  font-size:15px;
  line-height:1.7;
  color:#f9efec;
}

.demo-evidence-list{
  display:grid;
  gap:10px;
}

.demo-evidence-item{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  border-radius:18px;
  padding:12px 14px;
  line-height:1.65;
  color:#f3e4de;
  overflow-wrap:anywhere;
}

.report-preview-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:14px;
}

.demo-snapshot-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:22px;
}

.demo-snapshot-card{
  font-size:14px;
  line-height:1.65;
  color:#f5e8e2;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
}

.demo-scenario-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:20px;
}

.demo-scenario-card{
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(24,11,11,.94), rgba(16,9,9,.86));
  border-radius:26px;
  padding:22px;
  text-align:left;
  cursor:pointer;
  transition:.2s ease;
  box-shadow:0 22px 54px rgba(0,0,0,.22);
}

.demo-scenario-card:hover,
.demo-scenario-card.active{
  border-color:rgba(255,98,98,.28);
  background:linear-gradient(180deg, rgba(34,12,12,.98), rgba(18,10,10,.92));
  transform:translateY(-2px);
  box-shadow:0 30px 70px rgba(0,0,0,.28), 0 0 0 1px rgba(214,31,31,.10);
}

.demo-scenario-title{
  margin-top:10px;
  font-size:24px;
  font-weight:700;
  color:#fff4f1;
  overflow-wrap:anywhere;
}

.demo-scenario-copy{
  margin-top:10px;
  color:var(--muted);
  line-height:1.72;
  overflow-wrap:anywhere;
}

.demo-scenario-meta{
  margin-top:14px;
}

.demo-workbench{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:22px;
  margin-top:24px;
}

.demo-finding-sidebar,
.demo-detail-card{
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(15,8,8,.96), rgba(10,7,7,.88));
  border-radius:32px;
  padding:24px;
  box-shadow:0 26px 60px rgba(0,0,0,.22);
}

.demo-finding-sidebar-head{
  display:grid;
  gap:10px;
}

.demo-finding-list{
  display:grid;
  gap:12px;
  margin-top:8px;
}

.demo-finding-item{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  border-radius:22px;
  padding:16px;
  text-align:left;
  cursor:pointer;
  transition:.18s ease;
}

.demo-finding-item:hover,
.demo-finding-item.active{
  border-color:rgba(255,98,98,.28);
  background:rgba(214,31,31,.10);
  transform:translateY(-1px);
}

.demo-finding-header,
.demo-detail-top{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
}

.demo-finding-title{
  margin-top:12px;
  font-size:18px;
  font-weight:700;
}

.demo-finding-meta{
  margin-top:8px;
  color:var(--muted);
  line-height:1.65;
  overflow-wrap:anywhere;
}

.demo-detail-tabs{
  margin:18px 0 20px;
}

.demo-inline-actions{
  margin-top:22px;
}

.demo-path-list{
  display:grid;
  gap:12px;
}

.demo-path-step{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:12px;
  align-items:flex-start;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  border-radius:20px;
  padding:14px;
}

.demo-path-index{
  width:42px;
  height:42px;
  border-radius:16px;
  background:rgba(214,31,31,.16);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff4f1;
  font-weight:700;
}

.demo-path-copy{
  line-height:1.7;
  color:#f4e6e1;
  overflow-wrap:anywhere;
}

.artifact-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.artifact-card{
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
}

.artifact-card-title{
  font-size:18px;
  font-weight:700;
}

@media (max-width: 1100px){
  .demo-snapshot-strip{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .demo-scenario-grid,
  .demo-workbench,
  .report-preview-grid,
  .artifact-grid,
  .demo-fact-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 820px){
  .hero-panel-status,
  .demo-detail-top{
    flex-direction:column;
    align-items:flex-start;
  }

  .demo-snapshot-strip,
  .demo-scenario-grid{
    grid-template-columns:1fr;
  }
}

.form-actions-inline{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
}

.login-actions-row{
  margin-top:6px;
}

.password-recovery-card{
  margin-top:18px;
  border:1px solid rgba(118,31,31,.28);
  background:rgba(15,8,8,.64);
  border-radius:24px;
  padding:20px;
}

.password-recovery-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}

.password-recovery-title{
  margin:0;
  font-size:22px;
  line-height:1.2;
  color:#fff6f3;
}

.password-recovery-copy{
  margin:10px 0 0;
  color:rgba(255,230,226,.72);
  line-height:1.75;
  overflow-wrap:anywhere;
}

.password-recovery-close{
  flex:0 0 auto;
}

.password-recovery-done{
  display:grid;
  gap:12px;
}

.login-card,
.login-form-card,
.contact-form-card,
.contact-copy-card,
.marketing-card,
.pricing-card,
.benefit-item,
.faq-item,
.product-card,
.artifact-item,
.artifact-title,
.artifact-meta,
.marketing-copy,
.muted{
  overflow-wrap:anywhere;
  word-break:break-word;
}

@media (max-width: 820px){
  .password-recovery-head{
    flex-direction:column;
    align-items:flex-start;
  }

  .form-actions-inline{
    width:100%;
  }

  .form-actions-inline .btn{
    width:100%;
  }
}

/* Product-grade premium pass */
:root{
  --console-accent:#7dd3fc;
  --console-accent-2:#fb7185;
  --console-orbit:rgba(125,211,252,.14);
}

html{
  scrollbar-gutter:stable;
}

body{
  font-family:"Chakra Petch","Segoe UI",system-ui,sans-serif;
  letter-spacing:.01em;
}

.app-shell,
.public-shell{
  position:relative;
  overflow-x:clip;
  isolation:isolate;
}

.app-shell::before,
.public-shell::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 12% 18%, rgba(125,211,252,.10), transparent 24%),
    radial-gradient(circle at 84% 12%, rgba(244,114,182,.08), transparent 22%),
    radial-gradient(circle at 50% 100%, rgba(52,211,153,.06), transparent 28%);
  pointer-events:none;
  animation:premiumAtmosphere 22s ease-in-out infinite;
}

.main,
.topbar-copy,
.view-grid,
.columns,
.graph-layout,
.hero-grid,
.stats-grid,
.left-column,
.center-column,
.right-column,
.panel,
.inner-panel,
.panel-head > div,
.console-utility-bar,
.guided-strip,
.view-composer-strip,
.developers-shell > div{
  min-width:0;
}

.sidebar{
  position:sticky;
  top:0;
  max-height:100vh;
  overflow:auto;
  scrollbar-width:thin;
}

.main{
  position:relative;
  z-index:1;
}

.brand-title,
.topbar-title,
.panel-head h3,
.stat-value,
.guided-strip-title,
.view-composer-title,
.command-palette-item-title,
.page-title,
.developers-doc-title,
.markdown-h1,
.markdown-h2{
  font-family:"Orbitron","Chakra Petch","Segoe UI",sans-serif;
  letter-spacing:-.02em;
}

.topbar-title,
.panel-head h3,
.list-row-title,
.finding-spotlight-title,
.inventory-card-title,
.view-composer-card-title,
.detail-title,
.artifact-title,
.developers-doc-title{
  overflow-wrap:anywhere;
}

.panel-head{
  flex-wrap:wrap;
}

.panel-actions,
.toolbar,
.row-actions{
  flex-wrap:wrap;
}

.btn,
.nav-btn,
.panel,
.stat-card,
.list-row,
.artifact-item,
.result-item,
.finding-item,
.inventory-card,
.guided-action-card,
.view-composer-card,
.marketing-card,
.faq-item,
.contact-copy-card,
.contact-form-card,
.login-marketing,
.login-form-card,
.developers-hero,
.developers-side-card,
.developers-doc-card{
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease;
}

.btn{
  position:relative;
  overflow:hidden;
  box-shadow:0 10px 22px rgba(2,6,23,.16);
}

.btn::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.16) 48%,transparent 56%);
  transform:translateX(-130%);
  transition:transform .55s ease;
  pointer-events:none;
}

.btn:hover::after,
.btn:focus-visible::after{
  transform:translateX(130%);
}

.btn:hover,
.btn:focus-visible,
.nav-btn:hover,
.nav-btn:focus-visible,
.guided-action-card:hover,
.guided-action-card:focus-visible,
.view-composer-card:hover,
.list-row:hover,
.artifact-item:hover,
.result-item:hover,
.finding-item:hover,
.inventory-card:hover{
  transform:translateY(-2px);
}

.btn:focus-visible,
.nav-btn:focus-visible,
.segmented-tab:focus-visible,
.command-palette-item:focus-visible,
.guided-action-card:focus-visible,
.view-composer-card-main:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(125,211,252,.18),0 18px 34px rgba(2,6,23,.24);
}

.nav-btn{
  position:relative;
  overflow:hidden;
}

.nav-btn::before{
  content:"";
  position:absolute;
  left:8px;
  top:50%;
  width:4px;
  height:0;
  border-radius:999px;
  background:linear-gradient(180deg,var(--console-accent),var(--console-accent-2));
  transform:translateY(-50%);
  transition:height .22s ease,opacity .22s ease;
  opacity:.2;
}

.nav-btn.active::before,
.nav-btn:hover::before{
  height:58%;
  opacity:1;
}

.panel,
.stat-card,
.console-utility-bar,
.guided-strip,
.view-composer-strip,
.developers-hero,
.developers-side-card,
.developers-doc-card,
.login-marketing,
.login-form-card,
.contact-copy-card,
.contact-form-card,
.faq-item,
.marketing-card{
  position:relative;
  overflow:hidden;
}

.panel::before,
.stat-card::before,
.console-utility-bar::before,
.guided-strip::before,
.view-composer-strip::before,
.developers-hero::before,
.developers-doc-card::before,
.login-marketing::before,
.login-form-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.06) 49%,transparent 53%);
  transform:translateX(-140%);
  animation:premiumSweep 11s linear infinite;
  pointer-events:none;
}

.panel::after,
.stat-card::after,
.developers-hero::after,
.developers-side-card::after,
.developers-doc-card::after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-70px;
  top:-70px;
  border-radius:999px;
  background:radial-gradient(circle,var(--console-orbit),transparent 70%);
  pointer-events:none;
}

.panel:hover,
.stat-card:hover,
.console-utility-bar:hover,
.view-composer-strip:hover,
.developers-hero:hover,
.developers-side-card:hover,
.developers-doc-card:hover,
.login-marketing:hover,
.login-form-card:hover,
.faq-item:hover,
.marketing-card:hover{
  box-shadow:0 28px 70px rgba(2,6,23,.32);
  border-color:rgba(125,211,252,.16);
}

.graph-wrapper,
.code-block{
  position:relative;
  overflow:hidden;
}

.graph-wrapper::before,
.code-block::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(125,211,252,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(125,211,252,.05) 1px, transparent 1px);
  background-size:36px 36px;
  mask-image:radial-gradient(circle at center, black, transparent 85%);
  opacity:.45;
  animation:premiumGridShift 18s linear infinite;
  pointer-events:none;
}

.graph-wrapper::after{
  content:"";
  position:absolute;
  inset:-24%;
  background:radial-gradient(circle at center, rgba(125,211,252,.10), transparent 42%);
  pointer-events:none;
}

.graph-node-action-ring{
  filter:drop-shadow(0 24px 40px rgba(2,6,23,.42));
}

.segmented-tab{
  min-width:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.segmented-tab-label,
.segmented-tab-meta{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.command-palette,
.guided-strip,
.view-composer-strip,
.developers-hero,
.developers-doc-card,
.developers-side-card,
.view-grid,
.standalone-page{
  animation:premiumSurfaceIn .62s cubic-bezier(.22,1,.36,1);
}

.login-page{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:22px;
  align-items:start;
}

.developers-page{
  display:grid;
  gap:20px;
}

.developers-hero,
.developers-side-card,
.developers-doc-card{
  border:1px solid rgba(255,255,255,.10);
  border-radius:32px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));
  backdrop-filter:blur(20px);
}

.developers-hero{
  padding:30px 32px;
  background:linear-gradient(135deg,rgba(34,211,238,.12),rgba(232,121,249,.10),rgba(255,255,255,.04));
}

.developers-shell{
  display:grid;
  gap:20px;
  grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);
}

.developers-side-card,
.developers-doc-card{
  padding:24px;
}

.developers-side-kicker{
  font-size:.78rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#b9ecff;
}

.developers-stack{
  display:grid;
  gap:12px;
  margin-top:16px;
}

.developers-mini-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}

.developers-mini-card{
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  background:rgba(8,18,31,.72);
  padding:16px;
}

.developers-mini-label{
  font-size:.74rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(255,255,255,.54);
}

.developers-mini-value{
  margin-top:10px;
  font-size:1.45rem;
  font-weight:700;
  color:#fff;
}

.developers-mini-copy{
  margin-top:8px;
  color:var(--muted);
  line-height:1.6;
}

.developers-doc-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  flex-wrap:wrap;
  margin-bottom:18px;
}

.developers-doc-title{
  font-size:1.2rem;
  color:#fff;
  margin-top:8px;
}

.developers-doc-meta{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}

.markdown-doc{
  display:grid;
  gap:14px;
}

.markdown-h1,
.markdown-h2,
.markdown-h3,
.markdown-p,
.markdown-list,
.markdown-code{
  margin:0;
}

.markdown-h1{
  font-size:2rem;
  line-height:1.08;
  color:#fff;
}

.markdown-h2{
  padding-top:12px;
  font-size:1.45rem;
  color:#fff;
}

.markdown-h3{
  padding-top:6px;
  font-size:1.02rem;
  letter-spacing:.04em;
  color:#b7ecff;
}

.markdown-p{
  color:rgba(229,238,251,.76);
  line-height:1.8;
}

.markdown-list{
  padding-left:20px;
  display:grid;
  gap:10px;
  color:rgba(229,238,251,.76);
}

.markdown-code{
  overflow:auto;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  background:rgba(0,0,0,.35);
  padding:16px;
  color:#baf3ff;
  line-height:1.7;
}

.runtime-version-badge{
  position:fixed;
  right:16px;
  bottom:14px;
  z-index:25;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(7,17,31,.78);
  backdrop-filter:blur(14px);
  color:rgba(229,238,251,.72);
  font-size:.74rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  box-shadow:0 18px 40px rgba(2,6,23,.24);
}

::-webkit-scrollbar{
  width:10px;
  height:10px;
}

::-webkit-scrollbar-track{
  background:rgba(8,18,31,.64);
}

::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,rgba(125,211,252,.42),rgba(244,114,182,.26));
  border-radius:999px;
  border:2px solid rgba(8,18,31,.9);
}

@keyframes premiumSurfaceIn{
  0%{opacity:0;transform:translate3d(0,18px,0) scale(.985)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1)}
}

@keyframes premiumSweep{
  0%{transform:translateX(-140%)}
  100%{transform:translateX(140%)}
}

@keyframes premiumAtmosphere{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(0,-10px,0) scale(1.03)}
}

@keyframes premiumGridShift{
  0%{transform:translate3d(0,0,0)}
  100%{transform:translate3d(36px,36px,0)}
}

@media (max-width: 1200px){
  .login-page,
  .developers-shell{
    grid-template-columns:1fr;
  }
}

@media (max-width: 900px){
  .sidebar{
    position:static;
    max-height:none;
  }

  .developers-mini-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 720px){
  .developers-hero,
  .developers-side-card,
  .developers-doc-card{
    padding:20px;
    border-radius:26px;
  }

  .runtime-version-badge{
    right:12px;
    bottom:12px;
    font-size:.68rem;
  }
}

@media (max-width: 1200px){
  .http-recon-layout-deck .panel-layout-grid.panel-layout-grid-two,
  .http-recon-pane-focus-request .panel-layout-grid.panel-layout-grid-two,
  .http-recon-pane-focus-analysis .panel-layout-grid.panel-layout-grid-two,
  .http-recon-overview-grid,
  .http-recon-request-grid,
  .http-recon-related-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 900px){
  .http-recon-stats,
  .http-recon-signal-grid,
  .http-recon-family-grid,
  .http-recon-ai-grid,
  .hybrid-support-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 720px){
  .http-recon-stats,
  .http-recon-signal-grid,
  .http-recon-family-grid,
  .http-recon-ai-grid,
  .hybrid-support-grid{
    grid-template-columns:1fr;
  }

  .http-recon-anchor-strip{
    align-items:flex-start;
  }
}

@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}