.wa-demo{--night:#f8f1e4;--gold:#b07a1f;--gold-soft:#d9a441;--cream:#2a1a0c;--muted:#6b5640;--ph:min(640px, calc(100svh - 250px));min-height:100svh;color:var(--cream);touch-action:pan-y;isolation:isolate;grid-template-areas:"copy""phone""actions";align-content:center;justify-items:center;gap:18px;padding:7vh 16px 9vh;font-family:Assistant,system-ui,sans-serif;display:grid;position:relative}.wa-demo:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60% 45% at 50% 52%,#d9a44138,#0000 70%);position:absolute;inset:0}.wa-copy{text-align:center;grid-area:copy}.wa-eyebrow{letter-spacing:.14em;color:var(--gold);margin:0;font-size:14px}.wa-title{text-wrap:balance;margin:4px 0;font-family:Frank Ruhl Libre,serif;font-size:clamp(1.75rem,7.4vw,3.4rem);font-weight:900;line-height:1.12}.wa-sub{color:var(--muted);margin:0;font-size:17px}.ph-float{perspective:1400px;grid-area:phone}.ph-tilt{transform-style:preserve-3d;will-change:transform}.phone{height:var(--ph);aspect-ratio:9/19.3;padding:calc(var(--ph) * .016);border-radius:calc(var(--ph) * .083);box-shadow:0 0 0 1px #ffffff0f inset, 0 0 0 calc(var(--ph) * .004) #0b0907, 0 calc(var(--ph) * .06) calc(var(--ph) * .12) #000000a6, 0 calc(var(--ph) * .02) calc(var(--ph) * .03) #00000080;background:linear-gradient(145deg,#5b5348 0%,#2a2621 18%,#15120f 50%,#2c2722 82%,#625a4e 100%);position:relative}.ph-btn{background:#2f2a24;border-radius:2px;width:3px;position:absolute}.ph-btn-a{height:9%;top:22%;right:-3px}.ph-btn-b{height:5%;top:18%;left:-3px}.ph-btn-c{height:9%;top:26%;left:-3px}.screen{border-radius:calc(var(--ph) * .068);width:100%;height:100%;font-size:calc(var(--ph) * .0205);direction:rtl;background:#000;position:relative;overflow:hidden}.island{z-index:30;top:calc(var(--ph) * .0213);width:calc(var(--ph) * .13463);height:calc(var(--ph) * .04162);background:#000;border-radius:99px;position:absolute;left:50%;translate:-50%}.glare{z-index:40;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,#ffffff17 0%,#ffffff05 28%,#0000 40%);position:absolute;inset:0}.ph-status{z-index:25;top:0;height:calc(var(--ph) * .08228);color:#111;direction:ltr;justify-content:space-between;align-items:center;padding:.9em 2.1em 0;font:600 1.02em/1 -apple-system,SF Pro Text,system-ui,sans-serif;display:flex;position:absolute;inset-inline:0}.ph-status.on-dark{color:#fff}.ph-status-icons{align-items:center;gap:.35em;display:flex}.ph-status-icons svg{fill:currentColor;height:.72em}.ph-status-icons svg:last-child{height:.78em}.lock{color:#fff;background:radial-gradient(90% 55% at 20% 8%,#ffc4788c,#0000 60%),radial-gradient(70% 50% at 85% 100%,#783c14b3,#0000 70%),linear-gradient(#3a2412 0%,#1d120a 55%,#0d0805 100%);font-family:-apple-system,SF Pro Display,system-ui,sans-serif;position:absolute;inset:0}.lock-date{margin-top:calc(var(--ph) * .1452);text-align:center;opacity:.9;font-size:1.15em;font-weight:500}.lock-clock{text-align:center;letter-spacing:-.02em;direction:ltr;height:1.05em;font-size:5.6em;font-weight:600;line-height:1.05;position:relative;overflow:hidden}.lock-clock span{display:inline-block}.lock-dim{pointer-events:none;background:#000;position:absolute;inset:0}.lock-home{bottom:calc(var(--ph) * .01549);width:calc(var(--ph) * .15635);height:calc(var(--ph) * .00581);background:#ffffffd9;border-radius:99px;position:absolute;left:50%;translate:-50%}.notif{top:calc(var(--ph) * .35816);inset-inline:calc(var(--ph) * .01737);-webkit-backdrop-filter:blur(24px)saturate(1.6);backdrop-filter:blur(24px)saturate(1.6);color:#111;text-align:right;font:inherit;cursor:pointer;background:#f5eee4c7;border:0;border-radius:1.35em;gap:.15em;min-height:44px;padding:.8em .95em .85em;display:grid;position:absolute;overflow:hidden;box-shadow:0 .6em 1.8em #00000059}.notif-app{color:#555;align-items:center;gap:.45em;font-size:.82em;display:flex}.notif-app-name{letter-spacing:.02em;direction:ltr;font-weight:600}.notif-when{margin-inline-start:auto}.wa-app-icon{background:#25d366;border-radius:.38em;place-items:center;width:1.45em;height:1.45em;display:grid}.wa-app-icon svg{width:80%;height:80%}.notif-title{font-size:1em;font-weight:700}.notif-body{color:#222;font-size:.95em;line-height:1.35}.tap-hint{top:calc(var(--ph) * .56144);text-align:center;color:#ffffffd9;letter-spacing:.04em;font-size:.9em;position:absolute;inset-inline:0}.wa-ripple{pointer-events:none;background:#00000047;border-radius:50%;width:3.2em;height:3.2em;margin:-1.6em 0 0 -1.6em;position:absolute;top:50%;left:50%}.chat{color:#111b21;background-color:#efeae2;background-image:radial-gradient(circle at 20% 30%,#00000009 0 2px,#0000 2.5px),radial-gradient(circle at 70% 70%,#00000008 0 1.5px,#0000 2px);background-size:2.6em 2.6em,1.9em 1.9em;flex-direction:column;font-family:-apple-system,Segoe UI,Helvetica,Arial,sans-serif;display:flex;position:absolute;inset:0}.chat .ph-status{background:#f6f5f3;flex:none;position:relative}.chat-head{background:#f6f5f3;border-bottom:1px solid #00000014;flex:none;align-items:center;gap:.6em;padding:.45em .8em .6em;display:flex}.chat-back{color:#007aff;display:grid}.chat-back svg{width:.7em;height:1.15em}.chat-avatar{color:#f1cf8a;background:radial-gradient(circle at 35% 30%,#4a2c17,#23140b);border-radius:50%;place-items:center;width:2.3em;height:2.3em;display:grid;box-shadow:inset 0 0 0 1px #f1cf8a59}.chat-who{line-height:1.2;display:grid}.chat-name{font-size:1.02em;font-weight:700}.chat-status{color:#667781;font-size:.78em}.chat-body{overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;flex:1;gap:.4em;padding:.7em .7em 1em;display:flex;overflow-y:auto}.chat-body::-webkit-scrollbar{display:none}.chat-day{text-align:center;margin:.2em 0 .4em}.chat-day span{color:#54656f;background:#fff;border-radius:.6em;padding:.25em .7em;font-size:.74em;display:inline-block;box-shadow:0 1px .5px #0b141a21}.msg{flex-direction:column;max-width:86%;display:flex}.msg.in{align-self:flex-start;align-items:stretch}.msg.out{align-self:flex-end}.msg.daily{max-width:92%}.bubble{word-wrap:break-word;border-radius:.6em;padding:.42em .6em .38em;font-size:.93em;line-height:1.42;position:relative;box-shadow:0 1px .5px #0b141a21}.msg.in .bubble{background:#fff;border-start-start-radius:.15em}.msg.out .bubble{background:#d9fdd3;border-start-end-radius:.15em}.meta{float:left;color:#667781;direction:ltr;align-items:center;gap:.2em;margin:.45em .6em -.2em 0;font-size:.68em;display:inline-flex}.wa-ticks{color:#53bdeb;width:1.15em}.qr{color:#027eb5;cursor:pointer;background:#fff;border:0;border-radius:.6em;min-height:44px;margin-top:.22em;padding:.55em .8em;font-family:inherit;font-size:.92em;font-weight:600;line-height:1.2;transition:background .15s;position:relative;overflow:hidden;box-shadow:0 1px .5px #0b141a21}.qr:hover:not(:disabled){background:#f5f6f6}.qr:disabled{cursor:default}.qr:disabled:not(:only-child){color:#8696a0}.tmpl .qr:disabled{color:#027eb5}.qr:focus-visible,.wa-cta:focus-visible,.wa-replay:focus-visible,.notif:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.qr-row{grid-template-columns:1fr 1fr;gap:.22em;display:grid}.qr-row .qr{overflow:visible}.wa-block+.wa-block{margin-top:.75em}.wa-quote{color:#3b4a54;background:#0000000b;border-inline-start:.22em solid #25d366;border-radius:.2em;margin:.15em 0;padding:.25em .55em}.wa-li{gap:.35em;margin:.12em 0;display:flex}.wa-li-n{font-variant-numeric:tabular-nums;flex:none}.wa-sep{background:#0000001f;border:0;height:1px;margin:.2em 0 .45em}.wa-link{color:#027eb5;direction:ltr;unicode-bidi:isolate}.typing{gap:.28em;width:max-content;padding:.75em .85em;display:flex}.typing span{background:#8696a0;border-radius:50%;width:.45em;height:.45em}.wa-sparkles{pointer-events:none;position:absolute;top:50%;left:50%}.wa-sparkles span{border-radius:1px;width:.42em;height:.42em;position:absolute}.wa-sparkles .gold{background:#d9a441}.wa-sparkles .green{background:#25d366;border-radius:50%}.chat-input{color:#8696a0;background:#f6f5f3;flex:none;align-items:center;gap:.6em;padding:.5em .8em 1.6em;display:flex}.ci-plus{color:#007aff;font-size:1.5em;line-height:1}.ci-field{background:#fff;border:1px solid #00000014;border-radius:99px;flex:1;padding:.4em .8em;font-size:.88em}.ci-mic svg{color:#007aff;width:1.3em;height:1.3em}.wa-actions{grid-area:actions;justify-items:center;gap:8px;width:min(100%,400px);display:grid}.wa-cta{color:#1d120a;cursor:pointer;background:#d9a441;border:0;border-radius:14px;width:100%;min-height:58px;font-family:Frank Ruhl Libre,serif;font-size:1.32rem;font-weight:900;box-shadow:0 12px 34px #d9a44147,inset 0 -3px #0000002e}.wa-fine{color:var(--muted);margin:0;font-size:14px}.wa-replay{min-height:44px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 14px;font-size:15px;display:inline-flex}.wa-replay svg{width:17px;height:17px}.wa-replay:hover{color:var(--cream)}@media (min-width:900px){.wa-demo{--ph:min(680px, 78vh);grid-template-columns:minmax(0,460px) auto;grid-template-areas:"copy phone""actions phone";place-content:center;gap:28px clamp(48px,8vw,140px)}.wa-copy{text-align:right;place-self:end stretch}.wa-actions{place-self:start stretch;justify-items:start}.wa-sub{font-size:20px}}@media (prefers-reduced-motion:reduce){.ph-tilt{transform:none!important}}