/* Output exhibits share the site's typography and palette. */
.output-example{scroll-margin-top:77px;border:1px solid var(--line);border-radius:6px;overflow:clip;background:var(--white)}
.output-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--tint)}
.output-eyebrow{font-size:1rem;font-weight:600}.output-toolbar p{font-size:1rem;color:var(--muted)}
.output-example button{border:1px solid var(--line);border-radius:4px;background:var(--white);padding:.5rem .85rem;min-height:44px;font-size:1rem}
.output-example button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}
.output-tabs{display:flex;gap:.4rem;padding:1rem 1.5rem;border-bottom:1px solid var(--line);flex-wrap:wrap}
.output-tabs button{background:transparent;border-color:transparent}
.output-tabs button[aria-selected="true"]{background:var(--accent);border-color:var(--accent);color:white}
.output-tabs button[aria-selected="true"]:hover{color:white;background:var(--accent-hover)}
.output-page{padding:2rem;min-height:520px;outline-offset:-4px!important}
.output-heading{margin-bottom:1.75rem}.output-heading>span{font-size:1rem;color:var(--muted)}
.output-heading h3{font:500 clamp(1.4rem,2.5vw,1.9rem)/1.25 var(--sans);letter-spacing:-.035em;margin:.4rem 0 .5rem;max-width:29ch}
.output-heading>p{font-size:1rem;color:var(--muted)}
.output-metrics{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.75rem}
.output-metric{flex:1;min-width:120px;display:flex;flex-direction:column;gap:.2rem}
.output-metric>span{font-size:1rem;color:var(--muted)}.output-metric strong{font-size:1rem;font-weight:500;line-height:1.25;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.output-metric small{font-size:1rem;color:var(--muted)}
.output-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:1rem}
.output-table th,.output-table td{padding:.7rem 0;border-bottom:1px solid #e7e8ee}
.output-table th{text-align:left;font-weight:400;padding-right:1rem}.output-table td{text-align:right;white-space:nowrap}
.output-table .output-total th,.output-table .output-total td{font-weight:600;border-top:1px solid var(--ink);background:var(--paper)}
.output-subhead{font-size:1rem;font-weight:600;line-height:1.4;margin:1.5rem 0 .85rem}
.output-note{background:var(--tint);padding:1rem 1.25rem;border-radius:4px;margin-top:1.25rem;font-size:1rem}
.output-note strong{font-weight:600}.output-note p{margin-top:.3rem}
.output-foot{font-size:1rem;color:var(--muted);margin-top:1.5rem}
.output-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding:1rem 1.5rem;background:var(--paper)}
.output-controls button:disabled{opacity:.45;cursor:default}.output-position{font-size:1rem;color:var(--muted);white-space:nowrap}
.output-bars{display:grid;gap:1rem;margin-block:1.25rem 1.75rem;font-size:1rem}
.output-bars>div{display:grid;grid-template-columns:125px minmax(30px,1fr) 85px;gap:.85rem;align-items:center}
.output-bars b{font-weight:500;text-align:right;font-variant-numeric:tabular-nums}.output-bar-track{height:20px;background:var(--tint);border-radius:2px;overflow:hidden}.output-bar-track i{display:block;height:100%;background:var(--accent);border-radius:2px}
.output-channel-bar{display:flex;height:28px;gap:3px;border-radius:3px;overflow:hidden}.output-channel-bar i:nth-child(1){background:#4338ca}.output-channel-bar i:nth-child(2){background:#7e71e8}.output-channel-bar i:nth-child(3){background:#b6a6ed}.output-channel-bar i:nth-child(4){background:#ffd2b2}
.output-channel-key{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;font-size:1rem;margin-top:.65rem}
.output-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.output-pair .output-note{margin-top:0}
.output-action{display:grid;grid-template-columns:36px 1fr;gap:1rem;border-top:1px solid var(--line);padding:1.25rem 0}
.output-action-number{font-size:1rem;color:var(--accent);padding-top:.1rem}
.output-action h4,.output-issue h4,.output-handoff h4,.connected-records h4{margin:0 0 .45rem;font-size:1rem;line-height:1.4;font-weight:600}
.output-action p,.output-issue p,.output-handoff p{font-size:1rem;color:var(--muted)}
.output-next{margin-top:.75rem;padding-left:.9rem;border-left:2px solid var(--accent);font-size:1rem}
.output-quote{margin:1.5rem 0 0;padding:1.5rem;background:var(--lilac);border-radius:4px;font-size:1rem;line-height:1.6}
.output-quote cite{display:block;margin-top:.75rem;font-size:1rem;color:var(--muted);font-style:normal}
.output-issue{padding:1.25rem 0;border-top:1px solid var(--line)}.output-tag{display:inline-block;margin-bottom:.6rem;font-size:1rem;color:var(--muted)}
.output-conversation{display:grid;gap:1rem}.output-message{background:var(--paper);border:1px solid var(--line);padding:1.25rem;border-radius:5px;max-width:94%}.output-message>span{display:block;font-size:1rem;color:var(--muted);margin-bottom:.45rem}.output-answer{margin-left:auto;background:var(--tint);border-color:transparent}
.output-checks{margin:.25rem 0 .25rem 1.5rem;border-left:2px solid var(--line);padding-left:1.25rem;font-size:1rem}.output-checks h4{margin:0 0 .6rem;font-size:1rem;font-weight:600}.output-checks>div{display:flex;justify-content:space-between;gap:1rem;padding:.3rem 0}.output-checks b{font-weight:500;text-align:right}
.output-handoff{margin-top:1.75rem;background:var(--apricot);padding:1.5rem;border-radius:4px}
.demo-request{margin:2rem 0;background:var(--tint);border-radius:6px;padding:1.5rem 2rem}.demo-request>span{font-size:1rem;color:var(--muted)}.demo-request p{font-size:1rem;line-height:1.45;margin-top:.5rem;letter-spacing:-.025em}
.demo-apps{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:3rem}.demo-apps>span{border-top:2px solid var(--accent);padding-top:.75rem;font-weight:500}.demo-apps small{display:block;color:var(--muted);font-size:1rem;font-weight:400;margin-top:.25rem}
.connected-records{display:grid;gap:1rem}.connected-records article{padding:1.25rem;border:1px solid var(--line);border-radius:4px}.connected-records article>span{display:block;font-size:1rem;color:var(--muted);margin-bottom:.4rem}.connected-records article>strong{display:block;margin-top:.6rem;font-weight:500}.connected-records p{font-size:1rem}
.output-saved{display:flex;align-items:center;gap:1rem;background:var(--tint);padding:1.25rem;margin-top:1.5rem;border-radius:4px}.output-saved strong{display:block;font-weight:500}.output-saved span:not(.output-file-icon){display:block;font-size:1rem;color:var(--muted)}.output-file-icon{width:28px;height:36px;border:1.5px solid var(--accent);border-radius:2px;flex:none;background:linear-gradient(var(--accent),var(--accent)) 6px 11px/14px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) 6px 17px/14px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) 6px 23px/10px 1px no-repeat}
dialog.example-expanded{width:min(1200px,calc(100% - 1rem));max-height:97dvh}.example-expanded .case-story,.example-expanded .case-facts{display:none}.example-expanded .output-page{max-width:920px;margin:auto;padding:3rem;min-height:60vh}
@media(max-width:600px){.output-toolbar{align-items:flex-start;padding:1rem;gap:.5rem}.output-toolbar p{font-size:1rem;max-width:18ch}.output-expand{max-width:100px;line-height:1.35}.output-tabs{padding:.75rem;gap:.25rem}.output-tabs button{padding:.5rem .65rem}.output-page,.example-expanded .output-page{padding:1.25rem;min-height:480px}.output-heading h3{font-size:1rem}.output-metrics{gap:1rem}.output-metric{min-width:95px}.output-metric strong{font-size:1rem}.output-bars>div{grid-template-columns:1fr 85px;gap:.35rem}.output-bar-track{grid-column:1;grid-row:auto}.output-bars>div>span{grid-column:1/-1}.output-pair{grid-template-columns:1fr}.output-controls{padding:.85rem}.output-action{grid-template-columns:24px 1fr;gap:.65rem}.output-checks{margin-left:.25rem;padding-left:.75rem}.output-checks>div{display:grid;gap:.1rem}.output-checks b{text-align:left}.demo-apps{grid-template-columns:1fr 1fr;margin-top:1.75rem;gap:1.25rem}.demo-request{padding:1.25rem}.output-quote{padding:1.25rem}.output-table{font-size:1rem}.output-saved{align-items:flex-start}.output-message{max-width:100%}}
/* Visual exhibits: the output leads, labels explain only what is needed. */
.output-controls{position:sticky;top:77px;z-index:2;scroll-margin-top:78px;border-top:0;border-bottom:1px solid var(--line)}
.output-page{min-height:480px}.motion-example{min-height:540px}
.visual-connector{text-align:center;color:var(--accent);font-size:1rem;line-height:1.2;padding:1rem}
.ticket-bubble,.reply-bubble{padding:1.25rem 1.5rem;border-radius:12px;background:var(--paper);border:1px solid var(--line);max-width:85%}
.ticket-bubble>span,.reply-bubble>span{font-size:1rem;color:var(--muted)}.ticket-bubble p,.reply-bubble p{font-size:1rem;margin-top:.35rem}.reply-bubble{margin-left:auto;background:var(--tint);border-color:transparent}
.answer-path{display:flex;align-items:center;gap:1rem;margin-top:1rem;font-size:1rem}.answer-path span{background:white;border-radius:4px;padding:.5rem}.answer-path b{color:var(--accent)}
.record-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.record-strip>div{display:flex;flex-direction:column;gap:.4rem;text-align:center;border:1px solid var(--line);padding:1rem .5rem;border-radius:6px;background:white}.record-strip strong{font-size:1rem;font-weight:500}.record-strip span{font-size:1rem;color:var(--muted)}.record-strip .visual-check{display:grid;place-items:center;width:32px;height:32px;margin:0 auto .25rem;border-radius:50%;background:var(--tint);color:var(--accent);font-size:1rem}
.ticket-pattern{display:grid;grid-template-columns:repeat(8,1fr);gap:.65rem;padding:1rem 0}.ticket-mark{display:grid;align-content:center;gap:6px;aspect-ratio:4/3;border-radius:4px;background:var(--accent);padding:10px}.ticket-mark span{height:2px;width:100%;background:#fff}.ticket-mark span:last-child{width:60%}.ticket-mark.group-1{background:#7e71e8}.ticket-mark.group-2{background:#9d8bcb}.ticket-mark.group-3{background:#bd7042}.pattern-key{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;font-size:1rem}
.pattern-result{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--tint);border-radius:6px}.pattern-result>strong{font-size:1rem;line-height:1;color:var(--accent);font-weight:500}.pattern-result h4{font-size:1rem;font-weight:500}.pattern-result p{font-size:1rem;color:var(--muted);margin-top:.35rem}.product-task{margin-top:1rem;padding:1rem 1.5rem;border-left:3px solid var(--accent)}.product-task span,.experience-followup span{display:block;font-size:1rem;color:var(--muted)}.product-task strong,.experience-followup strong{font-weight:500}
.connection-scene{padding:1rem 0}.request-chip{padding:1.25rem;background:var(--tint);border-radius:8px;font-size:1rem;text-align:center}.connection-hub{display:grid;place-items:center;margin:auto;width:72px;height:72px;background:var(--accent);color:white;border-radius:18px;font-size:1rem;font-weight:500}.branch-line{height:42px;width:76%;border:1px solid var(--accent);border-bottom:0;margin:24px auto 0;position:relative}.branch-line:before{content:'';position:absolute;height:24px;left:50%;top:-25px;border-left:1px solid var(--accent)}.app-nodes{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.app-nodes>div{text-align:center;background:var(--tint);padding:1rem .3rem;border-radius:6px;font-weight:500}.app-nodes span{display:block;font-size:1rem;color:var(--muted);font-weight:400;margin-top:.25rem}.live-records strong{font-size:1rem}.match-line{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin:2rem 0;font-size:1rem}.match-line b{color:var(--accent);font-size:1rem}
.report-preview{border:1px solid var(--line);border-radius:6px;padding:1.5rem;max-width:520px;margin:auto;box-shadow:0 12px 30px #24234b0a}.report-preview-top{display:flex;justify-content:space-between;gap:1rem;font-size:1rem;color:var(--muted)}.report-preview h4{font-size:1rem;font-weight:500;margin:1.25rem 0 .5rem}.paid-seal{display:inline-block;color:var(--accent);background:var(--tint);padding:.4rem .75rem;border-radius:20px;margin-bottom:1rem}.receipt-line{display:flex;justify-content:space-between;padding:.65rem 0;border-bottom:1px solid var(--line)}.receipt-line b{font-weight:500}.receipt-balance{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.receipt-balance strong{font-size:1rem;font-weight:500}.report-sources{font-size:1rem;color:var(--muted);border-top:1px solid var(--line);padding-top:.75rem}
.experience-map{display:grid;grid-template-columns:1fr 30px 1fr;gap:1rem;align-items:center}.experience-source>strong{display:block;font-size:1rem;font-weight:500;line-height:1.2}.experience-source>span{color:var(--muted)}.message-stack{display:grid;gap:.6rem;margin-top:1.5rem}.message-stack p{padding:.8rem;background:var(--tint);border-radius:8px;font-size:1rem}.message-stack p:nth-child(2){margin-left:.75rem}.map-arrow{font-size:1rem;color:var(--accent)}.arrival-card{border:1px solid var(--line);border-radius:8px;padding:1.25rem}.arrival-card>span{font-size:1rem;color:var(--muted)}.arrival-card h4{font-size:1rem;line-height:1.4;margin:.75rem 0 1rem;font-weight:500}.arrival-card>div{display:flex;gap:.6rem;align-items:center;padding:.75rem 0;border-top:1px solid var(--line);font-size:1rem}.arrival-card b{color:var(--accent);font-weight:500}.experience-followup{margin-top:2rem;padding:1.25rem;background:var(--tint);border-radius:6px}
.calendar-label{font-size:1rem;color:var(--muted);margin-bottom:.75rem}.calendar-week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-week>div{padding:1rem .25rem;border:1px solid var(--accent);text-align:center;border-radius:4px}.calendar-week span{display:block;font-size:1rem}.calendar-week b{display:block;font-size:1rem;font-weight:500;margin-top:1.5rem}.night-booked{background:var(--accent);color:#fff}.calendar-decisions{display:grid;grid-template-columns:4fr 3fr;gap:1rem;margin-top:1rem}.calendar-decisions>div{border-top:2px solid var(--accent);padding-top:.75rem}.calendar-decisions span,.strategy-tiles article>span{display:block;font-size:1rem;color:var(--muted)}.calendar-decisions strong,.strategy-tiles strong{font-weight:500}.strategy-tiles{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}.strategy-tiles article{padding:1.25rem;background:var(--tint);border-radius:6px}.mini-order{display:flex;gap:.4rem;margin-top:1rem}.mini-order i{font-style:normal;font-size:1rem;border:1px solid var(--line);padding:.5rem;background:white;border-radius:3px}.mini-order i:first-child{border-color:var(--accent);color:var(--accent)}.campaign-dates{margin-top:1rem;font-size:1rem;color:var(--accent)}
.motion-example .connection-hub,.motion-example .report-preview{animation:scene-appear .6s ease both}.motion-example .live-records>div{animation:scene-appear .5s ease both}.motion-example .live-records>div:nth-child(2){animation-delay:.25s}.motion-example .live-records>div:nth-child(3){animation-delay:.5s}
@keyframes scene-appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.motion-example *{animation:none!important}}
@media(max-width:600px){.output-controls{top:77px}.record-strip{gap:.35rem}.record-strip>div{padding:.75rem .35rem}.record-strip strong{font-size:1rem}.record-strip span{font-size:1rem}.ticket-bubble,.reply-bubble{max-width:100%;padding:1rem}.answer-path{gap:.4rem;flex-wrap:wrap}.ticket-pattern{grid-template-columns:repeat(6,1fr);gap:.4rem}.ticket-mark{padding:6px}.pattern-result{gap:1rem;padding:1rem}.pattern-result h4{font-size:1rem}.app-nodes{grid-template-columns:1fr 1fr}.branch-line{width:55%}.live-records{grid-template-columns:1fr}.live-records>div{display:grid;grid-template-columns:1fr 1fr;text-align:left;padding:.75rem}.live-records strong{grid-column:2;grid-row:1/3;text-align:right;align-self:center;font-size:1rem}.match-line{gap:.75rem;font-size:1rem}.report-preview{padding:1rem}.report-preview-top{flex-wrap:wrap;gap:.25rem}.experience-map{grid-template-columns:1fr}.map-arrow{transform:rotate(90deg);text-align:center}.experience-source>strong{font-size:1rem}.message-stack{margin-top:1rem}.message-stack p:nth-child(2){margin-left:0}.calendar-week{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.calendar-week>div{padding:.65rem 0}.calendar-week span,.calendar-week b{font-size:1rem}.calendar-week b{writing-mode:horizontal-tb;margin:.35rem auto 0}.strategy-tiles{grid-template-columns:1fr}.calendar-decisions{gap:.75rem;font-size:1rem}.motion-example{min-height:560px}}
.example-navigation{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;position:sticky;top:77px;z-index:2;background:var(--white);border-bottom:1px solid var(--line);padding-right:1rem;scroll-margin-top:77px}.example-navigation .output-tabs{border-bottom:0;padding: .75rem 1rem}.output-example:not([data-example="closing"]) .output-heading>span{display:none}.output-heading{margin-bottom:1.25rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* One body role, one figure role. The case title is the display role. */
.output-page{padding:1.5rem;min-height:0}.example-expanded .output-page{padding:2rem;min-height:0}.case-header{padding:1.25rem 2rem}.case-header h2{font-size:var(--title)}
.output-metric strong,.pattern-result>strong,.experience-source>strong,.receipt-balance strong{font:400 2rem/1.25 var(--mono);letter-spacing:-.04em}.output-table td,.output-bars b,.receipt-line b,.match-line{font-family:var(--mono)}
.example-navigation{padding:.5rem 1rem;gap:.5rem}.example-navigation .output-tabs{padding:0;gap:.25rem}.example-actions{display:flex;align-items:center;gap:.75rem;margin-left:auto}.sample-badge{color:var(--muted)}.output-example button{font-size:1rem}.output-tabs button{padding:.45rem .65rem}
.ticket-groups{display:grid;gap:1rem}.ticket-group{display:grid;grid-template-columns:135px 1fr;gap:1rem;align-items:center}.ticket-group h4{font-size:1rem;font-weight:500;margin:0}.ticket-group h4 span{display:block;font-family:var(--mono);font-weight:400}.ticket-group .ticket-pattern{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));padding:0;gap:.4rem}.ticket-mark{aspect-ratio:1;border:1px solid transparent;padding:7px;font-style:normal}.ticket-mark.related-ticket{background:white;border:2px solid var(--accent);color:var(--accent);display:grid;place-items:center;padding:0}.ticket-mark b{font:500 1rem/1 var(--sans)}.pattern-result h4 span{display:inline-grid;place-items:center;width:24px;height:24px;border:2px solid var(--accent);color:var(--accent);margin-right:.4rem}
.output-subhead:first-child{margin-top:0}.connection-scene{padding:0}.ticket-bubble p,.reply-bubble p{font-size:1rem}.motion-example{min-height:440px}
@media(max-width:600px){.case-header{padding:1rem}.case-header h2{font-size:2rem}.output-page,.example-expanded .output-page{padding:1rem;min-height:0}.example-navigation{padding:.75rem}.example-actions{width:100%;justify-content:space-between;margin:0}.ticket-group{grid-template-columns:1fr;gap:.5rem}.ticket-group h4{display:flex;justify-content:space-between}.ticket-group .ticket-pattern{grid-template-columns:repeat(8,minmax(0,1fr));gap:.3rem}.ticket-mark{padding:4px}.calendar-week{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.calendar-week>div{display:flex;justify-content:space-between;align-items:center;padding:.75rem}.calendar-week b{margin:0;writing-mode:horizontal-tb}.calendar-week span,.calendar-week b{font-size:1rem}.motion-example{min-height:0}}