:root{--p:#4B22A3;--pd:#2E1370;--pl:#EFE9FC;--a:#FFB547;--ink:#1B1530;--mut:#645D7A;--bs-body-font-family:'Outfit',system-ui,sans-serif;--bs-body-color:var(--ink)}
body{font-size:1.06rem;line-height:1.65}
h1,h2,h3,h4{font-weight:600;letter-spacing:-.02em;line-height:1.15}
section{padding:5.5rem 0}
.lead-s{color:var(--mut);max-width:40rem}
.btn{border-radius:999px;padding:.8rem 1.7rem;font-weight:500}
.btn-p{background:var(--p);color:#fff;border:0}.btn-p:hover{background:var(--pd);color:#fff}
.btn-a{background:var(--a);color:var(--pd);border:0}.btn-a:hover{background:#ffc56e;color:var(--pd)}
.btn-o{border:1.5px solid currentColor;color:inherit}.btn-o:hover{background:rgba(255,255,255,.12);color:inherit}
.nav-w{background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid #ece7f8}
.nav-w .nav-link{color:var(--ink);font-weight:500}.nav-w .nav-link:hover{color:var(--p)}
.hero{background:radial-gradient(900px 500px at 85% 10%,#6a3fd1 0,transparent 60%),var(--pd);color:#fff;padding:2.5rem 0 5.5rem;overflow:hidden}
.hero h1{font-size:clamp(2.3rem,5.2vw,4rem);font-weight:700}
.hero .sub{font-size:1.25rem;color:#dcd2f7;max-width:34rem}
.pill{display:inline-block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:.35rem 1rem;font-size:.95rem;color:#fff}
.small-note{color:#cbbef2;font-size:.95rem}
.demo{background:#fff;color:var(--ink);border-radius:28px;padding:1.4rem;box-shadow:0 40px 80px -20px rgba(10,0,40,.55);max-width:430px;margin-inline:auto;transform:rotate(1.5deg)}
.voice{background:var(--pl);border-radius:18px;padding:1rem 1.1rem;font-size:.98rem}
.wave{display:flex;gap:3px;align-items:center;height:26px}.wave i{display:block;width:4px;background:var(--p);border-radius:3px;animation:w 1.1s ease-in-out infinite}
.wave i:nth-child(odd){animation-delay:.25s}.wave i:nth-child(3n){animation-delay:.5s}
@keyframes w{0%,100%{height:6px}50%{height:24px}}
.lead-row{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px dashed #ddd5f2;padding:.45rem 0;font-size:.97rem}
.lead-row:last-child{border:0}.lead-row b{color:var(--p);font-weight:600;white-space:nowrap}
.pipe{font-weight:600;color:var(--a);font-size:1.15rem}
.tint{background:#F7F4FD}
.feat{border:0;border-radius:22px;background:#fff;padding:1.8rem;box-shadow:0 1px 0 #e6def8,0 18px 40px -28px rgba(75,34,163,.5)}
.ic{width:52px;height:52px;border-radius:16px;background:var(--p);color:#fff;display:grid;place-items:center;font-size:1.4rem;margin-bottom:1rem}
.quote{border-left:4px solid var(--a);padding:.2rem 0 .2rem 1rem;font-style:italic;color:var(--pd)}
.steps{counter-reset:s;position:relative}
.step{position:relative;padding-left:4.2rem;padding-bottom:2rem}
.step:before{counter-increment:s;content:counter(s);position:absolute;left:0;top:0;width:3rem;height:3rem;border-radius:50%;background:var(--p);color:#fff;display:grid;place-items:center;font-weight:600;z-index:1}
.step:after{content:"";position:absolute;left:1.5rem;top:3rem;bottom:0;width:2px;background:#d9cff3}
.step:last-child:after{display:none}.step:last-child{padding-bottom:0}
.dark{background:var(--pd);color:#fff}.dark .lead-s,.dark p{color:#d7ccf5}
.mem{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid #e6def8}.mem:last-child{border:0}
.mem i{color:var(--p);font-size:1.4rem;line-height:1.3}
.flow{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.flow span.c{background:#fff;border:1px solid #e1d8f5;border-radius:12px;padding:.4rem .9rem;font-weight:500}
.flow span.c.k{background:var(--p);border-color:var(--p);color:#fff}
.tick li{list-style:none;padding-left:1.8rem;position:relative;margin:.35rem 0}
.tick{padding:0}.tick li:before{content:"✓";position:absolute;left:0;color:var(--p);font-weight:700}
.dark .tick li:before{color:var(--a)}
.price{border-radius:24px;border:1.5px solid #e1d8f5;padding:1.8rem 1.5rem;height:100%;background:#fff;display:flex;flex-direction:column;position:relative}
.price.pop{border-color:var(--p);box-shadow:0 30px 60px -30px rgba(75,34,163,.6)}
.price .amt{font-size:2.3rem;font-weight:700;color:var(--p);line-height:1}
.badge-p{position:absolute;top:-.85rem;left:1.5rem;background:var(--a);color:var(--pd);border-radius:999px;padding:.2rem .9rem;font-size:.85rem;font-weight:600}
.price .btn{margin-top:auto}
.free{background:linear-gradient(135deg,var(--p),#7b4ae0);color:#fff;border-radius:30px;padding:3rem}
.free .tick li:before{color:var(--a)}
.vs{border-radius:22px;padding:2rem;height:100%}
footer{background:#14092f;color:#bdb2dc;padding:4rem 0 2rem}
footer a{color:#bdb2dc;text-decoration:none}footer a:hover{color:#fff}footer h6{color:#fff}
a:focus-visible,.btn:focus-visible{outline:3px solid var(--a);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.wave i{animation:none;height:14px}}
@media(max-width:767px){section{padding:3.8rem 0}.demo{transform:none}}

.phone{width:290px;height:560px;margin:0 auto;background:#120a2b;border-radius:44px;padding:11px;box-shadow:0 50px 90px -20px rgba(10,0,40,.7),0 0 0 2px #3b2a73 inset;position:relative;animation:fy 6s ease-in-out infinite}
@keyframes fy{50%{transform:translateY(-12px)}}
.phone:before{content:"";position:absolute;top:18px;left:50%;width:84px;height:22px;margin-left:-42px;background:#120a2b;border-radius:14px;z-index:5}
.scr{background:#fff;border-radius:34px;height:100%;overflow:hidden;position:relative;color:var(--ink);font-size:.9rem}
.bar{padding:2.4rem 1.1rem .5rem;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.82rem;color:var(--p)}
.dots{display:flex;gap:5px}.dots i{width:18px;height:4px;border-radius:3px;background:#ddd3f5;transition:.4s}.dots i.on{background:var(--p);width:30px}
.sc{position:absolute;inset:5.2rem 1.1rem 1rem;opacity:0;transform:translateY(14px);transition:.5s;pointer-events:none}
.sc.on{opacity:1;transform:none}
.sc h6{font-weight:600;margin-bottom:.8rem;color:var(--mut);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}
.biz{position:relative;background:linear-gradient(135deg,#fff,#f1ecfc);border:1px solid #e1d8f5;border-radius:14px;padding:1.1rem;box-shadow:0 14px 30px -18px rgba(75,34,163,.6);overflow:hidden;margin-top:1.2rem}
.biz b{display:block;font-size:1.05rem;color:var(--pd)}.biz small{color:var(--mut);display:block;line-height:1.5}
.biz .logo{width:30px;height:30px;border-radius:9px;background:var(--p);margin-bottom:.7rem}
.biz:after{content:"";position:absolute;left:0;right:0;height:3px;background:var(--a);box-shadow:0 0 18px 6px rgba(255,181,71,.55);top:0;animation:scan 1.7s ease-in-out infinite}
@keyframes scan{0%,100%{top:0}50%{top:calc(100% - 3px)}}
.crn{position:absolute;inset:-6px;pointer-events:none}.crn i{position:absolute;width:20px;height:20px;border:3px solid var(--p)}
.crn i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0}.crn i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0}.crn i:nth-child(3){bottom:0;left:0;border-right:0;border-top:0}.crn i:nth-child(4){bottom:0;right:0;border-left:0;border-top:0}
.okp{margin-top:1.6rem;background:#e8f8ee;color:#1a7f45;border-radius:12px;padding:.6rem .9rem;font-weight:500;opacity:0;transition:.4s}.okp.on{opacity:1}
.mic{width:64px;height:64px;border-radius:50%;background:var(--p);color:#fff;display:grid;place-items:center;font-size:1.5rem;margin:.6rem auto 1rem;position:relative}
.mic:before,.mic:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--p);animation:rp 1.6s ease-out infinite}.mic:after{animation-delay:.8s}
@keyframes rp{to{transform:scale(1.9);opacity:0}}
.tx{background:var(--pl);border-radius:14px;padding:.8rem .9rem;min-height:8.2rem;line-height:1.5}
.cur:after{content:"|";color:var(--p);animation:bl .8s steps(1) infinite}@keyframes bl{50%{opacity:0}}
.rw{display:flex;justify-content:space-between;padding:.55rem .1rem;border-bottom:1px dashed #ddd5f2;opacity:0;transform:translateX(-14px);transition:.45s}
.rw.on{opacity:1;transform:none}.rw b{color:var(--p)}
.msg{background:var(--p);color:#fff;border-radius:16px 16px 4px 16px;padding:.8rem .9rem;min-height:9.5rem;line-height:1.5;font-size:.86rem}
.snd{margin-top:.9rem;background:var(--a);color:var(--pd);text-align:center;border-radius:999px;padding:.6rem;font-weight:600;opacity:0;transition:.4s}.snd.on{opacity:1}
@media(prefers-reduced-motion:reduce){.phone,.biz:after,.mic:before,.mic:after{animation:none}}


.cx-pricing{--cx-p:#4B22A3;--cx-pd:#2E1370;--cx-a:#FFB547;padding:5rem 0;font-family:'Outfit',system-ui,sans-serif}
.cx-pricing h3{font-weight:600;letter-spacing:-.02em;color:#1B1530}

/* ---- Highlighted key points ---- */
.cx-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem auto 3rem;padding:1rem;border-radius:28px;
 background:radial-gradient(500px 220px at 100% 0,rgba(255,181,71,.28),transparent 70%),linear-gradient(135deg,var(--cx-pd),var(--cx-p) 60%,#7C4DFF);
 box-shadow:0 30px 60px -28px rgba(75,34,163,.75)}
.cx-key{display:flex;align-items:center;gap:.9rem;padding:1.2rem 1.3rem;border-radius:20px;color:#fff;font-weight:600;
 font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.25;letter-spacing:-.01em;
 background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(6px)}
.cx-key i{flex:none;width:2.4rem;height:2.4rem;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700;
 background:linear-gradient(135deg,#FFB547,#FFE3A6);color:var(--cx-pd);box-shadow:0 0 22px rgba(255,181,71,.65)}
@media(max-width:991px){.cx-keys{grid-template-columns:1fr}}

/* ---- Cards ---- */
.cx-card{position:relative;display:flex;flex-direction:column;height:100%;padding:1.9rem 1.7rem;border-radius:26px;background:#fff;border:1px solid #e1d8f5}
.cx-card.pop{border-color:var(--cx-p);box-shadow:0 30px 60px -30px rgba(75,34,163,.6)}
.cx-card h5{font-weight:600;margin:0 0 .6rem}
.cx-amt{font-size:2.4rem;font-weight:700;color:var(--cx-p);line-height:1.1}
.cx-cr{color:#645D7A;font-weight:500;margin:.6rem 0}
.cx-card p.d{color:#645D7A;font-size:.95rem;margin-bottom:1.6rem}
.cx-badge{position:absolute;top:-.85rem;left:1.5rem;background:var(--cx-a);color:var(--cx-pd);border-radius:999px;padding:.25rem .95rem;font-size:.85rem;font-weight:600}
.cx-btn{margin-top:auto;display:block;text-align:center;text-decoration:none;border-radius:999px;padding:.8rem 1rem;font-weight:500;border:1.5px solid var(--cx-p);color:var(--cx-p);transition:.25s}
.cx-btn:hover,.cx-card.pop .cx-btn{background:var(--cx-p);color:#fff}
.cx-note{text-align:center;margin:2.2rem 0 0;color:#645D7A}