:root{--ink:#231e2b;--muted:#797380;--brand:#a83c97;--brand-dark:#813276;--brand-soft:#f8edf6;--teal:#008c83;--line:#ebe7ed;--chat:#f5f3f7;--white:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:#fbfafc}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible,[tabindex]:focus-visible{outline:3px solid #3286d0;outline-offset:4px}button,a{touch-action:manipulation}button{color:inherit}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}p,h1,h2,h3{margin:0}strong{font-weight:650}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.preview-header{height:64px;max-width:1360px;margin:auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.preview-label{display:flex;align-items:center;gap:9px;color:#726879;font-size:12px;font-weight:600}.local-dot{width:7px;height:7px;background:var(--brand);border-radius:50%}.preview-tools{display:flex;gap:6px}.tool{min-height:40px;background:transparent;border:1px solid transparent;border-radius:9px;padding:0 12px;color:#6e6575;font-size:12px;font-weight:600}.tool:hover{background:var(--brand-soft);color:var(--brand-dark)}.tool.pause{border-color:#ded5e0;min-width:72px}.tool[aria-pressed=true]{background:var(--brand-soft);color:var(--brand-dark)}
.preview-layout{max-width:1180px;min-height:calc(100svh - 64px);margin:auto;padding:28px 38px 18px;display:grid;grid-template-columns:1fr 440px;gap:70px;align-items:center}.intro{padding:20px 0 30px}.eyebrow{color:var(--brand-dark);font-size:11px;letter-spacing:1.7px;font-weight:700;margin-bottom:24px}h1{font-size:clamp(36px,4.2vw,57px);letter-spacing:-2.3px;line-height:1.12;font-weight:650}h1 span{color:var(--brand)}.intro-description{margin-top:22px;font-size:17px;line-height:1.8;color:#776f7e;max-width:450px}.chapter-list{display:grid;gap:25px;margin-top:48px}.chapter{display:flex;align-items:center;gap:17px;opacity:.53;transition:opacity .35s}.chapter.is-active,.chapter.is-done{opacity:1}.chapter-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #e5dce8;background:#fff;border-radius:14px;color:#8a728a}.chapter.is-active .chapter-icon{background:var(--brand-soft);color:var(--brand);border-color:#ecd5e7}.chapter.is-done .chapter-icon{color:var(--teal);background:#eef9f7;border-color:#dceee9}.chapter strong{font-size:15px;display:block;margin-bottom:6px}.chapter div>span{font-size:13px;color:#7e7483}.local-note{display:flex;gap:10px;margin-top:38px;color:#8a818c;font-size:12px;line-height:1.8}.local-note svg{width:16px;height:18px;margin-top:3px}.demo-stage{position:relative;display:flex;flex-direction:column;align-items:center}.demo-stage:before{content:"";position:absolute;z-index:-1;inset:8% -15% 15%;background:radial-gradient(ellipse,#eee0f0 0%,#f4ecf6 30%,transparent 69%)}
.phone{width:400px;height:min(800px,calc(100svh - 130px));min-height:610px;background:#fff;border:6px solid #302a35;border-radius:36px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 26px 64px -25px #4e235230,0 2px 8px #4c325512;isolation:isolate}.phone-brand{flex-shrink:0;min-height:63px;padding:16px 18px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);background:white;z-index:2}.wordmark img{display:block;width:164px;height:auto}.wordmark>span{font-size:6px;letter-spacing:2.1px;color:#537aa2;margin-left:31px;display:block;margin-top:4px}.demo-badge{font-size:8px;font-weight:700;letter-spacing:.8px;background:var(--brand-soft);color:var(--brand-dark);padding:7px 8px;border-radius:5px;white-space:nowrap}.identity{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #e9e4ec;flex-shrink:0;background:white;min-height:76px}.avatar{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#d57ac4,#9a328d);font-size:13px;font-weight:700;color:white;position:relative}.avatar:after{content:"";height:8px;width:8px;border-radius:50%;border:2px solid white;background:#6dcab0;position:absolute;bottom:0;right:0}.identity-title{font-size:15px;font-weight:650;letter-spacing:-.15px}.identity-subtitle{font-size:11px;color:var(--muted);margin-top:4px;min-height:15px}.identity-subtitle.is-typing{color:var(--brand)}.identity-end{margin-left:auto;display:flex;align-items:center;gap:3px;color:#ada3af}.identity-end span{width:3px;height:3px;background:currentColor;border-radius:50%}.identity-lock{height:35px;width:35px;background:#f7f2f8;border-radius:11px;color:var(--brand);display:grid;place-items:center}
.chat-scroll{flex:1;min-height:0;overflow:auto;padding:23px 19px 26px;background:var(--chat);scrollbar-width:thin;scrollbar-color:#d6cdda transparent;overscroll-behavior:contain}.day{font-size:10px;letter-spacing:.5px;text-align:center;color:#9a919e;margin-bottom:21px}.request-card{background:white;border:1px solid #e1d7e4;border-radius:20px;overflow:hidden;box-shadow:0 3px 10px #3e274404;margin-bottom:23px}.request-card:before{content:"";display:block;height:3px;background:linear-gradient(90deg,#b64aab 0 34%,#2a9ad0 34% 67%,#009e93 67%)}.request-content{padding:17px 17px 14px}.card-kicker{font-size:9px;letter-spacing:1.1px;font-weight:750;color:#a099a6;display:flex;align-items:center;gap:6px}.card-kicker svg{width:14px;height:14px}.request-card h2{font-size:18px;line-height:1.4;letter-spacing:-.25px;font-weight:650;margin:9px 0 10px}.request-card p{font-size:13px;line-height:1.7;color:#736a7a}.request-facts{display:flex;border-top:1px solid #f0ecf2;padding:12px 17px;gap:20px}.request-facts span{font-size:11px;color:#746a7e;display:flex;align-items:center;gap:7px}.request-facts svg{width:14px;height:14px;color:#ab80a6}.request-match{display:flex;align-items:center;gap:5px;font-size:10px;color:#26786c;border-top:1px solid #f0ecf2;padding:11px 17px;background:#fcfefd}.request-match svg{width:13px;height:13px}
.message-row{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 24px;position:relative;animation:message-in .36s cubic-bezier(.16,1,.3,1) both}.message-row.out{align-items:flex-end}.bubble{position:relative;max-width:91%;padding:12px 15px;border-radius:19px;background:#fff;box-shadow:0 3px 9px #493b5207;color:#3b3242;font-size:14px;line-height:1.65;overflow-wrap:break-word;z-index:0}.bubble:before{content:"";position:absolute;bottom:0;left:-7px;width:15px;height:19px;background:inherit;border-bottom-right-radius:12px;z-index:-1}.bubble:after{content:"";position:absolute;bottom:-1px;left:-12px;width:13px;height:23px;border-bottom-right-radius:13px;background:var(--chat);z-index:-1}.out .bubble{background:var(--brand);color:#fff;border-bottom-right-radius:7px}.out .bubble:before{left:auto;right:-7px;border-radius:0 0 0 12px}.out .bubble:after{left:auto;right:-12px;border-radius:0 0 0 13px}.in .bubble{border-bottom-left-radius:7px}.message-meta{font-size:9px;color:#b0a5b5;margin:5px 4px 0;display:flex;gap:4px;align-items:center}.message-meta svg{width:12px;height:12px;color:#a967a0}.heart-reaction{position:absolute;left:-10px;top:-15px;display:grid;place-items:center;width:32px;height:29px;background:white;border-radius:17px;box-shadow:0 3px 12px #70356325;border:2px solid var(--chat);animation:heart-pop .48s cubic-bezier(.2,1.8,.4,1) both}.heart-reaction:after{content:"";width:7px;height:7px;position:absolute;bottom:-4px;left:2px;background:#fff;border-radius:5px 0 6px 0;transform:rotate(15deg)}.heart-reaction svg{fill:#ec6ca5;stroke:#ec6ca5;width:17px;height:17px;stroke-width:1.7}.out.has-heart{margin-top:31px}
.typing-row{margin-bottom:3px;display:flex;align-items:center;gap:8px;animation:message-in .25s both}.typing-avatar{width:24px;height:24px;border-radius:50%;background:#e8daeb;color:#a5629b;font-size:8px;display:grid;place-items:center;font-weight:700;align-self:flex-end;margin-bottom:3px}.typing-bubble{background:white;display:flex;align-items:center;gap:5px;padding:15px 16px;border-radius:18px 18px 18px 6px;box-shadow:0 3px 8px #6b3d7106}.typing-bubble span{width:5px;height:5px;background:#b698b5;border-radius:50%;animation:dot-bounce 1.25s infinite ease-in-out}.typing-bubble span:nth-child(2){animation-delay:.16s}.typing-bubble span:nth-child(3){animation-delay:.32s}
.proposal-card{width:91%;border-radius:19px 19px 6px 19px;background:#fff;border:1px solid #d9b4d3;box-shadow:0 5px 16px #82407708;overflow:hidden;padding:16px}.proposal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.proposal-icon{width:32px;height:32px;display:grid;place-items:center;color:var(--brand);border-radius:9px;background:var(--brand-soft)}.proposal-icon svg{width:17px;height:17px}.proposal-label{color:#a27a9d;font-size:9px;font-weight:700;letter-spacing:.7px}.proposal-card h3{font-size:16px;font-weight:650;margin-bottom:6px}.proposal-card p{font-size:12px;color:#8b7d90;line-height:1.65}.proposal-price{display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid #eee4ef;padding-top:13px;margin-top:15px}.proposal-price>div>span{font-size:10px;display:block;color:#9a8a9d;margin-bottom:4px}.proposal-price strong{font-size:24px;font-weight:600;letter-spacing:-.6px}.deposit{color:var(--brand-dark);font-size:11px;background:var(--brand-soft);border-radius:6px;padding:6px 8px;margin-bottom:3px}.signed{font-size:10px;display:flex;align-items:center;justify-content:center;gap:6px;color:#8e7d92;margin:8px 0 3px}.signed svg{width:13px;height:13px}
.composer{flex:none;border-top:1px solid var(--line);background:white;padding:13px 17px 14px;display:grid;gap:10px}.composer:empty{display:none}.hint{display:flex;justify-content:center;align-items:center;gap:12px;font-size:11px;font-weight:650;color:var(--brand)}.hint svg{width:32px;height:23px;stroke-width:2}.primary{min-height:46px;border:0;border-radius:11px;background:var(--brand);color:white;font-size:13px;font-weight:650;width:100%;padding:11px 14px;display:flex;align-items:center;justify-content:center;gap:9px;transition:background .2s,transform .15s}.primary:hover{background:#923485}.primary:active{transform:scale(.985)}.primary svg{width:16px;height:16px}.quick-replies{display:grid;grid-template-columns:1.2fr 1fr;gap:8px}.reply{border:1px solid #e1c7dd;background:#fff;color:var(--brand-dark);border-radius:12px;min-height:47px;padding:9px 6px;font-size:11px;font-weight:600;line-height:1.5}.reply:hover{background:var(--brand-soft)}.composer-caption{font-size:10px;text-align:center;color:#a297a5;line-height:1.5}.waiting{display:flex;align-items:center;gap:8px;justify-content:center;min-height:25px;color:#a695aa;font-size:11px}.waiting svg{width:13px;height:13px}
.phone-nav{display:flex;flex:none;justify-content:space-around;align-items:flex-start;background:white;border-top:1px solid var(--line);padding:12px 6px 9px;min-height:65px;color:#8e869a}.phone-nav>span{font-size:8px;line-height:1.4;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;width:20%}.phone-nav i{display:flex;font-style:normal}.phone-nav svg{width:22px;height:22px;stroke-width:1.5}.phone-nav .active{color:var(--brand);font-weight:650}.phone-nav .active svg{stroke-width:2}.stage-note{font-size:10px;color:#a499a8;text-align:center;margin-top:13px}
.checkout-scroll{min-height:0;flex:1;overflow:auto;background:white;padding:20px 22px 22px;scrollbar-width:thin;scrollbar-color:#d6cdda transparent;overscroll-behavior:contain;animation:checkout-in .45s cubic-bezier(.2,.8,.2,1) both}.checkout-brand{display:flex;align-items:center;justify-content:space-between;color:#9a8b9f;font-size:10px;gap:12px}.checkout-brand img{width:43px;height:22px;object-fit:contain}.checkout-brand>span{display:flex;align-items:center;gap:7px}.checkout-brand svg{width:13px;height:13px}.test-label{font-size:8px;font-weight:700;letter-spacing:.8px;background:#fff3d9;color:#9a761a;border:1px solid #fae8bb;border-radius:5px;padding:5px 7px}.order-title{font-size:13px;color:#8c7c92;margin-top:23px}.order-amount{font-size:33px;font-weight:650;letter-spacing:-1px;line-height:1.25;margin-top:5px}.order-subtitle{font-size:11px;color:#a296a8;margin-top:5px}.pay-divider{display:flex;align-items:center;gap:12px;color:#968a9c;font-size:10px;margin:23px 0 18px}.pay-divider:before,.pay-divider:after{content:"";height:1px;background:#eee8f0;flex:1}.demo-form{display:grid;gap:13px}.field-label{font-size:11px;color:#73687e;margin-bottom:6px;display:block;font-weight:550}.fake-field{border:1px solid #dfd9e4;min-height:40px;padding:11px 12px;border-radius:7px;font-size:12px;line-height:17px;color:#40344b;background:white;position:relative;display:flex;align-items:center;justify-content:space-between;gap:5px;transition:box-shadow .18s,border-color .18s}.fake-field.active-field{border-color:#ae63a1;box-shadow:0 0 0 3px #b552a31a;z-index:1}.fake-field .placeholder{color:#b5aebe}.fake-field.active-field .value:after{content:"";display:inline-block;width:1px;height:13px;background:var(--brand);vertical-align:-2px;margin-left:1px;animation:caret .7s steps(2) infinite}.card-fields{border:1px solid #dfd9e4;border-radius:8px;overflow:visible}.card-fields>.fake-field{border:0;border-radius:8px 8px 0 0;border-bottom:1px solid #e7e0eb}.split-fields{display:grid;grid-template-columns:1fr 1fr}.split-fields .fake-field{border:0;border-radius:0 0 0 8px}.split-fields .fake-field:last-child{border-left:1px solid #e7e0eb;border-radius:0 0 8px 0}.fake-field svg{width:15px;height:15px;color:#a095a7}.visa{font-size:9px;font-weight:800;font-style:italic;color:#52618a;letter-spacing:-.5px;background:#f2f4f8;padding:0 4px;border-radius:3px}.number-value{font-variant-numeric:tabular-nums;letter-spacing:.4px}.pay-button{margin-top:18px;background:#33243e;position:relative}.pay-button:hover{background:#4a3459}.pay-button:disabled{opacity:.68}.pay-button.ready{box-shadow:0 0 0 4px #a83c9710}.pay-button.paying{background:#53415d;opacity:1}.spinner{width:14px;height:14px;border:2px solid #ffffff40;border-top-color:white;border-radius:50%;animation:spin .7s linear infinite}.checkout-safety{font-size:9px;text-align:center;color:#aaa0b0;margin-top:11px;line-height:1.6}.checkout-progress{min-height:17px;color:#a387aa;font-size:10px;margin:13px 0 0;text-align:center}
.receipt{min-height:100%;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:18px 0;animation:checkout-in .4s both}.success-mark{margin:0 auto 25px;width:66px;height:66px;background:#ecf8f4;border-radius:50%;display:grid;place-items:center;color:#079882;position:relative}.success-mark:before{content:"";position:absolute;inset:-8px;border:1px solid #e5f2ed;border-radius:50%;animation:ring-in .6s both}.success-mark svg{width:31px;height:31px;stroke-width:2.1;stroke-dasharray:65;animation:draw-check .6s ease both}.receipt h2{font-size:23px;line-height:1.3;letter-spacing:-.7px;margin-bottom:11px;font-weight:650}.receipt>p{font-size:12px;color:#8e8096;line-height:1.8}.receipt-details{text-align:left;background:#f8f5f9;border:1px solid #eee6f0;border-radius:14px;padding:17px;margin:25px 0 20px;display:grid;gap:11px;font-size:11px;color:#8b7a94}.receipt-details>div{display:flex;justify-content:space-between;gap:10px}.receipt-details strong{color:#4e3e5c;font-size:12px}.receipt-details .paid-value{color:#148f78}.receipt .primary{margin-top:4px}.booking-card{border:1px solid #c3e5dd;background:#f7fcfa;border-radius:18px;padding:19px;width:100%;margin:9px 0 20px;animation:message-in .5s both}.booking-top{display:flex;align-items:center;gap:8px;font-size:10px;color:#278c77;font-weight:700}.booking-top svg{width:17px;height:17px}.booking-card h3{font-size:17px;margin:13px 0 7px;font-weight:650}.booking-card p{color:#7c948e;font-size:12px}.booking-summary{display:flex;justify-content:space-between;border-top:1px solid #e0eee9;padding-top:13px;margin-top:15px;font-size:11px;color:#6e8b82}.booking-summary strong{color:#1b8672}.booking-demo{font-size:9px;color:#99aca4;margin-top:13px}.complete-heading{font-size:13px;text-align:center;font-weight:650;color:var(--teal)}
body[data-paused=true] *{animation-play-state:paused!important}
/* Same blue canvas and geometric accents as Pro's real ChatBackdrop. */
:root{--chat:#F1F4FA}
.phone{position:relative;background:var(--chat)}
.chat-wallpaper{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.chat-wallpaper span{position:absolute;left:8%;top:100px;width:34px;height:34px;border:1.5px solid #dee3ef;border-radius:18px;transform:rotate(15deg)}
.chat-wallpaper span:nth-child(2){left:77%;top:232px;border-radius:8px;transform:rotate(27deg)}
.chat-wallpaper span:nth-child(3){top:364px;border-radius:8px;transform:rotate(39deg)}
.chat-wallpaper span:nth-child(4){left:77%;top:496px;border-radius:18px;transform:rotate(51deg)}
.chat-wallpaper span:nth-child(5){top:628px;border-radius:8px;transform:rotate(63deg)}
.chat-wallpaper span:nth-child(6){left:77%;top:760px;border-radius:8px;transform:rotate(75deg)}
.chat-scroll{position:relative;z-index:1;background:transparent}
.identity,.phone-nav,.composer,.checkout-scroll{position:relative;z-index:1}
.typing-row.outgoing{justify-content:flex-end;margin:8px 0 20px}.outgoing .typing-bubble{background:var(--brand);border-radius:18px 18px 6px 18px}.outgoing .typing-bubble span{background:#fff}
.autoplay .pay-button{cursor:default}.autoplay .pay-button:hover{background:#33243e}.autoplay .pay-button.paying{background:#53415d}
@keyframes message-in{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes heart-pop{from{opacity:0;transform:scale(.35) rotate(-15deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes dot-bounce{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}@keyframes checkout-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes caret{50%{opacity:0}}@keyframes ring-in{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes draw-check{from{stroke-dashoffset:65}to{stroke-dashoffset:0}}
.checkout-brand img{width:96px;height:24px}
/* The reaction sits under the reply; its own row space protects the timestamp. */
.heart-reaction{left:auto;top:auto;right:7px;bottom:-17px;width:35px;height:31px}
.heart-reaction:after{left:auto;right:2px;bottom:auto;top:-3px;transform:rotate(190deg)}
.heart-reaction svg{fill:none;stroke:none;width:19px;height:19px}
.out.has-heart{margin-top:0;margin-bottom:27px}.has-heart .message-meta{margin-top:20px}
@media(min-width:1500px){.preview-layout{gap:125px;max-width:1270px}.phone{width:418px}}
@media(max-width:1000px){.preview-layout{gap:24px;grid-template-columns:1fr 400px;padding:24px}.intro h1{font-size:42px}.chapter div>span{font-size:11px}.intro-description{font-size:15px}}
@media(max-width:800px){.intro{display:none}.preview-layout{display:flex;align-items:center;justify-content:center;padding:22px 15px 10px}.phone{height:calc(100svh - 125px);min-height:560px}.preview-header{padding:0 22px}.demo-stage:before{display:none}}
@media(max-width:480px){body{height:100dvh;overflow:hidden;background:white}.preview-header{height:45px;padding:0 7px;background:#f8f5fa;justify-content:center;flex-shrink:0}.preview-label{display:none}.preview-tools{width:100%;justify-content:space-between;gap:6px}.tool{min-height:34px;padding:0 12px;font-size:11px}.preview-layout{padding:0;min-height:0;height:calc(100dvh - 45px)}.demo-stage{height:100%;width:100%}.phone{border:0;border-radius:0;box-shadow:none;width:100%;height:100%;min-height:0}.stage-note{display:none}.phone-brand{min-height:57px;padding:13px 18px 11px}.identity{padding:12px 18px;min-height:68px}.chat-scroll{padding:22px 19px 25px}.phone-nav{padding-bottom:max(9px,env(safe-area-inset-bottom));min-height:64px}.checkout-scroll{padding:18px 23px 21px}}
@media(max-width:350px){.wordmark img{width:143px}.wordmark>span{margin-left:27px}.demo-badge{font-size:7px;letter-spacing:.4px;padding:6px}.phone-brand{padding-left:15px;padding-right:15px;gap:8px}.identity-title{font-size:14px}.chat-scroll{padding:19px 16px 23px}.bubble{font-size:13px;padding:10px 13px;max-width:94%}.request-card h2{font-size:16px}.request-content{padding:14px}.request-card p{font-size:12px}.request-facts{padding:11px 14px;gap:11px}.request-facts span{font-size:10px}.request-match{padding:10px 14px;font-size:9px}.checkout-scroll{padding:16px 18px 20px}.order-title{margin-top:17px}.order-amount{font-size:29px}.pay-divider{margin:16px 0 14px}.composer{padding:11px 15px 12px}.phone-nav{padding-top:10px;min-height:61px}.phone-nav>span{font-size:7px}.phone-nav svg{width:21px;height:21px}}
body.embedded{height:100dvh;overflow:hidden;background:white}
.composer.is-signup-moment{padding:17px 18px 15px;border-top:1px solid #e5cbe0;background:linear-gradient(125deg,#fff 0%,#f8edf6 100%)}
.signup-moment{display:grid;gap:11px;text-align:center;animation:checkout-in .35s ease both}
.signup-moment h2{font-size:18px;font-weight:650;line-height:1.25;letter-spacing:-.4px;color:var(--ink)}
.signup-moment .signup-button{min-height:51px;font-size:15px;text-decoration:none;box-shadow:0 5px 14px #a83c9720}
.signup-button:focus-visible{outline:3px solid #3286d0;outline-offset:3px}
.signup-moment p{font-size:10px;line-height:1.35;color:var(--brand-dark)}
@media(max-height:680px){.composer.is-signup-moment{padding:12px 15px}.signup-moment{gap:8px}.signup-moment h2{font-size:17px}.signup-moment .signup-button{min-height:48px}.has-signup-cta #message-bye{display:none}}
.embedded .intro,.embedded .preview-label,.embedded .stage-note,.embedded #payment-shortcut{display:none}
.embedded .preview-header{height:40px;padding:0 10px;background:#faf7fb;border-bottom:1px solid var(--line)}
.embedded .preview-tools{width:100%;justify-content:space-between}
.embedded .tool{min-height:34px;font-size:11px}
.embedded .preview-layout{display:block;padding:0;margin:0;min-height:0;max-width:none;height:calc(100dvh - 40px)}
.embedded .demo-stage{width:100%;height:100%}.embedded .demo-stage:before{display:none}
.embedded .phone{width:100%;height:100%;min-height:0;border:0;border-radius:0;box-shadow:none}
/* Landing autoplay scrolls its transcript programmatically. Let wheel/touch
   gestures continue to the parent page instead of trapping them in the phone. */
.embedded.autoplay[data-embed="landing"] .chat-scroll,.embedded.autoplay[data-embed="landing"] .checkout-scroll{overflow:hidden;overscroll-behavior:auto;touch-action:pan-y}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.typing-bubble span{opacity:1}.fake-field.active-field .value:after{display:none}}