/* Shared customer and booking components use the existing Vitrio type and colour tokens. */
.conversation-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--gray-bg) 55%,transparent)}
.conversation-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.conversation-grid h2{font-size:2.4rem;line-height:1.15;margin:1rem 0}.conversation-grid>div>p{color:var(--muted);line-height:1.8;max-width:32rem;margin-bottom:1.5rem}.conversation-grid .btn{border-radius:6px;font-size:.85rem}
.conversation-agenda{border:1px solid var(--line);border-radius:10px;padding:1.8rem;background:var(--white,#fff)}.booking-step-label{display:block;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--muted)}.conversation-agenda>div{display:flex;gap:1rem;padding:1.2rem 0;border-bottom:1px solid var(--line)}.conversation-agenda>div>span{font-size:.8rem;color:var(--orange);font-weight:600}.conversation-agenda p{margin:0;font-size:.875rem;line-height:1.7;color:var(--muted)}.conversation-agenda strong{display:block;color:var(--ink)}.conversation-agenda>small{display:block;color:var(--muted);font-size:.7rem;line-height:1.6;margin-top:1rem}
.customer-story{position:relative;padding:2rem!important;border:1px solid var(--line);border-radius:10px!important;box-shadow:0 8px 24px color-mix(in srgb,var(--ink) 4%,transparent)}.story-quote-mark{font-size:3rem;line-height:1;color:var(--orange)}.customer-story blockquote{font-size:1rem;line-height:1.85;margin:.7rem 0 1.7rem}.customer-story figcaption{display:flex;align-items:center;gap:.8rem;border-top:1px solid var(--line);padding-top:1.2rem}.story-avatar{display:flex!important;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;background:color-mix(in srgb,var(--orange) 10%,transparent);color:var(--ink)!important;border-radius:50%;font-weight:600}.customer-story figcaption strong{display:block;font-size:.85rem}.customer-story figcaption span span{font-size:.75rem;line-height:1.6;color:var(--muted)}
.booking-next-step{text-align:left;margin-top:1.25rem;border:1px solid var(--line);border-radius:8px;padding:1rem;background:color-mix(in srgb,var(--gray-bg) 50%,transparent)}.booking-next-step h4{font-size:1.2rem;margin:.6rem 0}.booking-next-step p{font-size:.85rem;line-height:1.7;color:var(--muted)}.booking-next-step .btn{border-radius:6px;font-size:.8rem;width:100%;justify-content:center}.booking-next-step small{display:block;font-size:.68rem;color:var(--muted);line-height:1.6;margin-top:.7rem}
html[data-theme=dark] .conversation-agenda{background:var(--gray-bg)}
@media(max-width:760px){.conversation-grid{grid-template-columns:1fr;gap:1.7rem}.conversation-grid h2{font-size:2rem}.conversation-agenda{padding:1.2rem}.customer-story{padding:1.4rem!important}.conversation-grid .btn{white-space:normal}}
.booking-shortcut{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--ink);margin-top:.5rem;text-decoration:underline;text-underline-offset:4px;line-height:1.6}.booking-shortcut i:first-child{color:var(--orange)}.booking-direct{display:inline-flex;align-items:center;gap:.5rem;color:inherit;font-size:.9rem;margin-left:1rem;text-decoration:underline;text-underline-offset:4px}@media(max-width:760px){.booking-direct{display:flex;margin:1rem 0 0}.booking-shortcut{font-size:.75rem}}
.customer-proof-note{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;border:1px solid var(--line);border-radius:10px;padding:2rem!important}.customer-proof-note h2{font-size:2rem;margin:.7rem 0 0}.customer-proof-note p{color:var(--muted);font-size:1rem;line-height:1.8;margin:0}
.conversation-agenda p,.booking-next-step p,.customer-story blockquote{font-size:1rem}.conversation-agenda>small,.booking-next-step small,.customer-story figcaption span span{font-size:.875rem}.booking-step-label{font-size:.8125rem}.customer-story figcaption strong{font-size:1rem}.conversation-grid .btn,.booking-next-step .btn{font-size:1rem}
@media(max-width:760px){.customer-proof-note{grid-template-columns:1fr;gap:1rem;padding:1.5rem!important}}
.marketing-enterprise .conversation-agenda{padding:2rem}.marketing-enterprise .conversation-agenda>small,.marketing-enterprise .booking-step-label{font-size:1rem}.marketing-enterprise .customer-story blockquote{font-size:1.5rem}.marketing-enterprise .customer-story{padding:2.5rem!important}.marketing-enterprise .customer-story figcaption :is(strong,span span){font-size:1.125rem}

/* Generous editorial quote cards with clear name sign-offs. */
.customer-stories .quote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;max-width:1120px;margin:2.5rem auto 0}
.customer-stories .customer-story{background:var(--white,#fff);border:1px solid var(--line);border-top:4px solid var(--orange);border-radius:14px!important;min-width:0;display:flex;flex-direction:column;box-shadow:0 8px 20px color-mix(in srgb,var(--ink) 5%,transparent)}
.customer-stories .customer-story:first-child{grid-column:1/-1}
.customer-stories .customer-story:first-child blockquote{max-width:56rem;font-size:1.625rem;line-height:1.75}
.customer-stories .customer-story:nth-child(2){border-top-color:var(--teal)}
.customer-stories .customer-story:nth-child(3){border-top-color:var(--blue)}
.customer-stories .customer-story figcaption{margin-top:auto;align-items:center;gap:1rem;padding-top:1.5rem}
.customer-stories .story-avatar{width:54px;height:54px;font-size:1.125rem;border:1px solid color-mix(in srgb,var(--orange) 20%,var(--line));border-radius:12px}
.customer-stories .story-signoff{font-size:1.375rem!important;line-height:1.4;letter-spacing:.01em}
html[data-theme=dark] .customer-stories .customer-story{background:var(--gray-bg)}
@media(max-width:760px){.customer-stories .quote-grid{grid-template-columns:1fr;gap:1.25rem}.customer-stories .customer-story:first-child blockquote{font-size:1.375rem}.customer-stories .story-signoff{font-size:1.25rem!important}}
/* Large purple testimonial cards, inspired by the owner's supplied reference. */
.customer-stories .quote-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1280px;gap:2rem}
.customer-stories .customer-story,.marketing-enterprise .customer-stories .customer-story{background:var(--orange-dark);color:#fff;border:0;border-radius:22px!important;padding:2.5rem!important;min-height:480px;position:relative;box-shadow:none}
.customer-stories .customer-story:first-child{grid-column:auto}
.customer-stories .customer-story:last-child:nth-child(odd){grid-column:1/-1;max-width:100%;min-height:380px}
.customer-stories .customer-story:before{content:"“";font-size:6rem;line-height:1;display:block;color:rgba(255,255,255,.28);margin-bottom:-1.2rem;pointer-events:none}
.customer-stories .story-quote-mark{display:none}
.customer-stories .customer-story blockquote,.customer-stories .customer-story:first-child blockquote,.marketing-enterprise .customer-stories .customer-story blockquote{font-size:1.5rem;line-height:1.65;color:#fff;margin:0 0 2.5rem;position:relative}
.customer-stories .customer-story figcaption{border:0;padding-top:1rem;gap:1.25rem;margin-top:auto;align-items:center}
.customer-stories .story-avatar{width:86px;height:86px;border-radius:50%;border:2px solid rgba(255,255,255,.8);background:rgba(255,255,255,.12);color:#fff!important;font-size:1.65rem;flex-shrink:0}
.customer-stories .story-signoff{font-size:1.5rem!important}.customer-stories .customer-story figcaption span span{font-size:1.125rem;line-height:1.6}
html[data-theme=dark] .customer-stories .customer-story{background:var(--orange-dark)}
@media(max-width:760px){.customer-stories .quote-grid{grid-template-columns:1fr;gap:1.5rem}.customer-stories .customer-story,.marketing-enterprise .customer-stories .customer-story{padding:1.6rem!important;min-height:420px;border-radius:16px!important}.customer-stories .customer-story:last-child:nth-child(odd){min-height:420px}.customer-stories .customer-story blockquote,.customer-stories .customer-story:first-child blockquote,.marketing-enterprise .customer-stories .customer-story blockquote{font-size:1.375rem}.customer-stories .customer-story figcaption{gap:.85rem;flex-wrap:wrap}.customer-stories .story-avatar{width:68px;height:68px;font-size:1.375rem}.customer-stories .story-signoff{font-size:1.3rem!important}}

/* Bright, substantial cards describe real workflows when endorsements are unavailable. */
.workflow-benefits{background:var(--white,#fff);padding:4rem 0}.workflow-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:2.5rem}.workflow-benefit-card{display:flex;flex-direction:column;align-items:flex-start;padding:2rem;min-width:0;background:#fff;color:#1E2025;border:1px solid #DFE1E1;border-top:4px solid #5C1FA6;border-radius:12px;box-shadow:0 10px 28px rgba(30,32,37,.08)}.workflow-role-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:#f4effb;color:#5C1FA6;border-radius:12px;font-size:1.8rem;margin-bottom:1.5rem}.workflow-benefit-card h3{font-size:1.7rem;line-height:1.3;color:#1E2025;margin:.4rem 0 1rem}.workflow-benefit-card p{color:#5F6368;font-size:1.125rem!important;line-height:1.8!important;margin:0 0 1.5rem}.workflow-benefit-card a{color:#5C1FA6;text-decoration:underline;text-underline-offset:5px;font-size:1.125rem;line-height:1.6;margin-top:auto}.workflow-benefit-card .eyebrow{color:#5C1FA6;font-size:.95rem;line-height:1.6;letter-spacing:.04em}.workflow-benefit-card:nth-child(2){border-top-color:#16A085}.workflow-benefit-card:nth-child(3){border-top-color:#2BAAE1}
@media(max-width:1000px){.workflow-benefits-grid{grid-template-columns:1fr}.workflow-benefit-card{padding:1.75rem}}

.customer-stories .customer-story figcaption :is(strong,span){color:#fff}.customer-stories .customer-story figcaption strong{display:block}