.feature-motion{background:#fff;padding:90px 0}.feature-motion__layout{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:60px}.feature-motion__eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#b81620}.feature-motion__copy h2{font-family:var(--font-jakarta),sans-serif;font-size:clamp(30px,3.5vw,44px);line-height:1.08;letter-spacing:-.035em;font-weight:600;margin:17px 0 23px;max-width:16ch}.feature-motion__copy>p:not(:first-child){font-size:15px;line-height:1.8;color:#717580}.feature-motion__copy ul{font-size:13px;line-height:1.7;margin:22px 0;list-style:disc;padding-left:18px;color:#484c54}.feature-motion__copy li{padding:5px 0}.feature-motion__copy>a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:13px;font-weight:700;color:#a9161d;border-bottom:1px solid #d6a5a6}.feature-motion__copy>small{display:block;margin-top:18px;font-size:11px;line-height:1.6;color:#90939b}.feature-motion__scene{background:#edf1f8;border:1px solid #e0e6f1;border-radius:24px;padding:22px;overflow:hidden}.feature-motion__scene>header{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.1em;font-weight:700;color:#818b9f}.feature-motion__scene>header button{display:grid;place-items:center;min-width:36px;min-height:36px;border:1px solid #d6deeb;border-radius:50%;background:#ffffffa0}.feature-motion__canvas{display:grid;grid-template-columns:1fr 34px 1fr;align-items:center;min-height:360px;gap:0;padding:25px 0}.feature-motion__ad{background:#fff;border-radius:13px;box-shadow:0 15px 35px -18px #2b3f6655;border:1px solid #dce1ed;overflow:hidden;transform:rotate(-3deg)}.feature-motion__profile{display:flex;gap:7px;align-items:center;padding:12px}.feature-motion__profile>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e9dbe0;font-size:10px;color:#9d3c51}.feature-motion strong{font-size:10px;display:block}.feature-motion small{display:block;font-size:8px;color:#7d8390;margin-top:2px}.feature-motion__ad>img{height:157px;width:100%;-o-object-fit:cover;object-fit:cover}.feature-motion__ad>p{font-size:10px;line-height:1.6;padding:12px}.feature-motion__ad>button{display:flex;align-items:center;gap:6px;position:relative;min-height:44px;background:#edf8ef;color:#296d41;width:100%;padding:8px 10px;font-size:9px;font-weight:700}.feature-motion__cursor{margin-left:auto;color:#303e35}.feature-motion__connector{display:grid;place-items:center;position:relative;color:#b81620}.feature-motion__connector span{position:absolute;background:#b81620;width:5px;height:5px;border-radius:50%;left:0;animation:commerce-path 4s ease-in-out infinite;animation-play-state:paused}.feature-motion__chat{background:#fff;min-height:310px;border:1px solid #dce1ed;border-radius:13px;box-shadow:0 15px 35px -18px #2b3f6655;transform:rotate(2deg);padding-bottom:12px}.feature-motion__chat-head{display:flex;gap:7px;align-items:center;padding:12px;border-bottom:1px solid #e8ece8}.feature-motion__ad-context{font-size:8px;margin:12px;border-left:2px solid #388666;padding:5px 7px;background:#f1f6f2}.feature-motion__ad-context span{display:block;color:#989ca4;margin-top:4px}.feature-motion__message{font-size:10px;margin:12px;background:#f1f3f5;border-radius:0 8px 8px 8px;padding:10px;line-height:1.6}.feature-motion__message--sent{background:#ddf4e4;border-radius:8px 0 8px 8px;opacity:.2;transform:translateY(7px);transition:opacity .45s,transform .45s}.feature-motion__message small{display:flex;justify-content:end;align-items:center;gap:3px}.feature-motion__assignment{margin:10px 12px 0;border:1px solid #e0e5ef;display:flex;align-items:center;gap:7px;padding:9px;border-radius:7px;opacity:.2;transform:translateY(6px);transition:opacity .45s,transform .45s}.feature-motion__assignment>span{width:23px;height:23px;display:grid;place-items:center;background:#e5e9f6;border-radius:50%;font-size:9px}.feature-motion__assignment strong{font-size:9px}.feature-motion__assignment small{font-size:7px}.is-playing .feature-motion__assignment,.is-playing .feature-motion__connector span,.is-playing .feature-motion__message--sent{animation-play-state:running}.feature-motion__scene .is-revealed{animation:none;opacity:1;transform:none}.feature-motion__steps{display:flex;gap:6px;justify-content:space-between;border-top:1px solid #d9e0ee;padding-top:15px}.feature-motion__steps button{display:flex;align-items:center;gap:5px;font-size:8px;min-height:38px;text-align:left;color:#848da1}.feature-motion__steps button[aria-pressed=true]{color:#a9161d;font-weight:700}.feature-motion__steps span{display:grid;place-items:center;width:20px;height:20px;flex-shrink:0;background:#fff;border-radius:50%;border:1px solid #d7dfea;font-size:9px}.feature-motion__scene>footer{text-align:center;font-size:9px;color:#959ba7;margin-top:15px}@keyframes commerce-path{0%,20%{transform:translateX(0);opacity:0}35%{opacity:1}80%{transform:translateX(28px);opacity:1}to{transform:translateX(28px);opacity:0}}@keyframes commerce-reply{0%,20%{opacity:.2;transform:translateY(7px)}35%,90%{opacity:1;transform:translateY(0)}to{opacity:.2;transform:translateY(7px)}}@keyframes commerce-assignment{0%,45%{opacity:.25;transform:translateY(6px)}60%,90%{opacity:1;transform:translateY(0)}to{opacity:.25;transform:translateY(6px)}}@media(max-width:900px){.feature-motion__layout{grid-template-columns:1fr;gap:30px}.feature-motion__copy h2{max-width:22ch}.feature-motion{padding:60px 0}.feature-motion__scene{max-width:650px;width:100%;margin:auto}}@media(max-width:450px){.feature-motion__scene{padding:14px 10px}.feature-motion__canvas{grid-template-columns:1fr 22px 1fr;min-height:330px}.feature-motion__profile{padding:9px 6px}.feature-motion__ad>img{height:120px}.feature-motion__chat-head{padding:10px 6px}.feature-motion__ad>button{font-size:8px;padding:7px}.feature-motion__ad-context,.feature-motion__message{margin:10px 7px}.feature-motion__assignment{margin:10px 7px 0;padding:7px 5px}.feature-motion__assignment strong{font-size:8px}.feature-motion__assignment small{font-size:6px}.feature-motion__steps button{font-size:7px;gap:3px}.feature-motion__steps span{width:17px;height:17px}.feature-motion__copy h2{font-size:34px}}@media(prefers-reduced-motion:reduce){.feature-motion__scene *{animation:none!important;transform:none!important}}