/* Linker Group brand layer. Keep separate from the supplied application bundle. */
:root,.dark{color-scheme:dark;--background:#070b12;--foreground:#f8fafc;--popover:#111923;--muted:#172230;--muted-foreground:#94a3b8;--border:rgba(148,163,184,.16);--ring:#00e5ff;--primary:#00e5ff;--cyan:#00e5ff;--font-mono:'JetBrains Mono',monospace}
body{font-family:Inter,Arial,sans-serif;background:radial-gradient(ellipse at 85% 0,rgba(0,229,255,.07),transparent 50%),#070b12;color:#f8fafc;line-height:1.65}
::selection{background:#00e5ff40;color:white}
/* Match the home page: fixed 80px navigation, with space reserved below it. */
#root>main{padding-top:80px}
html{scroll-padding-top:96px}
.topbar{position:fixed;top:0;left:0;right:0;z-index:50;box-sizing:border-box;height:80px;min-height:80px;padding:0 max(24px,calc((100% - 1232px)/2));flex-wrap:nowrap;background:#070b12bf;border-bottom:1px solid #ffffff0f;backdrop-filter:blur(24px)}
.brand{flex-shrink:0}.brand-logo{display:block;width:174px;height:64px;object-fit:contain;max-width:100%}
.simulation,.reset{color:#cbd5e1}.simulation>span,.live-dot{background:var(--cyan);box-shadow:0 0 14px #00e5ff50}
.reset{border-color:#00e5ff40;background:#00e5ff0d;border-radius:999px;color:#67e8f9}
button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
button:hover{filter:brightness(1.1)}
.intro h1{font-weight:600;letter-spacing:-.045em;background:linear-gradient(105deg,#fff 30%,#b5f7ff 72%,#00e5ff);background-clip:text;-webkit-background-clip:text;color:transparent}
.eyebrow,.answer-label,.order-top,footer>span{font-family:var(--font-mono);font-weight:500;letter-spacing:.12em;color:#67e8f9}
.intro p:not(.eyebrow),.persona span:not(.avatar),.chat-header p,.date,.composer>p>span,.composer>small,.owner span,footer,.behind-panel p:not(.eyebrow){color:#94a3b8}
.avatar,.mini-avatar{background:#172936;color:#b5f7ff;border-color:#284451}
.moments{background:#ffffff04;border-color:var(--border)}
.moment{color:#94a3b8}.moment+.moment{border-color:var(--border)}
.moment.active{color:#f8fafc;background:#00e5ff0d;box-shadow:inset 0 -3px var(--cyan)}
.step{border-color:#475569}.active .step{background:var(--cyan);border-color:var(--cyan);color:#070b12}
.conversation,.learning,.order{background:linear-gradient(145deg,#ffffff12,#ffffff06);border:1px solid #ffffff1a;box-shadow:inset 0 1px #ffffff0f,0 24px 80px #00000038;border-radius:20px}
.chat-header,.composer,.owner,.order-note{border-color:var(--border)}
.bot-icon{background:#00e5ff14;color:#67e8f9}
.user-message>span:first-child{background:#1a2a3b;color:#f1f5f9}
.answer>p,.source-text,.order-note{color:#cbd5e1}
.citations button,.questions button{color:#cbd5e1;background:#ffffff05;border-color:#ffffff26;border-radius:9px}
.citations button:hover,.questions button:hover{border-color:#00e5ff70;background:#00e5ff0d}
.decision{background:#00e5ff0a;border-left-color:var(--cyan)}
.decision>svg,.decision strong{color:#67e8f9}.decision p{color:#b8d9de}
.composer{background:#ffffff03}
.questions button.chosen{color:#b5f7ff;background:#00e5ff14;border-color:#00e5ff70}
.order>p,.metrics span,.commitment{color:#94a3b8}.commitment strong{color:#e2e8f0}
.status{background:#fbbf241a;color:#fcd68a}.status-1{background:#00e5ff14;color:#67e8f9}.status-2{background:#34d3991a;color:#6ee7b7}
.learning-tabs{background:#070b1280}.learning-tabs button{color:#94a3b8}.learning-tabs button[data-active]{background:#00e5ff14;color:#b5f7ff}
.journey-panel li,.journey-panel li.done{color:#94a3b8}.journey-panel li>span{border-color:#475569}.journey-panel li:not(:last-child):before{background:#334155}
.journey-panel li.done>span{color:#67e8f9;background:#00e5ff14;border-color:#00e5ff30}
.journey-panel li.current{color:#fcd68a}.journey-panel li.current>span{background:#fbbf241a;border-color:#fbbf2440}
.lesson{background:#00e5ff0d;color:#b5f7ff}
.advance{background:var(--cyan);border-color:var(--cyan);color:#070b12;border-radius:999px;box-shadow:0 0 30px #00e5ff18}
.source-dialog{background:#111923!important;border:1px solid #ffffff26;color:#f8fafc}.source-dialog [data-slot=dialog-description]{color:#94a3b8}
@media(max-width:760px){.brand-logo{width:174px}.topbar{gap:12px;display:grid;grid-template-columns:1fr auto;grid-template-rows:40px 20px;align-content:center;column-gap:12px;row-gap:0}.topbar .brand{grid-row:1 / 3}.topbar .reset{justify-self:end;padding:6px 10px}.topbar .simulation{grid-column:2;order:initial;width:auto;font-size:12px;white-space:nowrap;gap:5px}.intro h1{font-size:30px}.simulation{font-size:14px}.moment{min-width:0}.moment strong{overflow-wrap:anywhere}}
@media(max-width:380px){.brand-logo{width:112px}.reset{padding:8px 10px}}