.problem-grid article{padding:24px 28px 28px}
.problem-art{height:116px;position:relative;display:grid;place-items:center;margin:-1px 0 20px;background:#f0f7fd;border-radius:14px;color:#337eBC}
.problem-art:before{content:'';position:absolute;width:82px;height:82px;border-radius:50%;background:#e0effb}
.problem-art svg{width:69px;height:69px;position:relative}
.problem-art .number{position:absolute;top:12px;left:15px;font-size:12px;color:#6d91b1}
.problem-grid h3{margin:0 0 12px}.problem-grid p{font-size:14px}
.bridge-icon{width:48px;height:48px;flex-shrink:0;color:#2583cf}.bridge-icon svg{width:100%;height:100%}
.feature-demo{padding:25px 26px}.feature-demo-brand{margin-bottom:12px}.demo-kicker{margin-bottom:12px}
.demo-sheet{padding:18px 20px 22px}.demo-symbol{display:none}.demo-message{display:none}.demo-sheet>p{margin-top:10px;font-size:13px}.demo-foot{font-size:11px;margin-top:12px}
.feature-picture{display:flex;align-items:center;justify-content:center;gap:22px;min-height:240px;padding:12px 0 20px}
.feature-picture[hidden]{display:none}
.mini-phone{width:143px;border:2px solid #9bbddd;border-radius:21px;padding:12px 12px 17px;background:#f8fbff;box-shadow:0 9px 20px #2b64961a;flex-shrink:0}
.mini-phone-speaker{height:4px;width:30px;background:#b2c7dd;border-radius:3px;margin:0 auto 18px}
.mini-phone-title{font-size:10px;font-weight:700;color:#456883;text-align:center}
.mini-bubble{padding:15px 11px;background:#e7f2ff;border-radius:12px 12px 12px 2px;font-size:12px;line-height:1.85;color:#2d6caa;margin:13px 0 18px;text-align:left}
.mini-send{background:#2a86d4;color:white;border-radius:7px;font-size:11px;font-weight:700;text-align:center;padding:9px 3px}
.picture-side{display:flex;align-items:center;flex-direction:column;gap:8px;color:#335f82;min-width:110px}.picture-side strong{font-size:12px;white-space:nowrap}.picture-side>span{font-size:10px;color:#7590a7;white-space:nowrap}
.round-pictogram{width:70px;height:70px;display:grid;place-items:center;background:#eef7ff;border-radius:50%;color:#3688c9;margin-bottom:3px}.round-pictogram svg{width:43px;height:43px}
.mini-board{width:176px;padding:18px 12px;border:2px solid #c0d8ea;border-radius:12px;background:#fff;box-shadow:0 9px 20px #2b649611;flex-shrink:0}
.mini-board-title{font-size:11px;color:#385e7d;font-weight:700;line-height:1.8;margin-bottom:13px;text-align:center}
.mini-board>div:not(:first-child){display:flex;align-items:center;gap:9px;padding:12px 0;border-top:1px solid #e5eef7}.mini-status{font-size:9px;padding:4px 5px;border-radius:5px;white-space:nowrap;background:#eaf3fd;color:#4f86b8}.mini-status.new{background:#fff3dd;color:#a57a36}.mini-status.done{background:#e6f3ec;color:#508771}.mini-board i{height:5px;border-radius:5px;background:#dce8f1;flex:1}
.share-poster{width:148px;padding:18px 13px;background:#fff;border:2px solid #b8d5eb;box-shadow:5px 5px 0 #e6f1fa;text-align:center;border-radius:4px}.share-poster>svg{width:65px;height:65px;color:#4688c0}.poster-label{font-size:10px;margin-top:12px;color:#64849e}
.step-pictogram{width:66px;height:66px;color:#fff;background:#ffffff14;border:1px solid #ffffff35;display:grid;place-items:center;border-radius:17px;margin-bottom:21px}.step-pictogram svg{width:42px;height:42px}.steps article{position:relative}.steps article:not(:last-child):after{content:'→';position:absolute;right:-29px;top:41px;color:#b1d5f3;font-size:25px}
@media(max-width:1100px){.feature-picture{gap:14px}.mini-board{width:154px}.picture-side{min-width:96px}.picture-side strong{font-size:11px}.picture-side>span{font-size:9px}.feature-demo{padding:23px 18px}.demo-sheet{padding:17px 14px}}
@media(max-width:800px){.feature-picture{gap:28px}.feature-demo{padding:26px}.mini-board{width:190px}.picture-side strong{font-size:13px}.picture-side>span{font-size:11px}.round-pictogram{width:78px;height:78px}.problem-art{height:105px}.steps article:not(:last-child):after{right:-20px}}
@media(max-width:560px){.problem-grid article{padding:22px}.problem-art{height:105px;margin-bottom:18px}.problem-art svg{width:62px;height:62px}.bridge{display:flex;flex-wrap:wrap;gap:12px}.bridge-icon{width:35px;height:35px}.bridge>span{margin:0}.bridge strong{flex-basis:100%;font-size:18px}.feature-demo{padding:21px 14px}.demo-sheet{padding:15px 12px 20px}.feature-picture{gap:14px;min-height:232px}.mini-phone{width:128px}.mini-board{width:145px;padding:15px 9px}.picture-side{min-width:90px}.picture-side strong{font-size:10px}.picture-side>span{font-size:9px}.round-pictogram{width:60px;height:60px}.round-pictogram svg{width:36px;height:36px}.share-poster{width:125px}.steps article{padding-left:88px;min-height:140px}.step-pictogram{position:absolute;left:0;top:24px;width:62px;height:62px}.steps article:not(:last-child):after{content:none}.steps h3{font-size:19px}.steps p{font-size:14px}}
@media(max-width:370px){.feature-picture{gap:9px}.mini-phone{width:110px;padding:10px 8px 13px}.mini-phone-title{font-size:9px}.mini-bubble{font-size:10px;padding:12px 8px}.mini-board{width:123px}.mini-board-title{font-size:10px}.mini-status{font-size:8px;padding:4px}.picture-side{min-width:78px}.picture-side strong{font-size:9px}.picture-side>span{font-size:8px}.share-poster{width:110px}.round-pictogram{width:50px;height:50px}.steps article{padding-left:77px}}