/* nb-app.css — Jake's test11172 tokens as a CSS-only skin for the pages that are not ported structurally.
   App pages (dashboard, agent, floor, markets, assistant) stay CSS-only by the handoff; the live-only text pages
   (manual, expertise, agent-cost-comparison, overlay, privacy, tos, x402-receipt) have no page of Jake's to port. */
:root{--j-mint:#27f998;--j-lime:#82d85d;--j-ice:#c9f5b4;--j-ink:#eef3ee;--j-muted:#a7b3a9;--j-dim:#6f7a71;--j-line:rgba(201,245,180,.14);--j-line-2:rgba(201,245,180,.28);--j-card:rgba(255,255,255,.03);--j-r:18px}
html body{font-family:"Hanken Grotesk",system-ui,sans-serif;background:#000;color:var(--j-ink);-webkit-font-smoothing:antialiased}
html body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
  radial-gradient(900px 480px at 12% -10%,rgba(39,249,152,.10),transparent 60%),
  radial-gradient(700px 420px at 95% 0%,rgba(130,216,93,.07),transparent 60%),
  linear-gradient(rgba(201,245,180,.035) 1px,transparent 1px) 0 0/100% 48px,
  linear-gradient(90deg,rgba(201,245,180,.035) 1px,transparent 1px) 0 0/48px 100%}
html body h1,html body h2,html body h3,html body h4{font-family:"Hanken Grotesk",system-ui,sans-serif;letter-spacing:-.02em}
html body h1{font-weight:800;letter-spacing:-.03em;line-height:1.05}
html body h2{font-weight:700}
html body .eyebrow,html body .step,html body .nb-section-title{font:600 12.5px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--j-lime)}
html body .mono,html body code,html body .kv code{font-family:"JetBrains Mono",ui-monospace,monospace}
html body .card,html body .nb-panel,html body .note,html body .honest{background:var(--j-card);border:1px solid var(--j-line);border-radius:var(--j-r);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
html body .card:hover,html body .nb-panel:hover{border-color:var(--j-line-2)}
html body .btn,html body button.btn,html body a.btn{border-radius:999px;font-family:"Hanken Grotesk",system-ui,sans-serif;font-weight:600;letter-spacing:0}
html body .btn.btn-primary,html body .btn-primary{background:var(--j-mint);color:#06130a;border-color:var(--j-mint)}
html body .btn.btn-ghost,html body .btn.ghost,html body .ghost{background:rgba(255,255,255,.03);color:var(--j-ink);box-shadow:0 0 0 1px var(--j-line-2) inset;border-color:transparent}
html body input:not([type=checkbox]):not([type=radio]),html body select,html body textarea{border-radius:10px;border:1px solid var(--j-line);background:rgba(255,255,255,.04);color:var(--j-ink);font-family:inherit}
html body input:focus,html body select:focus,html body textarea:focus{outline:none;border-color:var(--j-mint);box-shadow:0 0 0 3px rgba(39,249,152,.15)}
html body .pill,html body .tag{border-radius:999px;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11.5px;letter-spacing:.06em}
html body .hint,html body .sub,html body .lede,html body .quiet,html body .meta{color:var(--j-muted)}
html body a:not(.btn){color:var(--j-mint)}
html body hr{border:0;border-top:1px solid var(--j-line)}
html body table{border-collapse:collapse;background:var(--j-card)!important;color:var(--j-ink)}
html body table tr{background:transparent!important}
html body table tr:nth-child(even) td{background:rgba(255,255,255,.02)}
html body th{font:600 11.5px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--j-lime)}
html body td,html body th{border-top:1px solid var(--j-line)}
html body header.m{padding:56px 0 28px}
html body header.m h1{font-size:clamp(34px,5vw,64px);max-width:16ch}
html body .nb-grid{gap:18px}
html body .nb-panel{padding:24px}
html body .nb-panel>h2{font-size:22px;margin:0 0 10px}
html body .nb-links a{color:var(--j-mint)}
html body .nb-links a::after{content:" →"}
html body footer[role=none]{color:var(--j-dim);font-size:13px;text-align:center;padding:30px 0}
/* the demo's site switcher, when apply-markup.mjs --demo-link-only puts it on the real site's pages */
html body .site-toggle{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;padding:10px 16px;background:rgba(0,0,0,.55);border-bottom:1px solid var(--j-line)}
html body .site-toggle .st-opt{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;border:1px solid var(--j-line-2);color:var(--j-ice);font:600 12.5px/1.2 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.04em;text-decoration:none}
html body .site-toggle .st-opt:hover{border-color:var(--j-mint)}
html body .site-toggle .st-opt.on{background:var(--j-mint);color:#06130a;border-color:var(--j-mint)}