/* Company Brain demo. Drawn on the page: type, hairlines, one accent. */
.cb-ask {max-width:62rem}
.cb-q {min-height:2.1em;font:400 clamp(2.3rem,4.6vw,4.8rem)/1.02 'Fraunces','Fraunces Fallback',Georgia,serif;letter-spacing:-.025em;color:var(--ink)}
.cb-caret {display:inline-block;width:.06em;height:.82em;margin-left:.08em;vertical-align:-.06em;background:var(--oxide);animation:cb-blink 1s steps(1) infinite}
.cb[data-state="done"] .cb-caret,.cb[data-phase="answered"] .cb-caret {opacity:0;animation:none}
@keyframes cb-blink {50%{opacity:0}}
.cb-pick {display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;margin-top:1.4rem}
.cb-pick button {padding:.3rem 0;font:inherit;font-size:.9375rem;color:var(--ink-2);background:none;border:0;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.35em;transition:color .25s,text-decoration-color .25s}
.cb-pick button:hover {color:var(--ink);text-decoration-color:var(--rule)}
.cb-pick button[aria-pressed="true"] {color:var(--ink);text-decoration-color:var(--oxide)}

.cb-stage {position:relative;display:grid;grid-template-columns:minmax(14rem,.62fr) minmax(0,1.38fr);gap:clamp(4rem,9vw,10rem);margin-top:clamp(3rem,5vw,4.5rem);padding-top:clamp(2rem,3vw,2.6rem);border-top:1px solid var(--rule)}
.cb-library {list-style:none;margin:0;padding:0;display:grid;gap:.15rem;align-content:start}
.cb-library li {display:grid;grid-template-columns:1.2rem minmax(0,1fr);column-gap:.6rem;padding:.42rem 0;font-size:.875rem;line-height:1.35;color:var(--ink-2);transition:color .35s,opacity .5s}
.cb-library li strong {grid-column:2;font-weight:500;color:var(--ink);transition:color .35s}
.cb-n {grid-row:1/3;font-weight:500;color:var(--oxide);font-variant-numeric:tabular-nums}
.cb-library li.is-scan strong {color:var(--oxide)}
.cb-library li.is-dim {opacity:.32}
.cb-library li.is-hit strong {color:var(--ink)}
.cb-library li.is-focus strong {color:var(--oxide)}

.cb-wires {position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.cb-wires path {fill:none;stroke:var(--oxide);stroke-width:1;opacity:.55;transition:stroke-dashoffset 1.1s var(--ease),opacity .3s}
.cb-wires path.is-focus {opacity:1}

.cb-answer {position:relative;z-index:1;min-height:18rem}
.cb-a {font:400 clamp(1.45rem,2.25vw,2.15rem)/1.42 'Fraunces','Fraunces Fallback',Georgia,serif;letter-spacing:-.012em;color:var(--ink);max-width:34ch}
.cb-w {display:inline-block;animation:cb-word .7s var(--ease) both}
@keyframes cb-word {from{opacity:0;filter:blur(6px);transform:translateY(.2em)}to{opacity:1;filter:none;transform:none}}
.cb-a mark {color:inherit;background:none;cursor:pointer;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--oxide) 70%,transparent);text-decoration-thickness:1px;text-underline-offset:.22em;transition:text-decoration-color .3s,color .3s}
.cb-a mark.is-pending {text-decoration-color:transparent}
.cb-a mark.is-focus {color:var(--oxide);text-decoration-color:var(--oxide)}
.cb-a sup {font:500 .5em/1 'Hanken Grotesk','Hanken Fallback',Arial,sans-serif;color:var(--oxide);margin-left:.12em;vertical-align:.9em}

.cb-quote {margin:clamp(1.8rem,3vw,2.6rem) 0 0;max-width:36rem;opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease),transform .6s var(--ease)}
.cb-quote.is-on {opacity:1;transform:none}
.cb-quote blockquote {margin:0;padding-left:1.1rem;border-left:1px solid var(--oxide)}
.cb-quote blockquote p {font-size:1rem;line-height:1.65;color:var(--ink-2)}
.cb-quote figcaption {display:flex;gap:.55rem;margin-top:.7rem;padding-left:1.1rem;font-size:.8125rem;color:var(--ink-2)}

/* Static fallback (no script yet): show the end state of the first question. */
.cb:not([data-state]) .cb-library li[data-src="pricing"] .cb-n::before {content:'1'}
.cb:not([data-state]) .cb-library li[data-src="handbook"] .cb-n::before {content:'2'}
.cb:not([data-state]) .cb-library li:not([data-src="pricing"]):not([data-src="handbook"]) {opacity:.32}
.cb:not([data-state]) .cb-quote {opacity:1;transform:none}
.cb:not([data-state]) .cb-caret {display:none}

@media(max-width:900px){
 .cb-stage {grid-template-columns:1fr;gap:1.8rem}
 .cb-wires {display:none}
 .cb-library {display:flex;flex-wrap:wrap;gap:.2rem 1.2rem}
 .cb-library li {display:inline-flex;gap:.35rem;padding:.2rem 0}
 .cb-library li.is-dim {display:none}
 .cb-answer {min-height:0}
}
.cb-wires circle {fill:var(--oxide);opacity:0;transition:opacity .4s .9s}
.cb[data-phase="answered"] .cb-wires circle {opacity:.9}
.cb-wires .is-focus {opacity:1}
/* Underline each word inside a cited phrase (words are inline-block for their entrance). */
.cb-a mark {text-decoration:none}
.cb-a mark .cb-w {text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;text-decoration-color:color-mix(in srgb,var(--oxide) 70%,transparent);transition:text-decoration-color .3s}
.cb-a mark.is-pending .cb-w {text-decoration-color:transparent}
.cb-a mark.is-focus .cb-w {text-decoration-color:var(--oxide)}
.cb:not([data-state]) .cb-a mark {text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;text-decoration-color:color-mix(in srgb,var(--oxide) 70%,transparent)}