/* A buyer-led homepage. Existing type, neutral glass and burgundy stay intact. */
.home-refresh { --section-space:78px; }
.home-refresh [hidden] { display:none!important; }
.home-refresh .buyer-hero { padding-top:184px;padding-bottom:64px;display:grid;grid-template-columns:1.06fr 1fr;gap:56px;align-items:center;min-height:680px; }
.buyer-hero-copy { min-width:0; }
.buyer-hero-copy>.eyebrow { font:11px/1.5 var(--mono);letter-spacing:.045em;color:var(--muted);margin-bottom:22px; }
.home-refresh .buyer-hero h1 {font-size:clamp(43px,4.7vw,65px);line-height:1.08;letter-spacing:-.045em;max-width:650px;}
.buyer-lead {font:400 18px/1.65 var(--sans);color:var(--body);max-width:530px;margin-top:26px;}
.buyer-hero .hero-actions {margin-top:29px;gap:0;align-items:stretch;}
.buyer-hero .hero-actions .button,.buyer-hero .hero-actions .text-link {font-size:11px;min-height:48px;min-width:148px;padding:13px 18px;gap:18px;}
.buyer-hero .hero-actions .button {border-radius:4px 0 0 4px;}
.buyer-hero .hero-actions .text-link {border:1px solid rgb(var(--brand-burgundy-rgb) / 0.2706);border-left:0;border-radius:0 4px 4px 0;color:var(--accent);}
.buyer-call-note {font:400 13px/1.5 var(--sans);color:var(--muted);margin-top:18px;max-width:360px;}
.before-after {min-width:0;position:relative;}
.ba-tabs {display:flex;width:max-content;max-width:100%;padding:5px;margin:0 auto 18px;background:#e8e5e171;border-radius:7px;gap:3px;}
.ba-tabs button {padding:11px 14px;border-radius:4px;font:11px/1.4 var(--mono);color:var(--muted);white-space:nowrap;}
.ba-tabs button[aria-selected="true"] {background:#ffffffdb;color:var(--accent);box-shadow:0 2px 8px #2b1d1510;}
.ba-stage {border-radius:18px;background:linear-gradient(135deg,#ffffffba,#ffffff50);border:1px solid #fff;box-shadow:0 18px 50px #32251b08;overflow:hidden;min-height:410px;}
.ba-question {display:flex;align-items:center;gap:13px;margin:0;padding:23px 24px;border-bottom:1px solid #d8d5d066;background:#ffffff40;}
.ba-question-avatar,.person-avatar {flex:none;display:grid;place-items:center;border-radius:7px;background:#eae6e2;color:var(--accent);font:12px/1 var(--mono);width:35px;height:35px;}
.ba-question strong {font:500 15px/1.45 var(--sans);display:block;}
.ba-question div>span {display:block;font:12px/1.5 var(--sans);color:var(--muted);margin-top:4px;}
.ba-panel {animation:ba-enter .4s ease both;min-height:286px;}
.ba-channel {display:flex;gap:8px;align-items:center;font:500 13px/1.4 var(--sans);padding:16px 24px 9px;color:var(--muted);}
.ba-channel>span {font-size:18px;}
.ba-message {display:flex;gap:11px;padding:12px 24px 20px;}
.ba-avatar {width:34px;height:34px;object-fit:cover;border-radius:6px;flex:none;}
.ba-message-body {min-width:0;flex:1;}
.ba-sender {display:flex;align-items:center;gap:8px;font:12px/1.4 var(--sans);margin-bottom:13px;}
.ba-sender strong {font-size:14px;}.ba-sender span {font:9px/1.4 var(--mono);background:#ece9e6;border-radius:2px;padding:1px 4px;color:var(--muted);}.ba-sender time {color:var(--muted);font-size:11px;}
.ba-message h3 {font:500 17px/1.4 var(--sans);margin-bottom:8px;letter-spacing:-.02em;}
.ba-message h3+p {font:14px/1.6 var(--sans);color:var(--body);}
.ba-checks {display:flex;flex-wrap:wrap;gap:7px 14px;margin-top:13px;font:12px/1.4 var(--sans);color:var(--body);}.ba-checks span:before {content:'✓';color:#00834a;margin-right:5px;}
.ba-owner {border-top:1px solid #d8d5d070;margin-top:16px;padding-top:13px;display:flex;align-items:center;gap:10px;}
.ba-owner .person-avatar {width:28px;height:28px;font-size:9px;background:rgb(var(--brand-burgundy-rgb) / 0.0392);}.ba-owner strong {display:block;font:500 12px/1.4 var(--sans);}.ba-owner div>span {font:12px/1.5 var(--sans);color:var(--muted);}
.ba-provenance {font:9px/1.5 var(--mono)!important;color:var(--muted);margin-top:14px;letter-spacing:.01em;}
.ba-caption {font:13px/1.5 var(--sans);color:var(--body);text-align:center;margin-top:15px;}
.scattered-docs {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:28px 20px 10px;}
.scattered-docs article {background:#ffffffb0;border:1px solid #d8d5d086;border-radius:6px;padding:15px 11px;min-height:145px;box-shadow:0 6px 15px #281e1605;}
.scattered-docs article:nth-child(1) {transform:rotate(-4deg) translateY(8px);}.scattered-docs article:nth-child(3) {transform:rotate(4deg) translateY(8px);}
.doc-type {font:9px/1.4 var(--mono);color:var(--muted);border:1px solid var(--line);padding:3px 4px;display:inline-block;border-radius:2px;}
.scattered-docs h3 {font:500 12px/1.4 var(--sans);margin:13px 0 9px;}.scattered-docs p {font:12px/1.6 var(--sans);color:var(--muted);}.scattered-docs p strong {font-weight:500;color:var(--body);}
.ba-uncertainty {display:flex;justify-content:center;align-items:center;gap:12px;margin:27px 0 12px;}.ba-uncertainty>span {font:28px/1 var(--serif);color:var(--accent);}.ba-uncertainty p {font:14px/1.45 var(--sans);color:var(--body);}
@keyframes ba-enter {from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* All experience logos are present, without a large block of vertical space. */
.home-refresh .experience-expanded {display:block;padding:25px 0 31px;border:0;position:relative;overflow:hidden;}
.experience-heading {display:flex;justify-content:flex-start;gap:22px;align-items:baseline;margin-bottom:25px;}
.experience-heading p {font:10px/1.5 var(--mono);color:var(--muted);}.experience-heading>span {font:12px/1.5 var(--sans);color:var(--muted);}
.logo-window {overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);}
.logo-ribbon {display:flex;width:max-content;animation:logo-drift 70s linear infinite;}
.logo-set {display:flex;align-items:center;gap:44px;padding-right:44px;}
.logo-set img {height:28px;width:98px;object-fit:contain;opacity:.68;filter:grayscale(1);}
.logo-window:hover .logo-ribbon {animation-play-state:paused;}
@keyframes logo-drift {to{transform:translateX(-50%)}}
/* Explicit buyer stage and an economical comparison. */
.home-refresh .audience-section,.home-refresh .comparison-section {padding-block:var(--section-space);position:relative;}
.home-refresh .audience-section:before,.home-refresh .comparison-section:before,.home-refresh .validation-preview:before {content:'';position:absolute;top:0;left:calc((100vw - 100%)/-2);width:100vw;border-top:1px solid var(--line);}
.section-intro {display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:70px;margin-bottom:35px;}
.section-intro h2,.validation-preview h2 {font:400 clamp(30px,3.1vw,43px)/1.15 var(--serif);letter-spacing:-.035em;}
.section-intro .eyebrow,.validation-preview .eyebrow {font:10px/1.5 var(--mono);color:var(--muted);margin-bottom:15px;}
.section-intro>p {font:16px/1.65 var(--sans);color:var(--body);max-width:460px;padding-top:30px;}
.audience-tabs {display:flex;gap:5px;border-bottom:1px solid var(--line);padding:0 0 12px;}
.audience-tabs button {font:12px/1.5 var(--mono);padding:12px 20px;color:var(--muted);border-radius:5px;}
.audience-tabs button[aria-selected="true"] {color:#fff;background:var(--accent);}
.audience-panel table {width:100%;border-collapse:collapse;table-layout:fixed;}
.audience-panel th,.audience-panel td {text-align:left;border-bottom:1px solid var(--line);padding:22px 24px;vertical-align:top;font:15px/1.5 var(--sans);}
.audience-panel thead th {font:10px/1.5 var(--mono);color:var(--muted);padding-block:20px;}
.audience-panel th:first-child {padding-left:0;width:44%;}.audience-panel tbody th {font-weight:500;color:var(--ink);}.audience-panel td {color:var(--body);}
.audience-takeaway {margin-top:22px;display:grid;grid-template-columns:44% 56%;font:15px/1.5 var(--sans);color:var(--body);}
.audience-takeaway strong {color:var(--ink);font-weight:500;padding-right:24px;}.audience-takeaway span {padding-inline:24px;}
.audience-context {display:block;max-width:420px;margin-top:10px;font:400 13px/1.55 var(--sans);color:var(--muted);}
.audience-context a {color:var(--body);text-decoration:underline;text-decoration-color:#a59c925e;text-underline-offset:3px;}
.validation-preview {padding-block:48px;display:grid;grid-template-columns:1fr 1fr;gap:25px 70px;position:relative;align-items:start;}
.validation-preview h2 {font-size:32px;}.validation-copy>p:not(.eyebrow) {font:15px/1.65 var(--sans);color:var(--body);margin-top:16px;max-width:465px;}
.validation-copy strong {color:var(--ink);font-weight:600;}
.validation-preview .text-link {display:inline-flex;justify-self:start;align-items:center;justify-content:space-between;width:max-content;max-width:100%;min-height:44px;padding:12px 16px;gap:28px;margin-top:23px;font:11px/18px var(--mono);color:var(--accent);border:1px solid rgb(var(--brand-burgundy-rgb) / 0.2196);border-radius:4px;background:#ffffff24;}
.validation-chart {padding-top:3px;}
.validation-chart-label {font:10px/1.5 var(--mono);letter-spacing:.02em;color:var(--muted);margin-bottom:22px;}
.validation-bar {display:grid;grid-template-columns:1fr auto;gap:10px 20px;margin-top:21px;}
.validation-bar>span {font:15px/1.4 var(--sans);color:var(--body);}
.validation-bar>strong {font:12px/21px var(--mono);font-weight:400;color:var(--muted);}
.validation-bar i {grid-column:1/-1;height:6px;border-radius:3px;background:rgb(var(--brand-burgundy-rgb) / 0.0314);overflow:hidden;}
.validation-bar i:before {content:'';display:block;width:var(--score);height:100%;border-radius:inherit;background:#998d86;}
.validation-bar.is-represent i:before {background:var(--accent);}.validation-bar.is-represent>span,.validation-bar.is-represent>strong {color:var(--accent);}
.validation-preview .validation-note {grid-column:1/-1;font:12px/1.6 var(--sans);color:var(--muted);max-width:none;margin:3px 0 0;}
.approach-table {width:100%;border-collapse:collapse;font:14px/1.5 var(--sans);table-layout:fixed;}
.approach-table th,.approach-table td {padding:21px 20px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;}
.approach-table thead th {font:10px/1.5 var(--mono);color:var(--muted);padding-block:19px;}
.approach-table th:first-child {padding-left:0;width:25%;}.approach-table tbody th {font-weight:500;}.approach-table td {color:var(--body);}
.approach-table .represent-column {background:rgb(var(--brand-burgundy-rgb) / 0.0275);color:var(--accent);font-weight:500;}.approach-table thead .represent-column {background:rgb(var(--brand-burgundy-rgb) / 0.0471);}
.comparison-note {font:12px/1.5 var(--sans);color:var(--muted);margin-top:16px;}
.comparison-scroll {overflow-x:auto;}
/* Existing card sections preserve the established glass models. */
.home-refresh .benefit-section {padding-block:var(--section-space);}
.home-refresh .benefit-section-heading {margin-bottom:29px;}
.home-refresh .benefit-section-heading h2 {font-size:38px;}
.home-refresh .agreement-card h3,.home-refresh .outcome-card h3 {font-size:17px;}
.home-refresh .agreement-card p,.home-refresh .outcome-card p {font-size:15px;line-height:1.6;}
.home-refresh .agreement-compact {min-height:230px;}
.card-carousel-controls {display:none;}
@media(max-width:1050px) {
 .home-refresh .buyer-hero {gap:30px;padding-top:183px;}.home-refresh .buyer-hero h1 {font-size:48px;}.buyer-lead {font-size:16px;}
 .ba-message {padding-inline:18px;}.ba-question {padding-inline:18px;}.ba-message h3 {font-size:15px;}.ba-message h3+p {font-size:13px;}.ba-provenance {font-size:8px!important;}
 .section-intro {gap:40px;}
}
@media(max-width:879px) {
 .home-refresh .buyer-hero {padding-top:198px;grid-template-columns:1fr;gap:36px;min-height:0;padding-bottom:42px;}
 .home-refresh .buyer-hero h1 {font-size:clamp(42px,7vw,62px);max-width:650px;}
 .before-after {width:100%;max-width:600px;margin-inline:auto;}.buyer-lead {max-width:600px;}
 .home-refresh {--section-space:55px;}.section-intro {gap:26px;}
 .validation-preview {grid-template-columns:1fr;gap:28px;}.validation-copy>p:not(.eyebrow){max-width:600px;}.validation-chart{max-width:600px;width:100%;}.validation-preview>.text-link {grid-column:1;}
 .validation-metrics {grid-template-columns:repeat(4,1fr);gap:16px;}.validation-metrics strong {font-size:14px;}
}
@media(max-width:640px) {
 .home-refresh .buyer-hero {padding-top:190px;gap:29px;}.home-refresh .buyer-hero h1 {font-size:44px;line-height:1.08;}
 .buyer-hero-copy>.eyebrow {font-size:9px;margin-bottom:19px;}.buyer-lead {font-size:16px;line-height:1.6;margin-top:22px;}.buyer-hero .hero-actions .button,.buyer-hero .hero-actions .text-link {font-size:10px;min-width:0;padding:12px 15px;gap:14px;}.buyer-call-note {font-size:12px;margin-top:14px;}
 .ba-tabs {margin-bottom:13px;}.ba-tabs button {font-size:10px;padding:10px 12px;}.ba-question {padding:17px 16px;gap:9px;}.ba-question-avatar {width:29px;height:29px;font-size:10px;}.ba-question strong {font-size:13px;}.ba-question div>span {font-size:11px;}
 .ba-stage {min-height:367px;border-radius:13px;}.ba-panel {min-height:284px;}.ba-channel {padding:13px 16px 6px;font-size:12px;}.ba-message {padding:10px 16px 18px;gap:9px;}.ba-avatar {width:28px;height:28px;}.ba-message h3 {font-size:15px;}.ba-message h3+p {font-size:13px;line-height:1.6;}.ba-sender {margin-bottom:10px;}.ba-owner div>span {font-size:11px;}.ba-provenance {font-size:8px!important;}.ba-caption {font-size:12px;}
 .scattered-docs {gap:7px;padding-inline:12px;}.scattered-docs article {padding:13px 8px;}.scattered-docs h3 {font-size:11px;}.scattered-docs p {font-size:11px;}.doc-type {font-size:8px;}
 .experience-heading {display:block;margin-bottom:22px;}.experience-heading>span {display:block;font-size:11px;margin-top:7px;}.logo-set {gap:30px;padding-right:30px;}.logo-set img {width:80px;height:24px;}
 .section-intro {display:block;margin-bottom:26px;}.section-intro h2 {font-size:33px;}.section-intro>p {font-size:15px;margin-top:20px;padding-top:0;}.section-intro .eyebrow {font-size:9px;margin-bottom:12px;}
 .audience-tabs {gap:2px;}.audience-tabs button {flex:1;padding:11px 6px;font-size:10px;}
 .audience-panel th,.audience-panel td {padding:17px 10px;font-size:13px;}.audience-panel thead th {font-size:9px;padding-block:16px;}.audience-panel th:first-child {width:42%;}
 .audience-takeaway {display:block;font-size:13px;margin-top:18px;}.audience-takeaway strong,.audience-takeaway span {display:block;}.audience-takeaway span {margin-top:6px;padding-inline:0;}.audience-context{font-size:12px;}
 .validation-preview {padding-block:30px;}.validation-preview h2 {font-size:29px;}.validation-metrics {grid-template-columns:1fr 1fr;gap:20px;}
 .approach-table {min-width:720px;font-size:13px;}.approach-table th:first-child {width:155px;position:sticky;left:0;background:var(--paper);z-index:1;padding-left:0;}.approach-table th,.approach-table td {padding:17px 14px;}.comparison-scroll {mask-image:linear-gradient(90deg,#000 97%,transparent);}.comparison-note {font-size:11px;}
 .home-refresh .benefit-section-heading h2 {font-size:33px;}
 .home-refresh .mobile-card-track {display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:-18px;padding:2px 18px 16px;scroll-padding-inline:18px;scrollbar-width:none;align-items:stretch;}
 .home-refresh .mobile-card-track::-webkit-scrollbar {display:none;}
 .home-refresh .mobile-card-track>article {flex:0 0 calc(100vw - 64px);scroll-snap-align:start;scroll-snap-stop:always;min-width:0;width:calc(100vw - 64px);margin:0;}
 .home-refresh .agreement-illustrated {min-height:350px;}.home-refresh .agreement-illustrated .benefit-art {height:180px;min-height:180px;}
 .home-refresh .agreement-compact {display:flex;flex-direction:column;justify-content:space-between;min-height:270px;padding:25px;}
 .home-refresh .agreement-compact .benefit-card-copy {margin:0;}
 .home-refresh .outcome-card .outcome-art {height:190px;min-height:190px;}.home-refresh .outcome-card-copy {padding:23px;}
 .home-refresh .agreement-card p,.home-refresh .outcome-card p {font-size:14px;}.home-refresh .agreement-card h3,.home-refresh .outcome-card h3 {font-size:17px;}
 .home-refresh .security-grid .security-card {min-height:245px;}
 .card-carousel-controls {display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:5px;}.carousel-count {font:10px/1.5 var(--mono);color:var(--muted);}.carousel-arrows {display:flex;gap:7px;}.carousel-arrows button {border:1px solid var(--line);border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font:19px/1 var(--sans);}.carousel-arrows button:disabled {opacity:.3;}
}
@media(prefers-reduced-motion:reduce) {.logo-ribbon {animation:none;}.logo-window {overflow-x:auto;}.logo-set[aria-hidden="true"]{display:none;}.ba-panel {animation:none;}}

.home-refresh{overflow-x:clip}

.hero-static-word {color:var(--accent);}
@media(min-width:641px){.home-refresh .comparison-section{padding-bottom:42px}.home-refresh .compact-journey{padding-top:42px}}
@media(max-width:640px){.home-refresh .comparison-section{padding-bottom:29px}.home-refresh .compact-journey{padding-top:29px}.validation-preview .validation-note{font-size:11px;}.validation-chart-label{font-size:9px}.validation-bar>span{font-size:14px}.validation-bar>strong{font-size:11px}}

.hero-title-line{display:block}

@media(max-width:640px){.hero-title-lead{display:contents}.hero-title-opening{display:block}.home-refresh .buyer-hero h1{font-size:clamp(36px,11.28vw,44px)}}

/* Six comparable stacks: repeated correctness and mutually exclusive answer outcomes. */
.validation-preview {grid-template-columns:minmax(0,.88fr) minmax(0,1.22fr);gap:25px 52px;}
.validation-chart {margin:0;padding:2px 0 0;min-width:0;}
.validation-chart-label {margin:0 0 15px;font:11px/1.5 var(--mono);color:var(--muted);}
.validation-bars {display:grid;gap:5px;}
.validation-row {display:grid;grid-template-columns:144px minmax(0,1fr) 42px;gap:12px;align-items:center;min-height:32px;}
.validation-setup {font:14px/1.3 var(--sans);color:var(--body);}
.validation-row:first-child .validation-setup {font-weight:600;color:var(--accent);}
.validation-row>strong {text-align:right;font:13px/1.4 var(--mono);color:var(--body);font-weight:400;}
.validation-row:first-child>strong {color:var(--accent);}
.validation-stack {height:29px;display:flex;gap:0;overflow:hidden;border-radius:3px;background:#e5e1dc;}
.validation-stack>i {display:block;flex-basis:0;min-width:0;height:100%;}
.result-repeat {background:#38131d;}.result-correct {background:#af818d;}.result-review {background:#edbcc1;}.result-missed {background:#c93c49;}.result-other {background:#e5e1dc;}
.validation-legend {display:flex;flex-wrap:wrap;gap:8px 17px;margin-top:18px;max-width:560px;}
.validation-legend>span {display:inline-flex;gap:6px;align-items:center;font:11.5px/1.5 var(--sans);color:var(--body);}
.validation-legend i {width:9px;height:9px;border-radius:1px;flex:none;}
.validation-chart .validation-chart-key {font:12px/1.5 var(--sans);color:var(--muted);margin:12px 0 0;max-width:510px;}
.validation-note a {color:inherit;text-decoration:underline;text-underline-offset:3px;}
/* Before: documents in their ordinary places, with unresolved approval visible in context. */
.before-sources {padding:13px 24px 17px;}
.before-source {display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:14px;padding:22px 0;min-height:97px;border-bottom:1px solid #d8d5d080;}
.before-source:last-child {border-bottom:0;}
.source-icon {display:flex;align-items:center;justify-content:center;position:relative;width:34px;height:39px;color:#8b8179;}
.source-icon svg {width:27px;height:32px;stroke:currentColor;stroke-width:1.1;fill:none;stroke-linejoin:round;stroke-linecap:round;}
.source-icon small {position:absolute;left:-2px;bottom:0;background:#eeebe7;border:1px solid var(--line);border-radius:2px;padding:1px 3px;font:7px/1.3 var(--mono);color:#665a52;}
.source-email svg {width:29px;height:25px;}
.source-copy strong {display:block;font:500 14px/1.4 var(--sans);color:var(--ink);}
.source-copy>span {display:block;font:12px/1.5 var(--sans);color:var(--muted);margin-top:4px;}
.source-fact {text-align:right;}
.source-fact strong {font:500 15px/1.4 var(--sans);color:var(--body);display:block;}
.source-fact>span {font:8px/1.5 var(--mono);color:var(--muted);display:block;margin-top:5px;}
.source-unresolved strong {color:var(--accent);}
@media(max-width:1050px) and (min-width:880px){.validation-preview{gap:25px 35px}.validation-row{grid-template-columns:124px minmax(0,1fr) 40px;gap:8px}.validation-setup{font-size:13px}.before-sources{padding-inline:18px}.before-source{gap:10px}.source-copy strong{font-size:13px}.source-fact strong{font-size:13px}}
@media(max-width:879px){.validation-preview{grid-template-columns:1fr;gap:28px}.validation-chart{max-width:none;width:100%}.validation-copy>p:not(.eyebrow){max-width:600px}}
@media(max-width:640px){.validation-row{grid-template-columns:112px minmax(0,1fr) 35px;gap:8px;min-height:32px}.validation-stack{height:28px}.validation-setup{font-size:12px}.validation-row>strong{font-size:12px}.validation-chart-label{font-size:10px}.validation-legend{gap:7px 14px;margin-top:15px}.validation-legend>span{font-size:11px}.validation-chart .validation-chart-key{font-size:11px}.before-sources{padding:8px 16px 13px}.before-source{grid-template-columns:27px minmax(0,1fr) auto;gap:10px;min-height:87px;padding:18px 0}.source-icon{width:27px}.source-copy strong{font-size:13px}.source-copy>span{font-size:11px}.source-fact strong{font-size:13px}.source-fact>span{font-size:7px}.source-icon small{font-size:6px}.source-icon svg{width:24px;height:28px}}
@media(max-width:360px){.validation-row{grid-template-columns:97px minmax(0,1fr) 32px;gap:6px}.validation-setup{font-size:11px}.source-copy strong{font-size:12px}.source-copy>span{font-size:10px}.source-fact strong{font-size:12px}.before-source{gap:7px}}

/* Before: the interruptions surrounding a deal, rather than another dashboard. */
.ba-stage {min-height:440px;background:linear-gradient(140deg,#ffffff8c,#eeebe64d);}
.ba-panel {min-height:440px;}
.deal-friction {display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:27px 26px 18px;}
.friction-bubble {display:flex;align-items:center;gap:11px;max-width:88%;background:#fff9;border:1px solid #fff;border-radius:10px;padding:12px 15px;box-shadow:0 8px 22px #3a222008;}
.friction-bubble img {width:30px;height:30px;border-radius:5px;object-fit:cover;flex:none;}
.friction-bubble small {display:block;font:8px/1.6 var(--mono);color:var(--muted);margin-bottom:3px;}
.friction-bubble p {font:14px/1.45 var(--sans);color:var(--ink);margin:0;}
.friction-email {align-self:flex-end;background:#f1edeb99;}
.friction-email svg,.friction-task svg {width:21px;height:21px;stroke:currentColor;stroke-width:1.2;fill:none;flex:none;}
.friction-email svg {color:#70665f;}
.friction-task {display:flex;align-items:center;gap:9px;color:#80776f;font:12px/1.5 var(--sans);padding-left:31px;}
.friction-approval {align-self:flex-start;padding-left:10px;}
.friction-last {align-self:flex-end;}
.friction-summary {text-align:center;color:var(--accent);font:16px/1.45 var(--serif);margin:0;padding:5px 22px 23px;}
.friction-dots {display:inline-block;min-width:10px;animation:friction-ellipsis 2s steps(3,end) infinite;clip-path:inset(0 0 0 0);}
@keyframes friction-ellipsis{0%{clip-path:inset(0 100% 0 0)}100%{clip-path:inset(0 0 0 0)}}
#ba-before:not([hidden]) .friction-bubble {animation:question-arrives .65s ease both;}
#ba-before .friction-email {animation-delay:.18s;}#ba-before .friction-last {animation-delay:.36s;}
@keyframes question-arrives{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
/* Slack uses the familiar channel, author, app badge and thread hierarchy. */
#ba-after {background:#fff9;}
.hero-slack-channel {display:flex;align-items:center;gap:9px;padding:16px 23px;border-bottom:1px solid #e5e2df;font:14px/1.4 var(--sans);color:#302d2a;}
.hero-slack-channel>img{filter:none!important;opacity:1!important;}.hero-slack-channel>span:last-child{margin-left:auto;color:#7d7772;}
.hero-slack-post{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:18px 23px 0;}
.hero-slack-avatar{width:32px;height:32px;object-fit:cover;border-radius:5px;}
.hero-slack-author{display:flex;align-items:center;gap:7px;margin-bottom:4px;font:13px/1.4 var(--sans);}
.hero-slack-author strong{font-weight:600;color:#171715;}.hero-slack-author time{font-size:10px;color:#8b8580;}
.slack-app-tag{font:8px/1.4 var(--mono);color:#77716c;background:#eeece9;padding:1px 3px;border-radius:2px;}
.hero-slack-post p{font:13px/1.55 var(--sans);color:#393430;margin:0;}.hero-slack-post p strong{font-weight:600;}
.hero-slack-answer{padding-top:17px;}
.hero-slack-result{margin-top:10px;padding-left:12px;border-left:3px solid #d3cbc4;}
.hero-slack-result p+p{margin-top:7px;}.hero-slack-result b{font-weight:600;}
.slack-mention{color:#1264a3;background:#edf5fa;padding:1px 3px;border-radius:2px;}
.hero-slack-file{display:flex;align-items:center;gap:9px;margin-top:13px;padding:10px;border:1px solid #dad7d3;border-radius:6px;max-width:330px;}
.hero-slack-file>span{display:grid;place-items:center;width:27px;height:31px;background:#3063aa;color:white;font:600 15px/1 var(--sans);border-radius:3px;flex:none;}
.hero-slack-file strong{font:500 11px/1.45 var(--sans);display:block;color:#393430;}.hero-slack-file small{font:8px/1.5 var(--mono);color:#817a74;display:block;margin-top:2px;}
.hero-slack-thread{display:flex;align-items:center;gap:7px;margin:14px 23px 20px 65px;font:11px/1.5 var(--sans);color:#70665f;}.hero-slack-thread img{width:23px;height:23px;border-radius:4px;}.hero-slack-thread strong{font-weight:500;}
.validation-legend{max-width:100%;display:flex;flex-wrap:wrap;gap:9px 22px;}
@media(max-width:1050px) and (min-width:880px){.deal-friction{padding:22px 17px 16px;gap:14px}.friction-bubble{max-width:96%;padding:11px}.friction-bubble p{font-size:13px}.friction-task{font-size:11px;padding-left:5px}.hero-slack-post{padding-inline:17px}.hero-slack-thread{margin-left:59px}.hero-slack-post p{font-size:12px}}
@media(max-width:640px){.ba-stage,.ba-panel{min-height:421px}.deal-friction{padding:22px 15px 16px;gap:16px}.friction-bubble{max-width:96%;padding:10px 12px;gap:9px}.friction-bubble p{font-size:12px}.friction-bubble img{width:27px;height:27px}.friction-task{font-size:10px;padding-left:14px;gap:7px}.friction-task svg{width:18px;height:18px}.friction-summary{font-size:16px;padding-bottom:22px}.hero-slack-channel{padding:14px 16px;font-size:13px}.hero-slack-post{grid-template-columns:29px minmax(0,1fr);gap:9px;padding:16px 16px 0}.hero-slack-avatar{width:29px;height:29px}.hero-slack-post p{font-size:12px}.hero-slack-author{font-size:12px}.hero-slack-thread{margin-left:54px;font-size:10px}.hero-slack-file strong{font-size:10px}.validation-legend>span{font-size:10px;align-items:flex-start}.validation-legend i{margin-top:3px}}
@media(prefers-reduced-motion:reduce){.friction-dots,#ba-before:not([hidden]) .friction-bubble{animation:none}}

/* The after-state carries the same slow reflection as the call-to-action. */
.home-refresh #ba-tab-after { color: var(--accent); }
.home-refresh .ba-reflective-label {
  color: var(--accent);
  background: linear-gradient(108deg, var(--accent) 36%, #a97b79 48%, #a97b79 50%, var(--accent) 62%);
  background-size: 300% 100%;
  background-position: 150% 0;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: cta-reflection-slow 11s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
 .home-refresh .ba-reflective-label {animation:none;background:none;-webkit-text-fill-color:currentColor;}
}

/* Collapsed comparisons give the reader a useful answer before opening detail. */
body.home-refresh #comparison-summary th {font:400 12px/20px var(--mono);text-transform:uppercase;color:var(--muted);}
body.home-refresh #comparison-summary td {vertical-align:top;}
body.home-refresh #comparison-summary td>strong {display:block;font:500 20px/24px var(--serif);margin-bottom:12px;color:var(--ink);}
body.home-refresh #comparison-summary td>span {display:block;font:400 14px/24px var(--sans);color:var(--body);}
body.home-refresh #comparison-summary .represent-column>strong {color:var(--accent);}
