.example-hero{padding-block:clamp(58px,8vw,108px);color:#f0f6f3;background:radial-gradient(circle at 82% 20%,rgba(113,231,182,.13),transparent 31%),linear-gradient(145deg,var(--night),var(--night-2))}.back-link{display:inline-flex;margin-bottom:40px;color:#9cafaa;text-decoration:none;font:500 .72rem var(--font-mono);letter-spacing:.07em;text-transform:uppercase}.back-link:hover{color:var(--mint)}.example-hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.65fr);gap:54px;align-items:end}.example-hero .eyebrow{color:var(--mint)}.example-hero .eyebrow:before{background:#71e7b68c}.example-hero h1{max-width:13ch;font:400 clamp(3.1rem,7vw,6.6rem)/.92 var(--font-serif);letter-spacing:-.055em}.example-hero .lede{max-width:65ch;margin-top:25px;color:#aec0ba;font-size:1.08rem}.example-facts{margin:0;border-top:1px solid var(--night-rule)}.example-facts div{padding:13px 0;border-bottom:1px solid var(--night-rule)}.example-facts dt{color:#6f8880;font:500 .65rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.example-facts dd{margin:4px 0 0;color:#d4dfdb;font-size:.9rem}.story-intro{padding-bottom:clamp(42px,5vw,72px)}.story{border-top:1px solid var(--rule);background:var(--paper-2)}.story-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:clamp(34px,5vw,68px);align-items:start}.story-viewer{position:sticky;top:calc(var(--header-h) + 24px);margin:52px 0;min-width:0}.story-frame{position:relative}.story-viewer .btv .gridscroll{max-height:min(54vh,520px)}.story-viewer .btv .filters .ctl:nth-child(n+4){display:none}.story-viewer .btv .statusbar .keys{display:none}.viewer-state{position:absolute;right:12px;bottom:12px;z-index:8;width:min(310px,calc(100% - 24px));padding:11px 13px;border:1px solid #426256;border-radius:4px;background:#07110ff0;color:#e0e9e5;box-shadow:0 10px 24px -12px #0000008c}.viewer-state[hidden]{display:none}.viewer-state span{display:block;margin-bottom:4px;color:var(--mint);font:600 .61rem var(--font-mono);letter-spacing:.09em;text-transform:uppercase}.viewer-state strong{display:block;font-size:.76rem;line-height:1.45;font-weight:570}.viewer-state.review{border-color:#6bbd99}.viewer-state.review span{color:var(--mint)}.viewer-state.answer{border-color:#6bbd99}.btv tbody tr.story-row td{background:var(--v-select)}.btv tbody tr.story-row td.date{box-shadow:inset 3px 0 0 var(--v-focus)}.btv tbody tr.story-annotated td{background:var(--v-select)}.story-steps{min-width:0}.story-step{min-height:min(86vh,780px);padding:clamp(58px,10vh,100px) 0;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--rule)}.story-step:last-child{border-bottom:0}.step-number{display:block;margin-bottom:14px;color:var(--ink-3);font:600 .67rem var(--font-mono);letter-spacing:.09em;text-transform:uppercase}.story-step h3{max-width:21ch;font:400 clamp(1.55rem,2.5vw,2.25rem)/1.12 var(--font-serif)}.chat{margin-top:22px;padding:15px 17px;border-radius:4px}.chat p{margin:5px 0 0;font-size:.91rem;line-height:1.58}.speaker{display:block;font:650 .63rem var(--font-mono);letter-spacing:.09em;text-transform:uppercase}.user-chat{margin-left:28px;border:1px solid var(--rule-2);background:var(--paper)}.user-chat .speaker{color:var(--ink-3)}.agent-chat{margin-right:14px;background:var(--night);color:#d8e3df}.agent-chat .speaker{color:var(--mint)}.agent-chat p{color:#c1d0cb}.agent-chat strong{color:#fff}.final-answer{border-left:3px solid var(--mint)}.step-note{margin:17px 0 0;color:var(--ink-2);font-size:.87rem}.evidence-card{margin-top:22px;border:1px solid var(--rule-2);border-radius:4px;background:var(--paper);overflow:hidden}.evidence-label{display:block;padding:8px 11px;border-bottom:1px solid var(--rule);color:var(--ink-3);font:600 .63rem var(--font-mono);letter-spacing:.09em;text-transform:uppercase}.evidence-card div{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:10px 11px;border-bottom:1px solid var(--rule);font:.7rem var(--font-mono)}.evidence-card div:last-child{border-bottom:0}.evidence-card strong{color:var(--debit);font-weight:550}.evidence-card code{color:var(--ink-3);font-size:inherit}.next-action{margin-top:16px;padding:13px 15px;border:1px solid #b7d3c2;border-radius:4px;background:var(--green-wash)}.next-action span{color:var(--green-dark);font:650 .62rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.next-action p{margin:5px 0 0;color:var(--ink-2);font-size:.86rem}.example-close{background:var(--paper)}.close-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}@media(max-width:920px){.example-hero-grid{grid-template-columns:1fr;gap:40px}.example-facts{display:grid;grid-template-columns:1fr 1fr}.example-facts div:nth-child(odd){padding-right:18px}.story-layout{display:block;padding-inline:0}.story-viewer{z-index:10;top:var(--header-h);margin:0;padding:12px 18px 8px;background:#fafbfaf5;backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}.story-viewer .artifact-label,.story-viewer .artifact-note{display:none}.story-viewer .btv .gridscroll{max-height:32vh}.story-steps{padding-inline:24px}.story-step{min-height:70vh;max-width:60ch;margin-inline:auto}}@media(max-width:620px){.example-hero{padding-block:42px 62px}.back-link{margin-bottom:30px}.example-hero h1{font-size:clamp(2.65rem,13vw,4.5rem)}.example-facts{grid-template-columns:1fr}.example-facts div:nth-child(odd){padding-right:0}.story-viewer{padding:8px}.story-viewer .btv .appbar .right,.story-viewer .btv .company{display:none}.story-viewer .btv .gridscroll{max-height:27vh}.viewer-state{right:7px;bottom:7px;width:min(275px,calc(100% - 14px));padding:8px 10px}.viewer-state strong{font-size:.68rem}.story-steps{padding-inline:20px}.story-step{min-height:66vh;padding-block:48px}.evidence-card div{grid-template-columns:1fr auto}.evidence-card code{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){.story-viewer{position:relative;top:auto}.story-step{min-height:auto}}