/* Keep 540px source screenshots at no more than 270 CSS pixels. */
.case-steps{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px;row-gap:20px;align-items:start}
.case-steps figure{display:grid;grid-template-rows:subgrid;grid-row:span 2;min-width:0;width:100%;max-width:302px;justify-self:center;margin:0}
.case-steps figcaption{min-height:0;padding:0}
.case-steps a{display:flex;align-items:flex-start;justify-content:center;width:100%;padding:16px;aspect-ratio:302/557.5;border:1px solid #dedbd2;border-radius:18px;background:#eeebe4;overflow:hidden}
.case-steps a>span{display:block;width:100%;max-width:270px;flex-shrink:0}
.case-steps img{display:block;width:100%;max-width:270px;height:auto;flex-shrink:0;border-radius:10px}
.source-showcase{grid-template-columns:minmax(0,540px) minmax(0,1fr)}
.source-image{width:100%;max-width:540px;justify-self:center}
.source-image img{width:100%;height:auto}
.language-proof{grid-template-columns:minmax(0,200px) minmax(0,480px);gap:48px}
.language-proof-image{width:100%;max-width:200px;justify-self:center}
@supports not (grid-template-rows:subgrid){.case-steps{align-items:stretch}.case-steps figure{display:flex;flex-direction:column;gap:20px}.case-steps figcaption{flex:1}.case-steps a{flex-shrink:0}}
@media(max-width:800px){.case-steps{column-gap:16px}.case-steps a{padding:12px;aspect-ratio:294/549.5}.source-showcase{grid-template-columns:1fr}.source-showcase figcaption{max-width:540px;justify-self:center}}
@media(max-width:700px){.case-steps{grid-template-columns:1fr;gap:32px}.case-steps figure{display:flex;flex-direction:column;gap:16px;grid-row:auto;max-width:302px}.case-steps a{padding:16px;aspect-ratio:302/557.5}.case-steps figcaption{flex:none}.language-proof{grid-template-columns:minmax(0,1fr);gap:26px}.language-proof figcaption{max-width:480px;justify-self:center}}
.chat-proof{margin-top:34px;padding-top:30px;border-top:1px solid #dedbd2}.chat-proof-note{max-width:760px;margin:0 auto 26px;text-align:center}.chat-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,302px));gap:20px 32px;justify-content:center}.chat-proof-grid figure{display:grid;grid-template-rows:subgrid;grid-row:span 2;margin:0;min-width:0}.chat-proof-grid h3{font-size:20px;line-height:1.4}.chat-proof-grid a{display:flex;align-items:flex-start;justify-content:center;padding:15px;background:#eeebe4;border:1px solid #dedbd2;border-radius:18px;aspect-ratio:302/581}.chat-proof-grid img{display:block;width:100%;max-width:270px;height:auto;border-radius:10px}@supports not (grid-template-rows:subgrid){.chat-proof-grid figure{display:flex;flex-direction:column;gap:20px}.chat-proof-grid figcaption{flex:1}}@media(max-width:700px){.chat-proof-grid{grid-template-columns:minmax(0,302px);gap:28px}.chat-proof-grid figure{display:flex;flex-direction:column;gap:16px}.chat-proof-note{text-align:left}}
.history-showcase{max-width:1160px;margin:auto;padding:72px 24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:64px;align-items:center;border-top:1px solid #e6e4dd}.history-showcase h2{font-size:clamp(30px,4vw,46px);line-height:1.2;letter-spacing:-1px;margin-bottom:24px}.history-showcase p{font-size:18px;line-height:1.8;color:var(--muted)}.history-showcase .history-note{font-size:14px;margin-top:22px}.history-showcase a{display:block;width:100%;max-width:400px;justify-self:center}.history-showcase img{display:block;width:100%;height:auto;border:1px solid #dedbd2;border-radius:18px}@media(max-width:700px){.history-showcase{grid-template-columns:1fr;padding:52px 20px;gap:30px}.history-showcase p{font-size:16px}}