:root{--demo-accent:var(--violet2)}.demo-heading{margin-inline:auto;text-align:center}.demo-heading .lead{margin-inline:auto}.experience-shell{max-width:1050px;min-height:690px;margin:auto;border:1px solid #ffffff1c;border-radius:30px;background:linear-gradient(145deg,#12172cf7,#0a0e1dfa);box-shadow:0 35px 100px #0006;overflow:hidden;position:relative}.experience-shell:before{content:"";position:absolute;width:430px;height:430px;top:-270px;right:-140px;border-radius:50%;background:var(--demo-accent);filter:blur(80px);opacity:.15;transition:background .4s}.experience-progress{height:72px;padding:0 38px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:center;gap:13px;color:#626a86;font-size:11px;position:relative;z-index:2}.experience-progress span{display:flex;align-items:center;gap:7px}.experience-progress span.active{color:#fff}.experience-progress span:before{content:"✓";width:23px;height:23px;border:1px solid #3c435e;border-radius:50%;display:grid;place-items:center;font:700 9px Arial}.experience-progress span.active:before{border-color:var(--demo-accent);background:var(--demo-accent)}.experience-progress i{width:54px;height:1px;background:#30364f}.experience-screen{display:none;min-height:618px;position:relative;z-index:1}.experience-screen.active{display:flex;animation:experience-in .5s cubic-bezier(.16,1,.3,1)}@keyframes experience-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.welcome-screen,.business-screen{padding:55px 35px;flex-direction:column;align-items:center;justify-content:center;text-align:center}.welcome-orb{width:96px;height:96px;margin-bottom:26px;border-radius:30px;display:grid;place-items:center;background:linear-gradient(145deg,var(--violet),var(--cyan));box-shadow:0 20px 60px #4169ff59;transform:rotate(8deg)}.welcome-orb span{font-size:38px;transform:rotate(-8deg)}.welcome-kicker{color:#75eafa;font-size:11px;font-weight:800}.experience-screen h3{font-size:clamp(31px,4vw,48px);line-height:1.25;margin:8px 0 10px}.experience-screen>p:not(.welcome-kicker){margin:0 0 28px;color:#a7acc4}.experience-primary{min-width:230px;min-height:56px;border:0;border-radius:15px;background:linear-gradient(110deg,var(--violet),var(--violet2));color:#fff;font:800 14px Cairo;box-shadow:0 14px 38px #4169ff52;cursor:pointer;transition:.25s}.experience-primary span{margin-right:12px}.experience-primary:hover{transform:translateY(-3px)}.welcome-screen>small{margin-top:15px;color:#69718d}.experience-back{position:absolute;top:26px;right:30px;border:0;background:transparent;color:#858da9;font:700 11px Cairo;cursor:pointer}.business-grid{width:min(770px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px}.business-card{min-height:145px;padding:22px;border:1px solid #2c334e;border-radius:19px;background:#ffffff06;color:#fff;font-family:Cairo;display:grid;place-items:center;gap:4px;cursor:pointer;transition:.25s}.business-card>span{font-size:34px}.business-card strong{font-size:14px}.business-card small{color:#aeb8db;font-size:9px;opacity:0;transform:translateY(5px);transition:.25s}.business-card:hover,.business-card:focus-visible{border-color:var(--demo-accent);background:#ffffff11;transform:translateY(-5px);box-shadow:0 18px 40px #0003}.business-card:hover small,.business-card:focus-visible small{opacity:1;transform:none}
.chat-screen{grid-template-columns:270px 1fr;direction:ltr;background:#080c18}.chat-screen.active{display:grid}.chat-context{padding:30px 24px;border-right:1px solid #262c45;direction:rtl;position:relative}.chat-context .experience-back{position:static;margin-bottom:30px}.context-brand{display:flex;align-items:center;gap:12px;padding-bottom:22px;border-bottom:1px solid #262c45}.context-brand>span{width:54px;height:54px;border-radius:17px;background:#1c2239;display:grid;place-items:center;font-size:27px}.context-brand>div{display:grid}.context-brand small,.context-facts small{font-size:9px;color:#777f99}.context-brand strong{font-size:13px}.context-facts{display:grid;gap:18px;margin-top:25px}.context-facts p{display:grid;grid-template-columns:25px 1fr;margin:0}.context-facts p>span{grid-row:1/3;color:var(--demo-accent)}.context-facts b{font-size:10px}.value-meter{position:absolute;bottom:30px;right:24px;left:24px;display:grid;gap:6px}.value-meter span{font-size:8px;color:#717993}.value-meter b{font-size:10px}.value-meter>i{height:5px;border-radius:5px;background:#222840;overflow:hidden}.value-meter em{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--demo-accent),var(--cyan));transition:width .45s}
.whatsapp-demo{height:618px;display:grid;grid-template-rows:66px 68px 1fr auto 54px;direction:rtl;background:#efeae2;color:#17201d}.whatsapp-header{padding:8px 16px;background:#075e54;color:#fff;display:flex;align-items:center;gap:10px}.whatsapp-header button{border:0;background:none;color:#fff;font-size:29px}.business-avatar{width:43px;height:43px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:22px}.whatsapp-header div{display:grid;margin-left:auto}.whatsapp-header strong{font-size:12px}.whatsapp-header small{font-size:8px;opacity:.78}.whatsapp-header>b{font:700 19px Arial;margin-right:8px}.whatsapp-body{min-height:0;padding:14px 20px;background-color:#efeae2;background-image:radial-gradient(#3c46410e 1px,transparent 1px);background-size:17px 17px;overflow-y:auto;display:flex;flex-direction:column;gap:7px}.wa-date,.wa-security{align-self:center;padding:3px 9px;border-radius:7px;background:#fff9;color:#66736d;font-size:8px}.wa-security{background:#fff3c7}.wa-message{max-width:78%;padding:7px 9px 4px;border-radius:9px;box-shadow:0 1px 2px #0002;font-size:11px;line-height:1.65;animation:chat-message-in .3s}.wa-message.customer{align-self:flex-start;background:#fff;border-top-left-radius:2px}.wa-message.assistant{align-self:flex-end;background:#d9fdd3;border-top-right-radius:2px}.wa-message time{display:block;color:#67736d;font:8px Arial;text-align:left;direction:ltr}.wa-message strong{color:#087f65}.wa-typing{align-self:flex-end;display:flex;gap:4px;padding:11px 13px;background:#d9fdd3;border-radius:9px}.wa-typing i{width:5px;height:5px;border-radius:50%;background:#718079;animation:typing-dot 1s infinite}.suggestion-wrap{padding:8px 13px;background:#f6f2ec;border-top:1px solid #d8d1c9}.suggestion-wrap[hidden]{display:none}.suggestion-wrap>small{display:block;margin-bottom:5px;color:#68736f;font-size:8px}.quick-suggestions{display:flex;gap:6px;overflow-x:auto}.quick-suggestions button,.wa-choices button{flex:0 0 auto;border:1px solid #00a884;border-radius:99px;background:#fff;color:#087f65;padding:7px 11px;font:700 9px Cairo;cursor:pointer}.quick-suggestions button:hover,.wa-choices button:hover{background:#00a884;color:#fff}.wa-choices{align-self:flex-end;display:flex;gap:6px}.inline-link{border:0;background:transparent;color:#087f65;font:700 9px Cairo;text-decoration:underline}.whatsapp-compose{padding:6px 10px;background:#efeae2;display:flex;align-items:center;gap:7px;direction:ltr}.whatsapp-compose>div{height:39px;flex:1;padding:0 14px;border-radius:22px;background:#fff;color:#929893;display:flex;align-items:center;justify-content:space-between;direction:rtl;font-size:10px}.whatsapp-compose button{width:38px;height:38px;border:0;border-radius:50%;background:transparent}.whatsapp-compose .send-mic{background:#00a884;color:#fff}.booking-success{min-width:260px}.booking-success>b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#00a884;color:#fff!important}.booking-success h4{margin:7px 0;font-size:14px}.booking-success dl{display:grid;grid-template-columns:auto 1fr;gap:3px 14px;margin:7px 0;padding-block:7px;border-block:1px solid #b7d5b8}.booking-success dt{color:#64736b}.booking-success dd{margin:0;font-weight:700}.booking-success p{margin:5px 0 0}.conversion-card{align-self:center;width:min(370px,94%);padding:20px;border-radius:18px;background:#fff;color:#11132b;text-align:center;box-shadow:0 16px 45px #25315e2b}.conversion-card>span{display:grid;place-items:center;width:35px;height:35px;margin:auto;border-radius:11px;background:#ecefff;color:var(--demo-accent)}.conversion-card h4{margin:8px 0 2px}.conversion-card p{margin:0 0 11px;color:#687083;font-size:10px}.conversion-card a{min-height:35px;border-radius:9px;display:flex;align-items:center;justify-content:center;margin-top:6px;text-decoration:none;font-size:10px;font-weight:800}.conversion-primary{background:linear-gradient(110deg,var(--violet),var(--violet2));color:#fff}.conversion-whatsapp{background:#25d366;color:#07180e}.conversion-card button{margin-top:9px;border:0;background:none;color:#6e7690;font:700 9px Cairo}
@media(max-width:760px){html,body{max-width:100%;overflow-x:clip}.dashboard-window{max-width:calc(100vw - 24px)}.experience-shell{min-height:680px;border-radius:24px}.experience-progress{height:60px;padding:0 16px}.experience-progress b{display:none}.business-grid{grid-template-columns:repeat(2,1fr)}.business-card{min-height:125px}.chat-screen.active{grid-template-columns:1fr}.chat-context{display:none}.whatsapp-demo{height:620px}.wa-message{max-width:88%}}@media(max-width:480px){.demo-section .wrap{width:100%}.demo-heading{padding-inline:18px}.experience-shell{border-radius:0;border-inline:0}.welcome-screen,.business-screen{padding-inline:16px}.business-grid{gap:8px}.business-card{padding:14px;min-height:112px}.business-card small{opacity:1;transform:none}.demo-product-header{padding-inline:12px;gap:10px}.demo-parent-brand{padding-left:10px}.demo-parent-brand>span{display:none}.demo-parent-brand img{width:44px}.whatsapp-body{padding-inline:11px}.booking-success{min-width:220px}.experience-progress{justify-content:space-between}.experience-progress i{flex:1}}@media(prefers-reduced-motion:reduce){.experience-screen.active,.demo-product-header,.wa-message{animation:none}.business-card,.experience-primary,.value-meter em{transition:none}}
.whatsapp-demo{grid-template-rows:68px 1fr auto 54px}@media(max-width:760px){html,body{max-width:100%;overflow-x:clip}.dashboard-window{max-width:calc(100vw - 24px)}.experience-shell{min-height:680px;border-radius:24px}.experience-progress{height:60px;padding:0 16px}.experience-progress b{display:none}.business-grid{grid-template-columns:repeat(2,1fr)}.business-card{min-height:125px}.chat-screen.active{grid-template-columns:1fr}.chat-context{display:none}.whatsapp-demo{height:620px}.wa-message{max-width:88%}}@media(max-width:480px){.demo-section .wrap{width:100%}.demo-heading{padding-inline:18px}.experience-shell{border-radius:0;border-inline:0}.welcome-screen,.business-screen{padding-inline:16px}.business-grid{gap:8px}.business-card{padding:14px;min-height:112px}.business-card small{opacity:1;transform:none}.whatsapp-body{padding-inline:11px}.booking-success{min-width:220px}.experience-progress{justify-content:space-between}.experience-progress i{flex:1}}@media(prefers-reduced-motion:reduce){.experience-screen.active,.wa-message{animation:none}.business-card,.experience-primary,.value-meter em{transition:none}}