/* Native, selectable conversations transcribed from the supplied reference. */
.support-proof { width:var(--container-width); max-width:calc(100% - 80px); margin:0 auto; padding:0 0 150px; scroll-margin-top:70px; }
.support-proof__intro { display:grid; grid-template-columns:1.55fr 1fr; gap:70px; align-items:end; margin-bottom:64px; }
.support-proof__eyebrow { display:flex; align-items:center; gap:10px; color:#a1a8ed; font:12px/1.6 ui-monospace,monospace; letter-spacing:1.5px; margin:0 0 25px; }
.support-proof__eyebrow > span { width:5px; height:5px; border-radius:50%; background:#a3cfb8; box-shadow:0 0 12px #a3cfb833; }
.support-proof h2 { font-size:49px; font-weight:400; letter-spacing:-1.8px; line-height:1.14; margin:0; }
.support-proof h2 span { color:#b9c5d5; }
.support-proof__aside { max-width:315px; justify-self:end; }
.support-proof__aside p { color:#94a3b8; font-size:14px; line-height:1.8; margin:0 0 19px; }
.support-proof__aside a { display:inline-flex; align-items:center; gap:26px; font-size:12px; text-decoration:none; padding:8px 0; }
.support-proof__aside a span { transition:transform .3s; }
.support-proof__aside a:hover span { transform:translate(3px,-3px); }
.support-proof__aside a:focus-visible { outline:2px solid #a1a8ed; outline-offset:6px; border-radius:3px; }
.support-proof__gallery { position:relative; isolation:isolate; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; max-width:970px; margin:auto; }
.support-proof__gallery::before { content:""; z-index:-1; position:absolute; inset:-60px -60px 10%; pointer-events:none; }
.support-proof__column { display:flex; flex-direction:column; gap:24px; }
.support-proof__column:nth-child(2) { padding-top:44px; }
.support-proof__column:nth-child(3) { padding-top:12px; }
.support-proof__card { margin:0; padding:16px 16px 0; background:linear-gradient(150deg,#11151f,#07090e 45%,#030406); border:1px solid #212735; border-radius:13px; overflow:hidden; transition:transform .45s cubic-bezier(.22,1,.36,1),border-color .45s; }
.support-proof__card:hover { transform:translateY(-5px); border-color:#434c69; }
.support-proof__signature { display:flex; justify-content:center; align-items:center; gap:16px; padding-top:48px; }
.support-proof__signature img { opacity:.65; }
.support-proof__signature p { font-size:12px; line-height:1.8; margin:0; }
@media (max-width:800px) { .support-proof { max-width:calc(100% - 40px); padding-bottom:100px; } .support-proof__intro { grid-template-columns:1fr; gap:25px; margin-bottom:35px; } .support-proof__aside { justify-self:start; max-width:440px; } .support-proof h2 { font-size:38px; } .support-proof__gallery { gap:12px; } .support-proof__column { gap:12px; } .support-proof__card { padding:7px 7px 0; } .support-proof__card figcaption { padding:12px 5px; } }
@media (max-width:580px) { .support-proof__gallery { grid-template-columns:1fr; max-width:330px; } .support-proof__column:nth-child(n) { padding-top:0; } .support-proof__column { gap:18px; } .support-proof__gallery { gap:18px; } .support-proof h2 { font-size:34px; } }
/* A conversation surface, without screenshot frames or editorial captions. */
.support-proof__gallery { max-width:1140px; gap:24px; align-items:start; }
.support-proof__card.support-chat { padding:24px 20px; }
.support-chat__topic { margin:0 0 24px; font:400 12px/1.5 ui-monospace,monospace; letter-spacing:1px; text-transform:uppercase; }
.support-chat__messages { display:flex; flex-direction:column; gap:17px; padding:0; margin:0; list-style:none; }
.support-chat__message { display:grid; grid-template-columns:minmax(0,1fr) 22px; column-gap:7px; align-self:flex-start; max-width:96%; }
.support-chat__message--c { grid-template-columns:minmax(0,1fr); padding-right:15px; }
.support-chat__message--t { align-self:flex-end; padding-left:12px; }
.support-chat__bubble { min-width:0; padding:11px 13px; border:1px solid #a7b5eb0b; border-radius:12px 12px 12px 3px; font-size:14px; line-height:1.65; overflow-wrap:anywhere; }
.support-chat__bubble p { margin:0; font:inherit; color:inherit; }
.support-chat__bubble p+p { margin-top:12px; }
.support-chat__message--t .support-chat__bubble { border-radius:12px 12px 3px 12px; }
.support-chat__avatar { width:22px; height:22px; align-self:end; display:grid; place-items:center; border-radius:50%; }
.support-chat__avatar img { width:14px; height:16px; object-fit:contain; filter:brightness(0) invert(1); }
.support-chat__meta { display:flex; align-items:center; gap:5px; grid-column:1; padding:4px 2px 0; font-size:12px; line-height:1.3; }
.support-chat__message--t .support-chat__meta { justify-content:flex-end; }
.support-chat__read { letter-spacing:-5px; padding-right:5px; }
.support-chat__redacted { display:block; font-size:12px; border-radius:4px; padding:5px 10px; margin-top:5px; }
.support-chat__speaker { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media (max-width:1000px) and (min-width:581px) { .support-proof__gallery { grid-template-columns:repeat(2,minmax(0,1fr)); } .support-proof__column:nth-child(3) { grid-column:1/-1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; padding-top:0; } }
@media (max-width:580px) { .support-proof__gallery { max-width:400px; gap:20px; } .support-proof__column { gap:20px; } .support-proof__card.support-chat { padding:22px 16px; } }

/* Consecutive messages form one visual group, with the avatar at its start. */
.support-chat__avatar { align-self:start; margin-top:2px; }
.support-chat__message--continuation { margin-top:-13px; }
.support-chat__message--continuation .support-chat__avatar { visibility:hidden; }
.support-chat__message--c .support-chat__bubble { border-radius:12px; }
.support-chat__message--t .support-chat__bubble { border-radius:12px; }
.support-chat__message--c.support-chat__message--continues .support-chat__bubble { border-bottom-left-radius:3px; }
.support-chat__message--c.support-chat__message--continuation .support-chat__bubble { border-top-left-radius:3px; }
.support-chat__message--t.support-chat__message--continues .support-chat__bubble { border-bottom-right-radius:3px; }
.support-chat__message--t.support-chat__message--continuation .support-chat__bubble { border-top-right-radius:3px; }

/* Only the final bubble carries the group's timestamp and read receipt. */
.support-chat__message--continues .support-chat__meta { display:none; }
.support-chat__message--t:not(.support-chat__message--continuation) .support-chat__bubble { border-top-right-radius:0; }