:root {
  --ink:#10241e; --muted:#596b63; --line:#dce7e1; --paper:#f6f8f4;
  --card:#fff; --forest:#0e4d3b; --lime:#d9ff74; --danger:#d84d3f;
  --warning:#d9912b; --brand-lens:#166534; --brand-lens-on-dark:#a3e635; --shadow:0 18px 50px rgba(19,52,42,.08);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink); background:var(--paper);
}
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); }
button,a { font:inherit; }
.skip-link { position:fixed; top:-80px; left:12px; z-index:100; padding:10px; background:#fff; }
.skip-link:focus { top:12px; }
.marketing-header { position:sticky; z-index:20; top:0; border-bottom:1px solid rgba(216,228,221,.88); background:rgba(245,247,243,.9); backdrop-filter:blur(14px); }
.marketing-nav-shell { width:min(1180px,calc(100% - 36px)); min-height:72px; margin:auto; display:flex; align-items:center; gap:28px; }
.marketing-brand { display:flex; align-items:center; gap:11px; color:var(--ink); text-decoration:none; font-size:20px; font-weight:900; letter-spacing:-.03em; }
.marketing-brand img { width:36px; height:36px; border-radius:9px; }
.brand-wordmark { display:inline; white-space:nowrap; }
.brand-lens { color:var(--brand-lens); }
.marketing-nav { display:flex; align-items:center; gap:6px; margin-left:auto; }
.marketing-nav a { padding:10px 12px; border-radius:8px; color:var(--muted); text-decoration:none; font-size:15px; font-weight:750; }
.marketing-nav a:hover,.marketing-nav a[aria-current="page"] { color:var(--ink); background:var(--card); }
.marketing-nav .download { color:#fff; background:var(--forest); }
.marketing-nav .login { border:1px solid var(--line); color:var(--forest); background:#fff; }
.marketing-menu-toggle { display:none; margin-left:auto; padding:9px 12px; border:1px solid var(--line); border-radius:9px; color:var(--ink); background:var(--card); font-weight:800; }
.demo-banner { position:sticky; z-index:19; top:72px; min-height:64px; display:flex; align-items:center; justify-content:center; padding:10px 18px; color:#dceddf; background:#0b2119; box-shadow:0 8px 20px rgba(7,19,15,.14); }
.demo-banner div { display:grid; gap:3px; text-align:center; }
.demo-banner strong { color:var(--lime); font-size:20px; }
.demo-banner div span { font-size:14px; font-weight:500; }
.app-shell { height:calc(100vh - 136px); height:calc(100dvh - 136px); min-height:0; display:grid; grid-template-columns:224px minmax(0,1fr); overflow:hidden; }
.app-sidebar { height:100%; min-height:0; padding:28px 18px 20px; color:#dceddf; background:#07130f; display:flex; flex-direction:column; overflow-y:auto; overscroll-behavior:contain; }
.app-brand { display:flex; align-items:center; gap:12px; padding:0 9px 34px; color:#fff; text-decoration:none; }
.app-brand img { width:38px; height:38px; border-radius:10px; }
.app-brand strong,.app-brand small { display:block; }
.app-brand strong { font-size:20px; }
.app-brand .brand-lens { color:var(--brand-lens-on-dark); }
.app-brand small { margin-top:2px; color:#83a498; font-size:11px; text-transform:uppercase; letter-spacing:.12em; }
.nav-item { width:100%; padding:11px 13px; border:0; border-radius:10px; color:#9db7ae; background:transparent; text-align:left; font-weight:700; cursor:pointer; }
.nav-item span { display:inline-block; width:27px; color:var(--lime); }
.demo-nav { display:grid; gap:6px; }
.nav-item:hover,.nav-item.active { color:#fff; background:#14271f; }
.nav-action { color:#a9c1b8; background:transparent; text-decoration:none; }
.nav-action:hover { color:#fff; background:#10231b; }
.nav-action.download { margin-top:8px; color:#07130f; background:var(--lime); }
.nav-action.download span { color:#0e4d3b; }
.sidebar-bottom { margin-top:auto; }
.local-pill { padding:12px; border:1px solid #20362e; border-radius:10px; color:#9db7ae; font-size:12px; }
.local-pill span,.local-pill strong { display:block; }
.local-pill strong { margin:7px 0 0 15px; color:var(--lime); font-size:11px; }
.local-pill i,.monitoring i,.live-badge i { display:inline-block; width:7px; height:7px; margin-right:8px; border-radius:50%; background:#65e69f; box-shadow:0 0 0 4px rgba(101,230,159,.1); }
.sidebar-bottom>small { display:block; padding:12px; color:#7c958c; }
main { min-width:0; width:100%; height:100%; max-width:1500px; margin:auto; padding:32px clamp(20px,3vw,40px) 52px; overflow-y:auto; overscroll-behavior:contain; }
.page-intro { max-width:820px; margin:10px 0 0; color:var(--muted); line-height:1.55; }
.app-header,.section-heading,.status-title { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.app-header { margin-bottom:24px; align-items:flex-end; }
.eyebrow { margin:0 0 7px; color:var(--muted); font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
h1 { margin:0; font:500 clamp(36px,4vw,54px)/1 Georgia,serif; letter-spacing:-.045em; }
h2 { margin:0; font-size:22px; }
.monitoring,.live-badge,.sample-label,.count { padding:9px 12px; border:1px solid var(--line); border-radius:999px; color:var(--forest); background:#fff; font-size:12px; font-weight:800; }
.status-card,.glance-card,.agents-card,.receipt-section,.detail-card { margin-bottom:20px; padding:24px; border:1px solid var(--line); border-radius:16px; background:var(--card); box-shadow:var(--shadow); }
.status-card { background:linear-gradient(140deg,#fff 50%,#f0faf4); }
.status-card>p { max-width:800px; color:var(--muted); line-height:1.6; }
.shield { display:grid; place-items:center; width:44px; height:44px; border-radius:14px 14px 18px 18px; color:var(--lime); background:var(--forest); font-size:20px; font-weight:900; }
.status-title>div { margin-right:auto; }
.stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:20px; padding-top:18px; border-top:1px solid var(--line); }
.stats strong,.stats small { display:block; }
.stats strong { font:500 28px Georgia,serif; }
.stats small { color:var(--muted); }
.glance-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:20px; }
.glance-grid button { display:grid; gap:6px; justify-items:center; min-height:130px; padding:18px; border:1px solid var(--line); border-radius:14px; color:var(--ink); background:var(--card); cursor:pointer; }
.glance-grid button:hover { border-color:var(--forest); transform:translateY(-2px); box-shadow:var(--shadow); }
.glance-grid button:focus-visible { outline:3px solid #55aaff; outline-offset:2px; }
.glance-grid strong { color:var(--forest); font:700 34px Georgia,serif; }
.glance-grid span { color:var(--muted); font-size:17px; }
.glance-grid small { color:var(--forest); font-weight:850; }
.glance-note { margin:18px 0 0; color:var(--muted); }
.agent-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:18px; }
.agent-grid>div { display:flex; align-items:center; gap:10px; padding:12px; border:1px solid var(--line); border-radius:11px; }
.agent-grid b { display:grid; place-items:center; width:34px; height:34px; border-radius:8px; color:var(--forest); background:#edf5f1; font-size:11px; }
.agent-grid b img { display:block; width:24px; height:24px; object-fit:contain; }
.agent-grid strong,.agent-grid small { display:block; }
.agent-grid small { margin-top:3px; color:var(--muted); font-size:11px; }
.section-heading p:not(.eyebrow) { margin:6px 0 0; color:var(--muted); }
.receipt-list { display:grid; gap:10px; margin-top:18px; }
.receipt-item { width:100%; display:grid; grid-template-columns:10px 36px minmax(0,1fr) auto; gap:15px; align-items:center; padding:15px; border:1px solid var(--line); border-radius:12px; color:var(--ink); background:var(--card); text-align:left; cursor:pointer; }
.receipt-tool-icon { display:block; width:36px; height:36px; padding:6px; border:1px solid var(--line); border-radius:9px; background:color-mix(in srgb,var(--forest) 6%,var(--card)); object-fit:contain; }
.receipt-item:hover { border-color:var(--forest); transform:translateY(-1px); }
.receipt-item:focus-visible,.back-button:focus-visible { outline:3px solid #55aaff; outline-offset:2px; }
.tone-dot { width:10px; height:44px; border-radius:8px; background:#43a676; }
.review .tone-dot { background:var(--warning); }
.blocked .tone-dot { background:var(--danger); }
.receipt-copy strong,.receipt-copy small { display:block; }
.receipt-copy small { margin-top:5px; color:var(--muted); }
.receipt-meta { text-align:right; }
.receipt-meta span,.receipt-meta time { display:block; }
.receipt-meta span { font-size:12px; font-weight:800; }
.receipt-meta time { margin-top:4px; color:var(--muted); font-size:11px; }
.back-button { margin-bottom:18px; padding:11px 14px; border:1px solid var(--line); border-radius:9px; color:var(--forest); background:#fff; font-weight:800; cursor:pointer; }
.detail-card { padding:clamp(22px,4vw,38px); }
.detail-card>header { padding-bottom:20px; border-bottom:1px solid var(--line); }
.detail-card h1 { font-size:clamp(31px,4vw,48px); }
.detail-summary { color:var(--muted); font-size:17px; line-height:1.6; }
.detail-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-top:20px; }
.detail-block { padding:18px; border:1px solid var(--line); border-radius:12px; }
.detail-block.wide { grid-column:1/-1; }
.detail-block h3 { margin:0 0 8px; color:var(--muted); font-size:12px; letter-spacing:.1em; text-transform:uppercase; }
.detail-block p,.detail-block ul { margin:0; line-height:1.55; }
.detail-block ul { padding-left:20px; }
.detail-tool { display:flex; align-items:center; gap:11px; }
.detail-tool img { width:38px; height:38px; padding:6px; border:1px solid var(--line); border-radius:9px; background:color-mix(in srgb,var(--forest) 6%,var(--card)); }
.demo-command-list { display:grid; gap:10px; }
.demo-command { padding:14px; border:1px solid var(--line); border-radius:11px; background:var(--card); }
.demo-command>strong { display:block; font-size:16px; overflow-wrap:anywhere; }
.demo-command>p { margin:10px 0 0; color:var(--muted); font-size:14px; }
.demo-command-purpose { display:grid; grid-template-columns:44px minmax(0,1fr); align-items:center; gap:12px; margin-top:11px; padding:10px 12px; border:1px solid color-mix(in srgb,var(--forest) 18%,var(--line)); border-radius:10px; background:color-mix(in srgb,var(--forest) 7%,var(--card)); }
.demo-command-purpose>span:last-child { display:grid; gap:3px; min-width:0; }
.demo-command-purpose b { font-size:14px; text-transform:uppercase; letter-spacing:.035em; }
.demo-command-purpose small { color:var(--muted); font-size:14px; line-height:1.35; }
.purpose-icon { --purpose-color:#4d625c; position:relative; display:flex; align-items:center; justify-content:center; align-self:center; justify-self:center; width:42px; height:42px; padding:0; border:1px solid color-mix(in srgb,var(--purpose-color) 58%,var(--line)); border-radius:11px; background:color-mix(in srgb,var(--purpose-color) 24%,#fff); color:color-mix(in srgb,var(--purpose-color) 90%,#07130f); box-shadow:0 3px 9px color-mix(in srgb,var(--purpose-color) 22%,transparent); line-height:0; }
.purpose-icon svg { position:absolute; inset:0; display:block; width:23px; height:23px; margin:auto; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.purpose-icon.purpose-testing { --purpose-color:#7c3fb2; }
.purpose-icon.purpose-deployment { --purpose-color:#176dc1; }
.purpose-icon.purpose-release { --purpose-color:#c25416; }
.purpose-icon.purpose-repository { --purpose-color:#4a52bd; }
.purpose-icon.purpose-inspection { --purpose-color:#147da5; }
.purpose-icon.purpose-development { --purpose-color:#087b98; }
.detail-status { display:inline-flex; margin-bottom:14px; padding:7px 10px; border-radius:999px; color:#24644f; background:#dff5e8; font-size:12px; font-weight:850; }
.detail-status.review { color:#784f12; background:#fff0cf; }
.detail-status.blocked { color:#8f2d25; background:#ffe1de; }
.sample-collection { display:grid; gap:10px; margin:20px 0 0; padding:0; list-style:none; }
.sample-collection>li { padding:14px 16px; border:1px solid var(--line); border-radius:11px; color:var(--muted); }
.sample-collection button { width:100%; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0; border:0; color:var(--ink); background:transparent; text-align:left; cursor:pointer; }
.sample-collection button::after { content:"›"; color:var(--forest); font-size:25px; font-weight:900; }
.sample-collection button strong,.sample-collection button small { display:block; }
.sample-collection button small { margin-top:4px; color:var(--muted); }
.filter-button,.search-row button,.digest-card button,.report-options>button { padding:11px 14px; border:1px solid var(--forest); border-radius:10px; color:#fff; background:var(--forest); font-weight:800; cursor:pointer; }
.filter-button[aria-pressed="true"] { color:#784f12; border-color:#e1b05f; background:#fff0cf; }
.session-grid,.digest-grid,.settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.session-card,.digest-card,.settings-card,.search-card,.report-options { padding:22px; border:1px solid var(--line); border-radius:16px; color:var(--ink); background:var(--card); box-shadow:var(--shadow); }
.session-card { display:grid; gap:10px; text-align:left; cursor:pointer; }
.session-card:hover { border-color:var(--forest); transform:translateY(-1px); }
.session-card>strong { font-size:20px; }
.session-card>small,.session-card>span:last-child,.digest-card p,.settings-card p,.setting-note { color:var(--muted); line-height:1.5; }
.session-card .session-review { color:#9a6518; font-weight:800; }
.session-tool { display:flex; align-items:center; gap:9px; color:var(--forest); font-weight:800; }
.session-tool img { width:30px; height:30px; padding:4px; border:1px solid var(--line); border-radius:8px; }
.search-card { margin-bottom:20px; }
.search-card>label { display:block; margin-bottom:12px; font-size:21px; font-weight:850; }
.search-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; }
.search-row input,.report-options select { min-width:0; padding:12px 14px; border:1px solid #9eb1a9; border-radius:9px; color:var(--ink); background:var(--card); }
.search-chips { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.search-chips button { padding:8px 12px; border:1px solid var(--line); border-radius:999px; color:var(--forest); background:var(--card); font-weight:800; cursor:pointer; }
.digest-card h2,.settings-card h2 { margin-bottom:8px; }
.digest-card button.selected { color:var(--forest); background:var(--lime); }
.report-options { display:grid; gap:13px; max-width:720px; margin-top:18px; }
.report-options label:not(.check-row) { display:grid; gap:7px; font-weight:800; }
.check-row { display:flex; align-items:center; gap:9px; }
.report-options>button { justify-self:start; }
#report-status { margin:0; color:var(--muted); }
.setting-row { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.toggle { flex:0 0 auto; display:flex; align-items:center; gap:8px; padding:7px 10px; border:1px solid var(--line); border-radius:999px; color:var(--muted); background:var(--paper); cursor:pointer; }
.toggle span { position:relative; width:35px; height:20px; border-radius:999px; background:#81928b; }
.toggle span::after { content:""; position:absolute; top:3px; left:3px; width:14px; height:14px; border-radius:50%; background:#fff; transition:transform .18s ease; }
.toggle.on { color:var(--forest); }
.toggle.on span { background:#2b9f70; }
.toggle.on span::after { transform:translateX(15px); }
.setting-note { padding-top:14px; border-top:1px solid var(--line); }
.account-facts { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:18px 0; }
.account-facts div { padding:10px; border-radius:10px; background:var(--paper); }
.account-facts dt { color:var(--muted); font-size:11px; font-weight:800; text-transform:uppercase; }
.account-facts dd { margin:5px 0 0; font-weight:800; }
.inline-link { color:var(--forest); font-weight:850; }
.demo-footer { padding:22px 0; color:var(--muted); text-align:center; font-size:12px; line-height:1.8; }
.demo-footer a { color:var(--forest); font-weight:800; }
.demo-footer button { padding:0; border:0; color:var(--forest); background:none; font:inherit; font-weight:800; text-decoration:underline; cursor:pointer; }
.consent-banner { position:fixed; z-index:1000; right:18px; bottom:18px; left:18px; display:flex; align-items:center; justify-content:space-between; gap:24px; width:min(920px,calc(100% - 36px)); margin:auto; padding:20px 22px; border:1px solid #315347; border-radius:16px; color:#eef8f3; background:#0b2119; box-shadow:0 20px 55px rgba(0,0,0,.28); }
.consent-banner strong { display:block; color:#fff; font-size:1.05rem; }
.consent-banner p { margin:6px 0 0; color:#b8d0c6; line-height:1.5; }
.consent-banner a { color:#d9ff74; font-weight:800; }
.consent-banner > div:last-child { display:flex; flex:0 0 auto; gap:10px; }
.consent-banner .button { display:inline-flex; min-height:48px; align-items:center; justify-content:center; padding:12px 18px; border:0; border-radius:10px; font-weight:850; cursor:pointer; }
.consent-banner .button.primary { color:#07130f; background:#d9ff74; box-shadow:0 12px 24px rgba(0,0,0,.18); }
.consent-banner .button.secondary { color:#fff; border:1px solid #58766a; background:transparent; }
.consent-banner .button:focus-visible { outline:3px solid #55aaff; outline-offset:3px; }
@media (max-width:900px) {
  .agent-grid { grid-template-columns:repeat(2,1fr); }
  .app-shell { grid-template-columns:176px minmax(0,1fr); }
  .app-sidebar { padding-inline:12px; }
  .demo-banner div span { display:block; }
  .marketing-menu-toggle { display:block; }
  .marketing-nav { position:absolute; top:64px; left:18px; right:auto; width:calc(100% - 36px); min-width:0; max-width:calc(100% - 36px); display:none; margin:0; padding:10px; border:1px solid var(--line); border-radius:12px; background:var(--card); box-shadow:var(--shadow); }
  .marketing-nav.open { display:grid; }
  .marketing-nav a { display:block; }
}
@media (max-width:680px) {
  .demo-banner { justify-content:flex-start; }
  .app-shell { display:block; height:auto; min-height:calc(100vh - 136px); overflow:visible; }
  .app-sidebar { position:relative; height:auto; padding:15px; flex-direction:row; align-items:center; }
  .app-brand { padding:0; margin-right:auto; }
  .app-brand small,.sidebar-bottom { display:none; }
  .demo-nav { display:flex; flex-wrap:wrap; justify-content:flex-end; }
  .nav-item { width:auto; white-space:nowrap; }
  .nav-action.download { margin-top:0; }
  .app-header,.section-heading,.status-title { align-items:flex-start; flex-direction:column; }
  .live-badge { margin-left:62px; }
  .stats,.agent-grid,.detail-grid { grid-template-columns:1fr 1fr; }
  .receipt-item { grid-template-columns:8px 36px minmax(0,1fr); }
  .receipt-meta { grid-column:3; text-align:left; display:flex; gap:8px; }
  .receipt-meta span,.receipt-meta time { display:inline; margin:0; }
  main { height:auto; padding:24px 14px; overflow:visible; }
  .detail-block.wide { grid-column:auto; }
  .session-grid,.digest-grid,.settings-grid { grid-template-columns:1fr; }
  .search-row { grid-template-columns:1fr; }
  .setting-row { display:grid; }
  .account-facts { grid-template-columns:1fr; }
  .glance-grid { grid-template-columns:1fr 1fr; }
  .consent-banner { align-items:stretch; flex-direction:column; padding:18px; }
  .consent-banner > div:last-child { display:grid; grid-template-columns:1fr 1fr; }
}
@media (prefers-color-scheme:dark) {
  :root { --ink:#e9f3ef; --muted:#acc0b8; --line:#29483d; --paper:#07130f; --card:#0d211a; --forest:#7ce2b8; --brand-lens:var(--brand-lens-on-dark); --shadow:0 18px 50px rgba(0,0,0,.28); }
  .marketing-header { background:rgba(7,19,15,.92); }
  .marketing-nav .download { color:#07130f; background:#7ce2b8; }
  .marketing-nav .login,.monitoring,.live-badge,.sample-label,.count,.back-button { color:#b8f1d9; background:#102820; }
  .status-card { background:linear-gradient(140deg,#0d211a 50%,#102b21); }
  .receipt-item,.demo-command { background:var(--card); }
  .detail-status { color:#b8f1d9; background:#173d2e; }
  .detail-status.review { color:#ffe5ad; background:#4b3614; }
  .detail-status.blocked { color:#ffc5bf; background:#48201d; }
  .purpose-icon { background:color-mix(in srgb,var(--purpose-color) 38%,#0a1713); color:color-mix(in srgb,var(--purpose-color) 38%,#fff); border-color:color-mix(in srgb,var(--purpose-color) 72%,#b9d3ca); box-shadow:0 3px 10px rgba(0,0,0,.34); }
}
@media (max-width:430px) {
  .stats,.agent-grid,.detail-grid,.glance-grid { grid-template-columns:1fr; }
  .demo-banner { padding:10px 12px; }
  .demo-banner strong { font-size:18px; }
  .demo-banner div span { font-size:14px; }
  .app-sidebar { align-items:flex-start; flex-wrap:wrap; gap:12px; }
  .app-brand { flex-basis:100%; }
  .demo-nav { justify-content:flex-start; }
  .nav-item { font-size:12px; }
}
.marketing-support-menu { position:relative; }
.support-menu-parent { display:flex; align-items:center; }
.marketing-support-toggle { min-width:32px; min-height:38px; padding:6px 9px 6px 5px; border:0; border-radius:8px; color:var(--muted); background:transparent; cursor:pointer; font:inherit; font-weight:850; }
.marketing-support-children { position:absolute; z-index:20; top:100%; left:0; display:none; min-width:170px; padding:7px; border:1px solid var(--line); border-radius:11px; background:var(--card); box-shadow:var(--shadow); }
.marketing-support-children a { display:block; white-space:nowrap; }
.marketing-education-menu .marketing-support-children { width:min(390px,calc(100vw - 36px)); }
.marketing-education-menu .marketing-support-children a { white-space:normal; line-height:1.35; }
.marketing-support-menu.open .marketing-support-children { display:block; }
@media (min-width:901px) { .marketing-support-menu:hover .marketing-support-children { display:block; } }
@media (max-width:900px) {
  .marketing-support-menu { display:grid; width:auto; max-width:100%; min-width:0; }
  .support-menu-parent { justify-content:space-between; width:auto; max-width:100%; min-width:0; }
  .support-menu-parent > a { flex:1; min-width:0; }
  .marketing-support-toggle { min-width:44px; }
  .marketing-support-children { position:static; width:auto; min-width:0; margin:0 8px 6px 16px; padding:3px 0 3px 10px; border:0; border-left:2px solid var(--line); border-radius:0; box-shadow:none; }
  .marketing-education-menu .marketing-support-children { width:auto; }
  .marketing-support-children a { min-width:0; overflow-wrap:anywhere; }
}