:root {
  --console-ink: #17241d;
  --console-green: #2f7d5b;
  --console-green-dark: #0b6444;
  --console-green-soft: #e5f1ea;
  --console-canvas: #f8faf7;
  --console-panel: #f2f4f1;
  --console-panel-2: #eceeeb;
  --console-muted: #5e6b63;
  --console-border: #17241d;
  --console-outline: #bec9c1;
  --console-blue: #3b6ea8;
  --console-gold: #b6812d;
  --console-red: #ba1a1a;
  --console-top: 64px;
  --console-side: 228px;
  --console-shadow: 4px 4px 0 var(--console-ink);
  --console-shadow-sm: 2px 2px 0 var(--console-ink);
}

* { box-sizing: border-box; }
html { background: var(--console-canvas); }
body.console-ui {
  margin: 0;
  background:
    radial-gradient(rgba(23,36,29,.13) 1px, transparent 1px) 0 0/8px 8px,
    var(--console-canvas);
  color: var(--console-ink);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  overflow-x: hidden;
}
body.console-ui::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
  background: linear-gradient(rgba(47,125,91,.028) 1px, transparent 1px);
  background-size: 100% 3px;
  opacity: .55;
}
body.console-ui h1,
body.console-ui h2,
body.console-ui h3,
body.console-ui h4,
body.console-ui .brand-word,
body.console-ui .workspace-title,
body.console-ui .commercial-hero h1,
body.console-ui .price-amount {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: -.035em;
}
body.console-ui a { color: inherit; }
body.console-ui button,
body.console-ui input,
body.console-ui select { font: inherit; }
body.console-ui ::selection { background: var(--console-green); color: #fff; }

.console-top-dock,
body.console-ui .topbar,
body.console-ui .commercial-topbar {
  position: sticky;
  top: 0;
  z-index: 90;
  min-height: var(--console-top);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 0 24px;
  border-bottom: 4px solid var(--console-ink) !important;
  background:
    linear-gradient(rgba(47,125,91,.05) 1px, transparent 1px) 0 0/100% 2px,
    rgba(248,250,247,.97) !important;
  box-shadow: 0 4px 0 var(--console-ink) !important;
  backdrop-filter: blur(10px);
}
body.console-ui .topbar .brand,
body.console-ui .commercial-topbar .brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  font-weight: 900;
  text-transform: uppercase;
}
body.console-ui .brand-mark {
  width: 15px;
  height: 15px;
  min-width: 15px;
  overflow: hidden;
  border: 1px solid var(--console-ink) !important;
  background: var(--console-green) !important;
  color: transparent !important;
  box-shadow: 0 0 7px rgba(47,125,91,.8);
  border-radius: 0 !important;
}
body.console-ui .brand-word { font-size: 20px; font-weight: 900; text-transform: uppercase; }
body.console-ui .brand-word::after { content: "_CONSOLE"; font-family: ui-monospace, monospace; font-size: 11px; letter-spacing: .06em; margin-left: 5px; color: var(--console-muted); }
body.console-ui .top-actions,
body.console-ui .commercial-nav { display: flex; align-items: center; gap: 8px; }
body.console-ui .top-link,
body.console-ui .commercial-nav a,
body.console-ui .runtime-badge,
body.console-ui .beta {
  border: 2px solid transparent;
  border-radius: 0 !important;
  padding: 7px 10px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-decoration: none;
}
body.console-ui .top-link:hover,
body.console-ui .commercial-nav a:hover,
body.console-ui .commercial-nav a[aria-current="page"] {
  border-color: var(--console-ink);
  background: var(--console-green-soft);
  box-shadow: var(--console-shadow-sm);
  transform: translate(-1px,-1px);
}
body.console-ui .runtime-badge { border-color: var(--console-ink); background: var(--console-green-soft); }
body.console-ui .runtime-badge::before { content: ""; display:inline-block; width:7px; height:7px; margin-right:7px; background:#22c55e; border:1px solid var(--console-ink); box-shadow:0 0 5px #22c55e; }
body.console-ui .beta { background: var(--console-ink); color:#fff; border-color: var(--console-ink); }

.console-side-rail {
  position: fixed;
  z-index: 80;
  left: 0;
  top: var(--console-top);
  bottom: 0;
  width: var(--console-side);
  display: flex;
  flex-direction: column;
  border-right: 4px solid var(--console-ink);
  box-shadow: 4px 0 0 var(--console-ink);
  background:
    radial-gradient(var(--console-ink) 1px, transparent 1px) 0 0/8px 8px,
    var(--console-panel-2);
}
.console-operator {
  padding: 17px;
  border-bottom: 2px solid var(--console-ink);
  background: var(--console-canvas);
}
.console-operator-row { display:flex; align-items:center; gap:12px; }
.console-operator-bot {
  position:relative;
  width:48px;
  height:48px;
  border:2px solid var(--console-ink);
  background:var(--console-ink);
  box-shadow:var(--console-shadow-sm);
}
.console-operator-bot::before { content:""; position:absolute; left:11px; top:9px; width:22px; height:20px; border:2px solid #89d6ae; background:var(--console-green); }
.console-operator-bot::after { content:""; position:absolute; left:20px; top:17px; width:6px; height:6px; background:#00ff57; box-shadow:0 0 6px #00ff57; }
.console-operator-label { display:block; color:var(--console-muted); font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.console-operator-name { font:900 16px/1.1 Inter,system-ui,sans-serif; margin-top:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:135px; }
.console-operator-plan { color:var(--console-green); font-size:10px; font-weight:900; margin-top:4px; letter-spacing:.06em; text-transform:uppercase; }
.console-nav-list { flex:1; display:flex; flex-direction:column; gap:4px; padding:12px 9px; background:rgba(248,250,247,.94); }
.console-nav-link {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:44px;
  padding:10px 12px;
  border-left:4px solid transparent;
  color:#3f4943;
  text-decoration:none;
  font-size:12px;
  font-weight:800;
  transition:.12s ease;
}
.console-nav-link:hover { background:#e1e3e0; color:var(--console-ink); }
.console-nav-link.is-active { background:var(--console-green); color:#fff; border-left-color:#fff; box-shadow:var(--console-shadow-sm); }
.console-nav-key { color:inherit; opacity:.66; font-size:9px; }
.console-rail-foot { padding:12px; border-top:2px solid var(--console-ink); background:var(--console-canvas); font-size:9px; line-height:1.55; color:var(--console-muted); }
.console-rail-foot strong { color:var(--console-green-dark); }

body.console-ui .shell {
  width:auto !important;
  max-width:none !important;
  min-height:100vh;
  margin:0 0 0 var(--console-side) !important;
  padding:0 !important;
}
body.console-ui .shell > .hero,
body.console-ui .shell > .example-preview,
body.console-ui .shell > .value-strip,
body.console-ui .shell > #status,
body.console-ui .shell > #report,
body.console-ui .shell > .site-footer { margin-left: clamp(18px,3vw,42px); margin-right: clamp(18px,3vw,42px); }
body.console-ui .shell > .topbar { margin-left:0; margin-right:0; }

body.console-ui .ambient { display:none !important; }
body.console-ui .hero {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);
  gap:34px;
  align-items:center;
  min-height:560px;
  padding:54px 0 42px !important;
  border-bottom:2px solid rgba(23,36,29,.25);
}
body.console-ui .hero-copy-block { grid-column:1; align-self:end; }
body.console-ui .hero .eyebrow,
body.console-ui .section-kicker,
body.console-ui .story-label,
body.console-ui .workspace-card-label,
body.console-ui .commercial-kicker {
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--console-green-dark) !important;
  font:900 10px/1.2 ui-monospace,monospace !important;
  letter-spacing:.11em !important;
  text-transform:uppercase;
}
body.console-ui .hero .eyebrow::before { content:"SYS//"; color:var(--console-muted); }
body.console-ui .hero h1 {
  max-width:820px;
  margin:14px 0 18px;
  font-size:clamp(44px,6vw,86px) !important;
  line-height:.95 !important;
  font-weight:900 !important;
  letter-spacing:-.065em !important;
  text-transform:uppercase;
}
body.console-ui .hero h1 em { color:var(--console-green); font-style:normal; }
body.console-ui .hero-copy { max-width:720px; margin:0; color:#3f4943 !important; font-size:15px !important; line-height:1.75 !important; }
body.console-ui .search-card {
  grid-column:1;
  align-self:start;
  margin:8px 0 0 !important;
  padding:0 !important;
  overflow:visible;
  border:4px solid var(--console-ink) !important;
  border-radius:0 !important;
  background:var(--console-canvas) !important;
  box-shadow:var(--console-shadow) !important;
}
body.console-ui .username-field { min-height:70px; border-bottom:2px solid var(--console-ink); background:#fff; }
body.console-ui .username-field .prefix { color:var(--console-green-dark); font-weight:900; }
body.console-ui .username-field input { font-size:17px; font-weight:800; background:transparent; }
body.console-ui .search-controls { padding:12px; background:var(--console-panel-2); gap:9px; }
body.console-ui select,
body.console-ui input[type="email"],
body.console-ui .workspace-field input,
body.console-ui .workspace-field select {
  min-height:39px;
  border:2px solid var(--console-ink) !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:none !important;
}
body.console-ui .primary-button,
body.console-ui .workspace-primary-button,
body.console-ui .commercial-primary,
body.console-ui [data-commercial-upgrade] {
  border:2px solid var(--console-ink) !important;
  border-radius:0 !important;
  background:var(--console-green) !important;
  color:#fff !important;
  box-shadow:3px 3px 0 var(--console-ink) !important;
  font-weight:900 !important;
  letter-spacing:.04em;
  text-transform:uppercase;
  transition:.1s ease;
}
body.console-ui .primary-button:hover,
body.console-ui .workspace-primary-button:hover,
body.console-ui .commercial-primary:hover { transform:translate(-1px,-1px); box-shadow:4px 4px 0 var(--console-ink) !important; }
body.console-ui .primary-button:active,
body.console-ui .workspace-primary-button:active,
body.console-ui .commercial-primary:active { transform:translate(2px,2px); box-shadow:none !important; }
body.console-ui .search-foot { border-top:2px solid var(--console-ink); padding:10px 12px; background:#fff; font-size:10px; }
body.console-ui .example-link { color:var(--console-green-dark); font-weight:900; }
body.console-ui .account-inline {
  grid-column:1;
  border:2px solid var(--console-ink) !important;
  border-radius:0 !important;
  background:var(--console-green-soft) !important;
  box-shadow:var(--console-shadow-sm);
  margin-top:3px;
}
body.console-ui .connection-dot { border-radius:0 !important; background:#00e65f !important; border:1px solid var(--console-ink); box-shadow:0 0 6px #00e65f; }

.console-scanner-panel {
  grid-column:2;
  grid-row:1 / span 4;
  align-self:stretch;
  min-height:500px;
  border:4px solid var(--console-ink);
  background:var(--console-ink);
  box-shadow:var(--console-shadow);
  color:#c8f8dc;
  overflow:hidden;
  position:relative;
}
.console-scanner-head { display:flex; justify-content:space-between; align-items:center; padding:12px 14px; border-bottom:2px solid #89d6ae; background:#20342a; font-size:10px; font-weight:900; letter-spacing:.08em; }
.console-live-led { display:inline-flex; align-items:center; gap:7px; }
.console-live-led::before { content:""; width:7px; height:7px; background:#00ff57; box-shadow:0 0 7px #00ff57; }
.console-flow-canvas { position:relative; min-height:410px; padding:28px; background:linear-gradient(rgba(137,214,174,.055) 1px,transparent 1px) 0 0/100% 4px; }
.console-flow-stage { position:relative; height:330px; border:1px solid rgba(137,214,174,.35); background:radial-gradient(rgba(137,214,174,.22) 1px,transparent 1px) 0 0/16px 16px; overflow:hidden; }
.console-flow-node { position:absolute; min-width:110px; padding:9px 10px; border:2px solid #89d6ae; background:#17241d; box-shadow:2px 2px 0 #89d6ae; font-size:10px; font-weight:900; letter-spacing:.04em; }
.console-flow-node small { display:block; margin-top:4px; color:#89d6ae; font-weight:600; }
.console-flow-node.n1 { left:18px; top:36px; }
.console-flow-node.n2 { left:18px; top:132px; }
.console-flow-node.n3 { left:18px; top:228px; }
.console-flow-scanner { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:126px; height:126px; display:grid; place-items:center; border:3px solid #89d6ae; background:#2f7d5b; box-shadow:6px 6px 0 #89d6ae; text-align:center; color:#fff; font-size:11px; font-weight:900; }
.console-flow-scanner::after { content:""; position:absolute; left:14px; right:14px; top:10px; height:2px; background:#00ff57; box-shadow:0 0 8px #00ff57; animation:console-scan 2.2s ease-in-out infinite; }
.console-flow-node.out1 { right:18px; top:84px; }
.console-flow-node.out2 { right:18px; top:194px; }
.console-flow-wire { position:absolute; height:2px; background:#89d6ae; transform-origin:left center; opacity:.75; }
.console-flow-wire.w1 { left:130px; top:61px; width:145px; transform:rotate(22deg); }
.console-flow-wire.w2 { left:130px; top:157px; width:132px; }
.console-flow-wire.w3 { left:130px; top:253px; width:145px; transform:rotate(-22deg); }
.console-flow-wire.w4 { left:calc(50% + 63px); top:144px; width:130px; transform:rotate(-20deg); }
.console-flow-wire.w5 { left:calc(50% + 63px); top:190px; width:128px; transform:rotate(17deg); }
.console-scanner-foot { padding:12px 14px; border-top:2px solid #89d6ae; color:#89d6ae; font-size:9px; line-height:1.5; }
@keyframes console-scan { 0%{top:10px;opacity:.25} 15%{opacity:1} 85%{opacity:1} 100%{top:112px;opacity:.25} }

.console-value-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin:34px clamp(18px,3vw,42px) 54px;
}
.console-value-card { border:2px solid var(--console-ink); background:var(--console-canvas); box-shadow:var(--console-shadow-sm); padding:18px; }
.console-value-card .id { color:var(--console-green); font-size:9px; font-weight:900; letter-spacing:.1em; }
.console-value-card strong { display:block; margin:9px 0 6px; font:800 17px/1.2 Inter,system-ui,sans-serif; }
.console-value-card span { color:var(--console-muted); font-size:11px; line-height:1.55; }
body.console-ui .example-preview,
body.console-ui .value-strip { display:none !important; }
body.console-ui.report-open .console-value-grid { display:none; }

body.console-ui #status {
  border:2px solid var(--console-ink);
  border-radius:0 !important;
  background:var(--console-green-soft);
  box-shadow:var(--console-shadow-sm);
  padding:15px 18px;
  font-size:12px;
  font-weight:800;
}
body.console-ui #status.error { background:#fff0ef; color:#7b1b1b; }
.console-loading-rail { display:flex; align-items:center; gap:7px; margin-top:10px; }
.console-loading-step { flex:1; min-height:8px; border:1px solid var(--console-ink); background:#fff; overflow:hidden; }
.console-loading-step::before { content:""; display:block; width:55%; height:100%; background:var(--console-green); animation:console-pulse 1.4s ease-in-out infinite alternate; }
.console-loading-step:nth-child(2)::before { animation-delay:.15s; }
.console-loading-step:nth-child(3)::before { animation-delay:.3s; }
.console-loading-step:nth-child(4)::before { animation-delay:.45s; }
@keyframes console-pulse { from{transform:translateX(-90%)} to{transform:translateX(170%)} }

body.console-ui #report { max-width:1320px; margin-top:30px; margin-bottom:60px; }
.console-artifact-band { display:flex; justify-content:space-between; gap:12px; align-items:center; border:2px solid var(--console-ink); background:var(--console-ink); color:#fff; padding:9px 12px; margin-bottom:12px; font-size:9px; font-weight:900; letter-spacing:.09em; }
.console-artifact-band span:last-child { color:#89d6ae; }
body.console-ui .report-profile,
body.console-ui .story-card,
body.console-ui .project-card,
body.console-ui .technical-drawer,
body.console-ui .evidence-details,
body.console-ui .history-card,
body.console-ui .track-cta {
  border-radius:0 !important;
  border:2px solid var(--console-ink) !important;
  box-shadow:var(--console-shadow-sm) !important;
  background:var(--console-canvas) !important;
}
body.console-ui .report-profile { padding:14px 16px !important; background:var(--console-panel-2) !important; border-width:3px !important; box-shadow:var(--console-shadow) !important; }
body.console-ui .avatar { border-radius:0 !important; border:2px solid var(--console-ink) !important; }
body.console-ui .pill,
body.console-ui .confidence,
body.console-ui .tag,
body.console-ui .action-button { border-radius:0 !important; border:1px solid var(--console-ink) !important; }
body.console-ui .action-button { box-shadow:var(--console-shadow-sm); background:#fff; font-size:10px; font-weight:900; }
body.console-ui .report-story { gap:16px !important; }
body.console-ui .story-card.primary { border-width:4px !important; box-shadow:var(--console-shadow) !important; background:linear-gradient(135deg,#fff 0%,#f1f7f3 100%) !important; position:relative; overflow:hidden; }
body.console-ui .story-card.primary::after { content:"WORK_STORY"; position:absolute; right:12px; top:10px; color:rgba(47,125,91,.14); font:900 34px/1 Inter,system-ui,sans-serif; letter-spacing:-.05em; }
body.console-ui .story-card.primary h2 { max-width:900px; font-size:clamp(30px,4vw,54px) !important; line-height:1.02 !important; }
body.console-ui .focus-block { border-left:7px solid var(--console-green); padding-left:18px; }
body.console-ui .project-grid { gap:14px !important; }
body.console-ui .project-card { padding:17px !important; transition:.1s ease; }
body.console-ui .project-card:hover { transform:translate(-2px,-2px); box-shadow:4px 4px 0 var(--console-ink) !important; }
body.console-ui .project-repo,
body.console-ui .focus-repo,
body.console-ui .evidence-id { color:var(--console-green-dark) !important; font-family:ui-monospace,monospace; font-weight:900; }
body.console-ui .technical-drawer summary,
body.console-ui .evidence-details summary { background:var(--console-panel-2); border-bottom:0 solid var(--console-ink); font-size:10px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
body.console-ui .technical-drawer[open] summary,
body.console-ui .evidence-details[open] summary { border-bottom-width:2px; }
body.console-ui .technical-panel { border:1px solid var(--console-outline) !important; border-radius:0 !important; background:#fff !important; }
body.console-ui .bar { border:1px solid var(--console-ink); border-radius:0 !important; background:#fff !important; }
body.console-ui .bar span { border-radius:0 !important; background:var(--console-green) !important; }
body.console-ui .evidence { border-radius:0 !important; border-bottom:1px solid var(--console-outline); }
body.console-ui .track-cta { background:var(--console-green-soft) !important; }

.console-journal-timeline {
  margin:18px 0 24px;
  border:3px solid var(--console-ink);
  background:var(--console-panel-2);
  box-shadow:var(--console-shadow);
  padding:18px;
  overflow-x:auto;
}
.console-journal-head { display:flex; justify-content:space-between; gap:12px; align-items:center; margin-bottom:16px; }
.console-journal-head strong { font:900 14px/1 Inter,system-ui,sans-serif; text-transform:uppercase; }
.console-journal-head span { color:var(--console-muted); font-size:9px; }
.console-save-track { display:flex; min-width:max-content; align-items:flex-start; padding:7px 4px 3px; }
.console-save-point { position:relative; width:132px; padding-top:28px; text-decoration:none; color:var(--console-ink); }
.console-save-point:not(:last-child)::after { content:""; position:absolute; top:7px; left:18px; width:114px; height:3px; background:var(--console-ink); }
.console-save-dot { position:absolute; z-index:2; left:4px; top:0; width:18px; height:18px; border:3px solid var(--console-ink); background:#fff; }
.console-save-point.is-latest .console-save-dot { background:var(--console-green); box-shadow:0 0 0 4px var(--console-green-soft); }
.console-save-id { display:block; font-size:10px; font-weight:900; color:var(--console-green-dark); }
.console-save-date { display:block; margin-top:4px; color:var(--console-muted); font-size:9px; }
.console-save-repo { display:block; max-width:116px; margin-top:4px; font-size:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

body.console-ui.workspace-view .hero,
body.console-ui.workspace-view .console-value-grid,
body.console-ui.workspace-view .console-scanner-panel { display:none !important; }
body.console-ui .workspace-hero {
  border:4px solid var(--console-ink);
  border-radius:0 !important;
  background:var(--console-canvas);
  box-shadow:var(--console-shadow);
  padding:22px !important;
}
body.console-ui .workspace-title { font-size:clamp(32px,4vw,54px) !important; text-transform:uppercase; }
body.console-ui .workspace-overview { gap:14px !important; }
body.console-ui .workspace-primary-card,
body.console-ui .workspace-summary-card,
body.console-ui .workspace-section,
body.console-ui .workspace-list-panel,
body.console-ui .workspace-settings,
body.console-ui .workspace-settings-card {
  border-radius:0 !important;
  border:2px solid var(--console-ink) !important;
  box-shadow:var(--console-shadow-sm) !important;
  background:var(--console-canvas) !important;
}
body.console-ui .workspace-primary-card { border-width:3px !important; box-shadow:var(--console-shadow) !important; }
body.console-ui .workspace-section-head { border-bottom:2px solid var(--console-ink); padding-bottom:10px; }
body.console-ui .workspace-list-row { border-radius:0 !important; border-bottom:1px solid var(--console-outline); }
body.console-ui .workspace-form { background:var(--console-panel-2); border:2px solid var(--console-ink); padding:16px; }
body.console-ui .workspace-secondary-button,
body.console-ui .commercial-secondary {
  border-radius:0 !important;
  border:2px solid var(--console-ink) !important;
  background:#fff !important;
  color:var(--console-ink) !important;
  box-shadow:var(--console-shadow-sm) !important;
  font-weight:900 !important;
}
.console-weekly-preview { border:3px solid var(--console-ink); box-shadow:var(--console-shadow); background:var(--console-ink); color:#dff5e7; padding:0; overflow:hidden; }
.console-weekly-preview-head { display:flex; justify-content:space-between; padding:10px 12px; border-bottom:2px solid #89d6ae; font-size:9px; font-weight:900; color:#89d6ae; letter-spacing:.08em; }
.console-weekly-preview-body { padding:18px; }
.console-weekly-flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:9px; align-items:center; margin:14px 0; }
.console-weekly-flow span { border:1px solid #89d6ae; padding:8px; text-align:center; font-size:9px; font-weight:900; }
.console-weekly-flow b { color:#00ff57; }
.console-weekly-preview a { display:inline-block; margin-top:5px; padding:9px 12px; border:2px solid #89d6ae; background:var(--console-green); color:#fff; text-decoration:none; font-size:10px; font-weight:900; box-shadow:2px 2px 0 #89d6ae; }
body.console-ui.console-free-workspace #automation .workspace-form,
body.console-ui.console-free-workspace #automation .schedule-status { display:none !important; }

body.console-ui .commercial-shell { width:auto !important; max-width:none !important; min-height:100vh; margin:0 0 0 var(--console-side) !important; }
body.console-ui .commercial-main { max-width:1180px !important; padding:48px clamp(18px,4vw,48px) 64px !important; }
body.console-ui .commercial-hero { border:4px solid var(--console-ink); border-radius:0 !important; background:var(--console-canvas); box-shadow:var(--console-shadow); padding:28px !important; }
body.console-ui .commercial-hero h1 { max-width:850px; font-size:clamp(38px,5vw,66px) !important; line-height:.98 !important; text-transform:uppercase; }
body.console-ui .commercial-meta span { border-radius:0 !important; border:1px solid var(--console-ink) !important; background:var(--console-green-soft) !important; }
body.console-ui .pricing-grid { gap:18px !important; }
body.console-ui .price-card,
body.console-ui .commercial-section {
  border-radius:0 !important;
  border:2px solid var(--console-ink) !important;
  box-shadow:var(--console-shadow-sm) !important;
  background:var(--console-canvas) !important;
}
body.console-ui .price-card.pro { border-width:4px !important; box-shadow:var(--console-shadow) !important; position:relative; }
body.console-ui .price-card.pro::before { content:"PRO_UNLOCK"; position:absolute; right:14px; top:12px; color:var(--console-gold); font-size:9px; font-weight:900; letter-spacing:.08em; }
body.console-ui .price-badge { border-radius:0 !important; border:1px solid var(--console-ink) !important; }
body.console-ui .price-feature { border-radius:0 !important; border-bottom:1px solid var(--console-outline); }
body.console-ui .legal-copy h2 { margin-top:30px; border-bottom:2px solid var(--console-ink); padding-bottom:8px; text-transform:uppercase; }
body.console-ui .legal-callout { border-radius:0 !important; border:2px solid var(--console-ink) !important; background:var(--console-green-soft) !important; }

body.console-ui .site-footer {
  margin-top:42px !important;
  border-top:3px solid var(--console-ink) !important;
  background:rgba(248,250,247,.96) !important;
  font-size:10px !important;
}

@media (max-width: 1050px) {
  :root { --console-side: 196px; }
  body.console-ui .hero { grid-template-columns:minmax(0,1fr); min-height:auto; }
  .console-scanner-panel { grid-column:1; grid-row:auto; min-height:420px; }
  .console-value-grid { grid-template-columns:1fr; }
  body.console-ui .story-card.primary::after { display:none; }
}
@media (max-width: 760px) {
  :root { --console-top: 58px; --console-side: 0px; }
  .console-side-rail { display:none; }
  body.console-ui .shell,
  body.console-ui .commercial-shell { margin-left:0 !important; }
  body.console-ui .topbar,
  body.console-ui .commercial-topbar { padding:0 12px; gap:8px; min-height:var(--console-top); }
  body.console-ui .brand-word { font-size:17px; }
  body.console-ui .brand-word::after { display:none; }
  body.console-ui .runtime-badge,
  body.console-ui .beta { display:none !important; }
  body.console-ui .top-actions,
  body.console-ui .commercial-nav { gap:3px; }
  body.console-ui .top-link,
  body.console-ui .commercial-nav a { padding:6px; font-size:9px; }
  body.console-ui .hero { padding-top:34px !important; }
  body.console-ui .hero h1 { font-size:clamp(39px,13vw,64px) !important; }
  body.console-ui .search-controls { grid-template-columns:1fr 1fr !important; }
  body.console-ui .primary-button { grid-column:1 / -1; }
  .console-scanner-panel { min-height:390px; }
  .console-flow-canvas { padding:16px; min-height:350px; }
  .console-flow-stage { height:310px; }
  .console-flow-node { min-width:90px; font-size:8px; padding:7px; }
  .console-flow-node.n1,.console-flow-node.n2,.console-flow-node.n3 { left:9px; }
  .console-flow-node.out1,.console-flow-node.out2 { right:9px; }
  .console-flow-scanner { width:96px; height:96px; font-size:9px; }
  .console-flow-wire { display:none; }
  .console-value-grid { margin-left:18px; margin-right:18px; }
  .console-weekly-flow { grid-template-columns:1fr; }
  .console-weekly-flow b { transform:rotate(90deg); text-align:center; }
  body.console-ui .commercial-main { padding:28px 16px 50px !important; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.001ms !important; }
}
