/* Browser chats: quiet product storytelling with clear, unchanged instructions. */
.chats-feature .chats-breadcrumbs{font-size:11px;padding-top:27px;color:#809374;gap:10px}.chats-feature .chats-breadcrumbs a{color:#5c7c50;text-decoration:none}.chats-feature .chats-breadcrumbs a:hover{text-decoration:underline}.chats-feature .chats-hero{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:62px;padding-block:61px 80px}.chats-feature .chats-hero h1{font-size:clamp(42px,4.3vw,62px);line-height:1.11;letter-spacing:-.055em}.chats-feature .chats-hero .lead{font-size:16px;line-height:1.85}.chats-feature .chats-hero .button{box-shadow:0 8px 23px #246b491a}.chats-feature .chats-small{font-size:11px;line-height:1.85;color:#74886a}
.chats-feature .chats-example{position:relative;isolation:isolate;overflow:hidden;padding:27px;border-radius:20px;border-color:#d3e2c8;background:radial-gradient(ellipse at 100% 0,#d4e6c055,transparent 65%),linear-gradient(140deg,#fbfdf7,#edf4e5);box-shadow:0 26px 48px -29px #1c452b30,0 5px 16px #173c2605}.chats-feature .example-caption{font-size:8px;letter-spacing:1.5px;color:#7c9668}.chats-feature .example-dot{background:#87ac68;box-shadow:0 0 0 4px #c5dcae22}.chats-feature .example-person{padding-block:22px;border-color:#dae5d0}.chats-feature .example-person>span{border:1px solid #d1e1c3;background:#eef5e4;color:#78985e;font-size:12px}.chats-feature .example-person strong{font-size:14px;color:#365e38}.chats-feature .example-person small{font-size:10px;color:#819374}.chats-feature .example-messages{gap:12px;padding-top:23px}.chats-feature .example-messages p{font-size:12px;line-height:1.8;padding:14px 16px;border:1px solid #dce6d3;box-shadow:0 4px 11px #20432604}.chats-feature .example-in{background:#fff;border-radius:12px 12px 12px 3px}.chats-feature .example-out{background:linear-gradient(130deg,#e0eed4,#d9e9cd);border-color:#d3e2c5!important;border-radius:12px 12px 3px 12px}.chats-feature .example-file{padding:15px 17px;border-color:#d5e3ca;border-radius:12px;background:#ffffffd9;box-shadow:0 5px 12px #20432604}.chats-feature .example-file>span{font-size:19px;color:#789c60}.chats-feature .example-file strong{font-size:11px;color:#4d6f42}.chats-feature .example-note{font-size:10px;line-height:1.85;color:#798d6c;border-color:#d8e4cd;padding-top:17px}
.chats-feature .chats-workflow-section,.chats-feature .chats-status-section,.chats-feature .chats-next-section{padding-block:77px;border-color:#e0e9d8;background:linear-gradient(120deg,#edf4e7,#f5f8f0)}.chats-feature .chats-workflow,.chats-feature .chats-status-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:73px}.chats-feature .chats-workflow>div>p:last-child,.chats-feature .chats-status-grid>div>p:last-child{font-size:14px;line-height:1.9}.chats-feature .chats-steps{display:grid;gap:14px}.chats-feature .chats-steps li{padding:24px 25px 24px 76px;border:1px solid #d8e4cc;border-radius:14px;background:#ffffffad;box-shadow:0 5px 14px #173d2603;transition:border-color .35s,background .35s}.chats-feature .chats-steps li:last-child{padding-bottom:24px}.chats-feature .chats-steps li::before{left:23px;top:25px;width:32px;height:32px;background:#f0f6e9;border-color:#c9dcbc;color:#6c8b59;font-size:10px}.chats-feature .chats-steps h3{font-size:18px;line-height:1.4;margin-bottom:9px}.chats-feature .chats-steps p{font-size:13px;line-height:1.9;color:#6e8264}
.chats-feature .chats-format-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.chats-feature .chats-card{padding:28px;border-color:#dae5d2;border-radius:17px;background:linear-gradient(140deg,#fff,#f5f9ef);box-shadow:0 7px 20px #173e3404;transition:transform .4s,border-color .4s,box-shadow .4s}.chats-feature .chats-card-icon{width:38px;height:38px;background:#eef5e5;border:1px solid #d9e5cf;border-radius:10px;color:#73965c;font-size:17px;margin-bottom:24px}.chats-feature .chats-card h3{font-size:22px;line-height:1.3}.chats-feature .chats-card p{font-size:13px;line-height:1.9}.chats-feature .chats-media-note{gap:55px;border-color:#dfe8d6;margin-top:33px;padding-top:28px}.chats-feature .chats-media-note h3{font-size:19px;line-height:1.4}.chats-feature .chats-media-note p{font-size:13px;line-height:1.9}
.chats-feature .chats-status-list{display:grid;gap:13px}.chats-feature .chats-status-list>div{position:relative;padding:23px 25px;border:1px solid #d7e4cb;border-radius:14px;background:#ffffffad;box-shadow:0 5px 14px #24482903}.chats-feature .chats-status-list>div:first-child{padding-top:23px}.chats-feature .chats-status-list dt{font-size:17px;color:#3e6739;line-height:1.4}.chats-feature .chats-status-list dd{font-size:13px;line-height:1.9;color:#6d8261;margin-top:9px}.chats-feature .chats-mobile-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:65px}.chats-feature .chats-mobile-section>div>p:not(.eyebrow){font-size:14px;line-height:1.9}.chats-feature .chats-mobile-card{position:relative;isolation:isolate;overflow:hidden;padding:33px;border-color:#d5e3ca;border-radius:18px;background:radial-gradient(ellipse at 100% 0,#d2e5bb44,transparent 65%),linear-gradient(140deg,#f7fbf1,#eef5e5);box-shadow:0 17px 33px -25px #23472b20}.chats-feature .mobile-path{gap:10px;margin-block:28px}.chats-feature .mobile-path span{font-size:12px;border-radius:9px;border-color:#d5e3c8;background:#ffffffbd;padding:13px 15px;box-shadow:0 4px 12px #23472b03}.chats-feature .mobile-path b{color:#90ad76}
.chats-feature .chats-boundaries{border-color:#dfe8d6}.chats-feature .chats-boundary-grid{gap:18px}.chats-feature .chats-boundary-grid>div{padding:26px;border:1px solid #dfe8d7;border-radius:14px;background:linear-gradient(140deg,#fafcf6,#f0f5e8)}.chats-feature .chats-boundary-grid h3{font-size:18px;line-height:1.4;color:#41673b}.chats-feature .chats-boundary-grid p{font-size:13px;line-height:1.9;color:#6b815f}.chats-feature .chats-next-grid{gap:21px}.chats-feature .chats-next-grid article{padding:29px;border:1px solid #d8e4ce;border-radius:17px;background:#ffffffb3;box-shadow:0 6px 17px #23472b03}.chats-feature .chats-next-grid h3{font-size:23px;line-height:1.3}.chats-feature .chats-next-grid p{font-size:13px;line-height:1.9}.chats-feature .chats-next-grid .text-link{font-size:12px;line-height:1.8;min-height:38px}.chats-feature .chats-next-grid .chats-small{font-size:11px}.chats-feature #faq summary:focus-visible{outline-offset:-5px}
.chats-feature .chats-final{position:relative;isolation:isolate;overflow:hidden;padding:58px 50px;border-radius:22px;border-color:#386347;background:radial-gradient(ellipse at 90% 0,#55784955,transparent 70%),linear-gradient(140deg,#194635,#10392e);color:#edf5e6;box-shadow:0 28px 48px -30px #153a3240}.chats-feature .chats-final::before{content:'';position:absolute;z-index:-1;top:-175px;right:-90px;width:480px;height:480px;border:1px solid #bdd4a61c;border-radius:50%;box-shadow:0 0 0 38px #bdd4a607;pointer-events:none}.chats-feature .chats-final .eyebrow{font-size:9px;color:#abc796}.chats-feature .chats-final h2{font-size:clamp(31px,3.5vw,46px);line-height:1.15;margin-top:24px;font-weight:500}.chats-feature .chats-final>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#afc3a8}.chats-feature .chats-final .button{margin-top:13px;background:linear-gradient(135deg,#dfedc9,#cde0b0);border:1px solid #d8e6bf;color:#2c5033;box-shadow:0 8px 20px #071f2426}.chats-feature .chats-final .text-link{color:#c1d7b2;font-size:12px;line-height:1.9;min-height:42px;padding-block:10px}.chats-feature .chats-source{font-size:11px;line-height:1.9;color:#7a8e6e;padding-top:25px}.chats-feature .footer>p{font-size:11px;color:#718469}
.chats-feature .chats-reveal{animation:chats-rise .9s cubic-bezier(.22,1,.36,1) both}.chats-feature .chats-example.chats-reveal .example-messages>*{animation:chats-bubble .8s cubic-bezier(.22,1,.36,1) both .15s}.chats-feature .chats-example.chats-reveal .example-messages>:nth-child(2){animation-delay:.3s}.chats-feature .chats-example.chats-reveal .example-messages>:nth-child(3){animation-delay:.45s}.chats-feature .chats-example.chats-reveal .example-messages>:nth-child(4){animation-delay:.6s}.chats-feature .chats-card.chats-reveal:nth-child(2){animation-delay:.1s}.chats-feature .chats-card.chats-reveal:nth-child(3){animation-delay:.2s}
@keyframes chats-rise{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}@keyframes chats-bubble{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
@media(hover:hover) and (pointer:fine){.chats-feature .chats-card:hover{transform:translateY(-5px);border-color:#bdd2ad;box-shadow:0 23px 35px -26px #23472b33}.chats-feature .chats-steps li:hover{border-color:#bdd2ad;background:#fff}.chats-feature .chats-final .button:hover{background:#e6f1d2}}
@media(max-width:1000px){.chats-feature .chats-hero{gap:33px}.chats-feature .chats-example{padding:24px}.chats-feature .chats-workflow,.chats-feature .chats-status-grid{gap:39px}.chats-feature .chats-card{padding:24px}.chats-feature .chats-mobile-section{gap:35px}.chats-feature .chats-media-note{gap:33px}}
@media(max-width:760px){.chats-feature .chats-hero{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:35px 45px}.chats-feature .chats-hero h1{font-size:clamp(37px,8vw,55px)}.chats-feature .chats-hero .lead{font-size:15px}.chats-feature .chats-example{padding:25px}.chats-feature .chats-workflow,.chats-feature .chats-status-grid,.chats-feature .chats-mobile-section{grid-template-columns:minmax(0,1fr);gap:31px}.chats-feature .chats-workflow-section,.chats-feature .chats-status-section,.chats-feature .chats-next-section{padding-block:50px}.chats-feature .chats-steps li{padding:23px 20px 23px 65px}.chats-feature .chats-steps li::before{left:18px;top:24px;width:30px;height:30px}.chats-feature .chats-steps h3{font-size:17px}.chats-feature .chats-steps p{font-size:12px}.chats-feature .chats-format-grid,.chats-feature .chats-boundary-grid,.chats-feature .chats-next-grid{grid-template-columns:minmax(0,1fr);gap:17px}.chats-feature .chats-card{padding:25px}.chats-feature .chats-media-note{grid-template-columns:minmax(0,1fr);gap:0}.chats-feature .chats-status-list>div{padding:23px}.chats-feature .chats-mobile-card{padding:26px}.chats-feature .mobile-path{gap:8px}.chats-feature .mobile-path span{font-size:11px;padding:12px 11px}.chats-feature .chats-boundary-grid>div,.chats-feature .chats-next-grid article{padding:25px}.chats-feature .chats-final{padding:36px 25px}.chats-feature .chats-final>p:not(.eyebrow){font-size:13px}.chats-feature .chats-final .text-link{margin:17px 0 0}.chats-feature .header nav{gap:1px}.chats-feature .header nav a{font-size:11px;min-height:44px}.chats-feature .header>.button{padding-inline:10px}.chats-feature .footer>p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.chats-feature .chats-reveal,.chats-feature .chats-example.chats-reveal .example-messages>*{animation:none!important}.chats-feature .chats-card,.chats-feature .chats-steps li{transition:none}.chats-feature .chats-card:hover{transform:none}}
/* Keep the status heading's dash with its phrase on compact and wide screens. */
.chats-feature .chats-status-grid h2{font-size:clamp(26px,3vw,42px);line-height:1.16}
@media(max-width:360px){.chats-feature .chats-status-grid h2{font-size:24px}}