:root{--blue:#0b57c2;--green:#43c83c;--bg:#08101f;--card:#101c36;--text:#f3f8ff;--muted:#b9c6e3;--line:rgba(255,255,255,.10);--shadow:0 20px 50px rgba(0,0,0,.35);--max:1200px;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 20%,rgba(67,200,60,.12),transparent 18%),radial-gradient(circle at 85% 10%,rgba(11,87,194,.20),transparent 20%),linear-gradient(180deg,#06101f 0%,#091326 55%,#07101d 100%);overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 32px));margin:auto}.blob{position:fixed;border-radius:50%;filter:blur(55px);opacity:.4;z-index:-1;animation:float 12s ease-in-out infinite}.one{width:260px;height:260px;left:-70px;top:120px;background:rgba(11,87,194,.28)}.two{width:300px;height:300px;right:-90px;top:220px;background:rgba(67,200,60,.22);animation-delay:2s}@keyframes float{50%{transform:translateY(-24px) translateX(12px)}}header{
  position:sticky;
  top:0;
  z-index:1000;
  backdrop-filter:blur(14px);
  background:
    linear-gradient(90deg,
      #ffffff 0%,
      #ffffff 26%,
      #f5fbff 34%,
      #dff2ff 44%,
      #9fd2ff 62%,
      #2d82dc 82%,
      #0b57c2 100%);
  border-bottom:1px solid rgba(11,87,194,0.22);
  box-shadow:0 12px 28px rgba(7,58,131,0.16);
}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0}.brand img{width:220px;max-width:52vw;height:auto;filter:drop-shadow(0 6px 18px rgba(0,0,0,.18));}.nav-toggle{display:none;background:rgba(255,255,255,.06);border:1px solid var(--line);color:#fff;border-radius:12px;padding:9px 12px;font-size:22px}.nav-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.nav-links a{color:#dce8ff;font-size:15px;font-weight:800;position:relative}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-links a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--green));transition:.25s}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;min-height:48px;padding:0 20px;font-weight:900;transition:.25s}.nav-cta,.btn-primary{background:linear-gradient(135deg,var(--blue),var(--green));box-shadow:0 14px 35px rgba(11,87,194,.3)}.btn-secondary{background:rgba(255,255,255,.05);border:1px solid var(--line)}.btn:hover,.nav-cta:hover{transform:translateY(-2px)}.hero,.page-hero{padding:76px 0 48px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:32px;align-items:center}.eyebrow{display:inline-flex;gap:10px;align-items:center;padding:10px 16px;border:1px solid rgba(67,200,60,.35);background:rgba(67,200,60,.10);border-radius:999px;color:#d8ffe2;font-size:13px;font-weight:900;text-transform:uppercase;margin-bottom:18px}.pulse-dot{width:10px;height:10px;border-radius:50%;background:var(--green);animation:pulse 1.8s infinite}@keyframes pulse{70%{box-shadow:0 0 0 16px rgba(67,200,60,0)}}h1{font-size:clamp(2.3rem,5vw,4.55rem);line-height:1.02;margin:0 0 18px;letter-spacing:-.03em}.grad{background:linear-gradient(90deg,#9bd2ff,#fff,#9ff6a2);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p,.page-hero p,.section-title p,.card p,.panel p,.price-card p,.quiz-box p,.quiz-result p,.demo-form-wrap p{color:var(--muted);line-height:1.75}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:25px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat,.card,.panel,.price-card,.quiz-box,.quiz-result,.demo-form-wrap,.client{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat{padding:18px}.stat strong{font-size:1.7rem;display:block}.phone-card{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid var(--line);border-radius:28px;padding:22px;box-shadow:var(--shadow)}.call-line{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;background:rgba(255,255,255,.05);border-radius:18px;margin-bottom:14px}.ring{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),#2f8cff);animation:ring 1.6s infinite}@keyframes ring{10%{transform:rotate(10deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(7deg)}40%{transform:rotate(-7deg)}}.msg{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);padding:14px 15px;border-radius:18px 18px 18px 8px;line-height:1.55;margin-bottom:10px}.msg.user{background:linear-gradient(135deg,rgba(67,200,60,.18),rgba(11,87,194,.12));border-radius:18px 18px 8px 18px;margin-left:28px}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.flow div{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:12px;text-align:center;color:#dce8ff;font-size:.86rem}section{padding:72px 0}.section-title{text-align:center;max-width:820px;margin:0 auto 42px}.section-title h2{font-size:clamp(2rem,4vw,3rem);margin:0 0 12px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{padding:22px;transition:.25s}.card:hover,.client:hover{transform:translateY(-6px);border-color:rgba(67,200,60,.35)}.icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(11,87,194,.22),rgba(67,200,60,.18));font-size:24px;margin-bottom:16px}.panel{padding:28px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:26px}.check-list{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:12px}.check-list li{display:flex;gap:12px;line-height:1.55}.check{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--blue));font-weight:900}.client-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.client{padding:20px;text-align:center;transition:.25s}.emoji{font-size:2rem;margin-bottom:10px}.client strong{display:block;margin-bottom:6px}.client span{color:var(--muted);font-size:.92rem;line-height:1.45}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.price-card{padding:28px;position:relative}.featured{border-color:rgba(67,200,60,.42);transform:scale(1.02)}.ribbon{position:absolute;top:18px;right:18px;padding:8px 12px;background:linear-gradient(135deg,var(--green),#67da61);color:#06121f;border-radius:999px;font-size:12px;font-weight:900}.price{font-size:2.8rem;font-weight:900;margin:10px 0 6px}.price span{font-size:1rem;color:var(--muted)}.setup{color:#d6e4ff;margin-bottom:18px;font-weight:900}.features{list-style:none;margin:18px 0 22px;padding:0;display:grid;gap:12px}.features li:before{content:"✓";color:var(--green);font-weight:900;margin-right:10px}.quiz-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:start}.quiz-box,.quiz-result,.demo-form-wrap{padding:26px}.q-item{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08)}.q-title{font-weight:900;margin-bottom:12px}.options{display:grid;gap:10px}.option{display:flex;gap:10px;padding:12px 14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:16px;cursor:pointer}.option:hover{border-color:rgba(67,200,60,.32)}.option input{accent-color:var(--green)}.quiz-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.result-tag{display:inline-block;padding:10px 14px;border-radius:999px;font-weight:900;margin-bottom:14px}.result-high{background:rgba(67,200,60,.15);border:1px solid rgba(67,200,60,.35)}.result-med{background:rgba(11,87,194,.15);border:1px solid rgba(11,87,194,.35)}.result-low{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10)}.demo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field{display:flex;flex-direction:column;gap:8px}.field label{font-weight:800}.field input,.field select,.field textarea{width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);color:#fff;padding:14px 15px;outline:none;font:inherit}.field textarea{min-height:120px}.full{grid-column:1/-1}.success-msg{display:none;margin-top:16px;padding:16px 18px;border-radius:18px;background:rgba(67,200,60,.12);border:1px solid rgba(67,200,60,.32);line-height:1.6}.cta-band{margin-top:32px;padding:32px;border-radius:28px;border:1px solid rgba(67,200,60,.24);background:linear-gradient(135deg,rgba(11,87,194,.22),rgba(67,200,60,.14));box-shadow:var(--shadow);text-align:center}.cta-band p{color:var(--muted);line-height:1.7;max-width:760px;margin:0 auto 20px}footer{padding:32px 0 42px;border-top:1px solid var(--line);background:rgba(0,0,0,.15)}.footer-wrap{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}.footer-wrap p{margin:0;color:var(--muted);line-height:1.6}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a{font-weight:800}.reveal{opacity:0;transform:translateY(18px);transition:all .7s}.reveal.show{opacity:1;transform:translateY(0)}@media(max-width:1080px){.hero-grid,.two-col,.quiz-wrap{grid-template-columns:1fr}.cards,.pricing{grid-template-columns:repeat(2,1fr)}.client-grid{grid-template-columns:repeat(3,1fr)}.flow{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.nav-toggle{display:block}.nav-links{display:none;width:100%;flex-direction:column;align-items:flex-start;padding:12px 0 4px}.nav-links.show{display:flex}.nav-cta{display:none}.brand img{width:190px}.cards,.pricing,.client-grid,.stats,.demo-grid{grid-template-columns:1fr}.featured{transform:none}.hero{padding-top:42px}}


/* Dropdown visibility fix */
.field select{
  appearance:auto;
  -webkit-appearance:auto;
  color:#ffffff;
  background-color:rgba(255,255,255,.04);
}
.field select option{
  background:#0d1830;
  color:#ffffff;
}
.field select option:checked{
  background:#0b57c2;
  color:#ffffff;
}


/* Header/logo refinement */
.nav{min-height:84px;}
.nav-links a{color:#eef5ff;}
.nav-links a:hover,.nav-links a.active{color:#ffffff;}
.nav-toggle{background:rgba(255,255,255,.10);}
@media (max-width:760px){
  .brand img{width:205px;}
  .nav{min-height:72px;}
}


/* Light gradient header update */
.nav-links a{
  color:#ffffff;
  text-shadow:0 2px 8px rgba(7,58,131,0.42);
}
.nav-links a:hover,
.nav-links a.active{
  color:#ffffff;
}
.nav-links a::after{
  background:linear-gradient(90deg,#ffffff,var(--green));
}
.nav-cta{
  background:linear-gradient(135deg,var(--green),#25aeea);
  color:#06121f;
  box-shadow:0 12px 28px rgba(47,167,47,.24);
}
.nav-cta:hover{
  box-shadow:0 16px 34px rgba(47,167,47,.30);
}
.nav-toggle{
  color:#073a83;
  background:rgba(255,255,255,.75);
  border:1px solid rgba(11,87,194,.18);
}

/* Sale pricing styling */
.old-price{
  display:inline-block;
  color:#93a4c5;
  text-decoration:line-through;
  text-decoration-thickness:3px;
  text-decoration-color:#ff6b6b;
  font-weight:900;
  margin-right:10px;
}
.sale-note{
  display:inline-block;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(67,200,60,.14);
  color:#d9ffe4;
  border:1px solid rgba(67,200,60,.35);
  font-size:.82rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.03em;
  margin-bottom:10px;
}
.normal-price-line{
  color:var(--muted);
  font-weight:800;
  margin:6px 0 12px;
}
.pricing.two-card{
  grid-template-columns:repeat(2, minmax(0,1fr));
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
}
@media (max-width:760px){
  .nav-links{
    background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(226,243,255,.94));
    border:1px solid rgba(11,87,194,.14);
    border-radius:18px;
    padding:14px;
    margin-top:8px;
  }
  .nav-links a{
    color:#073a83;
    text-shadow:none;
  }
  .nav-links a:hover,
  .nav-links a.active{
    color:#0b57c2;
  }
  .pricing.two-card{
    grid-template-columns:1fr;
  }
}


/* Header gradient adjusted to turn blue after logo */
.brand{
  padding:6px 18px 6px 0;
}
.brand img{
  width:220px;
  max-width:52vw;
  height:auto;
  filter:drop-shadow(0 5px 14px rgba(7,58,131,.12));
}
.nav{
  min-height:88px;
}
@media (max-width:760px){
  header{
    background:linear-gradient(90deg,
      #ffffff 0%,
      #ffffff 52%,
      #dff2ff 72%,
      #73b9f7 100%);
  }
  .brand{
    padding:4px 0;
  }
  .brand img{
    width:205px;
  }
}


/* Dark blue header navigation text */
.nav-links a{
  color:#073a83 !important;
  text-shadow:none !important;
}
.nav-links a:hover,
.nav-links a.active{
  color:#0b57c2 !important;
}
.nav-links a::after{
  background:linear-gradient(90deg,#0b57c2,#43c83c) !important;
}
.nav-cta{
  color:#06121f !important;
  text-shadow:none !important;
}


/* Larger header logo so subtext/tagline is readable */
.brand{
  padding:8px 20px 8px 0;
}
.brand img{
  width:300px !important;
  max-width:62vw !important;
  height:auto;
  filter:drop-shadow(0 5px 14px rgba(7,58,131,.12));
}
.nav{
  min-height:104px !important;
}

@media (max-width:760px){
  .brand{
    padding:6px 0;
  }
  .brand img{
    width:255px !important;
    max-width:76vw !important;
  }
  .nav{
    min-height:88px !important;
  }
}


/* Expanded website additions */
.floating-demo{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:1100;
  padding:14px 18px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--blue),var(--green));
  color:#fff;
  font-weight:900;
  box-shadow:0 16px 38px rgba(11,87,194,.32);
  border:1px solid rgba(255,255,255,.18);
}
.founder-strip{padding:20px 0 35px}
.founder-banner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
  padding:20px 22px;
  border:1px solid rgba(67,200,60,.30);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(11,87,194,.20),rgba(67,200,60,.14));
  box-shadow:var(--shadow);
}
.founder-banner strong{font-size:1.25rem;display:block}
.founder-banner span{color:var(--muted);display:block;margin-top:5px}
.founder-price{font-size:1.45rem;font-weight:900;color:#d9ffe4}
.how-mini-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.how-mini{
  border:1px solid var(--line);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  padding:22px;
  box-shadow:var(--shadow);
}
.how-mini span,.timeline-item span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(135deg,var(--blue),var(--green));
  color:#fff;
  font-weight:900;
  margin-bottom:12px;
}
.how-mini h3,.timeline-item h3{margin:0 0 8px}
.how-mini p,.timeline-item p{color:var(--muted);line-height:1.65;margin:0}
.center-cta{text-align:center;margin-top:24px}
.video-card{
  border:1px solid var(--line);
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  padding:28px;
  box-shadow:var(--shadow);
}
.play-circle{
  width:72px;height:72px;border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(135deg,var(--blue),var(--green));
  font-size:28px;
  box-shadow:0 18px 40px rgba(11,87,194,.25);
  margin-bottom:18px;
}
.video-placeholder{
  display:grid;place-items:center;
  min-height:220px;
  border:1px dashed rgba(255,255,255,.24);
  border-radius:22px;
  color:#dce8ff;
  background:rgba(255,255,255,.04);
  margin-top:18px;
  font-weight:900;
}
.timeline{
  max-width:900px;
}
.timeline-item{
  display:grid;
  grid-template-columns:64px 1fr;
  gap:20px;
  align-items:start;
  padding:24px;
  margin-bottom:18px;
  border:1px solid var(--line);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  box-shadow:var(--shadow);
}
.timeline-item span{margin:0}
.roi-wrap{
  display:grid;
  grid-template-columns:1fr .8fr;
  gap:24px;
  align-items:start;
}
.roi-card,.roi-result,.legal-card{
  border:1px solid var(--line);
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  padding:28px;
  box-shadow:var(--shadow);
}
.roi-number{
  font-size:3.4rem;
  font-weight:900;
  background:linear-gradient(90deg,#fff,#9ff6a2);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  margin-bottom:10px;
}
.roi-result p,.legal-card p{
  color:var(--muted);
  line-height:1.75;
}
.roi-breakdown{
  margin-top:18px;
  display:grid;
  gap:12px;
}
.roi-breakdown div{
  padding:12px 14px;
  border-radius:16px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  display:flex;
  justify-content:space-between;
  gap:12px;
}
.faq-list{max-width:900px}
.faq-item{
  border:1px solid var(--line);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  margin-bottom:14px;
  overflow:hidden;
  box-shadow:var(--shadow);
}
.faq-item button{
  width:100%;
  padding:20px 22px;
  background:transparent;
  border:0;
  color:#fff;
  text-align:left;
  font-size:1.05rem;
  font-weight:900;
  cursor:pointer;
}
.faq-item button::after{
  content:"+";
  float:right;
  color:var(--green);
  font-size:1.4rem;
}
.faq-item.open button::after{content:"–"}
.faq-item div{
  display:none;
  padding:0 22px 20px;
}
.faq-item.open div{display:block}
.faq-item p{color:var(--muted);line-height:1.75;margin:0}
.legal-card h2{margin-top:22px}
.legal-card h2:first-child{margin-top:0}
@media (max-width:1080px){
  .how-mini-grid{grid-template-columns:repeat(2,1fr)}
  .roi-wrap{grid-template-columns:1fr}
}
@media (max-width:760px){
  .how-mini-grid{grid-template-columns:1fr}
  .floating-demo{left:14px;right:14px;text-align:center}
  .timeline-item{grid-template-columns:1fr}
  .founder-banner{align-items:flex-start}
}


/* Homepage polish fix: restored phone/chat mockup with visible chat bubbles */
.hero-grid{
  align-items:center;
}
.hero-card{
  min-height:520px;
}
.phone-mockup{
  position:relative;
  background:
    linear-gradient(180deg, rgba(16,35,71,.98), rgba(8,18,36,.98));
  border:1px solid rgba(255,255,255,.12);
  border-radius:30px;
  padding:18px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04), 0 24px 55px rgba(0,0,0,.34);
  overflow:hidden;
}
.phone-mockup::before{
  content:"";
  position:absolute;
  left:50%;
  top:8px;
  transform:translateX(-50%);
  width:96px;
  height:7px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
}
.phone-header{
  display:flex;
  align-items:center;
  gap:12px;
  padding:18px 14px 14px;
  border-bottom:1px solid rgba(255,255,255,.08);
  margin-bottom:14px;
}
.phone-avatar{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--blue),var(--green));
  color:#fff;
  font-weight:900;
  box-shadow:0 8px 20px rgba(11,87,194,.28);
}
.phone-header strong{
  display:block;
  color:#ffffff;
  font-size:1rem;
}
.phone-header span{
  display:block;
  color:#b9c6e3;
  font-size:.84rem;
  margin-top:3px;
}
.phone-status{
  margin-left:auto;
  font-size:.78rem;
  color:#d9ffe4;
  border:1px solid rgba(67,200,60,.32);
  background:rgba(67,200,60,.10);
  padding:7px 10px;
  border-radius:999px;
  font-weight:900;
}
.missed-call-alert{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px;
  border-radius:18px;
  background:linear-gradient(135deg, rgba(11,87,194,.20), rgba(67,200,60,.10));
  border:1px solid rgba(255,255,255,.10);
  margin-bottom:16px;
}
.missed-call-alert strong{
  display:block;
  color:#fff;
  margin-bottom:3px;
}
.missed-call-alert span{
  display:block;
  color:#b9c6e3;
  font-size:.88rem;
}
.chat-area{
  position:relative;
  display:grid;
  gap:13px;
  padding:6px 4px 12px;
}
.chat-bubble{
  position:relative;
  max-width:86%;
  padding:14px 16px;
  line-height:1.52;
  font-size:.96rem;
  box-shadow:0 12px 24px rgba(0,0,0,.16);
  animation:chatPop .55s ease both;
}
.chat-bubble.ai{
  justify-self:start;
  color:#f3f8ff;
  background:linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.07));
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px 20px 20px 7px;
}
.chat-bubble.ai::after{
  content:"";
  position:absolute;
  left:-7px;
  bottom:0;
  width:14px;
  height:14px;
  background:rgba(255,255,255,.08);
  border-left:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.10);
  clip-path:polygon(100% 0, 0 100%, 100% 100%);
}
.chat-bubble.customer{
  justify-self:end;
  color:#06121f;
  background:linear-gradient(135deg, #7bed76, #43c83c);
  border:1px solid rgba(217,255,228,.30);
  border-radius:20px 20px 7px 20px;
  animation-delay:.12s;
}
.chat-bubble.customer::after{
  content:"";
  position:absolute;
  right:-7px;
  bottom:0;
  width:14px;
  height:14px;
  background:#43c83c;
  clip-path:polygon(0 0, 0 100%, 100% 100%);
}
.chat-bubble:nth-of-type(3){
  animation-delay:.24s;
}
@keyframes chatPop{
  from{opacity:0;transform:translateY(10px) scale(.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
.typing-row{
  justify-self:start;
  display:flex;
  gap:5px;
  align-items:center;
  width:max-content;
  padding:10px 13px;
  border-radius:16px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
}
.typing-row span{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#9bd2ff;
  animation:typingBounce 1s infinite ease-in-out;
}
.typing-row span:nth-child(2){animation-delay:.15s}
.typing-row span:nth-child(3){animation-delay:.3s}
@keyframes typingBounce{
  0%,80%,100%{transform:translateY(0);opacity:.45}
  40%{transform:translateY(-4px);opacity:1}
}
.lead-card{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  padding:14px;
  margin:4px 0 14px;
  border-radius:18px;
  background:rgba(67,200,60,.10);
  border:1px solid rgba(67,200,60,.24);
}
.lead-card strong{
  display:block;
  color:#eaffef;
  margin-bottom:4px;
}
.lead-card span{
  display:block;
  color:#b9c6e3;
  font-size:.86rem;
}
.lead-check{
  width:38px;
  height:38px;
  flex:0 0 38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--green),#7bed76);
  color:#06121f;
  font-weight:900;
}
.workflow .w{
  color:#ffffff;
  background:rgba(255,255,255,.06);
}
.video-card p,
.about-panel p,
.how-mini p,
.card p,
.section-title p,
.hero p{
  color:#c6d4ef;
}
@media (max-width:760px){
  .hero-card{
    min-height:auto;
  }
  .chat-bubble{
    max-width:92%;
  }
}


/* ROI calculator one-screen compact layout */
.roi-page-compact{
  padding:26px 0 34px;
  min-height:calc(100vh - 104px);
}
.roi-compact-header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:22px;
  margin-bottom:18px;
}
.roi-compact-header h1{
  margin:0 0 8px;
  font-size:clamp(1.75rem, 3.2vw, 3.05rem);
  line-height:1.03;
  letter-spacing:-.03em;
}
.roi-compact-header p{
  margin:0;
  color:#c6d4ef;
  line-height:1.5;
  max-width:720px;
}
.roi-page-compact .eyebrow{
  margin-bottom:12px;
  padding:8px 13px;
  font-size:12px;
}
.roi-one-screen{
  display:grid;
  grid-template-columns:minmax(0, 1.05fr) minmax(360px, .95fr);
  gap:18px;
  align-items:stretch;
}
.roi-compact-card,
.roi-compact-result{
  padding:20px;
}
.roi-compact-card h3,
.roi-compact-result h3{
  margin:0 0 14px;
  font-size:1.25rem;
}
.roi-input-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}
.roi-page-compact .field{
  gap:6px;
}
.roi-page-compact .field label{
  font-size:.88rem;
}
.roi-page-compact .field input{
  padding:11px 12px;
  border-radius:13px;
}
.compact-actions{
  margin-top:14px;
  margin-bottom:10px;
}
.roi-note{
  color:#aebcda;
  line-height:1.45;
  font-size:.88rem;
  margin:8px 0 0;
}
.roi-compact-result{
  display:flex;
  flex-direction:column;
}
.roi-compact-result #roiResult{
  flex:1;
  display:flex;
  flex-direction:column;
}
.roi-compact-result .roi-number{
  font-size:clamp(2.7rem, 5vw, 4.6rem);
  line-height:1;
  margin-bottom:12px;
}
.roi-compact-result #roiResult > p{
  margin-top:0;
}
.roi-compact-result .roi-breakdown{
  margin-top:10px;
  gap:9px;
}
.roi-compact-result .roi-breakdown div{
  padding:10px 12px;
  border-radius:13px;
  font-size:.94rem;
}
.roi-top-cta{
  flex:0 0 auto;
}
@media (max-width:1080px){
  .roi-page-compact{
    min-height:auto;
  }
  .roi-compact-header{
    display:block;
  }
  .roi-top-cta{
    margin-top:14px;
  }
  .roi-one-screen{
    grid-template-columns:1fr;
  }
}
@media (max-width:760px){
  .roi-input-grid{
    grid-template-columns:1fr;
  }
  .roi-page-compact{
    padding-top:20px;
  }
}


/* Homepage cleanup and dedicated book-demo page */
.hero-card .mini-top,
.hero-card .workflow{
  display:none !important;
}
.hero-card{
  min-height:auto !important;
}
.phone-mockup{
  margin-top:0;
}
.hero-card::before{
  opacity:.75;
}
.book-demo-hero{
  padding-bottom:24px;
}
.book-demo-section{
  padding-top:24px;
}
.book-demo-grid{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:26px;
  align-items:start;
}
.mini-demo-card{
  margin-top:22px;
  padding:20px;
  border-radius:22px;
  border:1px solid rgba(67,200,60,.28);
  background:linear-gradient(135deg,rgba(11,87,194,.20),rgba(67,200,60,.12));
}
.mini-demo-card strong{
  display:block;
  font-size:1.05rem;
  margin-bottom:8px;
}
.mini-demo-card p{
  margin:0 0 8px;
}
.mini-demo-card h2{
  margin:0;
  font-size:1.8rem;
  color:#d9ffe4;
}
.demo-form-wrap .btn-secondary{
  margin-left:8px;
}
@media (max-width:1080px){
  .book-demo-grid{
    grid-template-columns:1fr;
  }
}


/* Flashy homepage animation upgrade */
.animated-home-hero{
  position:relative;
  overflow:hidden;
}
.animated-home-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.8), transparent 78%);
  animation:gridDrift 18s linear infinite;
}
@keyframes gridDrift{
  from{background-position:0 0,0 0}
  to{background-position:44px 44px,44px 44px}
}
.hero-orbits{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
}
.orbit{
  position:absolute;
  border:1px solid rgba(67,200,60,.16);
  border-radius:50%;
  filter:blur(.2px);
  opacity:.65;
  animation:orbitSpin 18s linear infinite;
}
.orbit::before{
  content:"";
  position:absolute;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 18px rgba(67,200,60,.9);
  top:8%;
  left:50%;
}
.orbit-one{
  width:280px;
  height:280px;
  left:-110px;
  top:18%;
}
.orbit-two{
  width:420px;
  height:420px;
  right:-190px;
  top:10%;
  animation-duration:24s;
  border-color:rgba(11,87,194,.18);
}
.orbit-two::before{
  background:#9bd2ff;
  box-shadow:0 0 18px rgba(155,210,255,.9);
}
.orbit-three{
  width:210px;
  height:210px;
  right:34%;
  bottom:-95px;
  animation-duration:21s;
  animation-direction:reverse;
}
@keyframes orbitSpin{
  to{transform:rotate(360deg)}
}
.signal-sweep{
  position:absolute;
  top:0;
  bottom:0;
  width:240px;
  left:-280px;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(155,210,255,.10), rgba(67,200,60,.10), transparent);
  transform:skewX(-18deg);
  animation:signalSweep 7s ease-in-out infinite;
}
@keyframes signalSweep{
  0%,18%{left:-280px;opacity:0}
  35%{opacity:1}
  62%{left:110%;opacity:0}
  100%{left:110%;opacity:0}
}
.hero h1{
  animation:heroTitleIn .9s ease both;
}
@keyframes heroTitleIn{
  from{opacity:0;transform:translateY(18px);filter:blur(6px)}
  to{opacity:1;transform:translateY(0);filter:blur(0)}
}
.grad{
  background-size:220% 100%;
  animation:gradientFlow 4.5s ease-in-out infinite;
}
@keyframes gradientFlow{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
.shine-btn{
  position:relative;
  overflow:hidden;
}
.shine-btn::after{
  content:"";
  position:absolute;
  top:-30%;
  bottom:-30%;
  width:42px;
  left:-70px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);
  transform:skewX(-22deg);
  animation:buttonShine 2.9s ease-in-out infinite;
}
@keyframes buttonShine{
  0%,35%{left:-80px}
  65%,100%{left:125%}
}
.lift-btn{
  animation:softFloatBtn 3.8s ease-in-out infinite;
}
@keyframes softFloatBtn{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}
.hero-stats .stat{
  position:relative;
  overflow:hidden;
  animation:statPulse 5s ease-in-out infinite;
}
.hero-stats .stat:nth-child(2){animation-delay:.5s}
.hero-stats .stat:nth-child(3){animation-delay:1s}
.hero-stats .stat::after{
  content:"";
  position:absolute;
  inset:auto -20% -45% -20%;
  height:60%;
  background:radial-gradient(circle, rgba(67,200,60,.12), transparent 65%);
  transform:translateY(20px);
}
@keyframes statPulse{
  0%,100%{box-shadow:var(--shadow)}
  50%{box-shadow:0 22px 60px rgba(11,87,194,.28)}
}
.phone-mockup{
  animation:phoneFloat 4.8s ease-in-out infinite;
}
@keyframes phoneFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
.phone-scan-line{
  position:absolute;
  left:0;
  right:0;
  height:2px;
  top:72px;
  background:linear-gradient(90deg, transparent, rgba(155,210,255,.88), rgba(67,200,60,.72), transparent);
  box-shadow:0 0 18px rgba(67,200,60,.45);
  z-index:4;
  animation:phoneScan 3.6s ease-in-out infinite;
  pointer-events:none;
}
@keyframes phoneScan{
  0%,100%{top:76px;opacity:.25}
  50%{top:82%;opacity:.85}
}
.signal-pings{
  position:absolute;
  right:26px;
  top:85px;
  width:80px;
  height:80px;
  pointer-events:none;
  z-index:2;
}
.signal-pings span{
  position:absolute;
  inset:0;
  border:1px solid rgba(67,200,60,.35);
  border-radius:50%;
  opacity:0;
  animation:pingOut 2.2s ease-out infinite;
}
.signal-pings span:nth-child(2){animation-delay:.45s}
.signal-pings span:nth-child(3){animation-delay:.9s}
@keyframes pingOut{
  0%{transform:scale(.2);opacity:.75}
  80%,100%{transform:scale(1.15);opacity:0}
}
.chat-bubble{
  transition:transform .25s ease, box-shadow .25s ease;
}
.chat-bubble:hover{
  transform:translateY(-3px) scale(1.01);
  box-shadow:0 16px 30px rgba(0,0,0,.24);
}
.lead-card{
  animation:leadGlow 2.8s ease-in-out infinite;
}
@keyframes leadGlow{
  0%,100%{box-shadow:0 0 0 rgba(67,200,60,0)}
  50%{box-shadow:0 0 28px rgba(67,200,60,.22)}
}
.lead-check{
  animation:checkBounce 2.4s ease-in-out infinite;
}
@keyframes checkBounce{
  0%,100%{transform:scale(1)}
  45%{transform:scale(1.08)}
  55%{transform:scale(.98)}
}
.how-mini,
.card,
.client,
.price-card{
  will-change:transform;
}
@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
  }
}
@media (max-width:760px){
  .signal-pings{
    display:none;
  }
  .phone-mockup{
    animation:none;
  }
}


/* Services / Clients dropdown navigation */
.nav-dropdown{
  position:relative;
  display:inline-flex;
  align-items:center;
}
.dropbtn{
  background:transparent;
  border:0;
  color:#073a83;
  font-size:15px;
  font-weight:800;
  cursor:pointer;
  padding:0;
  font-family:inherit;
}
.dropbtn.active,
.dropbtn:hover{
  color:#0b57c2;
}
.dropdown-menu{
  position:absolute;
  top:calc(100% + 18px);
  left:0;
  min-width:270px;
  max-height:70vh;
  overflow:auto;
  padding:12px;
  border-radius:18px;
  border:1px solid rgba(11,87,194,.18);
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(235,247,255,.98));
  box-shadow:0 24px 55px rgba(7,58,131,.20);
  display:none;
  z-index:1400;
}
.nav-dropdown:hover .dropdown-menu,
.nav-dropdown.open .dropdown-menu{
  display:grid;
  gap:4px;
}
.dropdown-menu a{
  color:#073a83 !important;
  text-shadow:none !important;
  padding:10px 12px;
  border-radius:12px;
  font-weight:800;
  white-space:nowrap;
}
.dropdown-menu a:hover{
  background:rgba(11,87,194,.10);
  color:#0b57c2 !important;
}
.nav-dropdown .dropdown-menu a::after{
  display:none !important;
}

/* Industry page styles */
.industry-hero{
  text-align:left;
}
.industry-hero h1{
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
}
.industry-hero p{
  max-width:980px;
}
.industry-hero .hero-actions{
  justify-content:center;
}
.industry-section{
  padding:58px 0;
}
.industry-steps{
  display:grid;
  grid-template-columns:repeat(5, minmax(0,1fr));
  gap:16px;
}
.industry-step{
  padding:20px;
  border:1px solid var(--line);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  box-shadow:var(--shadow);
}
.industry-step span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(135deg,var(--blue),var(--green));
  color:#fff;
  font-weight:900;
  margin-bottom:12px;
}
.industry-step h3{
  margin:0 0 8px;
  font-size:1.05rem;
}
.industry-step p{
  color:#c6d4ef;
  line-height:1.6;
  margin:0;
  font-size:.94rem;
}
.industry-chat{
  display:grid;
  gap:12px;
  margin-top:18px;
}
.industry-chat .chat-bubble{
  max-width:92%;
}
.industry-list li{
  list-style:none;
  display:flex;
  gap:12px;
  align-items:flex-start;
}
.industry-list li::before{
  content:"✓";
  width:26px;
  height:26px;
  flex:0 0 26px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(135deg,var(--blue),var(--green));
  color:#fff;
  font-weight:900;
}
.roi-industry-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:32px;
  border:1px solid rgba(67,200,60,.26);
  border-radius:28px;
  background:linear-gradient(135deg,rgba(11,87,194,.20),rgba(67,200,60,.12));
  box-shadow:var(--shadow);
}
.roi-industry-card h2{
  margin:0 0 12px;
}
.roi-industry-card p{
  color:#c6d4ef;
  line-height:1.75;
  margin:0 0 10px;
}
.related-industries{
  margin-top:26px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:center;
  color:#c6d4ef;
}
.related-industries a,
.industry-link-cloud a{
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);
  color:#eef5ff;
  font-weight:800;
  transition:.22s ease;
}
.related-industries a:hover,
.industry-link-cloud a:hover{
  transform:translateY(-2px);
  border-color:rgba(67,200,60,.35);
  background:rgba(67,200,60,.12);
}
.industry-card-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:20px;
}
.industry-card-link{
  padding:22px;
  border:1px solid var(--line);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  box-shadow:var(--shadow);
  transition:.25s ease;
}
.industry-card-link:hover{
  transform:translateY(-5px);
  border-color:rgba(67,200,60,.35);
}
.industry-card-link h3{
  margin:0 0 10px;
}
.industry-card-link p{
  color:#c6d4ef;
  line-height:1.65;
  margin:0;
}
.industry-link-cloud{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
}
@media (max-width:1080px){
  .industry-steps{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
  .industry-card-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
  .roi-industry-card{
    align-items:flex-start;
    flex-direction:column;
  }
}
@media (max-width:760px){
  .nav-dropdown{
    width:100%;
    flex-direction:column;
    align-items:flex-start;
  }
  .dropbtn{
    color:#073a83;
    padding:8px 0;
  }
  .dropdown-menu{
    position:static;
    display:none;
    width:100%;
    max-height:none;
    box-shadow:none;
    margin-top:8px;
  }
  .nav-dropdown.open .dropdown-menu{
    display:grid;
  }
  .industry-steps,
  .industry-card-grid{
    grid-template-columns:1fr;
  }
}


/* Modern Services / Clients dropdown fix */
.nav-dropdown{
  position:relative;
  display:inline-flex;
  align-items:center;
  padding:16px 0;
  margin:-16px 0;
}
.dropbtn{
  position:relative;
  background:transparent;
  border:0;
  color:#073a83 !important;
  text-shadow:none !important;
  font-size:15px;
  font-weight:900;
  cursor:pointer;
  padding:0;
  font-family:inherit;
}
.dropbtn::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-6px;
  height:2px;
  width:0;
  background:linear-gradient(90deg,var(--blue),var(--green));
  transition:.22s ease;
}
.dropbtn:hover::after,
.dropbtn.active::after,
.nav-dropdown:hover .dropbtn::after,
.nav-dropdown.open .dropbtn::after{
  width:100%;
}
.dropbtn.active,
.dropbtn:hover,
.nav-dropdown:hover .dropbtn,
.nav-dropdown.open .dropbtn{
  color:#0b57c2 !important;
}

.dropdown-menu{
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-50%) translateY(10px);
  width:min(780px, 92vw);
  min-width:640px;
  max-height:72vh;
  overflow:auto;
  padding:16px;
  border-radius:24px;
  border:1px solid rgba(155,210,255,.22);
  background:
    radial-gradient(circle at 15% 20%, rgba(67,200,60,.16), transparent 24%),
    radial-gradient(circle at 85% 10%, rgba(11,87,194,.22), transparent 28%),
    linear-gradient(180deg, rgba(12,25,49,.98), rgba(7,16,31,.98));
  box-shadow:
    0 28px 75px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.08);
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:8px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  z-index:1600;
  transition:opacity .2s ease, transform .2s ease, visibility .2s ease;
}
.dropdown-menu::before{
  content:"";
  position:absolute;
  top:-8px;
  left:50%;
  transform:translateX(-50%) rotate(45deg);
  width:16px;
  height:16px;
  background:rgba(12,25,49,.98);
  border-left:1px solid rgba(155,210,255,.22);
  border-top:1px solid rgba(155,210,255,.22);
}
.dropdown-menu::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:24px;
  background:linear-gradient(135deg, rgba(255,255,255,.08), transparent 28%, rgba(67,200,60,.05));
}
.nav-dropdown:hover .dropdown-menu,
.nav-dropdown:focus-within .dropdown-menu,
.nav-dropdown.open .dropdown-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}
.dropdown-menu a{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:#eef5ff !important;
  text-shadow:none !important;
  padding:12px 14px;
  border-radius:16px;
  font-weight:850;
  white-space:normal;
  line-height:1.25;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.07);
  transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}
.dropdown-menu a::after{
  content:"→" !important;
  display:inline-block !important;
  position:static !important;
  width:auto !important;
  height:auto !important;
  background:none !important;
  color:#43c83c;
  opacity:.75;
  transition:transform .18s ease, opacity .18s ease;
}
.dropdown-menu a:hover{
  background:linear-gradient(135deg, rgba(11,87,194,.30), rgba(67,200,60,.14));
  border-color:rgba(67,200,60,.32);
  color:#ffffff !important;
  transform:translateY(-2px);
}
.dropdown-menu a:hover::after{
  transform:translateX(3px);
  opacity:1;
}
.dropdown-menu a:first-child{
  grid-column:1 / -1;
  background:linear-gradient(135deg, rgba(67,200,60,.20), rgba(11,87,194,.22));
  border-color:rgba(67,200,60,.34);
}
.dropdown-menu a:first-child::before{
  content:"Overview";
  display:inline-flex;
  margin-right:8px;
  padding:4px 8px;
  border-radius:999px;
  color:#06121f;
  background:#9ff6a2;
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.dropdown-menu::-webkit-scrollbar{
  width:10px;
}
.dropdown-menu::-webkit-scrollbar-track{
  background:rgba(255,255,255,.04);
  border-radius:999px;
}
.dropdown-menu::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,var(--blue),var(--green));
  border-radius:999px;
}

@media (max-width:1080px){
  .dropdown-menu{
    left:auto;
    right:0;
    transform:translateY(10px);
    width:min(680px, 92vw);
    min-width:560px;
  }
  .nav-dropdown:hover .dropdown-menu,
  .nav-dropdown:focus-within .dropdown-menu,
  .nav-dropdown.open .dropdown-menu{
    transform:translateY(0);
  }
}

@media (max-width:760px){
  .nav-dropdown{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    padding:0;
    margin:0;
  }
  .dropbtn{
    width:100%;
    text-align:left;
    padding:10px 0;
    color:#073a83 !important;
  }
  .dropbtn::after{
    display:none;
  }
  .dropdown-menu{
    position:static;
    width:100%;
    min-width:0;
    max-height:420px;
    grid-template-columns:1fr;
    margin-top:8px;
    transform:none !important;
    border-radius:18px;
    padding:12px;
    display:none;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    background:
      radial-gradient(circle at 12% 10%, rgba(67,200,60,.14), transparent 30%),
      linear-gradient(180deg, rgba(12,25,49,.98), rgba(7,16,31,.98));
  }
  .dropdown-menu::before{
    display:none;
  }
  .nav-dropdown.open .dropdown-menu{
    display:grid;
  }
  .nav-dropdown:hover .dropdown-menu:not(.force-open){
    /* Mobile uses click/tap instead of hover. */
  }
}


/* Text-message style sample flow bubbles */
.sms-phone-demo{
  position:relative;
  margin-top:18px;
  border-radius:30px;
  padding:16px;
  background:
    radial-gradient(circle at 25% 0%, rgba(67,200,60,.10), transparent 28%),
    linear-gradient(180deg, rgba(10,20,39,.98), rgba(5,12,24,.98));
  border:1px solid rgba(155,210,255,.14);
  box-shadow:
    0 22px 55px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.06);
  overflow:hidden;
}
.sms-phone-demo::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size:34px 34px;
  opacity:.45;
}
.sms-phone-top{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px 14px;
  margin-bottom:8px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.sms-dot{
  width:40px;
  height:40px;
  flex:0 0 40px;
  border-radius:15px;
  background:linear-gradient(135deg,var(--blue),var(--green));
  box-shadow:0 10px 22px rgba(11,87,194,.25);
  position:relative;
}
.sms-dot::after{
  content:"💬";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  font-size:18px;
}
.sms-phone-top strong{
  display:block;
  color:#ffffff;
  line-height:1.15;
}
.sms-phone-top small{
  display:block;
  color:#aebcda;
  margin-top:3px;
}
.sms-thread{
  position:relative;
  z-index:2;
  display:grid;
  gap:8px;
  padding:8px 2px 4px;
}
.sms-label{
  font-size:11px;
  font-weight:900;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:#aebcda;
  margin-top:8px;
}
.business-label{
  justify-self:start;
  margin-left:8px;
}
.customer-label{
  justify-self:end;
  margin-right:8px;
}
.sms-bubble{
  position:relative;
  max-width:82% !important;
  padding:13px 15px !important;
  line-height:1.52;
  font-size:.95rem;
  box-shadow:0 12px 28px rgba(0,0,0,.20);
  border:none !important;
}
.sms-bubble.ai{
  justify-self:start;
  color:#eef5ff;
  background:linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.075)) !important;
  border-radius:22px 22px 22px 7px !important;
}
.sms-bubble.ai::after{
  content:"";
  position:absolute;
  left:-7px;
  bottom:0;
  width:14px;
  height:14px;
  background:rgba(255,255,255,.085);
  clip-path:polygon(100% 0, 0 100%, 100% 100%);
}
.sms-bubble.customer{
  justify-self:end;
  color:#06121f;
  background:linear-gradient(135deg, #8bf985, #43c83c) !important;
  border-radius:22px 22px 7px 22px !important;
}
.sms-bubble.customer::after{
  content:"";
  position:absolute;
  right:-7px;
  bottom:0;
  width:14px;
  height:14px;
  background:#43c83c;
  clip-path:polygon(0 0, 0 100%, 100% 100%);
}
.sms-bubble:hover{
  transform:translateY(-2px);
}
@media (max-width:760px){
  .sms-bubble{
    max-width:92% !important;
  }
  .sms-phone-demo{
    padding:12px;
    border-radius:24px;
  }
}