.sms-workflows{scroll-margin-top:110px}
.sms-workflows>.suite-heading{max-width:730px}
.sms-workflow-browser{border:1px solid #d5e1d8;border-radius:28px;overflow:hidden;background:#eef3e9}
.sms-workflow-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:20px 25px;border-bottom:1px solid #d5e1d8;background:#f4f7f0}
.sms-workflow-tabs button{appearance:none;border:1px solid transparent;border-radius:24px;padding:11px 19px;font:400 15px/1.4 "Medi Sans",sans-serif;color:#3e5c49;background:transparent;cursor:pointer;transition:background .25s,color .25s}
.sms-workflow-tabs button[aria-selected=true]{background:#244e3e;color:#fff;border-color:#244e3e}
.sms-workflow-tabs button:hover:not([aria-selected=true]){background:#e6eddf;color:#254e3f}
.sms-workflow-panel{display:grid;grid-template-columns:.88fr 1.12fr;align-items:stretch;min-height:640px}
.sms-workflow-panel[hidden]{display:none}
.sms-workflow-copy{padding:42px 33px 38px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.sms-workflow-number{font-size:12px;letter-spacing:1.5px;color:#536b58;margin-bottom:28px}
.suite-page .sms-workflow-copy h3{font-size:31px;line-height:1.2;letter-spacing:-1px;font-weight:400;margin-bottom:22px}
.suite-page .sms-workflow-copy>p{font-size:17px;line-height:1.65;color:#36533f}
.sms-workflow-copy ul{list-style:none;padding:0;margin:28px 0;display:grid;gap:13px}
.sms-workflow-copy li{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.6;color:#34553f}
.sms-workflow-copy li svg{height:19px;width:19px;flex-shrink:0;color:#719f78}
.suite-page .sms-workflow-copy .sms-workflow-benefit{font-size:15px;line-height:1.65;padding-top:21px;margin-top:auto;border-top:1px solid #ccdbcd;color:#435e48}
.sms-workflow-copy .suite-text-link{font-size:15px;margin-top:19px;line-height:1.7;color:#2d654b}
.sms-workflow-art{display:grid;align-items:center;padding:26px;background:linear-gradient(135deg,#dae8d460,#badcd433),url('/site/assets/optimized/feature-messaging-background-ee1eaae45f18.webp') center/cover;min-width:0}
.sms-demo{width:100%;max-width:520px;margin:auto;background:#fcfdf9;border:1px solid #ffffffde;border-radius:22px;box-shadow:0 18px 45px #194a3420;overflow:hidden;color:#244c3c}
.sms-demo-header{display:flex;align-items:center;gap:10px;min-height:76px;padding:16px 20px;border-bottom:1px solid #e4ebe1}
.sms-demo-header img{width:30px;height:30px;object-fit:contain}
.sms-demo-header strong{display:block;font-size:16px;font-weight:500}
.sms-demo-header div>span{display:block;font-size:12px;color:#50634e;margin-top:4px}
.sms-demo-sample{font-size:11px;line-height:1.4;color:#566850;margin-left:auto}
.sms-demo-thread{height:460px;padding:20px 20px 8px;display:flex;flex-direction:column;gap:11px;overflow:auto;overscroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#cbdacd transparent}
.sms-demo-row{position:relative;flex:none;width:100%;min-width:0}
.sms-demo-message{width:91%;transition:opacity .5s ease,transform .65s cubic-bezier(.2,.8,.2,1);transform-origin:bottom left}
.sms-demo-speaker{display:block;font-size:12px;line-height:1.4;color:#53694e;margin:0 0 4px 3px}
.suite-page .sms-demo-message p{font-size:16px;line-height:1.5;color:#234536;background:#e8f0e1;padding:12px 14px;border-radius:12px 12px 12px 3px}
.sms-demo-row.is-patient .sms-demo-message{margin-left:auto;transform-origin:bottom right}
.sms-demo-row.is-patient .sms-demo-speaker{text-align:right;margin-right:3px}
.suite-page .sms-demo-row.is-patient p{background:#e6f0f3;color:#264f5a;border-radius:12px 12px 3px 12px}
.sms-demo-resource{display:flex;gap:6px;align-items:center;margin-top:9px;padding-top:8px;border-top:1px solid #cbdcc5;font-size:13px;line-height:1.4;color:#2e6543;text-decoration:underline;text-underline-offset:3px}
.sms-demo-resource svg{width:18px;height:18px;flex:none}
.sms-demo-typing{position:absolute;top:17px;left:0;display:flex;gap:4px;align-items:center;padding:14px 17px;border-radius:12px;background:#e8f0e1;opacity:0;visibility:hidden;transition:opacity .25s}
.is-patient .sms-demo-typing{left:auto;right:0;background:#e6f0f3}
.sms-demo-typing i{width:4px;height:4px;border-radius:50%;background:#77a382}
.sms-workflow-ready .sms-message-hidden .sms-demo-message{opacity:0;visibility:hidden;transform:translateY(6px) scale(.985)}
.sms-message-typing .sms-demo-typing{visibility:visible;opacity:1}
.sms-playback-running .sms-demo-typing i{animation:smsTyping 1s ease-in-out infinite}
.sms-demo-typing i:nth-child(2){animation-delay:.12s}.sms-demo-typing i:nth-child(3){animation-delay:.24s}
.sms-demo-outcome{display:flex;align-items:center;gap:10px;min-height:74px;margin:6px 20px 0;padding:13px 12px;background:#e4efdd;border:1px solid #d9e6d1;border-radius:12px;transition:opacity .5s,transform .65s cubic-bezier(.2,.8,.2,1)}
.sms-demo-outcome.is-pending-review{background:#eef2e7;border-color:#e0e7d8}
.sms-demo-result-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#88ae85;color:#fff;flex:none}
.is-pending-review .sms-demo-result-icon{background:#dce6d4;color:#71916a}
.sms-demo-result-icon svg{width:20px;height:20px}
.sms-demo-outcome strong{display:block;font-size:15px;font-weight:500;line-height:1.4}
.sms-demo-outcome div>span{display:block;font-size:13px;line-height:1.5;margin-top:4px;color:#4b6242}
.sms-workflow-ready .sms-outcome-hidden{opacity:0;visibility:hidden;transform:translateY(5px)}
.sms-demo-ending .sms-demo-message,.sms-demo-ending .sms-demo-outcome{opacity:0;transform:translateY(-4px)}
.sms-demo-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px;font-size:12px;color:#53664d}
.sms-demo-controls>div{display:flex;gap:13px;align-items:center}
.sms-demo-controls button{appearance:none;display:inline-flex;align-items:center;gap:5px;border:0;background:none;padding:7px 0;color:#315e44;font:400 13px/1.4 "Medi Sans",sans-serif;cursor:pointer}
.sms-workflow-tabs button:focus-visible,.sms-demo-controls button:focus-visible,.sms-workflow-panel:focus-visible{outline:2px solid #487961;outline-offset:-3px}
.suite-page .sms-workflow-scope{font-size:14px;line-height:1.6;margin:20px 5px 0;max-width:700px;color:#566f5b}
@keyframes smsTyping{0%,70%,100%{opacity:.5;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
@media(max-width:1050px){.sms-workflow-panel{grid-template-columns:.85fr 1.15fr}.sms-workflow-copy{padding:34px 25px}.suite-page .sms-workflow-copy h3{font-size:27px}.sms-workflow-art{padding:23px}.sms-demo-header,.sms-demo-thread{padding-left:16px;padding-right:16px}.sms-demo-outcome{margin-inline:16px}.sms-demo-thread{height:540px}}
@media(max-width:800px){.sms-workflow-panel{grid-template-columns:1fr}.sms-workflow-tabs{padding:16px;gap:5px}.sms-workflow-tabs button{font-size:14px;padding:10px 13px}.sms-workflow-copy{padding:28px}.sms-workflow-number{margin-bottom:17px}.suite-page .sms-workflow-copy h3{font-size:29px}.sms-workflow-copy ul{margin:22px 0}.sms-workflow-copy .suite-text-link{margin-top:14px}.sms-workflow-art{padding:28px}.sms-demo-thread{height:460px}.sms-workflow-panel{min-height:0}.sms-workflow-browser{border-radius:23px}}
@media(max-width:450px){.sms-workflow-copy,.sms-workflow-art{padding:23px 20px}.sms-demo-header{padding:15px 14px;gap:8px}.sms-demo-sample{max-width:55px;font-size:11px}.sms-demo-thread{height:565px;padding:17px 14px 8px;gap:10px}.sms-demo-message{width:94%}.suite-page .sms-demo-message p{font-size:16px;padding:11px 12px}.sms-demo-outcome{margin-inline:14px;padding:11px;min-height:83px}.sms-demo-controls{padding-inline:14px}}
@media(max-width:360px){.sms-workflow-art{padding:20px 12px}.sms-demo-header,.sms-demo-thread{padding-inline:12px}.sms-demo-thread{height:610px}.sms-demo-message{width:97%}.sms-demo-header img{width:26px;height:26px}.sms-demo-controls{gap:6px;font-size:11px}.sms-demo-controls>div{gap:10px}}
@media(prefers-reduced-motion:reduce){.sms-workflows *{animation:none!important;transition:none!important}.sms-workflow-ready .sms-message-hidden .sms-demo-message,.sms-workflow-ready .sms-outcome-hidden{opacity:1;visibility:visible;transform:none}.sms-demo-controls [data-sms-pause]{display:none}}
