.platform-proof { padding-block: 34px; border-block: 1px solid #e1e7ef; }
.proof-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:22px; }
.proof-heading h2 { font-size:17px; line-height:1.5; font-weight:550; color:#31445d; }
.proof-toggle { border:1px solid #9aadc7; border-radius:7px; background:#fff; color:#294563; padding:9px 13px; font:inherit; font-size:12px; cursor:pointer; flex-shrink:0; }
.proof-window { overflow:hidden; mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent); }
.proof-track { display:flex; width:max-content; animation:platform-scroll 36s linear infinite; }
.proof-group { display:flex; gap:52px; align-items:center; padding-right:52px; }
.proof-group img { width:140px; height:48px; object-fit:contain; filter:grayscale(1); opacity:.76; }

.proof-disclosure { color:#56677c; font-size:12px; line-height:1.7; max-width:860px; margin-top:20px; }
@keyframes platform-scroll { to { transform:translateX(-50%); } }
.cases-teaser { padding:38px; border-radius:18px; border:1px solid #cfdcf1; background:#edf3ff; display:flex; align-items:center; justify-content:space-between; gap:35px; margin-block:30px 55px; }
.cases-teaser h2 { font-size:28px; line-height:1.2; margin:15px 0; letter-spacing:-.8px; }
.cases-teaser p:not(.eyebrow) { color:#425570; max-width:660px; font-size:15px; line-height:1.7; }
.cases-teaser .button { flex-shrink:0; }
.cases-hero { padding-block:65px 35px; }
.cases-hero h1 { max-width:900px; font-size:clamp(36px,5vw,64px); line-height:1.08; letter-spacing:-2px; margin:23px 0; }
.cases-hero > p:not(.eyebrow) { font-size:18px; line-height:1.7; max-width:820px; color:#425570; }
.case-jumps { display:flex; flex-wrap:wrap; gap:9px; margin-top:28px; }
.case-jumps a { background:#fff; border:1px solid #a9bfdc; padding:11px 15px; border-radius:8px; font-size:13px; color:#244a81; }
.case-jumps a:hover { background:#e8efff; }
.case-list { display:grid; gap:26px; padding-bottom:35px; }
.case-card { display:grid; grid-template-columns:1.1fr 1fr; border:1px solid #dbe4ef; border-radius:20px; background:#fff; overflow:hidden; scroll-margin-top:110px; }
.case-copy { padding:32px; }
.case-category { color:#1853df; text-transform:uppercase; letter-spacing:1px; font-size:11px; margin-bottom:16px; }
.case-card h2 { font-size:30px; letter-spacing:-.8px; line-height:1.15; margin-bottom:16px; }
.case-copy > p:not(.case-category) { font-size:15px; color:#40546e; line-height:1.7; margin-bottom:12px; }
.case-copy .case-tagline { font-weight:600; }
.case-card details { border-block:1px solid #dce5f1; margin-top:23px; }
.case-card summary { cursor:pointer; color:#1853df; padding:15px 0; font-weight:600; font-size:14px; }
.case-card ol { padding-left:22px; color:#40546e; font-size:14px; line-height:1.8; }
.case-systems { color:#40546e; font-size:13px; line-height:1.7; margin:18px 0; }
.case-handoff { border-left:3px solid #1853df; padding-left:14px; margin-top:23px; }
.case-handoff strong { font-size:13px; }
.case-handoff p { font-size:13px; line-height:1.7; color:#40546e; margin-top:6px; }
.case-example { background:#f1f5fb; padding:32px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.case-example-label { font-size:11px; color:#50647f; letter-spacing:1px; text-transform:uppercase; margin-bottom:22px; }
.case-example p { font-size:15px; line-height:1.7; padding:16px 19px; border-radius:13px; }
.case-customer { background:#fff; border:1px solid #dde6f1; margin-right:22px; }
.case-agent-label { font-size:12px; font-weight:650; color:#1853df; margin:19px 0 8px 18px; }
.case-agent { background:#e1ebff; color:#244575; margin-left:18px; }
.case-demo { display:inline-block; font-size:14px; color:#1853df; border-bottom:1px solid #1853df; padding-bottom:4px; margin-top:25px; font-weight:600; }
.cases-end { padding:40px 0 70px; }
.cases-end h2 { font-size:32px; margin-bottom:15px; }
.cases-end > p { font-size:16px; line-height:1.7; color:#40546e; max-width:750px; margin-bottom:24px; }
.cases-end .cases-note { font-size:12px; margin:20px 0 0; }
.case-jumps a:focus-visible,.case-demo:focus-visible,.proof-toggle:focus-visible,.case-card summary:focus-visible { outline:3px solid #80a8ff; outline-offset:4px; }
@media(max-width:800px) { .case-card { grid-template-columns:1fr; } .cases-teaser { flex-direction:column; align-items:flex-start; } .proof-heading { align-items:flex-start; flex-direction:column; gap:12px; } .cases-hero { padding-top:35px; } }
@media(max-width:480px) { .case-copy,.case-example,.cases-teaser { padding:22px; } .case-card h2 { font-size:26px; } .case-example p { font-size:14px; padding:13px; } .case-customer { margin-right:10px; } .case-agent { margin-left:10px; } .cases-hero > p:not(.eyebrow) { font-size:16px; } .proof-group { gap:30px; padding-right:30px; } .proof-group img { width:110px; height:40px; } }
@media(prefers-reduced-motion:reduce) { .proof-track { animation:none; width:auto; } .proof-group { flex-wrap:wrap; justify-content:center; padding:0; gap:25px; } .proof-group[aria-hidden] { display:none; } .proof-window { mask-image:none; } .proof-toggle { display:none; } }

.proof-group img { filter:grayscale(1) brightness(0); opacity:.56; }

/* Compact phone presentation for case conversations. */
.case-example { align-items:center; padding:28px; }
.case-phone { width:100%; max-width:350px; border:3px solid #24374a; border-radius:30px; background:#f2f6f5; overflow:hidden; box-shadow:0 12px 28px #15304f0c; }
.case-phone-header { display:flex; align-items:center; gap:11px; padding:22px 19px 16px; background:#fff; border-bottom:1px solid #dce7e3; }
.case-phone-avatar { display:grid; place-items:center; width:35px; height:35px; border-radius:11px; background:#1950e7; color:#fff; font-weight:700; font-size:16px; }
.case-phone-header strong { display:block; font-size:16px; }
.case-phone-header div>span { display:block; font-size:12px; color:#50647a; margin-top:3px; }
.case-phone-chat { padding:20px 15px 16px; }
.case-phone .case-customer { margin:0 14px 0 0; border-radius:14px 14px 14px 3px; }
.case-phone .case-agent-label { display:block; margin:18px 0 7px 12px; }
.case-phone .case-agent { margin:0 0 0 12px; background:#e0f0e8; color:#244a3b; border-radius:14px 14px 3px 14px; }
.case-phone p { font-size:14px; line-height:1.65; padding:14px; }
.case-phone .case-demo { display:block; margin:21px 0 0; padding:11px 12px; text-align:center; border:1px solid #b5c7e7; background:white; border-radius:9px; font-size:14px; }
.case-phone-home { width:68px; height:4px; border-radius:4px; background:#71847e; margin:4px auto 12px; }
@media(max-width:480px) { .case-example { padding:22px 14px; } .case-phone { max-width:340px; } }

.launch-benefits { display:flex; flex-wrap:wrap; gap:10px 20px; margin-top:12px; color:#425570; font-size:14px; line-height:1.6; }
.launch-benefits>span { display:inline-flex; align-items:center; gap:7px; white-space:nowrap; }
.launch-benefits svg { width:19px; height:19px; flex-shrink:0; color:#13a859; }

.case-whatsapp { margin-left:auto; display:grid; place-items:center; width:34px; height:34px; flex-shrink:0; border-radius:50%; color:#0b9e52; background:#e3f6ec; }
.case-whatsapp svg { width:22px; height:22px; }