.phone-demo{position:relative;padding:0 12px;isolation:isolate}.phone-demo:before{content:"";position:absolute;inset:80px -20px 70px;border-radius:50%;background:radial-gradient(ellipse,rgba(37,211,102,.12) 0,transparent 70%);z-index:-1;pointer-events:none}.phone-demo>h2{font-family:var(--font-body);font-size:13px;font-weight:500;color:#54656f;text-align:center;margin:0 0 18px}.phone-device{width:300px;max-width:100%;margin:0 auto;padding:11px;background:linear-gradient(165deg,#2c2c2e,#1c1c1e 45%,#0a0a0a);border-radius:44px;box-shadow:0 0 0 1px #3a3a3c,0 0 0 3px #111,0 28px 50px -18px rgba(23,43,70,.45),inset 0 1px 0 rgba(255,255,255,.12);position:relative}.phone-device:after,.phone-device:before{content:"";position:absolute;background:#2a2a2c;border-radius:2px}.phone-device:before{left:-3px;top:100px;width:3px;height:28px;box-shadow:0 42px 0 #2a2a2c,0 78px 0 #2a2a2c}.phone-device:after{right:-3px;top:128px;width:3px;height:56px}.phone-screen{border-radius:34px;overflow:hidden;background:#000;display:flex;flex-direction:column;height:580px}.wa-status{display:flex;align-items:center;justify-content:space-between;padding:10px 18px 4px;background:#008069;color:#fff;font-size:12px;font-weight:600;letter-spacing:.02em;position:relative;z-index:2}.wa-status-island{position:absolute;left:50%;top:8px;transform:translateX(-50%);width:92px;height:26px;background:#000;border-radius:20px}.wa-status-icons{gap:5px}.wa-header,.wa-status-icons{display:flex;align-items:center;color:#fff}.wa-header{gap:6px;padding:6px 8px 10px 4px;background:#008069}.wa-header-back{display:grid;place-items:center;width:32px;height:32px;border:0;background:transparent;color:#fff;padding:0;cursor:default}.wa-avatar{border-radius:50%;background:#1a5f4a;flex-shrink:0;overflow:hidden;line-height:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.wa-avatar,.wa-avatar>svg{width:36px;height:36px;display:block}.wa-header-meta{flex:1 1;min-width:0;padding-left:2px}.wa-header-meta strong{display:block;font-size:15px;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-header-meta small{display:block;font-size:11.5px;opacity:.85;font-weight:400}.wa-header-actions{display:flex;align-items:center;gap:14px;padding-right:6px;color:#fff}.wa-chat{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:8px 8px 12px;position:relative;scroll-behavior:smooth;background-color:#efeae2;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23cfc8be' fill-opacity='0.35'%3E%3Cpath d='M10 8c1 0 2 1 2 2s-1 2-2 2-2-1-2-2 1-2 2-2zm20 14c1.5 0 2.5 1.2 2.5 2.5S31.5 27 30 27s-2.5-1.2-2.5-2.5S28.5 22 30 22zm-18 18c.8 0 1.5.7 1.5 1.5S12.8 43 12 43s-1.5-.7-1.5-1.5.7-1.5 1.5-1.5zm32-8c1 0 2 .9 2 2s-1 2-2 2-2-.9-2-2 1-2 2-2z'/%3E%3C/g%3E%3C/svg%3E");scrollbar-width:none}.wa-chat::-webkit-scrollbar{display:none}.wa-date-chip{display:table;margin:4px auto 12px;padding:5px 10px;background:#ffffffd9;color:#54656f;border-radius:7px;font-size:11.5px;font-weight:500;box-shadow:0 1px .5px rgba(11,20,26,.13)}.wa-empty{text-align:center;font-size:13px;color:#667781;padding:28px 12px;margin:0}.wa-empty button{margin-top:8px;border:0;background:#008069;color:#fff;border-radius:20px;padding:6px 14px;font-size:12px;cursor:pointer}.wa-delivery{position:relative;max-width:92%;margin-bottom:6px;animation:wa-message-in .28s ease-out both}.wa-bubble{position:relative;padding:6px 7px 4px 9px;border-radius:7.5px;box-shadow:0 1px .5px rgba(11,20,26,.13)}.wa-bubble:after{content:"";display:table;clear:both}.wa-bubble-in{background:#fff;margin-right:28px;border-top-left-radius:0}.wa-bubble-in:before{content:"";position:absolute;left:-7px;top:0;width:0;height:0;border-color:transparent #fff transparent transparent;border-style:solid;border-width:0 8px 8px 0;filter:drop-shadow(-.5px 0 0 rgba(11,20,26,.06))}.wa-bubble-text{margin:0;font-size:13.2px;line-height:1.45;color:#111b21;white-space:pre-wrap;word-break:break-word;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.wa-bubble-lead{color:#111b21;font-weight:500}.wa-muted{color:#667781;font-size:12px}.wa-link{color:#027eb5;text-decoration:underline;text-underline-offset:2px;word-break:break-all}.wa-meta{display:flex;align-items:center;justify-content:end;gap:3px;margin-top:2px;font-size:11px;color:#667781;float:right;margin-left:12px;line-height:1;padding-bottom:2px}.wa-typing-row{max-width:92%;margin-bottom:6px}.wa-typing{display:inline-flex;gap:4px;align-items:center;padding:12px 14px;background:#fff;border-radius:0 7.5px 7.5px 7.5px;box-shadow:0 1px .5px rgba(11,20,26,.13);position:relative}.wa-typing:before{content:"";position:absolute;left:-7px;top:0;width:0;height:0;border-color:transparent #fff transparent transparent;border-style:solid;border-width:0 8px 8px 0}.wa-typing i{width:7px;height:7px;border-radius:50%;background:#9e9e9e;animation:wa-dot .5s ease-in-out infinite alternate}.wa-typing i:nth-child(2){animation-delay:.15s}.wa-typing i:nth-child(3){animation-delay:.3s}@keyframes wa-dot{to{transform:translateY(-3px);opacity:.5}}@keyframes wa-message-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.wa-composer{padding:6px 8px 10px;background:#f0f2f5}.wa-composer,.wa-composer-input{display:flex;align-items:center;gap:8px}.wa-composer-input{flex:1 1;background:#fff;border-radius:24px;padding:8px 12px;color:#54656f;font-size:14px;min-height:42px}.wa-composer-input span{flex:1 1;color:#667781}.wa-composer-input svg:last-child{transform:rotate(45deg)}.wa-mic{width:42px;height:42px;border-radius:50%;border:0;background:#008069;color:#fff;display:grid;place-items:center;flex-shrink:0;cursor:default;box-shadow:0 1px 3px rgba(11,20,26,.2)}.phone-controls{display:none}.phone-note{text-align:center;color:#8696a0;font-size:11px;line-height:1.55;margin:14px 0 0}@media (prefers-reduced-motion:reduce){.wa-delivery,.wa-typing{animation:none}}@media (max-width:760px){.phone-demo{padding:0 4px}.phone-demo:before{inset:50px 0}.phone-device{width:290px}.phone-screen{height:560px}.phone-demo>h2{font-size:12px}}