:root{
  --v:#7c3aed;--vl:#9d6ff7;--vbg:rgba(124,58,237,.08);
  --a:#f59e0b;--al:#fcd34d;
  --g:#10b981;
  --ink:#0d0d18;--ink2:#161628;
  --warm:#fafaf8;--white:#fff;
  --bd:#e8e8ec;--txt:#18181b;--gray:#71717a;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:'Inter',sans-serif;color:var(--txt);background:var(--warm);overflow-x:hidden;max-width:100vw}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:900;height:64px;display:flex;align-items:center;padding:0 5%;background:rgba(13,13,24,.97);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06)}
.nw{width:100%;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;text-decoration:none}
.logo-img{height:38px;width:auto;object-fit:contain;filter:brightness(0) invert(1)}
.nl{display:flex;gap:28px}
.nl a{color:rgba(255,255,255,.75);font-size:14px;text-decoration:none;font-weight:500;transition:color .18s}
.nl a:hover{color:#fff}
.ne{display:flex;gap:10px;align-items:center}
.langbtn{background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.35);color:#fff;border-radius:8px;padding:8px 14px;font-size:13px;cursor:pointer;font-weight:700;transition:all .18s;white-space:nowrap}
.langbtn:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.55)}
.mnav .langbtn,.langbtn-mobile{display:block;width:100%;margin-top:10px;text-align:center}
.nwa{background:#25d366;color:#fff;padding:8px 18px;border-radius:22px;font-size:13px;font-weight:600;text-decoration:none;transition:all .18s}
.nwa:hover{background:#1ebe5d;transform:translateY(-1px)}
.ncta{background:var(--a);color:#000;padding:8px 18px;border-radius:22px;font-size:13px;font-weight:700;border:none;cursor:pointer;font-family:inherit;transition:all .18s}
.ncta:hover{background:var(--al);transform:translateY(-1px)}

/* HERO */
.hero{min-height:100vh;background:var(--ink);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;padding-top:64px}
.hl{display:flex;flex-direction:column;justify-content:center;padding:80px 4% 80px 6%;position:relative}
.hl::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 65% 55% at 25% 50%,rgba(124,58,237,.15) 0%,transparent 70%);pointer-events:none}
.eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.22);border-radius:30px;padding:6px 16px;font-size:12px;color:var(--a);font-weight:600;letter-spacing:.5px;margin-bottom:24px;width:fit-content;position:relative;z-index:1}
.puls{width:6px;height:6px;background:var(--g);border-radius:50%;animation:pls 2s infinite}
@keyframes pls{0%,100%{opacity:1}50%{opacity:.3}}
.hero h1{font-family:'Syne',sans-serif;font-size:clamp(34px,4.5vw,60px);font-weight:800;color:#fff;line-height:1.08;letter-spacing:-1.5px;margin-bottom:22px;position:relative;z-index:1}
.hsub{font-size:17px;color:rgba(255,255,255,.62);line-height:1.8;margin-bottom:36px;max-width:440px;position:relative;z-index:1}
.hbtns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:52px;position:relative;z-index:1}
.ba{background:var(--a);color:#000;padding:14px 30px;border-radius:30px;font-size:15px;font-weight:700;text-decoration:none;transition:all .22s;display:inline-flex;align-items:center;gap:8px}
.ba:hover{background:var(--al);transform:translateY(-2px);box-shadow:0 12px 32px rgba(245,158,11,.35)}
.bg2{background:rgba(255,255,255,.07);color:#fff;padding:14px 30px;border-radius:30px;font-size:15px;font-weight:500;text-decoration:none;border:1px solid rgba(255,255,255,.14);transition:all .22s;display:inline-flex;align-items:center;gap:8px}
.bg2:hover{background:rgba(255,255,255,.12)}
.hstats{display:flex;gap:32px;position:relative;z-index:1}
.hs-n{font-family:'Syne',sans-serif;font-size:28px;font-weight:800;color:var(--a)}
.hs-l{font-size:11px;color:rgba(255,255,255,.42);margin-top:2px}

/* HERO RIGHT */
.hr{background:var(--ink2);display:flex;flex-direction:column;justify-content:center;padding:80px 5%;border-right:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden;gap:26px}
.hr::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 55% at 70% 40%,rgba(124,58,237,.1) 0%,transparent 60%);pointer-events:none}
.tlbl{font-size:10px;color:rgba(255,255,255,.28);letter-spacing:2.5px;text-transform:uppercase;display:flex;align-items:center;gap:8px;position:relative;z-index:1}
.tlbl::before{content:'';width:18px;height:1px;background:rgba(255,255,255,.18)}
.tbiz{display:flex;align-items:center;gap:7px;margin-bottom:10px;font-size:12px;color:rgba(255,255,255,.4)}
.tbiz-dot{width:7px;height:7px;border-radius:50%;background:var(--g);animation:pls 2s infinite}
.chat-win{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:16px;overflow:hidden;position:relative;z-index:1}
.cwh2{background:rgba(124,58,237,.14);padding:12px 14px;display:flex;align-items:center;gap:9px;border-bottom:1px solid rgba(255,255,255,.06)}
.cwav{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px}
.cwtt{font-size:13px;font-weight:600;color:#fff}
.cwst{font-size:10px;color:var(--g)}
.cwm{padding:12px;display:flex;flex-direction:column;gap:8px;min-height:165px;max-height:210px;overflow:hidden}
.cmi{padding:8px 12px;border-radius:11px;font-size:12.5px;line-height:1.5;max-width:88%;animation:msgIn .4s ease}
.cmi.in{background:rgba(255,255,255,.07);color:rgba(255,255,255,.85);align-self:flex-end;border-radius:2px 11px 11px 11px}
.cmi.out{background:rgba(16,185,129,.14);color:rgba(255,255,255,.9);align-self:flex-start;border-radius:11px 11px 11px 2px}
.cmt{font-size:9.5px;opacity:.38;margin-top:2px;text-align:left}
.typ{display:flex;gap:4px;padding:8px 12px;background:rgba(255,255,255,.05);border-radius:2px 11px 11px 11px;width:fit-content;align-self:flex-end}
.typ span{width:5px;height:5px;background:rgba(255,255,255,.35);border-radius:50%;animation:tb 1.2s infinite}
.typ span:nth-child(2){animation-delay:.2s}.typ span:nth-child(3){animation-delay:.4s}
.tdots{display:flex;gap:5px;justify-content:center;margin-top:10px}
.tdt{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.13);transition:background .3s}
.tdt.on{background:var(--v)}

/* PHONE */
.ph-wrap{display:flex;justify-content:center;position:relative;z-index:1}
.ph-out{width:268px;background:#141428;border-radius:36px;padding:9px;box-shadow:0 36px 70px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.07);animation:phf 5s ease-in-out infinite,phoneGlow 3s ease-in-out infinite}
@keyframes phf{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@keyframes phoneGlow{
  0%,100%{box-shadow:0 36px 70px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.07),0 0 0 0 rgba(37,211,102,0),0 0 30px rgba(124,58,237,.2)}
  30%{box-shadow:0 36px 70px rgba(0,0,0,.45),0 0 0 3px rgba(37,211,102,.6),0 0 40px rgba(37,211,102,.3),0 0 80px rgba(37,211,102,.15)}
  60%{box-shadow:0 36px 70px rgba(0,0,0,.45),0 0 0 3px rgba(124,58,237,.6),0 0 40px rgba(124,58,237,.3),0 0 80px rgba(124,58,237,.15)}
}
@keyframes waBlink{
  0%,100%{background:#075e54}
  50%{background:#0a7a6e}
}
@keyframes statusPulse{
  0%,100%{opacity:1;color:rgba(255,255,255,.85)}
  50%{opacity:.5;color:#25d366}
}
.ph-notch{width:64px;height:17px;background:#0a0a1a;border-radius:0 0 11px 11px;margin:0 auto 7px}
.ph-scr{background:#e5ddd5;border-radius:22px;overflow:hidden;height:400px;display:flex;flex-direction:column}
.wa-bar{background:#075e54;padding:9px 12px;display:flex;align-items:center;gap:8px;animation:waBlink 2.5s ease-in-out infinite}
.wa-av{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--v),var(--a));display:flex;align-items:center;justify-content:center;font-size:14px}
.wa-nm{color:#fff;font-weight:600;font-size:12px}
.wa-st{color:rgba(255,255,255,.75);font-size:10px;animation:statusPulse 2s ease-in-out infinite}
.wa-msgs{flex:1;padding:8px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}
.wa-msgs::-webkit-scrollbar{display:none}
.wm{padding:8px 11px;border-radius:8px;font-size:11.5px;line-height:1.5;max-width:84%}
.wm.in{background:#fff;align-self:flex-end;border-radius:2px 8px 8px 8px}
.wm.out{background:#dcf8c6;align-self:flex-start;border-radius:8px 8px 8px 2px}
.wmt{font-size:9px;color:rgba(0,0,0,.35);margin-top:2px;text-align:left}
.wa-bot{background:#f0f0f0;padding:7px 9px;display:flex;gap:6px;align-items:center}
.wa-inp{flex:1;background:#fff;border:none;border-radius:18px;padding:7px 12px;font-size:11px;font-family:inherit;outline:none}
.wa-snd{width:30px;height:30px;border-radius:50%;background:#25d366;border:none;cursor:pointer;color:#fff;font-size:13px}

/* PAIN STRIP */
.pain-strip{background:var(--a)}
.ps-in{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);border-right:1px solid rgba(0,0,0,.07)}
.ps-item{padding:22px 28px;border-left:1px solid rgba(0,0,0,.07)}
.ps-q{font-size:14.5px;font-weight:700;color:#000;margin-bottom:5px}
.ps-a{font-size:13px;color:rgba(0,0,0,.62);line-height:1.6}

/* SHARED */
.sec{padding:90px 5%}
.mw{max-width:1200px;margin:0 auto}
.sh{text-align:center;margin-bottom:56px}
.tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:4px 13px;border-radius:30px;margin-bottom:14px}
.tv{background:var(--vbg);color:var(--v)}
.ta{background:rgba(245,158,11,.1);color:#92400e}
.tm{background:rgba(16,185,129,.1);color:#065f46}
.sh h2{font-family:'Syne',sans-serif;font-size:clamp(26px,3.5vw,44px);font-weight:800;color:var(--txt);line-height:1.14;letter-spacing:-.5px;margin-bottom:14px}
.sh p{font-size:16px;color:var(--gray);max-width:520px;margin:0 auto;line-height:1.75}
.sw{background:var(--white)}.sm{background:var(--warm)}

/* SERVICES */
.svc-g{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.svc{border-radius:20px;padding:30px;border:1.5px solid var(--bd);background:var(--warm);transition:all .28s}
.svc:hover{transform:translateY(-6px);box-shadow:0 22px 56px rgba(124,58,237,.1);border-color:rgba(124,58,237,.25)}
.svc-ic{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:18px}
.svc h3{font-family:'Syne',sans-serif;font-size:18px;font-weight:700;color:var(--txt);margin-bottom:10px}
.svc p{font-size:14px;color:var(--gray);line-height:1.72;margin-bottom:16px}
.svc ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.svc li{font-size:13px;color:var(--gray);display:flex;align-items:center;gap:8px}
.svc li::before{content:'✓';color:var(--v);font-weight:700;font-size:12px}

/* PROCESS */
.proc-g{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.proc-g::before{content:'';position:absolute;top:34px;right:12%;left:12%;height:1px;background:linear-gradient(90deg,var(--v),var(--a));opacity:.22}
.proc{padding:0 18px;text-align:center}
.proc-c{width:68px;height:68px;border-radius:50%;border:2px solid var(--bd);background:var(--white);display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 16px;position:relative;z-index:1;transition:all .28s}
.proc:hover .proc-c{border-color:var(--v);transform:scale(1.08);box-shadow:0 6px 22px rgba(124,58,237,.14)}
.proc h3{font-size:14px;font-weight:700;color:var(--txt);margin-bottom:7px}
.proc p{font-size:13px;color:var(--gray);line-height:1.65}

/* STATS */
.stats-bg{background:var(--ink)}
.stats-g{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid rgba(255,255,255,.04);border-right:1px solid rgba(255,255,255,.04)}
.stat{padding:48px 24px;text-align:center;border-right:1px solid rgba(255,255,255,.04)}
.stat-n{font-family:'Syne',sans-serif;font-size:50px;font-weight:800;color:var(--a);letter-spacing:-2px;line-height:1}
.stat-l{font-size:13px;color:rgba(255,255,255,.48);margin-top:8px}

/* PAIN EXT */
.pain-ext{background:var(--ink);padding:90px 5%}
.pe-in{max-width:780px;margin:0 auto;text-align:center}
.pe-in h2{font-family:'Syne',sans-serif;font-size:clamp(26px,3.5vw,44px);font-weight:800;color:#fff;line-height:1.14;letter-spacing:-.5px;margin-bottom:18px}
.pl{display:flex;flex-direction:column;gap:12px;margin:28px 0;text-align:right}
.pr2{display:flex;align-items:flex-start;gap:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:16px 18px}
.pi{font-size:22px;flex-shrink:0;margin-top:2px}
.pr2 p{font-size:14px;color:rgba(255,255,255,.78);line-height:1.65}
.pr2 strong{color:#fff}

/* INDUSTRIES */
.ind-g{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ind{background:var(--white);border:1.5px solid var(--bd);border-radius:16px;padding:22px;text-align:center;transition:all .22s}
.ind:hover{border-color:var(--v);transform:translateY(-4px);box-shadow:0 12px 32px rgba(124,58,237,.1)}
.ind-ic{font-size:30px;margin-bottom:10px}
.ind h4{font-size:14px;font-weight:700;color:var(--txt);margin-bottom:4px}
.ind p{font-size:12px;color:var(--gray)}

/* BOOK CTA */
.book{background:linear-gradient(135deg,#6d28d9 0%,#4c1d95 100%);padding:90px 5%}
.book-in{max-width:720px;margin:0 auto;text-align:center}
.book-in h2{font-family:'Syne',sans-serif;font-size:clamp(26px,4vw,46px);font-weight:800;color:#fff;line-height:1.1;letter-spacing:-.5px;margin-bottom:14px}
.book-in p{font-size:16px;color:rgba(255,255,255,.7);line-height:1.75;margin-bottom:32px}
.book-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.bba{background:var(--a);color:#000;padding:15px 34px;border-radius:30px;font-size:15px;font-weight:700;text-decoration:none;transition:all .22s;display:inline-flex;align-items:center;gap:8px}
.bba:hover{background:var(--al);transform:translateY(-2px)}
.bbw{background:rgba(255,255,255,.1);color:#fff;padding:15px 34px;border-radius:30px;font-size:15px;font-weight:600;text-decoration:none;border:1px solid rgba(255,255,255,.22);transition:all .22s;display:inline-flex;align-items:center;gap:8px}
.bbw:hover{background:rgba(255,255,255,.18)}
.book-note{font-size:12px;color:rgba(255,255,255,.4);margin-top:16px}

/* PRICING */
.price-g{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pc2{border-radius:22px;padding:32px;border:1.5px solid var(--bd);background:var(--white);transition:all .28s;position:relative;overflow:hidden}
.pc2:hover{transform:translateY(-4px);box-shadow:0 18px 46px rgba(124,58,237,.1)}
.pc2.feat{border-color:var(--v);background:linear-gradient(160deg,#fdfbff,#f4efff)}
.pc-badge{position:absolute;top:0;right:26px;background:var(--a);color:#000;font-size:11px;font-weight:700;padding:5px 15px;border-radius:0 0 10px 10px}
.pc-nm{font-size:11px;color:var(--gray);font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:9px}
.pc-val{font-family:'Syne',sans-serif;font-size:40px;font-weight:800;color:var(--txt);letter-spacing:-1.5px;margin-bottom:5px}
.pc-sub{font-size:12px;color:var(--gray);margin-bottom:22px}
.pc2 ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
.pc2 li{font-size:13.5px;color:var(--gray);display:flex;align-items:center;gap:8px}
.pc2 li::before{content:'✓';color:var(--g);font-weight:700}
.pbo{width:100%;padding:13px;background:transparent;color:var(--v);border:1.5px solid var(--v);border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s}
.pbo:hover{background:var(--vbg)}
.pbm{width:100%;padding:13px;background:var(--v);color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s}
.pbm:hover{background:var(--vl)}

/* TESTIMONIALS */
.test-g{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tc2{border-radius:20px;padding:28px;border:1.5px solid var(--bd);background:var(--white);transition:all .28s}
.tc2:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(124,58,237,.08)}
.tc2-stars{color:var(--a);font-size:16px;margin-bottom:14px}
.tc2-txt{font-size:14px;color:var(--gray);line-height:1.75;margin-bottom:18px}
.tc2-auth{display:flex;align-items:center;gap:10px}
.tc2-av{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff}
.tc2-nm{font-size:14px;font-weight:700;color:var(--txt)}
.tc2-rl{font-size:12px;color:var(--gray)}

/* FAQ */
.faq-l{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.fqi{border:1.5px solid var(--bd);border-radius:14px;overflow:hidden;background:var(--white)}
.fqq{padding:18px 22px;font-size:15px;font-weight:600;color:var(--txt);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .18s}
.fqq:hover{background:var(--warm)}
.ico{font-size:18px;color:var(--v);transition:transform .25s}
.fqi.open .ico{transform:rotate(45deg)}
.fqa{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s}
.fqa.open{max-height:200px;padding:0 22px 18px}
.fqa p{font-size:14px;color:var(--gray);line-height:1.75}

/* CONTACT */
.contact-bg{background:var(--ink)}
.cg{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:90px 5%}
.ci2 h2{font-family:'Syne',sans-serif;font-size:clamp(26px,3vw,40px);font-weight:800;color:#fff;line-height:1.15;margin-bottom:14px}
.ci2 p{font-size:15px;color:rgba(255,255,255,.6);line-height:1.75;margin-bottom:30px}
.cl2{display:flex;flex-direction:column;gap:14px}
.cl-it{display:flex;align-items:center;gap:14px;padding:14px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;text-decoration:none;color:inherit;transition:all .18s}
.cl-it:hover{background:rgba(255,255,255,.09)}
.cl-ic{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:19px}
.cl-lbl{font-weight:700;color:#fff;font-size:14px}
.cl-val{font-size:12px;color:rgba(255,255,255,.5);margin-top:2px}
.cf2{background:var(--white);border-radius:22px;padding:34px}
.cf2-t{font-family:'Syne',sans-serif;font-size:20px;font-weight:700;color:var(--txt);margin-bottom:24px}
.fg{margin-bottom:16px}
.fl{font-size:13px;font-weight:600;color:var(--txt);margin-bottom:6px;display:block}
.fi{width:100%;border:1.5px solid var(--bd);border-radius:10px;padding:11px 14px;font-size:14px;font-family:inherit;color:var(--txt);outline:none;transition:border-color .18s;background:#fafafa}
.fi:focus{border-color:var(--v)}
.fsub{width:100%;padding:14px;background:var(--v);color:#fff;border:none;border-radius:24px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s;margin-top:6px}
.fsub:hover{background:var(--vl);transform:translateY(-1px)}

/* FOOTER */
footer{background:#08080f;padding:60px 5% 32px}
.ftin{max-width:1200px;margin:0 auto}
.ft{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:50px}
.fb-logo{display:flex;align-items:center;gap:9px;margin-bottom:14px}
.fb p{font-size:13.5px;color:rgba(255,255,255,.4);line-height:1.75;max-width:270px}
.fc h4{font-size:11px;font-weight:700;color:rgba(255,255,255,.28);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px}
.fc a{display:block;color:rgba(255,255,255,.55);font-size:14px;text-decoration:none;margin-bottom:10px;transition:color .18s}
.fc a:hover{color:#fff}
.fb2{border-top:1px solid rgba(255,255,255,.06);padding-top:22px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:rgba(255,255,255,.28)}

/* CHAT WIDGET */
.chat-w{position:fixed;bottom:24px;left:24px;z-index:800}
.chat-box{position:absolute;bottom:66px;left:0;width:320px;background:#fff;border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.18);overflow:hidden;transform:scale(0.85) translateY(20px);opacity:0;pointer-events:none;transform-origin:bottom left;transition:all .3s cubic-bezier(.34,1.56,.64,1)}
.chat-box.on{transform:scale(1) translateY(0);opacity:1;pointer-events:all}
.cb-head{background:var(--v);padding:14px 16px;display:flex;align-items:center;justify-content:space-between}
.cbh-l{display:flex;align-items:center;gap:10px}
.cbh-av{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:17px}
.cbh-nm{font-size:14px;font-weight:700;color:#fff}
.cbh-st{font-size:11px;color:rgba(255,255,255,.75)}
.cbh-x{background:rgba(255,255,255,.15);border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;line-height:1}
.cb-msgs{height:260px;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;background:#f7f7fb}
.cb-msgs::-webkit-scrollbar{display:none}
.cbm2{padding:9px 13px;border-radius:13px;font-size:13px;line-height:1.6;max-width:85%}
.cbm2.b{background:var(--v);color:#fff;align-self:flex-start;border-radius:3px 13px 13px 13px}
.cbm2.u{background:#fff;color:var(--txt);align-self:flex-end;border-radius:13px 13px 3px 13px;box-shadow:0 2px 8px rgba(0,0,0,.07)}
.cbm2.s{background:rgba(16,185,129,.1);color:#065f46;align-self:center;font-size:11px;padding:5px 10px;border-radius:20px}
.cb-sugs{display:flex;gap:6px;padding:10px 14px;flex-wrap:wrap;border-top:1px solid var(--bd);background:#fff}
.cbs{border:1.5px solid var(--bd);background:#fff;color:var(--v);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .18s}
.cbs:hover{background:var(--vbg);border-color:var(--v)}
.cb-ir{display:flex;gap:8px;padding:10px 14px;border-top:1px solid var(--bd);background:#fff}
.cb-inp{flex:1;border:1.5px solid var(--bd);border-radius:22px;padding:8px 14px;font-size:13px;font-family:inherit;outline:none}
.cb-inp:focus{border-color:var(--v)}
.cb-snd{width:34px;height:34px;border-radius:50%;background:var(--v);color:#fff;border:none;cursor:pointer;font-size:16px}
.cb-wa{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:#25d366;color:#fff;text-decoration:none;font-size:13px;font-weight:600}
.chat-btn{width:54px;height:54px;border-radius:50%;background:var(--v);color:#fff;border:none;cursor:pointer;font-size:24px;box-shadow:0 6px 24px rgba(124,58,237,.4);transition:all .2s;animation:cwPulse 2.5s infinite}

.chat-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;width:18px;height:18px;border-radius:50%;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;animation:badgePop .3s ease}
.chat-btn{position:relative}
@keyframes badgePop{from{transform:scale(0)}to{transform:scale(1)}}

@keyframes cwPulse{0%,100%{box-shadow:0 6px 24px rgba(124,58,237,.4),0 0 0 0 rgba(124,58,237,.3)}50%{box-shadow:0 6px 24px rgba(124,58,237,.5),0 0 0 12px rgba(124,58,237,0)}}
.chat-btn:hover{transform:scale(1.08)}

/* WA FLOAT */
@keyframes phonePulse{0%,100%{box-shadow:0 4px 18px rgba(37,211,102,.5),0 0 0 0 rgba(37,211,102,.4)}50%{box-shadow:0 4px 22px rgba(37,211,102,.7),0 0 0 12px rgba(37,211,102,0)}}
@keyframes phoneNumBlink{0%,100%{opacity:1}60%{opacity:.55}}
.waf{position:fixed;bottom:24px;right:24px;z-index:800;display:flex;align-items:center;gap:10px}
.waf-l{background:rgba(0,0,0,.78);color:#fff;padding:7px 14px;border-radius:20px;font-size:13px;font-weight:600;animation:phoneNumBlink 1.8s infinite}
.waf-b{width:54px;height:54px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;font-size:24px;text-decoration:none;animation:phonePulse 1.8s infinite}

/* ANIMATIONS */
@keyframes tb{0%,80%,100%{transform:translateY(0)}40%{transform:translateY(-5px)}}
@keyframes msgIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}




/* DEMO SECTION */
.demo-g{display:grid;grid-template-columns:1fr 1.6fr;gap:48px;align-items:start}
.demo-steps{display:flex;flex-direction:column;gap:10px}
.demo-step{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:14px;border:1.5px solid var(--bd);background:#fff;cursor:pointer;transition:all .25s}
.demo-step.active{border-color:var(--v);background:var(--vbg)}
.ds-num{width:32px;height:32px;border-radius:50%;background:var(--bd);color:var(--gray);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0;transition:all .25s}
.demo-step.active .ds-num{background:var(--v);color:#fff}
.ds-title{font-size:14px;font-weight:700;color:var(--txt)}
.ds-sub{font-size:12px;color:var(--gray);margin-top:2px}
.demo-screen{position:relative}
.demo-panel{background:#fff;border:1.5px solid var(--bd);border-radius:20px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.08)}
.demo-panel.hidden{display:none}
.demo-device-bar{background:#1a1a2e;padding:10px 16px;display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:#fff}
.demo-msgs{padding:14px;display:flex;flex-direction:column;gap:10px;min-height:160px;background:#e5ddd5}
.demo-msg{padding:9px 13px;border-radius:10px;font-size:13px;line-height:1.55;max-width:80%}
.demo-msg.in{background:#fff;align-self:flex-end;border-radius:3px 10px 10px 10px}
.demo-msg.out{background:#dcf8c6;align-self:flex-start;border-radius:10px 10px 10px 3px}
.demo-time{font-size:9px;color:rgba(0,0,0,.35);margin-top:3px;text-align:left}
.demo-typing{display:flex;gap:4px;padding:8px 12px;background:#fff;border-radius:3px 10px 10px 10px;width:fit-content}
.demo-typing span{width:6px;height:6px;background:#aaa;border-radius:50%;animation:tb 1.2s infinite}
.demo-typing span:nth-child(2){animation-delay:.2s}.demo-typing span:nth-child(3){animation-delay:.4s}
.demo-badge{padding:12px 16px;background:var(--ink);color:#fff;font-size:13px;font-weight:600;text-align:center}
.demo-cal{padding:12px}
.demo-cal-title{font-size:11px;font-weight:700;color:var(--gray);letter-spacing:1px;text-transform:uppercase;margin-bottom:10px}
.demo-cal-event{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#fafafa;border:1px solid var(--bd);margin-bottom:7px}
.new-event{background:#ede9ff;border-color:rgba(124,58,237,.2);animation:newEvent .5s ease}
@keyframes newEvent{from{transform:translateX(-10px);opacity:0}to{transform:translateX(0);opacity:1}}
.cal-dot{width:10px;height:10px;border-radius:50%;background:var(--v);flex-shrink:0}
.cal-nm{font-size:12px;font-weight:700;color:var(--txt)}
.cal-sub{font-size:10px;color:var(--gray);margin-top:2px}
.demo-crm{padding:14px}
.demo-notif{display:flex;align-items:center;gap:10px;background:var(--vbg);border:1px solid rgba(124,58,237,.2);border-radius:12px;padding:12px;margin-bottom:14px;animation:newEvent .5s ease}
.notif-ic{font-size:20px}
.notif-title{font-size:13px;font-weight:700;color:var(--v)}
.notif-sub{font-size:11px;color:var(--gray)}
.notif-time{font-size:10px;color:var(--gray);margin-right:auto;white-space:nowrap}
.crm-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--bd);border-radius:12px;overflow:hidden;margin-bottom:12px}
.crm-stat{padding:12px;text-align:center;border-left:1px solid var(--bd)}
.crm-stat-n{font-family:'Syne',sans-serif;font-size:22px;font-weight:800;color:var(--v)}
.crm-stat-l{font-size:10px;color:var(--gray);margin-top:2px}
.crm-ai{font-size:12px;color:#5b21b6;background:#ede9ff;padding:10px 12px;border-radius:10px}
@media(max-width:900px){.demo-g{grid-template-columns:1fr}}

/* APPS SECTION */
.apps-sec{background:var(--warm)}
.apps-g{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:center}
.app-demo{display:flex;justify-content:center}
.app-phone{width:240px;background:#1a1a2e;border-radius:32px;padding:8px;box-shadow:0 40px 80px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.08);animation:phf 6s ease-in-out infinite}
.app-notch{width:60px;height:15px;background:#0d0d18;border-radius:0 0 10px 10px;margin:0 auto 6px}
.app-scr{background:#f0f2f5;border-radius:24px;overflow:hidden;padding:0 0 12px}
.app-bar{background:#fff;padding:10px 12px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #eee}
.app-bar-ic{width:26px;height:26px;border-radius:7px;background:var(--v);display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff}
.app-bar-txt{flex:1;font-size:12px;font-weight:700;color:#1a1a2e}
.app-bar-bell{font-size:14px}
.app-hero-card{background:linear-gradient(135deg,#7c3aed,#5b21b6);margin:10px;border-radius:16px;padding:14px}
.app-greet{font-size:13px;font-weight:700;color:#fff;margin-bottom:2px}
.app-sub{font-size:10px;color:rgba(255,255,255,.7);margin-bottom:12px}
.app-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.app-stat-box{background:rgba(255,255,255,.15);border-radius:10px;padding:8px 6px;text-align:center}
.app-stat-n{font-size:13px;font-weight:800;color:#fff}
.app-stat-l{font-size:8px;color:rgba(255,255,255,.65);margin-top:2px}
.app-section-title{font-size:10px;font-weight:700;color:#666;letter-spacing:1px;text-transform:uppercase;padding:10px 12px 6px}
.app-lead-list{display:flex;flex-direction:column;gap:4px;padding:0 10px}
.app-lead{display:flex;align-items:center;gap:8px;background:#fff;border-radius:10px;padding:8px 10px}
.app-lead-av{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}
.app-lead-nm{font-size:11px;font-weight:700;color:#1a1a2e}
.app-lead-src{font-size:9px;color:#999}
.app-lead-badge{font-size:9px;font-weight:700;padding:3px 7px;border-radius:10px;background:#ede9ff;color:var(--v);margin-right:auto;white-space:nowrap}
.app-lead-badge.new{background:#d1fae5;color:#065f46}
.app-lead-badge.hot{background:#fef3c7;color:#92400e}
.app-ai-box{display:flex;align-items:center;gap:7px;margin:8px 10px 0;background:#ede9ff;border-radius:10px;padding:8px 10px}
.app-ai-ic{font-size:14px;flex-shrink:0}
.app-ai-txt{font-size:9.5px;color:#5b21b6;line-height:1.4}
.af-item{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}
.af-ic{width:42px;height:42px;border-radius:12px;background:var(--vbg);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.af-item h4{font-size:14px;font-weight:700;color:var(--txt);margin-bottom:4px}
.af-item p{font-size:13px;color:var(--gray);line-height:1.65}
@media(max-width:900px){.apps-g{grid-template-columns:1fr}.app-demo{display:none}}


/* PHONE NOTIFICATION POPUP */
@keyframes notifPop{
  0%{transform:translateY(20px) scale(.85);opacity:0}
  15%{transform:translateY(0) scale(1);opacity:1}
  80%{transform:translateY(0) scale(1);opacity:1}
  100%{transform:translateY(-10px) scale(.9);opacity:0}
}
.ph-notif{position:absolute;top:-98px;left:50%;transform:translateX(-50%);background:#fff;border-radius:12px;padding:8px 14px;display:flex;align-items:center;gap:8px;box-shadow:0 8px 28px rgba(0,0,0,.25);white-space:nowrap;font-size:11px;font-weight:600;color:#1a1a2e;opacity:0;pointer-events:none;z-index:10}
.ph-notif.show{animation:notifPop 3.5s ease forwards}
.ph-notif-ic{width:22px;height:22px;border-radius:6px;background:#25d366;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}

/* SCROLL TOP */
.scroll-top{position:fixed;bottom:90px;left:24px;z-index:799;width:42px;height:42px;border-radius:50%;background:var(--v);color:#fff;border:none;cursor:pointer;font-size:18px;font-weight:700;opacity:0;transform:translateY(10px);transition:all .3s;box-shadow:0 4px 16px rgba(124,58,237,.35)}
.scroll-top.show{opacity:1;transform:translateY(0)}
.scroll-top:hover{background:var(--vl);transform:translateY(-2px)}

/* RESPONSIVE */
@media(max-width:1024px){
  .hero{grid-template-columns:1fr}
  .hr{display:none}
  .ft{grid-template-columns:1fr 1fr}
  .ps-in{grid-template-columns:1fr}
  .stats-g{grid-template-columns:1fr 1fr}
  .cg{grid-template-columns:1fr}
}
@media(max-width:768px){
  .svc-g,.test-g,.price-g,.ind-g,.proc-g{grid-template-columns:1fr}
  .nl{display:none}
  .proc-g::before{display:none}
  .chat-box{width:290px}
}

/* ===== MULTI-PAGE NAV ADDITIONS ===== */
.nl a.active{color:#fff;position:relative}
.nl a.active::after{content:'';position:absolute;bottom:-19px;left:0;right:0;height:2px;background:var(--a)}

.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;z-index:950}
.hamburger span{width:22px;height:2px;background:#fff;border-radius:2px;transition:all .25s}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.mnav{position:fixed;top:64px;right:0;left:0;background:rgba(13,13,24,.98);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08);z-index:895;max-height:0;overflow:hidden;transition:max-height .3s ease}
.mnav.open{max-height:520px}
.mnav-in{display:flex;flex-direction:column;padding:10px 5%}
.mnav-in a{color:rgba(255,255,255,.75);font-size:15px;font-weight:500;text-decoration:none;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.mnav-in a.active{color:var(--a)}
.mnav-in a:last-child{border-bottom:none}

@media(max-width:768px){
  .hamburger{display:flex}
}

/* ===== PAGE HERO (subpages) ===== */
.phero{background:var(--ink);padding:150px 5% 90px;position:relative;overflow:hidden;text-align:center}
.phero::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 50% 0%,rgba(124,58,237,.18) 0%,transparent 70%);pointer-events:none}
.phero-in{max-width:760px;margin:0 auto;position:relative;z-index:1}
.crumb{font-size:12px;color:rgba(255,255,255,.4);margin-bottom:18px}
.crumb a{color:rgba(255,255,255,.55);text-decoration:none}
.crumb a:hover{color:#fff}
.phero h1{font-family:'Syne',sans-serif;font-size:clamp(30px,4.5vw,52px);font-weight:800;color:#fff;line-height:1.1;letter-spacing:-1.5px;margin-bottom:18px}
.phero p{font-size:16.5px;color:rgba(255,255,255,.65);line-height:1.8;max-width:560px;margin:0 auto 30px}

/* ===== FEATURE ROWS (deep-dive pages) ===== */
.feat-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:64px 0}
.feat-row.rev{grid-template-columns:1fr 1fr}
.feat-row.rev .feat-visual{order:2}
.feat-visual{background:var(--white);border:1.5px solid var(--bd);border-radius:22px;padding:36px;box-shadow:0 20px 50px rgba(0,0,0,.05)}
.feat-visual .fv-ic{font-size:40px;margin-bottom:16px}
.feat-visual h4{font-family:'Syne',sans-serif;font-size:17px;font-weight:700;margin-bottom:10px;color:var(--txt)}
.feat-visual ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.feat-visual li{font-size:14px;color:var(--gray);display:flex;align-items:center;gap:8px}
.feat-visual li::before{content:'✓';color:var(--v);font-weight:700}
.feat-txt .tag{margin-bottom:16px}
.feat-txt h3{font-family:'Syne',sans-serif;font-size:clamp(22px,3vw,32px);font-weight:800;color:var(--txt);line-height:1.2;margin-bottom:16px;letter-spacing:-.5px}
.feat-txt p{font-size:15px;color:var(--gray);line-height:1.85;margin-bottom:20px}
.feat-list{list-style:none;display:flex;flex-direction:column;gap:14px}
.feat-list li{font-size:14.5px;color:var(--txt);display:flex;align-items:flex-start;gap:10px;line-height:1.6}
.feat-list li b{display:inline-flex;width:26px;height:26px;border-radius:8px;background:var(--vbg);color:var(--v);align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}
@media(max-width:900px){
  .feat-row,.feat-row.rev{grid-template-columns:1fr}
  .feat-row.rev .feat-visual{order:0}
}

/* ===== COMPARISON TABLE (pricing page) ===== */
.cmp-wrap{overflow-x:auto;border-radius:18px;border:1.5px solid var(--bd)}
.cmp{width:100%;border-collapse:collapse;background:var(--white);min-width:640px}
.cmp th,.cmp td{padding:16px 18px;text-align:center;border-bottom:1px solid var(--bd);font-size:13.5px}
.cmp th{background:var(--ink);color:#fff;font-family:'Syne',sans-serif;font-weight:700;font-size:14px}
.cmp td:first-child,.cmp th:first-child{text-align:right;font-weight:600;color:var(--txt)}
.cmp tr:last-child td{border-bottom:none}
.cmp .yes{color:var(--g);font-weight:700}
.cmp .no{color:var(--bd);font-weight:700}

/* ===== SCROLL REVEAL ===== */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.show{opacity:1;transform:translateY(0)}

/* ===== API KEY NOTICE (dev-facing, harmless if seen) ===== */
.dev-note{display:none}

/* ===== TEXT LOGO (replaces broken embedded image) ===== */
.logo{display:flex;align-items:center;gap:8px}
.logo-mark{font-size:20px;filter:drop-shadow(0 0 6px rgba(245,158,11,.5))}
.logo-word{font-family:'Syne',sans-serif;font-weight:800;font-size:19px;color:#fff;letter-spacing:-.3px}
.fb-logo{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.fb-logo .logo-mark{font-size:22px}
.fb-logo .logo-word{font-size:21px}

/* =====================================================================
   PREMIUM MOTION & GLOW UPGRADE
   ===================================================================== */

/* ---- scroll progress bar ---- */
.scroll-prog{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,var(--v),var(--a));z-index:1000;transition:width .1s linear;box-shadow:0 0 10px rgba(245,158,11,.5)}

/* ---- nav: shrinks + gains a glow line once you scroll ---- */
nav{transition:height .25s ease,background .25s ease,box-shadow .25s ease}
nav.scrolled{height:56px;box-shadow:0 8px 30px rgba(0,0,0,.35)}
nav::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.5),rgba(245,158,11,.5),transparent);opacity:0;transition:opacity .3s}
nav.scrolled::after{opacity:1}

/* ---- aurora / cursor-reactive glow inside dark hero sections ---- */
.hero,.phero{--mx:50%;--my:40%}
.hero::before{content:'';position:absolute;inset:0;background:
    radial-gradient(480px circle at var(--mx) var(--my),rgba(124,58,237,.16),transparent 60%),
    radial-gradient(600px 400px at 85% 15%,rgba(245,158,11,.08),transparent 65%);
  pointer-events:none;transition:background .3s ease;z-index:0}
.hl{z-index:1}
.aurora{position:absolute;border-radius:50%;filter:blur(70px);opacity:.35;pointer-events:none;z-index:0}
.aurora-1{width:340px;height:340px;background:radial-gradient(circle,rgba(124,58,237,.55),transparent 70%);top:-60px;right:8%;animation:auroraDrift1 16s ease-in-out infinite}
.aurora-2{width:280px;height:280px;background:radial-gradient(circle,rgba(245,158,11,.4),transparent 70%);bottom:-40px;left:12%;animation:auroraDrift2 20s ease-in-out infinite}
.phero .aurora-1{top:-80px;right:20%}
.phero .aurora-2{bottom:-60px;left:20%}
@keyframes auroraDrift1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-30px,26px) scale(1.15)}}
@keyframes auroraDrift2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(24px,-22px) scale(1.1)}}
.phero::before{content:'';position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(124,58,237,.14),transparent 60%);pointer-events:none;transition:background .3s ease;z-index:0}
.phero-in{z-index:1}

/* ---- eyebrow pulse glow ---- */
.eyebrow{box-shadow:0 0 0 0 rgba(245,158,11,.35);animation:eyebrowGlow 2.6s ease-in-out infinite}
@keyframes eyebrowGlow{0%,100%{box-shadow:0 0 0 0 rgba(245,158,11,.28)}50%{box-shadow:0 0 18px 2px rgba(245,158,11,.22)}}

/* ---- magnetic / glow CTA buttons ---- */
.ba,.bba,.pbm,.ncta{position:relative;overflow:hidden;will-change:transform}
.ba::before,.bba::before,.pbm::before,.ncta::before{content:'';position:absolute;top:0;bottom:0;left:-120%;width:60%;background:linear-gradient(115deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);transition:left .55s ease}
.ba:hover::before,.bba:hover::before,.pbm:hover::before,.ncta:hover::before{left:130%}
.bba:hover{box-shadow:0 14px 34px rgba(245,158,11,.32)}
.pbm:hover{box-shadow:0 14px 30px rgba(124,58,237,.32);transform:translateY(-2px)}

/* ---- card lift + glow + top accent bar, applied to all existing card types ---- */
.svc,.tc2,.pc2,.demo-panel,.feat-visual,.fqi,.cmp-wrap{position:relative}
.svc::before,.tc2::before,.pc2::before,.feat-visual::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:0;height:2.5px;background:linear-gradient(90deg,var(--v),var(--a));border-radius:0 0 4px 4px;transition:width .35s ease}
.svc:hover::before,.tc2:hover::before,.pc2:hover::before,.feat-visual:hover::before{width:70%}
.svc:hover{transform:translateY(-6px);box-shadow:0 20px 46px rgba(124,58,237,.12);border-color:rgba(124,58,237,.3)}
.feat-visual{transition:all .3s ease}
.feat-visual:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(124,58,237,.1)}
.fqi{transition:border-color .25s ease,box-shadow .25s ease}
.fqi:hover{border-color:rgba(124,58,237,.35);box-shadow:0 10px 26px rgba(124,58,237,.08)}
.demo-panel{transition:box-shadow .3s ease}

/* ---- staggered cascade reveal for grids (pure CSS, no markup changes needed) ---- */
.svc-g>.reveal:nth-child(1),.price-g>.reveal:nth-child(1),.ind-g>.reveal:nth-child(1),.test-g>.reveal:nth-child(1),.proc-g>.reveal:nth-child(1){transition-delay:0ms}
.svc-g>.reveal:nth-child(2),.price-g>.reveal:nth-child(2),.ind-g>.reveal:nth-child(2),.test-g>.reveal:nth-child(2),.proc-g>.reveal:nth-child(2){transition-delay:80ms}
.svc-g>.reveal:nth-child(3),.price-g>.reveal:nth-child(3),.ind-g>.reveal:nth-child(3),.test-g>.reveal:nth-child(3),.proc-g>.reveal:nth-child(3){transition-delay:160ms}
.svc-g>.reveal:nth-child(4),.ind-g>.reveal:nth-child(4){transition-delay:240ms}
.ind-g>.reveal:nth-child(5){transition-delay:320ms}
.ind-g>.reveal:nth-child(6){transition-delay:400ms}
.ind-g>.reveal:nth-child(7){transition-delay:480ms}
.ind-g>.reveal:nth-child(8){transition-delay:560ms}

/* ---- animated gradient accent on feat-list numbering ---- */
.feat-list li b{transition:transform .25s ease,box-shadow .25s ease}
.feat-list li:hover b{transform:scale(1.12);box-shadow:0 0 0 5px var(--vbg)}

/* ---- guide page (מדריך AI) ---- */
.gd-hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.3);border-radius:30px;padding:6px 16px;font-size:12px;color:var(--vl);font-weight:600;margin-bottom:20px}
.gd-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}
.gd-topic{border:1.5px solid var(--bd);border-radius:16px;padding:22px;background:var(--white);cursor:pointer;transition:all .25s;text-align:right}
.gd-topic:hover{border-color:var(--v);transform:translateY(-4px);box-shadow:0 16px 36px rgba(124,58,237,.12)}
.gd-topic .gt-ic{font-size:26px;margin-bottom:10px}
.gd-topic h4{font-family:'Syne',sans-serif;font-size:15px;font-weight:700;color:var(--txt);margin-bottom:6px}
.gd-topic p{font-size:12.5px;color:var(--gray);line-height:1.6}
.gd-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.gd-chip{background:var(--vbg);color:var(--v);border:1px solid rgba(124,58,237,.25);padding:9px 18px;border-radius:22px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}
.gd-chip:hover{background:var(--v);color:#fff}
.gd-types{display:flex;flex-direction:column;gap:16px}
.gd-type{display:flex;gap:16px;align-items:flex-start;border:1.5px solid var(--bd);border-radius:16px;padding:20px;background:var(--white);transition:all .25s}
.gd-type:hover{border-color:var(--v);box-shadow:0 14px 32px rgba(124,58,237,.08)}
.gd-type .gt-num{flex-shrink:0;width:34px;height:34px;border-radius:10px;background:var(--v);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-weight:800;font-size:14px}
.gd-type h4{font-family:'Syne',sans-serif;font-size:15.5px;font-weight:700;color:var(--txt);margin-bottom:5px}
.gd-type p{font-size:13.5px;color:var(--gray);line-height:1.75}

/* ---- ROI calculator (pricing page) ---- */
.roi-box{background:var(--ink);border-radius:24px;padding:44px;position:relative;overflow:hidden}
.roi-box::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 30% 20%,rgba(124,58,237,.22),transparent 65%);pointer-events:none}
.roi-in{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.roi-box h3{font-family:'Syne',sans-serif;color:#fff;font-size:22px;font-weight:800;margin-bottom:10px}
.roi-box>.roi-in>div:first-child p{color:rgba(255,255,255,.6);font-size:14px;line-height:1.7;margin-bottom:22px}
.roi-field{margin-bottom:16px}
.roi-field label{display:block;font-size:12.5px;color:rgba(255,255,255,.55);margin-bottom:6px}
.roi-field input[type="range"]{width:100%;accent-color:var(--a)}
.roi-field .roi-val{color:var(--a);font-weight:700;font-family:'Syne',sans-serif}
.roi-result{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:28px;text-align:center}
.roi-result .roi-num{font-family:'Syne',sans-serif;font-size:44px;font-weight:800;color:var(--a);letter-spacing:-1px}
.roi-result .roi-lbl{font-size:12px;color:rgba(255,255,255,.5);margin-top:6px}
.roi-note{font-size:11px;color:rgba(255,255,255,.35);margin-top:14px;line-height:1.6}
@media(max-width:900px){.roi-in{grid-template-columns:1fr}.gd-topics{grid-template-columns:1fr}}

/* ---- guide page: expandable Q&A accordion (own class, taller than the default FAQ) ---- */
.gd-acc-list{display:flex;flex-direction:column;gap:12px}
.gd-acc{border:1.5px solid var(--bd);border-radius:14px;overflow:hidden;background:var(--white);transition:border-color .25s ease,box-shadow .25s ease}
.gd-acc:hover{border-color:rgba(124,58,237,.3);box-shadow:0 10px 26px rgba(124,58,237,.08)}
.gd-acc-q{padding:18px 22px;font-size:15px;font-weight:600;color:var(--txt);cursor:pointer;display:flex;align-items:center;gap:12px}
.gd-acc-q h4{flex:1;font-family:'Syne',sans-serif;font-size:15px;font-weight:700}
.gd-acc-q .gt-ic{font-size:19px}
.gd-acc-q .ico{font-size:18px;color:var(--v);transition:transform .25s}
.gd-acc.open .ico{transform:rotate(45deg)}
.gd-acc-a{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s}
.gd-acc.open .gd-acc-a{max-height:260px;padding:0 22px 20px 54px}
.gd-acc-a p{font-size:14px;color:var(--gray);line-height:1.8}

/* ---- guide page: personal AI tutor chat (distinct from the floating sales widget) ---- */
.tut-wrap{background:var(--ink);border-radius:24px;padding:8px;position:relative;overflow:hidden}
.tut-wrap::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 55% at 20% 10%,rgba(16,185,129,.16),transparent 65%);pointer-events:none}
.tut-head{display:flex;align-items:center;gap:12px;padding:18px 20px 14px;position:relative;z-index:1}
.tut-badge{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#10b981,#0d9488);display:flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0}
.tut-title{font-family:'Syne',sans-serif;color:#fff;font-weight:700;font-size:16px}
.tut-sub{font-size:11.5px;color:#34d399;margin-top:2px}
.tut-msgs{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:16px;margin:0 20px;padding:16px;min-height:180px;max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}
.tut-msg{padding:10px 14px;border-radius:12px;font-size:13.5px;line-height:1.6;max-width:85%}
.tut-msg.b{background:rgba(16,185,129,.14);color:rgba(255,255,255,.92);align-self:flex-start;border-radius:12px 12px 12px 3px}
.tut-msg.u{background:rgba(255,255,255,.08);color:#fff;align-self:flex-end;border-radius:12px 12px 3px 12px}
.tut-img-prev{display:none;align-items:center;gap:10px;margin:12px 20px 0;position:relative;z-index:1}
.tut-img-prev.show{display:flex}
.tut-img-prev img{width:48px;height:48px;object-fit:cover;border-radius:8px}
.tut-img-prev button{background:rgba(255,255,255,.1);border:none;color:#fff;font-size:11px;padding:6px 10px;border-radius:8px;cursor:pointer}
.tut-input-row{display:flex;align-items:center;gap:8px;padding:16px 20px 8px;position:relative;z-index:1}
.tut-ic-btn{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:16px;cursor:pointer;flex-shrink:0;transition:all .2s}
.tut-ic-btn:hover{background:rgba(255,255,255,.14)}
.tut-ic-btn.listening{background:#ef4444;animation:tutPulse 1.2s infinite}
@keyframes tutPulse{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.5)}50%{box-shadow:0 0 0 8px rgba(239,68,68,0)}}
.tut-inp{flex:1;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.12);border-radius:22px;padding:10px 16px;color:#fff;font-size:13.5px;font-family:inherit}
.tut-inp::placeholder{color:rgba(255,255,255,.35)}
.tut-inp:focus{outline:none;border-color:#10b981}
.tut-snd{width:38px;height:38px;border-radius:50%;background:#10b981;border:none;color:#fff;font-size:16px;cursor:pointer;flex-shrink:0;transition:background .2s}
.tut-snd:hover{background:#0d9488}
.tut-chip-row{display:flex;flex-wrap:wrap;gap:8px;padding:6px 20px 20px;position:relative;z-index:1}
.tut-chip-row .gd-chip{background:rgba(16,185,129,.12);color:#6ee7b7;border-color:rgba(16,185,129,.28)}
.tut-chip-row .gd-chip:hover{background:#10b981;color:#fff}
@media(max-width:600px){.tut-msgs{margin:0 14px}.tut-input-row,.tut-chip-row{padding-left:14px;padding-right:14px}}

@media(max-width:900px){.roi-in{grid-template-columns:1fr}.gd-topics{grid-template-columns:1fr}}

@media(prefers-reduced-motion: reduce){
  .aurora,.eyebrow,.ph-out{animation:none!important}
  .ba::before,.bba::before,.pbm::before,.ncta::before{display:none}
}

/* =====================================================================
   ROUND 2 — SITE-WIDE MOTION PASS + PHONE POLISH + GUIDE PAGE REBUILD
   ===================================================================== */

/* ---- "AI live" badge floating above the hero phone ---- */
.ph-live{display:flex;align-items:center;gap:8px;justify-content:center;margin-bottom:14px;background:rgba(16,185,129,.18);border:1.5px solid rgba(16,185,129,.55);border-radius:20px;padding:8px 18px;width:fit-content;margin-left:auto;margin-right:auto;position:relative;z-index:2;animation:phLiveFloat 2.2s ease-in-out infinite}
.ph-live-dot{width:9px;height:9px;border-radius:50%;background:#10b981;animation:pls 1s infinite}
.ph-live span{font-size:13px;font-weight:800;color:#6ee7b7;letter-spacing:.2px}
@keyframes phLiveFloat{0%,100%{transform:translateY(0) scale(1);box-shadow:0 0 0 0 rgba(16,185,129,.5)}50%{transform:translateY(-6px) scale(1.05);box-shadow:0 0 22px 6px rgba(16,185,129,.45)}}

.ph-wrap{position:relative;flex-direction:column;align-items:center}

/* ---- intensified phone glow ring (layered on top of existing phoneGlow) ---- */
.ph-out{position:relative;z-index:1}

/* ---- gentle floating bob for icon tiles across every page (cards, features, industries, guide types) ---- */
.svc-ic,.ind-ic,.fv-ic,.gt-num,.gd-topic .gt-ic,.app-bar-ic{animation:iconBob 3.4s ease-in-out infinite}
.svc:nth-child(2) .svc-ic,.ind:nth-child(2) .ind-ic{animation-delay:.3s}
.svc:nth-child(3) .svc-ic,.ind:nth-child(3) .ind-ic{animation-delay:.6s}
.ind:nth-child(4) .ind-ic{animation-delay:.9s}
@keyframes iconBob{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-4px) rotate(-3deg)}}

/* ---- 3D tilt-on-hover for cards (JS sets --tx/--ty via mousemove; CSS just renders it) ---- */
.svc,.pc2,.tc2,.feat-visual,.gd-type,.ind,.gd-acc,.gd-topic{transform-style:preserve-3d;perspective:800px}
.tilt-card{transition:transform .12s ease-out,box-shadow .3s ease,border-color .3s ease}

/* ---- parallax aurora blobs (JS nudges translateY on scroll; keeps the drift keyframe too) ---- */
.aurora{will-change:transform}

/* ---- animated gradient headline sheen on hover (subtle, tasteful) ---- */
.sh h2,.hero h1,.phero h1{background-size:200% auto;transition:background-position .6s ease}

/* ---- achievement toast (guide page) ---- */
.ach-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(140%);z-index:950;background:linear-gradient(135deg,#10b981,#0d9488);color:#fff;padding:14px 22px;border-radius:16px;display:flex;align-items:center;gap:12px;box-shadow:0 16px 40px rgba(16,185,129,.4);transition:transform .5s cubic-bezier(.34,1.4,.64,1);max-width:92vw}
.ach-toast.show{transform:translateX(-50%) translateY(0)}
.ach-toast .at-ic{font-size:26px;flex-shrink:0}
.ach-toast .at-t{font-weight:700;font-size:13.5px}
.ach-toast .at-s{font-size:11.5px;opacity:.85;margin-top:2px}

/* ---- guide page: floating tutor launcher tab (fixed, right edge) ---- */
.tut-launcher{position:fixed;top:50%;right:0;transform:translateY(-50%) scale(1);z-index:850;background:linear-gradient(135deg,#10b981,#0d9488);color:#fff;border:none;border-radius:20px 0 0 20px;padding:24px 15px;cursor:pointer;box-shadow:-6px 0 26px rgba(16,185,129,.4);animation:tutLauncherGlow 1.8s ease-in-out infinite;display:flex;flex-direction:column;align-items:center;gap:12px;font-family:inherit}
.tut-launcher span.tl-txt{writing-mode:vertical-rl;font-weight:800;font-size:15px;letter-spacing:.4px}
.tut-launcher .tl-ic{font-size:26px}
.tut-launcher .tl-dot{width:10px;height:10px;border-radius:50%;background:#fff;animation:pls .9s infinite}
@keyframes tutLauncherGlow{0%,100%{box-shadow:-6px 0 26px rgba(16,185,129,.4);transform:translateY(-50%) scale(1)}50%{box-shadow:-14px 0 54px rgba(16,185,129,.85);transform:translateY(-50%) scale(1.07)}}
.tut-launcher:hover{padding-left:19px}
.tut-launcher.hidden{display:none}
@media(prefers-reduced-motion: reduce){.tut-launcher{animation:none!important}}

.tut-teaser{position:fixed;top:calc(50% - 78px);right:76px;z-index:849;background:#fff;color:var(--txt);padding:10px 16px;border-radius:14px;font-size:12.5px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.18);opacity:0;transform:translateX(10px);pointer-events:none;transition:all .4s ease;max-width:200px;text-align:center;line-height:1.5}
.tut-teaser.show{opacity:1;transform:translateX(0)}
.tut-teaser::after{content:'';position:absolute;top:50%;right:-6px;transform:translateY(-50%);border:6px solid transparent;border-right:0;border-left-color:#fff}

.tut-overlay{position:fixed;inset:0;background:rgba(10,10,20,.5);backdrop-filter:blur(2px);z-index:860;opacity:0;pointer-events:none;transition:opacity .35s ease}
.tut-overlay.on{opacity:1;pointer-events:all}
.tut-panel{position:fixed;top:64px;bottom:0;right:0;width:min(430px,94vw);z-index:861;transform:translateX(100%);transition:transform .42s cubic-bezier(.32,1,.34,1);background:var(--ink);box-shadow:-24px 0 70px rgba(0,0,0,.4);display:flex;flex-direction:column;overflow-y:auto}
.tut-panel.on{transform:translateX(0)}
.tut-panel-close{position:absolute;top:16px;left:16px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.1);border:none;color:#fff;font-size:17px;cursor:pointer;z-index:2;transition:background .2s}
.tut-panel-close:hover{background:rgba(255,255,255,.2)}
.tut-panel .tut-wrap{background:transparent;border-radius:0;flex:1;display:flex;flex-direction:column;padding-top:18px}
.tut-panel .tut-msgs{flex:1;max-height:none}
@media(max-width:600px){.tut-teaser{display:none}}

/* ---- guide page: AI readiness meter ---- */
.ready-box{background:var(--white);border:1.5px solid var(--bd);border-radius:22px;padding:36px}
.ready-q{margin-bottom:22px}
.ready-q p{font-size:14.5px;font-weight:700;color:var(--txt);margin-bottom:10px}
.ready-opts{display:flex;gap:8px;flex-wrap:wrap}
.ready-opt{border:1.5px solid var(--bd);background:var(--warm);color:var(--txt);padding:8px 16px;border-radius:20px;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}
.ready-opt:hover{border-color:var(--v)}
.ready-opt.sel{background:var(--v);border-color:var(--v);color:#fff}
.ready-meter{margin-top:28px}
.ready-bar{height:14px;border-radius:20px;background:var(--bd);overflow:hidden;position:relative}
.ready-fill{height:100%;width:0%;border-radius:20px;background:linear-gradient(90deg,#ef4444,#f59e0b,#10b981);transition:width .6s cubic-bezier(.34,1.2,.64,1)}
.ready-lbl{display:flex;justify-content:space-between;font-size:11px;color:var(--gray);margin-top:6px}
.ready-result{margin-top:16px;background:var(--vbg);border:1px solid rgba(124,58,237,.2);border-radius:14px;padding:16px 18px;font-size:13.5px;color:#4c1d95;line-height:1.7;display:none}
.ready-result.show{display:block;animation:msgIn .4s ease}

/* ---- guide page: myth vs reality flip cards ---- */
.myth-g{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.myth-card{perspective:1200px;height:170px;cursor:pointer}
.myth-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d}
.myth-card.flip .myth-inner{transform:rotateY(180deg)}
.myth-face{position:absolute;inset:0;border-radius:18px;backface-visibility:hidden;padding:20px;display:flex;flex-direction:column;justify-content:center}
.myth-front{background:linear-gradient(150deg,#fee2e2,#fef3c7);border:1.5px solid rgba(239,68,68,.2)}
.myth-front .my-tag{font-size:10.5px;font-weight:800;color:#b91c1c;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}
.myth-front p{font-size:14px;font-weight:700;color:#7f1d1d;line-height:1.5}
.myth-back{background:linear-gradient(150deg,#d1fae5,#ecfdf5);border:1.5px solid rgba(16,185,129,.3);transform:rotateY(180deg)}
.myth-back .my-tag{font-size:10.5px;font-weight:800;color:#065f46;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}
.myth-back p{font-size:12.5px;color:#065f46;line-height:1.6}
.myth-hint{font-size:10.5px;color:rgba(0,0,0,.35);margin-top:auto;padding-top:8px}
@media(max-width:900px){.myth-g{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.myth-g{grid-template-columns:1fr}}

/* =====================================================================
   ROUND 3 — SITE-WIDE EXTRAS: cursor, confetti, hero polish, per-page widgets
   ===================================================================== */

/* ---- hero content fade/rise on page load (pure CSS, no JS dependency) ---- */
.hl>*{animation:heroRise .8s cubic-bezier(.2,.8,.2,1) both}
.hl .eyebrow{animation-delay:0s}
.hl h1{animation-delay:.08s}
.hl .hsub{animation-delay:.16s}
.hl .hbtns{animation-delay:.24s}
.hl .hstats{animation-delay:.32s}
@keyframes heroRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
#heroTypeH1.typing::after{content:'';display:inline-block;width:3px;height:.9em;background:currentColor;margin-right:2px;vertical-align:-2px;animation:caretBlink .8s step-end infinite}
@keyframes caretBlink{50%{opacity:0}}

/* ---- floating particle dots behind the home hero ---- */
.hero-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.hero-particles span{position:absolute;width:5px;height:5px;border-radius:50%;background:rgba(124,58,237,.35);animation:particleDrift 9s ease-in-out infinite}
.hero-particles span:nth-child(1){top:15%;left:8%;animation-delay:0s;background:rgba(124,58,237,.35)}
.hero-particles span:nth-child(2){top:65%;left:14%;animation-delay:1.1s;background:rgba(16,185,129,.35)}
.hero-particles span:nth-child(3){top:30%;left:22%;animation-delay:2.2s;background:rgba(245,158,11,.35)}
.hero-particles span:nth-child(4){top:80%;left:30%;animation-delay:.6s;background:rgba(124,58,237,.3)}
.hero-particles span:nth-child(5){top:20%;left:78%;animation-delay:1.8s;background:rgba(16,185,129,.3)}
.hero-particles span:nth-child(6){top:70%;left:85%;animation-delay:2.6s;background:rgba(245,158,11,.3)}
.hero-particles span:nth-child(7){top:45%;left:92%;animation-delay:.3s;background:rgba(124,58,237,.3)}
.hero-particles span:nth-child(8){top:10%;left:55%;animation-delay:1.4s;background:rgba(16,185,129,.3)}
@keyframes particleDrift{0%,100%{transform:translateY(0) translateX(0);opacity:.4}50%{transform:translateY(-26px) translateX(8px);opacity:.9}}
@media(max-width:700px){.hero-particles{display:none}}

/* ---- gentle "look at me" wiggle, toggled briefly by JS every ~9s on the home phone + contact whatsapp icon ---- */
.attn-shake{animation:attnShake .6s ease}
@keyframes attnShake{0%,100%{transform:rotate(0)}20%{transform:rotate(-3deg)}40%{transform:rotate(3deg)}60%{transform:rotate(-2deg)}80%{transform:rotate(2deg)}}

/* ---- confetti burst (JS creates .confetti-piece elements on successful form submit) ---- */
.confetti-piece{position:fixed;top:-10px;width:8px;height:8px;pointer-events:none;z-index:9998;border-radius:2px;animation:confettiFall linear forwards}
@keyframes confettiFall{to{transform:translateY(105vh) rotate(540deg);opacity:.2}}

/* ---- bots.html: mini auto-playing WhatsApp demo in the hero ---- */
.wa-demo{max-width:420px;margin:34px auto 0;background:#0b141a;border-radius:20px;padding:16px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.wa-demo-head{display:flex;align-items:center;gap:8px;color:#8fa3ad;font-size:11.5px;font-weight:700;margin-bottom:10px;padding:0 4px}
.wa-demo-dot{width:7px;height:7px;border-radius:50%;background:#25d366;animation:pls 1.6s infinite}
.wa-demo-body{min-height:140px;display:flex;flex-direction:column;gap:8px;justify-content:flex-end}
.wa-demo-bubble{max-width:80%;padding:9px 13px;border-radius:14px;font-size:13px;line-height:1.5;opacity:0;transform:translateY(8px);animation:msgIn .35s ease forwards}
.wa-demo-bubble.in{align-self:flex-start;background:#202c33;color:#e9edef;border-bottom-right-radius:3px}
.wa-demo-bubble.out{align-self:flex-end;background:#005c4b;color:#e9edef;border-bottom-left-radius:3px}
.wa-demo-ticks{font-size:10.5px;color:#8fa3ad;margin-top:3px;display:inline-block}
.wa-demo-ticks.blue{color:#53bdeb}
.wa-demo-typing{align-self:flex-start;background:#202c33;border-radius:14px;padding:9px 13px;display:inline-flex;gap:4px}
.wa-demo-typing span{width:6px;height:6px;border-radius:50%;background:#8fa3ad;animation:typingDot 1.2s infinite}
.wa-demo-typing span:nth-child(2){animation-delay:.2s}
.wa-demo-typing span:nth-child(3){animation-delay:.4s}
@keyframes typingDot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}

/* ---- apps.html: rotating feature spotlight ---- */
.app-spot{position:relative;max-width:460px;margin:34px auto 0;min-height:190px;background:var(--white);border:1.5px solid var(--bd);border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.08)}
.app-spot-scr{position:absolute;inset:0;padding:28px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .5s ease}
.app-spot-scr.active{opacity:1;visibility:visible}
.app-spot-scr .as-ic{font-size:34px;margin-bottom:10px}
.app-spot-scr h4{font-family:'Syne',sans-serif;font-size:16px;font-weight:800;color:var(--txt);margin-bottom:6px}
.app-spot-scr p{font-size:12.5px;color:var(--gray);line-height:1.6}
.app-spot-dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:6px}
.app-spot-dots span{width:6px;height:6px;border-radius:50%;background:var(--bd);transition:background .3s,width .3s}
.app-spot-dots span.on{background:var(--v);width:18px;border-radius:4px}

/* ---- websites.html: before/after drag compare slider ---- */
.cmp-slider{position:relative;max-width:460px;margin:34px auto 0;height:220px;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.12);cursor:ew-resize;user-select:none}
.cmp-after,.cmp-before{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:26px}
.cmp-after{background:linear-gradient(150deg,#111827,#1f2937)}
.cmp-before{background:#e5e7eb;overflow:hidden;clip-path:inset(0 0 0 50%)}
.cmp-label{font-size:10.5px;font-weight:800;letter-spacing:.5px;padding:4px 10px;border-radius:20px;width:fit-content;margin-bottom:10px}
.cmp-label.good{background:rgba(16,185,129,.2);color:#6ee7b7}
.cmp-label.bad{background:rgba(0,0,0,.08);color:#6b7280}
.cmp-after h5{color:#fff;font-family:'Syne',sans-serif;font-size:15px;margin-bottom:6px}
.cmp-after p{color:#9ca3af;font-size:12px;line-height:1.6}
.cmp-before h5{color:#374151;font-family:Arial,sans-serif;font-size:14px;margin-bottom:6px;font-weight:700}
.cmp-before p{color:#6b7280;font-size:11.5px;line-height:1.6;font-family:Arial,sans-serif}
.cmp-handle{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.3);pointer-events:none}
.cmp-handle::after{content:'⇔';position:absolute;top:50%;right:50%;transform:translate(50%,-50%);width:34px;height:34px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 4px 14px rgba(0,0,0,.25);color:var(--v)}
.cmp-hint{text-align:center;font-size:11px;color:var(--gray);margin-top:10px}

/* ---- ai-systems.html: animated data-flow diagram ---- */
.flow-dia{display:flex;align-items:center;justify-content:center;gap:0;max-width:520px;margin:34px auto 0;flex-wrap:wrap}
.flow-node{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--white);border:1.5px solid var(--bd);border-radius:16px;padding:14px 16px;min-width:78px;box-shadow:0 8px 22px rgba(0,0,0,.06)}
.flow-node .flow-ic{font-size:22px}
.flow-node span:last-child{font-size:11px;font-weight:700;color:var(--txt)}
.flow-line{position:relative;width:52px;height:2px;background:var(--bd);margin:0 4px}
.flow-dot{position:absolute;top:50%;right:0;width:7px;height:7px;border-radius:50%;background:var(--v);transform:translateY(-50%);box-shadow:0 0 8px 2px rgba(124,58,237,.5);animation:flowMove 2.4s linear infinite}
@keyframes flowMove{from{right:0}to{right:100%}}
@media(max-width:600px){.flow-dia{flex-direction:column}.flow-line{width:2px;height:30px}@keyframes flowMove{from{top:0}to{top:100%}}}

/* ---- pricing.html: extra hover "inflate" glow on top of the existing tilt (box-shadow only, doesn't fight JS transform) ---- */
.pc2{transition:box-shadow .25s ease}
.pc2:hover{box-shadow:0 26px 60px rgba(124,58,237,.18)}

/* ---- gentle breathing glow on primary CTAs (site-wide) ---- */
.ba,.ncta,.bba,.pbm,.fsub{animation:ctaBreathe 3.2s ease-in-out infinite}
@keyframes ctaBreathe{0%,100%{box-shadow:0 0 0 0 rgba(124,58,237,0)}50%{box-shadow:0 8px 26px -4px rgba(124,58,237,.45)}}

@media(prefers-reduced-motion: reduce){
  .hero-particles,.attn-shake,#heroTypeH1.typing::after,.flow-dot,.ba,.ncta,.bba,.pbm,.fsub{animation:none!important}
  .hl>*{animation:none!important;opacity:1!important;transform:none!important}
}

/* ---- English/LTR toggle: fix a few text-align:right rules that were written
   assuming Hebrew/RTL, so English mode reads naturally left-to-right ---- */
html[dir="ltr"] .pl,
html[dir="ltr"] .cmp td:first-child,
html[dir="ltr"] .cmp th:first-child,
html[dir="ltr"] .gd-topic{text-align:left}
html[dir="ltr"] .cmt,
html[dir="ltr"] .wmt,
html[dir="ltr"] .demo-time{text-align:right}