/*! ScaleMetrik adaptation of security.zip. Copyright (c) 2026 React Bits Pro. See frontend/licenses/react-bits-pro.txt. */
:root {
  color:#171717;background:#fff;
  font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ink:#171717;--muted:#737373;--line:#e5e5e5;--cream:#fafafa;--purple:#171717;--green:#f5f5f5;
  --serif:"Iowan Old Style","Palatino Linotype",Georgia,serif;
  --mono:ui-monospace,SFMono-Regular,Consolas,monospace;
}
[hidden] {display:none!important}
body {background:#fff;font-size:14px}
a {color:#242424;text-underline-offset:3px}
a:hover {color:#236bc8}
:focus-visible {outline:2px solid #2f80ff;outline-offset:4px}
h1,h2,h3 {color:inherit}
.corner-plus {display:inline-block;color:#2f80ff;font:20px/1 var(--mono);font-weight:400}
.eyebrow {font:10px/1.5 var(--mono);letter-spacing:1.25px;color:#737373;margin-bottom:16px;display:flex;align-items:center;gap:9px}
.logo {gap:10px;font-size:21px;font-weight:600;letter-spacing:-.8px}
.logo-mark {width:34px;height:34px;background:transparent;color:#171717;border-radius:0;padding:0;letter-spacing:0}
.logo-mark svg {width:32px;height:32px}
.logo small {font:8px/1.4 var(--mono);color:#737373;letter-spacing:1.2px;margin-top:5px}
.btn {border-radius:0;min-height:42px;font-size:12px;font-weight:500;padding:11px 17px;gap:12px;transition:background .18s,color .18s}
.btn-primary,.btn-dark {background:#171717;color:#fff;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.btn-primary:hover,.btn-dark:hover {background:#333;filter:none}
.btn-primary:focus-visible,.btn-dark:focus-visible {outline:none;box-shadow:inset 0 0 0 3px #2f80ff}
.btn-light {background:#fff;color:#242424;border:1px solid #dedede;border-radius:2px}
.btn-light:hover {background:#f5f5f5;filter:none}
.btn-quiet {background:transparent;color:#737373;padding:9px 4px}
.btn-small {min-height:34px;padding:8px 12px;font-size:11px}
.btn:disabled {cursor:not-allowed}
.pill,.pill.neutral {background:#f5f5f5;border:1px solid #e5e5e5;color:#626262;border-radius:3px;font-size:10px;font-weight:500}
.pill.green {background:#f1f7f2;border-color:#dbe9de;color:#357047}
.pill.amber {background:#fdf8ed;border-color:#f0e3c3;color:#96721b}
.pill.red {background:#fdf1f0;border-color:#f1d7d5;color:#a54a43}
input,textarea,select {border:1px solid #ddd;border-radius:3px;background:#fff;font-size:13px;padding:12px;color:#242424}
input::placeholder,textarea::placeholder {color:#737373}
.label {font-size:12px;font-weight:500;gap:9px}
.cut-card {position:relative;border:1px solid #e5e5e5;background:#fff;padding:28px;clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%)}
.cut-card::after {content:"";position:absolute;top:14px;right:-7px;width:43px;border-top:1px solid #e5e5e5;transform:rotate(45deg);pointer-events:none}
.dotted-divider {border-top:1px dashed #dedede;margin:20px 0}
.feature-number,.feature-meta,.section-index {font-family:var(--mono);font-size:10px;letter-spacing:.7px;color:#737373}
.feature-number {color:#347cc9}
.feature-meta {display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:18px;border-top:1px dashed #e5e5e5;margin-top:auto}
.feature-meta span {font-size:18px;color:#242424}

/* Private entry: the template's mixed serif/sans hero and ASCII art. */
.entry {min-height:100vh;overflow:hidden;background:#fff}
.entry-nav {max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 40px;gap:20px}
.entry-private {display:flex;align-items:center;gap:8px;font-size:11px;color:#737373;border:1px dashed #ddd;padding:8px 11px}
.entry-private .dot {color:#171717}
.entry-hero {position:relative;max-width:1240px;margin:auto;text-align:center;padding:60px 32px 64px;isolation:isolate}
.entry-hero>*:not(.entry-waves) {position:relative;z-index:1}
.entry-kicker {font:10px/1.5 var(--mono);letter-spacing:1.8px;color:#737373;display:flex;align-items:center;justify-content:center;gap:10px}
.entry-hero h1,.start-workspace h1 {font:400 clamp(42px,4.2vw,60px)/1.12 var(--serif);letter-spacing:-1.6px;margin:22px 0 20px}
.entry-hero h1 span,.start-workspace h1 span {font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:500;letter-spacing:-2.5px}
.entry-description {font-size:15px;line-height:1.8;color:#737373;margin-bottom:34px}
.entry-waves {position:absolute;inset:-10px -150px 85px;z-index:0;opacity:.35;mask-image:linear-gradient(transparent,#000 30%,#000 65%,transparent)}
.entry-waves::after {content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 35%,#fff 0%,#ffffffde 38%,#ffffff00 78%);pointer-events:none}
.brand-ascii-canvas {width:100%;height:100%;display:block}
.entry-login {max-width:410px;margin:36px auto 0;background:#fff;border:1px solid #dedede;padding:28px 30px;text-align:left;box-shadow:0 10px 40px #00000003}
.entry-login h2 {font-size:18px;font-weight:500;letter-spacing:-.4px;margin:0}
.entry-login .row .tiny {font:9px var(--mono);letter-spacing:.8px}
.entry-login .btn {width:100%;justify-content:space-between;margin-top:3px}
.entry-login .label {margin:24px 0 16px}
.card-plus {position:absolute;top:-10px;left:-6px;background:#fff;padding:0 2px}
.entry-access-note {font-size:11px;color:#737373;line-height:1.6;margin:17px 0 0;text-align:center}
.entry-features {max-width:1200px;margin:0 auto 64px;padding:0 40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.entry-features article {display:flex;flex-direction:column;min-height:245px}
.entry-features h3 {font:400 29px/1.2 var(--serif);letter-spacing:-.6px;margin:20px 0 0}
.entry-features p {font-size:13px;line-height:1.8;color:#737373;margin-bottom:24px}
.entry-footer {max-width:1200px;margin:auto;border-top:1px dashed #ddd;display:flex;justify-content:space-between;padding:24px 40px;font:10px var(--mono);color:#737373}

/* A real workspace in the visual language of the template's console. */
.shell {display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}
.sidebar {background:#fff;color:#171717;position:sticky;top:0;display:flex;flex-direction:column;padding:28px 18px;height:100vh;border-right:1px solid #e5e5e5}
.sidebar .logo {padding:0 7px 28px;font-size:21px}
.workspace-picker {padding:20px 5px 24px;border-top:1px dashed #e5e5e5}
.workspace-label {display:block;color:#737373;font:9px var(--mono);letter-spacing:1.1px;margin:0 0 11px}
.project-select {background:#fafafa;border-color:#e5e5e5;color:#333;padding:12px 10px;font-size:12px;margin:0;width:100%;text-overflow:ellipsis}
.nav-caption {font:9px var(--mono);letter-spacing:1px;color:#737373;padding:0 13px;margin-bottom:13px}
.sidebar nav {display:block;overflow:visible}
.nav-item {color:#666;background:transparent;padding:13px 12px;margin:4px 0;border-radius:3px;font-size:12px;gap:10px;width:100%;white-space:normal}
.nav-icon {display:flex;align-items:center;flex-shrink:0;color:inherit}
.nav-item:hover {background:#f5f5f5;color:#171717}
.nav-item.active {background:#171717;color:#fff;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
.nav-item.active:focus-visible {outline:none;box-shadow:inset 0 0 0 2px #2f80ff}
.nav-tools {border-top:1px dashed #e5e5e5;margin-top:22px;padding-top:8px}
.sidebar .nav-tools>summary {color:#737373;list-style:none;display:flex;gap:10px;align-items:center;padding:13px 12px;font-size:11px}
.nav-tools>summary::-webkit-details-marker {display:none}
.nav-tools[open]>summary {margin-bottom:7px}
.tools-chevron {margin-left:auto;font-size:14px;transition:transform .2s}
.nav-tools[open] .tools-chevron {transform:rotate(180deg)}
.sidebar-bottom {margin-top:auto;padding-top:34px}
.workspace-note {border:1px dashed #ddd;padding:18px 14px;margin:0 5px 25px;position:relative}
.workspace-note .corner-plus {position:absolute;top:-10px;left:-7px;background:white}
.workspace-note strong {font-size:12px;font-weight:500}
.workspace-note p {font-size:11px;line-height:1.7;color:#737373;margin:10px 0 0}
.owner {border-top:1px solid #e5e5e5;padding:20px 7px 0;font-size:11px;gap:10px}
.avatar {background:#f3f3f3;border:1px solid #e5e5e5;color:#5d5d5d;border-radius:50%;width:30px;height:30px;font-size:11px;display:grid;place-items:center}
.owner small {color:#737373;font-size:10px}
.owner-logout {border:0;background:none;color:#737373;padding:6px;margin-left:auto;display:flex}
.owner-logout:hover {color:#171717}
.app-content {min-width:0;background:#fff}
.topbar {height:67px;background:#fff;border-bottom:1px solid #e5e5e5;padding:0 40px;gap:18px}
.breadcrumb {font-size:11px;color:#737373;min-width:0;display:flex;gap:12px;align-items:center}
.breadcrumb strong {font-weight:500;color:#333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.topbar-private {display:flex;align-items:center;gap:7px;font-size:10px;color:#737373;white-space:nowrap}
.topbar-private .dot {color:#515151;width:4px;height:4px}
.page {width:100%;max-width:1380px;margin:0 auto;padding:40px 40px 20px}
.page-heading {display:flex;justify-content:space-between;align-items:flex-end;gap:26px;margin-bottom:28px}
.page-heading h1 {font:400 clamp(30px,2.7vw,42px)/1.15 var(--serif);letter-spacing:-1px}
.page-heading h1 span {font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:500;letter-spacing:-1.7px}
.page-heading p {font-size:12px;color:#737373;overflow-wrap:anywhere}
.growth-heading>.btn {margin-bottom:4px;flex-shrink:0}
.panel {border-color:#e5e5e5;border-radius:4px;padding:26px;box-shadow:none}
.panel h2 {font-size:18px;font-weight:500}
.panel-header h2 {font-size:17px}
.panel p,.panel li {font-size:13px;line-height:1.8}
.technical-note,.info-box {background:#f7f7f7;border-radius:3px;color:#737373}
.info-box {border-color:#e5e5e5}
.info-box strong {color:#404040}
.footer-note {color:#737373}
.workspace-footer {display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px dashed #e5e5e5;margin-top:40px;padding:23px 0 5px;font:9px/1.5 var(--mono);color:#737373}
.workspace-footer .muted {margin:0 5px}
.next-step {background:#f6f6f6;border-color:#e5e5e5;color:#171717}
.next-step p {color:#737373}
.stat,.agent-card,.draft-card,.source-card,.doc-card {border-color:#e5e5e5;border-radius:4px;box-shadow:none}
.agent-icon,.doc-icon {background:#f5f5f5;color:#171717;border-radius:4px}
.demo-banner {border:1px dashed #ddd;background:#fafafa;color:#737373;border-radius:3px}

/* URL first. The preview describes deliverables without simulated agent status. */
.start-workspace {isolation:isolate;position:relative;text-align:center;overflow:hidden;padding:55px 20px 30px}
.start-workspace>*:not(.start-waves) {position:relative;z-index:1}
.start-waves {position:absolute;inset:30px -200px 240px;z-index:0;opacity:.12;mask-image:linear-gradient(transparent,#000 25%,#000 65%,transparent)}
.start-description {font-size:15px;line-height:1.8;color:#737373;margin:24px auto 32px}
.start-form {max-width:630px;margin:35px auto 55px;padding:22px 26px;background:#fff}
.start-form form {display:flex;align-items:flex-end;gap:10px;text-align:left}
.start-form .label {margin:0;flex:1;min-width:0}
.start-form input {height:43px}
.start-form p {margin:14px 0 0;font-size:11px;color:#737373;text-align:left}
.start-deliverables {max-width:780px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:left;border-top:1px dashed #dedede;border-bottom:1px dashed #dedede}
.start-deliverables>div {padding:26px 20px}
.start-deliverables>div+div {border-left:1px dashed #dedede}
.start-deliverables strong {display:block;font-size:14px;font-weight:500;margin:15px 0 8px}
.start-deliverables p {font-size:12px;color:#737373;margin:0}
.start-options {max-width:780px;margin:30px auto;text-align:left;font-size:11px;color:#737373}
.start-options summary {cursor:pointer}

/* Growth results: one focus, three working views and visible provenance. */
.strategy-focus {display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:32px;padding:30px 32px;margin-bottom:24px;background:linear-gradient(115deg,#fafafa,#fff 68%);overflow-wrap:anywhere}
.strategy-focus .eyebrow {margin-bottom:18px;font-size:9px}
.strategy-focus h2 {font-size:clamp(23px,2vw,29px);font-weight:500;letter-spacing:-.8px;line-height:1.3;margin-bottom:18px;max-width:750px}
.strategy-focus p {font-size:13px;color:#777;line-height:1.8;max-width:750px;margin-bottom:23px}
.strategy-proof {border-left:1px dashed #ddd;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;padding-left:28px;min-width:0}
.strategy-glyph {font:12px/1.02 var(--mono);letter-spacing:3px;color:#888;margin-bottom:16px;align-self:center}
.strategy-glyph span {display:block}
.strategy-proof strong {font-size:11px;font-weight:500}
.strategy-proof small {font-size:10px;color:#737373;margin:6px 0 15px;line-height:1.6}
.strategy-proof .btn {font-size:10px;min-height:32px;padding:8px;white-space:normal}
.growth-metrics {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:35px;border-bottom:1px dashed #ddd}
.growth-metrics>div {padding:16px 16px 26px;min-width:0}
.growth-metrics>div:first-child {padding-left:0}
.growth-metrics>div+div {border-left:1px dashed #e5e5e5}
.growth-metrics span {font-size:11px;color:#737373}
.growth-metrics strong {font:400 31px/1.2 var(--serif);letter-spacing:-.8px;display:block;margin:12px 0 7px}
.growth-metrics small {font-size:10px;color:#737373;display:block;line-height:1.6}
.analysis-tabs {display:flex;border-bottom:1px solid #ddd;margin:0 0 30px;gap:24px}
.analysis-tabs button {display:flex;align-items:center;gap:18px;background:none;border:0;padding:16px 0;color:#737373;font-size:12px;position:relative}
.analysis-tabs button[aria-selected=true] {color:#171717}
.analysis-tabs button[aria-selected=true]::after {content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#171717}
.analysis-tabs button>span {font:9px var(--mono);color:#b5b5b5}
[role=tabpanel]:focus-visible {outline-offset:8px}
.section-heading {margin:28px 0 20px}
.section-index {display:block;margin-bottom:14px;font-size:9px;letter-spacing:1px}
.section-heading h2 {font-size:22px;font-weight:500;letter-spacing:-.7px;line-height:1.35;margin-bottom:12px}
.section-heading p {font-size:12px;color:#737373;line-height:1.8}
.acquisition-section {max-width:930px}
.analysis-copy {font-size:14px;color:#626262;line-height:1.9;max-width:850px}
.analysis-priorities {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.analysis-priorities>.analysis-priority:only-child {grid-column:1/-1;max-width:900px}
.analysis-priority {padding:25px;min-width:0}
.analysis-number {font:12px var(--mono);color:#347cc9;letter-spacing:1px}
.analysis-priority h3 {font-size:20px;font-weight:500;letter-spacing:-.5px;line-height:1.4;margin:23px 0 16px}
.analysis-priority p,.analysis-priority li {font-size:13px;line-height:1.85;color:#737373}
.priority-implementation {border-top:1px dashed #ddd;margin:22px 0 15px;padding-top:16px}
.priority-implementation>summary {display:flex;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;font-size:12px;font-weight:500;line-height:1.7;color:#333}
.priority-implementation>summary::-webkit-details-marker {display:none}
.priority-implementation>summary>span {color:#737373;font-family:var(--mono)}
.priority-implementation[open]>summary {margin-bottom:18px}
.priority-implementation[open]>summary>span {transform:rotate(45deg)}
.priority-implementation ol {padding-left:20px}
.analysis-ready {border:1px solid #e8e8e8;background:#fafafa;border-radius:3px;padding:17px;margin:20px 0}
.analysis-ready small {color:#333;font-size:10px;font-weight:500}
.analysis-ready p {color:#555;font-size:12px;margin:14px 0 17px}
.analysis-ready .btn {background:white;font-size:10px;min-height:30px;padding:7px 10px}
.analysis-evidence {margin:16px 0}
.analysis-evidence summary {font-size:11px;font-weight:500;color:#737373;cursor:pointer}
.analysis-evidence p,.analysis-evidence li {font-size:12px;line-height:1.8}
.analysis-evidence blockquote {background:#fafafa;border-left:2px solid #d5d5d5;color:#777}
.priority-actions {border-top:1px dashed #ddd;margin-top:22px;padding-top:20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.priority-actions .btn {font-size:11px;min-height:35px}
.priority-actions .btn:first-child {background:#171717;color:#fff;border-color:#171717}
.strategy-context {margin-top:25px;border:1px solid #e5e5e5;border-radius:3px;padding:20px 25px}
.strategy-context>summary {font-size:12px;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:12px;cursor:pointer}
.strategy-context>summary::-webkit-details-marker {display:none}
.analysis-context {grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding:25px 0 15px}
.analysis-context small,.analysis-positioning small {color:#737373;font-size:10px}
.analysis-context p,.analysis-positioning p {color:#666;font-size:13px;line-height:1.8;margin:10px 0}
.analysis-positioning {border-color:#e5e5e5;padding:20px 0 0;border-bottom:0;margin-bottom:0}
.analysis-grid .panel {min-width:0}
.analysis-grid .panel li {margin:8px 0;font-size:12px;color:#737373}
.analysis-roadmap.plan-cards {grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 28px;align-items:start}
.analysis-roadmap.plan-cards>article {padding:25px;border:1px solid #e5e5e5;border-left-width:1px;min-width:0}
.plan-cards h3 {font-size:19px;font-weight:500;line-height:1.5;margin:24px 0 18px}
.plan-cards li,.plan-cards p {font-size:12px;color:#737373;line-height:1.8}
.plan-cards li {margin:9px 0}
.plan-outcome {margin-top:24px;padding-top:18px;border-top:1px dashed #ddd}
.plan-outcome small,.plan-decision small {font:9px/1.6 var(--mono);letter-spacing:.6px;color:#737373}
.plan-outcome p,.plan-decision p {margin:10px 0 0}
.plan-decision {margin-top:20px;background:#fafafa;padding:15px}
.seo-cards {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.seo-opportunity h3 {font-size:21px;font-weight:500;line-height:1.5;letter-spacing:-.5px}
.seo-opportunity p,.seo-opportunity li {font-size:13px;color:#737373;line-height:1.85}
.seo-page {padding:17px;background:#fafafa;border:1px dashed #e0e0e0;display:flex;flex-direction:column;gap:10px;margin:22px 0}
.seo-page small {font:9px var(--mono);color:#737373;letter-spacing:.8px}
.seo-page strong {font-size:12px;font-weight:500;line-height:1.6;overflow-wrap:anywhere}
.analysis-receipt {margin-top:34px;padding:25px 0;border-top:1px dashed #ddd;display:flex;align-items:center;justify-content:space-between;gap:20px}
.analysis-receipt .corner-plus {margin-right:9px}
.analysis-receipt strong {font-size:12px;font-weight:500}
.analysis-receipt p {font-size:10px;line-height:1.8;color:#737373;margin:12px 0 0}
.analysis-receipt .btn {font-size:10px;min-height:32px;white-space:normal}
.analysis-method {padding:19px 23px}
.analysis-method>summary {font-size:12px;font-weight:500}
.analysis-running {border:1px solid #e5e5e5;padding:22px;margin:0 0 24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:#fafafa}
.analysis-running>div {flex:1;min-width:0}
.analysis-running h2 {font-size:16px;font-weight:500;display:inline;margin-left:8px}
.analysis-running p {font-size:12px;color:#737373;margin:12px 0 0}
.analysis-running>details {width:100%;font-size:11px;color:#737373}
.analysis-running summary {cursor:pointer}

/* The supplied React Bits AgentActivity2, restyled without demo phases. */
dialog {border:1px solid #dedede;border-radius:5px;background:white;box-shadow:0 30px 100px #0002;max-width:850px;max-height:92vh}
dialog::backdrop {background:#0004;backdrop-filter:blur(4px)}
.modal-head {background:#fafafa;border-bottom:1px solid #e5e5e5;padding:18px 24px;position:sticky;top:0;z-index:3}
.modal-head h2 {font-size:14px;font-weight:500;letter-spacing:-.2px}
.modal-close {font-weight:300;color:#777;border-radius:2px}
.modal-body {padding:27px}
.rb-agent-activity {display:flex;flex-direction:column;gap:18px;background:white;min-width:0}
.rb-activity-intro .eyebrow {margin-bottom:17px;font-size:9px}
.rb-activity-intro h3 {font:400 clamp(25px,3vw,33px)/1.2 var(--serif);letter-spacing:-.6px;margin:0 0 14px}
.rb-activity-intro p {font-size:12px;line-height:1.6;color:#737373;margin:0;overflow-wrap:anywhere}
.rb-activity-header {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:3px 0 2px}
.rb-activity-header>div {display:flex;flex-direction:column;gap:9px}
.rb-job-status {font-size:11px;display:flex;align-items:center;gap:7px;color:#626262}
.rb-job-status.running .dot,.rb-job-status.queued .dot {color:#347cc9}
.rb-job-status.succeeded .dot {color:#337746}
.rb-job-status.failed .dot,.rb-job-status.cancelled .dot {color:#b44d44}
.rb-completed {font-size:10px;color:#737373}
.rb-total {font:12px/1.5 var(--mono);color:#626262;text-align:right;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px}
.rb-total small {width:100%;font:10px ui-sans-serif,sans-serif;color:#aaa}
.rb-frame {border:1px solid #e7e7e7;border-radius:10px;background:#fafafa;padding:4px}
.rb-feed-frame {position:relative;border:1px solid #e7e7e7;border-radius:6px;background:white;overflow:hidden}
.rb-feed {max-height:360px;overflow:auto;overscroll-behavior:contain;padding:5px;scrollbar-width:thin;scrollbar-color:#ddd transparent}
.rb-phase-list {list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.rb-phase {min-width:0;overflow:hidden;border-bottom:1px dashed #f0f0f0}
.rb-phase:last-child {border-bottom:0}
.rb-phase-toggle {display:flex;align-items:center;gap:10px;border:0;background:white;padding:13px 10px;width:100%;text-align:left;border-radius:4px;color:#404040;transition:background .15s;min-height:60px}
.rb-phase-toggle:hover {background:#fafafa}
.rb-phase-toggle:focus-visible {outline-offset:-2px}
.rb-phase-icon {display:flex;align-items:center;justify-content:center;width:18px;flex-shrink:0;color:#aaa}
.rb-phase.succeeded .rb-phase-icon {color:#337746}
.rb-phase.running .rb-phase-icon {color:#347cc9}
.rb-phase.failed .rb-phase-icon,.rb-phase.cancelled .rb-phase-icon {color:#b44d44}
.rb-wait-dot {width:5px;height:5px;background:#d5d5d5;border-radius:50%}
.rb-phase-label {flex:1;min-width:0;font-size:12px;font-weight:500;line-height:1.5}
.rb-phase-label small {display:block;font-size:10px;font-weight:400;color:#737373;line-height:1.6;margin-top:5px}
.rb-phase-state {font-size:9px;color:#737373;white-space:nowrap}
.rb-phase.running .rb-phase-state {color:#347cc9}
.rb-phase.succeeded .rb-phase-state {color:#337746}
.rb-phase.failed .rb-phase-state,.rb-phase.cancelled .rb-phase-state {color:#b44d44}
.rb-duration {font:10px/1.5 var(--mono);color:#737373;flex-shrink:0;min-width:55px;text-align:right}
.rb-chevron {flex-shrink:0;color:#737373;transition:transform .18s}
.rb-chevron.open {transform:rotate(90deg)}
.rb-substeps {overflow:hidden}
.rb-substeps ul {list-style:none;margin:0;padding:2px 33px 15px 40px}
.rb-substeps li {display:flex;align-items:center;gap:12px;padding:8px 0;min-width:0}
.rb-step-label {flex:1;min-width:0;font-size:11px;line-height:1.7;color:#737373;overflow-wrap:anywhere}
.rb-event-time {font:8px var(--mono);color:#b5b5b5;white-space:nowrap}
.rb-time-bar {width:52px;height:3px;overflow:hidden;flex-shrink:0;background:#efefef;border-radius:2px}
.rb-time-bar>span {display:block;height:100%;background:#bfbfbf;border-radius:2px}
.rb-empty-step {font-size:10px;color:#737373;line-height:1.7}
.rb-scroll-fade {pointer-events:none;position:absolute;left:0;right:0;height:24px;opacity:0;transition:opacity .2s;z-index:1}
.rb-scroll-fade.visible {opacity:1}
.rb-scroll-fade.top {top:0;background:linear-gradient(#fff,transparent)}
.rb-scroll-fade.bottom {bottom:0;background:linear-gradient(transparent,#fff)}
.rb-current {display:flex;align-items:flex-start;gap:8px;font-size:11px;color:#737373;line-height:1.8;margin:0;overflow-wrap:anywhere}
.rb-current .dot {color:#9a9a9a;flex-shrink:0;margin-top:8px;width:4px;height:4px}
.rb-activity-foot {color:#737373;font-size:9px;line-height:1.7;border-top:1px dashed #e5e5e5;padding-top:13px}
.rb-activity-foot>span {font-family:var(--mono)}
.rb-activity-foot p {margin:7px 0 0;font-size:10px}
.rb-agent-activity .form-footer {margin-top:0;justify-content:flex-start;padding-top:18px}
.rb-agent-activity .form-footer .btn-quiet {margin-left:auto;font-size:11px}
.rb-spin {animation:rb-spin 1.4s linear infinite}
@keyframes rb-spin {to {transform:rotate(360deg)}}
dialog[open][data-analysis-job] {display:flex;flex-direction:column;height:min(900px,92dvh);overflow:hidden}
dialog[data-analysis-job] .modal-head {flex-shrink:0}
dialog[data-analysis-job] .modal-body {display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto}
dialog[data-analysis-job] #analysis-workspace {display:flex;flex:1;min-height:0;width:100%}
dialog[data-analysis-job] .rb-agent-activity {height:auto;flex:1;min-width:0;min-height:0;gap:14px}
dialog[data-analysis-job] .rb-agent-activity>* {flex-shrink:0}
dialog[data-analysis-job] .rb-frame {flex:1;display:flex;min-height:100px}
dialog[data-analysis-job] .rb-feed-frame {display:flex;flex:1;min-height:0;min-width:0}
dialog[data-analysis-job] .rb-feed {max-height:none;flex:1;min-height:0}

/* Keep all existing working tools in the same neutral workspace palette. */
.execution-hero,.machine-hero,.growth-hero,.activation-hero {background:#fafafa;border-color:#e5e5e5;border-radius:4px;color:#171717}
.execution-chain {background:#171717;color:#ddd;border-radius:3px}
.execution-chain strong {color:white}
.execution-lane,.machine-card,.machine-asset,.machine-cohort {background:#fafafa;border-color:#e5e5e5;border-radius:4px}
.execution-card {border-color:#e5e5e5;border-radius:3px;box-shadow:none}
.machine-card h3,.machine-eyebrow,.machine-metrics strong {color:#171717}

@media (min-width:1600px) {
  .page {padding-top:48px}
  .strategy-focus {padding:36px 38px;grid-template-columns:minmax(0,1fr) 230px}
}
@media (max-width:1200px) {
  .shell {grid-template-columns:215px minmax(0,1fr)}
  .sidebar {padding:27px 12px}
  .sidebar .logo {font-size:19px}
  .page {padding:32px 28px 18px}
  .topbar {padding:0 28px}
  .strategy-focus {grid-template-columns:minmax(0,1fr) 170px;gap:23px;padding:26px}
  .strategy-proof {padding-left:22px}
  .analysis-priorities,.seo-cards {grid-template-columns:minmax(0,1fr)}
  .analysis-roadmap.plan-cards {grid-template-columns:minmax(0,1fr)}
  .plan-cards article {display:grid;grid-template-columns:1fr 1fr;gap:0 30px}
  .plan-cards article>.row,.plan-cards h3 {grid-column:1/-1}
  .plan-cards .plan-outcome {border-top:0;margin-top:0;padding-top:0}
  .plan-cards .plan-decision {grid-column:1/-1}
  .analysis-receipt {flex-wrap:wrap}
}
@media (max-width:900px) {
  .shell {display:block}
  .sidebar {position:static;height:auto;width:100%;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:16px;padding:20px 24px 13px;border-right:0;border-bottom:1px solid #e5e5e5;overflow:visible}
  .sidebar .logo {padding:0;font-size:20px}
  .sidebar .logo small {display:block}
  .workspace-picker {border:0;padding:0;align-self:center}
  .workspace-label {display:none}
  .sidebar nav {grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;max-width:100%;overflow:visible}
  .nav-caption,.sidebar-bottom {display:none}
  .nav-item {font-size:11px;gap:8px;padding:11px 9px;white-space:normal;width:100%;margin:0;min-width:0}
  .nav-tools {grid-column:1/-1;border-top:1px dashed #e5e5e5;margin-top:6px;padding-top:4px}
  .sidebar .nav-tools>summary {padding:8px 2px;width:max-content;font-size:10px}
  .nav-tools>summary svg {width:14px;height:14px}
  .nav-tools .nav-item {display:inline-flex;width:auto;margin:4px;max-width:100%}
  .nav-tools[open] {padding-bottom:8px}
  .topbar {height:57px;padding:0 24px}
  .topbar-private {display:none}
  .page {padding:30px 24px 18px}
  .page-heading {display:flex;align-items:flex-start;gap:18px}
  .page-heading h1 {font-size:35px}
  .page-heading>.btn {font-size:11px}
  .entry-features {gap:14px;padding:0 28px}
  .entry-features .cut-card {padding:22px}
  .analysis-context {grid-template-columns:1fr}
  .analysis-grid {grid-template-columns:1fr}
}
@media (max-width:600px) {
  .entry-nav {padding:23px 22px;gap:12px}
  .entry-nav .logo {font-size:19px}
  .entry-private {border:0;padding:0;font-size:10px;max-width:95px;line-height:1.6}
  .entry-hero {padding:40px 22px 45px}
  .entry-hero h1,.start-workspace h1 {font-size:39px;letter-spacing:-1.3px;margin-top:25px}
  .entry-hero h1 span,.start-workspace h1 span {letter-spacing:-1.5px}
  .entry-description {font-size:13px;line-height:1.8;margin-top:24px}
  .entry-login {padding:25px 22px;margin-top:30px}
  .entry-login h2 {font-size:16px}
  .entry-login .tiny {font-size:8px!important}
  .entry-features {grid-template-columns:1fr;padding:0 22px;gap:15px;margin-bottom:40px}
  .entry-features article {min-height:0;padding:25px}
  .entry-features h3 {font-size:28px;margin-top:18px}
  .entry-footer {padding:24px 22px;font-size:9px;gap:14px}
  .sidebar {padding:19px 18px 12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:17px 12px}
  .sidebar .logo {font-size:16px;gap:6px}
  .sidebar .logo small {font-size:6px;letter-spacing:1px}
  .sidebar .logo-mark,.sidebar .logo-mark svg {width:27px;height:27px}
  .project-select {font-size:11px;padding:11px 6px}
  .sidebar nav {grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  .nav-item {font-size:11px;padding:11px 9px;gap:9px}
  .topbar {padding:0 18px;height:55px}
  .topbar .row {gap:7px;flex-shrink:0}
  .topbar .btn {font-size:10px;padding:8px 10px;white-space:normal;line-height:1.5}
  .breadcrumb {font-size:10px;gap:7px;max-width:55%}
  .breadcrumb>span:first-child {display:none}
  .breadcrumb>span:nth-child(2) {display:none}
  .page {padding:27px 18px 16px}
  .page-heading {display:block;margin-bottom:23px}
  .page-heading h1 {font-size:32px;line-height:1.2;letter-spacing:-1px}
  .page-heading>.btn {margin-top:22px}
  .eyebrow {font-size:9px}
  .strategy-focus {grid-template-columns:minmax(0,1fr);padding:24px;gap:25px}
  .strategy-focus h2 {font-size:24px;line-height:1.4}
  .strategy-proof {border-left:0;border-top:1px dashed #ddd;padding:18px 0 0;display:grid;grid-template-columns:1fr auto;gap:5px 14px}
  .strategy-glyph {display:none}
  .strategy-proof strong,.strategy-proof small {grid-column:1;margin:0}
  .strategy-proof .btn {grid-column:2;grid-row:1/3;align-self:center;max-width:132px}
  .growth-metrics {grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px}
  .growth-metrics>div {padding:16px 10px!important;border-bottom:1px dashed #e5e5e5}
  .growth-metrics>div:first-child,.growth-metrics>div:nth-child(3) {padding-left:0!important;border-left:0}
  .growth-metrics strong {font-size:29px;margin:9px 0 5px}
  .growth-metrics span {font-size:10px}
  .growth-metrics small {font-size:9px}
  .analysis-tabs {gap:0;justify-content:space-between;margin-bottom:23px}
  .analysis-tabs button {font-size:10px;padding:15px 4px;gap:6px;line-height:1.7;white-space:normal;text-align:left}
  .analysis-tabs button>span {display:none}
  .section-heading {margin:25px 0 18px}
  .section-heading h2 {font-size:21px;line-height:1.5}
  .analysis-copy {font-size:13px;line-height:1.85}
  .analysis-priority,.seo-opportunity {padding:23px}
  .analysis-priority h3 {font-size:19px;line-height:1.5}
  .priority-actions {gap:8px}
  .priority-actions .btn {font-size:10px;padding:9px 10px}
  .strategy-context {padding:20px}
  .analysis-roadmap.plan-cards>article {display:block;padding:23px}
  .plan-cards .plan-outcome {border-top:1px dashed #ddd;margin-top:24px;padding-top:18px}
  .plan-cards h3 {font-size:21px}
  .panel {padding:22px}
  .analysis-receipt {padding:22px 0;gap:18px}
  .analysis-receipt .row {gap:9px}
  .workspace-footer {font-size:8px;align-items:flex-start;line-height:1.8;gap:18px}
  .workspace-footer>span:last-child {max-width:90px;text-align:right}
  .start-workspace {padding:36px 0 0}
  .start-form {padding:20px;margin-bottom:32px}
  .start-form form {display:block}
  .start-form .btn {width:100%;margin-top:15px;justify-content:space-between}
  .start-form p {font-size:10px;line-height:1.8}
  .start-deliverables {grid-template-columns:1fr}
  .start-deliverables>div {padding:23px 10px}
  .start-deliverables>div+div {border-left:0;border-top:1px dashed #dedede}
  .start-deliverables strong {margin-top:12px}
  dialog {width:calc(100vw - 22px);max-height:94vh;border-radius:4px}
  .modal-head {padding:16px 18px}
  .modal-head h2 {font-size:12px}
  .modal-body {padding:23px 17px}
  .rb-agent-activity {gap:17px}
  .rb-activity-intro h3 {font-size:26px}
  .rb-activity-header {gap:10px}
  .rb-feed {max-height:350px;padding:3px}
  .rb-phase-toggle {gap:7px;padding:13px 8px}
  .rb-phase-label {font-size:11px}
  .rb-phase-label small {font-size:9px}
  .rb-phase-state {font-size:8px;max-width:70px;white-space:normal}
  .rb-duration {font-size:9px;min-width:46px}
  .rb-phase-toggle .rb-duration {font-size:8px;min-width:43px}
  .rb-substeps ul {padding-left:29px;padding-right:12px}
  .rb-substeps li {gap:10px}
  .rb-step-label {font-size:10px;line-height:1.75}
  .rb-time-bar,.rb-event-time {display:none}
  .rb-agent-activity .form-footer {gap:8px}
  .rb-agent-activity .form-footer .btn {font-size:10px;min-height:37px;padding:10px 11px}
  .rb-agent-activity .form-footer .btn-quiet {margin-left:0}
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after {animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .rb-spin {animation:none}
}