/* BotMaster Plus ONLY — load only on /botmaster-plus */
/* #compare v4 — arena lanes: need | Plus spotlight | alternatives */

@keyframes bmp-cmp-shimmer{
  0%{transform:translateX(-140%)}
  100%{transform:translateX(240%)}
}
@keyframes bmp-cmp-float{
  0%,100%{transform:translate(-50%,0) scale(1)}
  50%{transform:translate(-50%,-12px) scale(1.04)}
}
@keyframes bmp-cmp-pulse-ring{
  0%,100%{box-shadow:0 0 0 0 rgba(103,232,249,.35),0 0 0 0 rgba(167,139,250,.25)}
  55%{box-shadow:0 0 0 10px rgba(103,232,249,0),0 0 0 18px rgba(167,139,250,0)}
}
@keyframes bmp-cmp-vs-spin{
  0%{filter:hue-rotate(0deg) brightness(1)}
  50%{filter:hue-rotate(25deg) brightness(1.15)}
  100%{filter:hue-rotate(0deg) brightness(1)}
}
@keyframes bmp-cmp-row-glow{
  0%,100%{opacity:.35}
  50%{opacity:.85}
}

.botmaster-plus-page #compare.section-comparison{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding-top:5rem!important;
  padding-bottom:5.25rem!important;
  background:
    radial-gradient(ellipse 70% 45% at 50% -8%,rgba(99,102,241,.32),transparent 58%),
    radial-gradient(ellipse 40% 35% at 8% 70%,rgba(14,165,233,.12),transparent 55%),
    radial-gradient(ellipse 38% 32% at 92% 55%,rgba(16,185,129,.12),transparent 55%),
    linear-gradient(180deg,rgba(8,5,22,.2),rgba(3,5,12,.55));
}
.botmaster-plus-page #compare.section-comparison::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    radial-gradient(rgba(167,139,250,.09) 1px,transparent 1px);
  background-size:22px 22px;
  mask-image:radial-gradient(ellipse 65% 55% at 50% 35%,#000 15%,transparent 72%);
  -webkit-mask-image:radial-gradient(ellipse 65% 55% at 50% 35%,#000 15%,transparent 72%);
  pointer-events:none;
  z-index:0;
  opacity:.85;
}
.botmaster-plus-page #compare.section-comparison::after{
  content:"";
  position:absolute;
  left:50%;
  top:4%;
  width:min(36rem,78vw);
  height:14rem;
  transform:translateX(-50%);
  background:radial-gradient(ellipse at center,rgba(139,92,246,.5),rgba(34,211,238,.16) 42%,transparent 72%);
  filter:blur(52px);
  pointer-events:none;
  z-index:0;
  animation:bmp-cmp-float 9s ease-in-out infinite;
}
.botmaster-plus-page #compare .relative.z-10{position:relative;z-index:1}
.botmaster-plus-page #compare .section-dark-mesh{opacity:.28}

/* Header */
.botmaster-plus-page #compare .section-v3-header{
  position:relative;
  max-width:44rem;
  padding-bottom:.25rem;
}
.botmaster-plus-page #compare .section-v3-eyebrow--indigo{
  position:relative;
  border:1px solid rgba(165,243,252,.45)!important;
  background:linear-gradient(135deg,rgba(67,56,202,.85),rgba(14,165,233,.35) 50%,rgba(16,185,129,.3))!important;
  color:#f0fdfa!important;
  letter-spacing:.18em!important;
  font-weight:900!important;
  padding:.5rem 1.2rem!important;
  text-transform:uppercase;
  animation:bmp-cmp-pulse-ring 2.8s ease-in-out infinite;
}
.botmaster-plus-page #compare .section-v3-eyebrow--indigo svg{
  color:#99f6e4!important;
  filter:drop-shadow(0 0 10px rgba(45,212,191,.9));
}
.botmaster-plus-page #compare .section-v3-title{
  font-size:clamp(1.9rem,4.4vw,2.9rem)!important;
  letter-spacing:-.05em;
  line-height:1.08;
  font-weight:900!important;
  margin-top:1.15rem!important;
  text-wrap:balance;
}
.botmaster-plus-page #compare .cmp-title-accent{
  background:linear-gradient(105deg,#ddd6fe 0%,#67e8f9 38%,#2dd4bf 78%,#a7f3d0 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter:drop-shadow(0 0 22px rgba(45,212,191,.28));
}
.botmaster-plus-page #compare .section-v3-sub{
  max-width:38rem;
  margin:1.05rem auto 0;
  color:rgba(186,198,214,.9)!important;
  line-height:1.72;
  font-size:1.02rem;
}

/* VS badge */
.botmaster-plus-page #compare .section-v3-header::after{
  content:"VS";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:1.5rem auto 0;
  width:3.1rem;
  height:3.1rem;
  border-radius:999px;
  font-size:.78rem;
  font-weight:950;
  letter-spacing:.16em;
  color:#ecfeff;
  background:linear-gradient(145deg,#6366f1 0%,#06b6d4 52%,#10b981 100%);
  box-shadow:
    0 14px 36px rgba(99,102,241,.5),
    0 0 0 5px rgba(99,102,241,.16),
    0 0 0 10px rgba(6,182,212,.08);
  animation:bmp-cmp-vs-spin 5s ease-in-out infinite;
  position:relative;
  z-index:2;
}

/* Arena table */
.botmaster-plus-page #compare .cmp-split-table-wrap{
  position:relative;
  margin-top:1.1rem!important;
  border-radius:1.75rem;
  border:1px solid rgba(165,243,252,.22);
  background:
    linear-gradient(165deg,rgba(30,27,75,.72) 0%,rgba(8,8,24,.96) 45%,rgba(2,6,16,1) 100%);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.045) inset,
    0 40px 110px rgba(49,46,129,.55),
    0 0 120px rgba(14,165,233,.12);
  overflow:hidden;
  backdrop-filter:blur(20px);
}
.botmaster-plus-page #compare .cmp-split-table-wrap::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:2px;
  background:linear-gradient(90deg,transparent 5%,#818cf8,#22d3ee,#34d399,transparent 95%);
  z-index:5;
}
.botmaster-plus-page #compare .cmp-split-table-wrap::after{
  content:"";
  position:absolute;
  top:0;left:0;
  width:35%;
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);
  animation:bmp-cmp-shimmer 3.2s ease-in-out infinite;
  z-index:6;
  pointer-events:none;
}

.botmaster-plus-page #compare .cmp-split-table-head,
.botmaster-plus-page #compare .cmp-split-tr{
  display:grid!important;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr) minmax(0,.9fr)!important;
  align-items:stretch!important;
}

.botmaster-plus-page #compare .cmp-split-table-head{
  position:relative;
  z-index:1;
  background:linear-gradient(180deg,rgba(67,56,202,.38),rgba(255,255,255,.015));
  border-bottom:1px solid rgba(129,140,248,.28);
}
.botmaster-plus-page #compare .cmp-split-th{
  padding:1.35rem 1.25rem 1.2rem;
  font-size:.66rem;
  letter-spacing:.15em;
  text-transform:uppercase;
  font-weight:850;
  color:rgba(148,163,184,.72);
}
.botmaster-plus-page #compare .cmp-split-th--win{
  position:relative;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:.6rem!important;
  color:#f8fafc!important;
  background:
    linear-gradient(160deg,rgba(79,70,229,.92) 0%,rgba(67,56,202,.7) 38%,rgba(8,145,178,.42) 100%)!important;
  border-left:1px solid rgba(165,243,252,.35);
  border-right:1px solid rgba(52,211,153,.4);
  box-shadow:
    inset 0 0 80px rgba(129,140,248,.2),
    0 18px 50px rgba(79,70,229,.35);
  z-index:3;
  margin-top:-.35rem;
  margin-bottom:-.15rem;
  border-radius:0 0 1.1rem 1.1rem;
  padding-top:1.5rem!important;
}
.botmaster-plus-page #compare .cmp-split-th--win::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:3px;
  background:linear-gradient(90deg,#a5b4fc,#22d3ee,#34d399);
  box-shadow:0 0 18px rgba(34,211,238,.55);
}
.botmaster-plus-page #compare .cmp-split-th--win svg{
  color:#99f6e4!important;
  filter:drop-shadow(0 0 12px rgba(45,212,191,.85));
  width:1.2rem;height:1.2rem;
}
.botmaster-plus-page #compare .cmp-split-th--win::after{
  content:"★ Plus";
  display:inline-flex;
  align-items:center;
  padding:.32rem .85rem;
  border-radius:999px;
  font-size:.6rem;
  font-weight:950;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#042f2e;
  background:linear-gradient(135deg,#5eead4,#2dd4bf 45%,#14b8a6);
  box-shadow:0 10px 24px rgba(20,184,166,.5),inset 0 1px 0 rgba(255,255,255,.4);
}

/* Rows */
.botmaster-plus-page #compare .cmp-split-tr{
  position:relative;
  z-index:1;
  border-bottom:1px solid rgba(99,102,241,.12);
  transition:background .25s ease, transform .25s ease;
}
.botmaster-plus-page #compare .cmp-split-tr:nth-child(even){
  background:rgba(255,255,255,.015);
}
.botmaster-plus-page #compare .cmp-split-tr:hover{
  background:linear-gradient(90deg,rgba(79,70,229,.14),rgba(6,182,212,.08),rgba(16,185,129,.07));
}
.botmaster-plus-page #compare .cmp-split-tr:last-child{border-bottom:0}

.botmaster-plus-page #compare .cmp-split-td{
  padding:1.2rem 1.25rem;
  font-size:.92rem;
  line-height:1.55;
}
.botmaster-plus-page #compare .cmp-split-td--feature{
  color:#f1f5f9!important;
  font-weight:850;
  letter-spacing:-.02em;
  display:flex;
  align-items:center;
  gap:.75rem;
}
.botmaster-plus-page #compare .cmp-split-td--feature::before{
  content:"";
  width:1.35rem;
  height:1.35rem;
  border-radius:.45rem;
  flex-shrink:0;
  background:
    linear-gradient(145deg,rgba(129,140,248,.35),rgba(34,211,238,.2));
  border:1px solid rgba(165,243,252,.28);
  box-shadow:0 0 14px rgba(99,102,241,.35);
  background-image:
    linear-gradient(145deg,rgba(129,140,248,.45),rgba(34,211,238,.25)),
    radial-gradient(circle at 50% 50%,#e0e7ff 0 28%,transparent 30%);
}

.botmaster-plus-page #compare .cmp-split-td--win{
  position:relative;
  color:#f8fafc!important;
  background:
    linear-gradient(125deg,rgba(79,70,229,.42) 0%,rgba(67,56,202,.3) 48%,rgba(8,145,178,.2) 100%)!important;
  font-weight:700;
  border-left:1px solid rgba(129,140,248,.28);
  border-right:1px solid rgba(45,212,191,.28);
  display:flex!important;
  align-items:flex-start;
  gap:.75rem;
  box-shadow:inset 0 0 48px rgba(79,70,229,.14);
}
.botmaster-plus-page #compare .cmp-split-tr:hover .cmp-split-td--win{
  background:
    linear-gradient(125deg,rgba(99,102,241,.55) 0%,rgba(79,70,229,.4) 48%,rgba(6,182,212,.28) 100%)!important;
}
.botmaster-plus-page #compare .cmp-split-td--win svg{
  color:#2dd4bf!important;
  filter:drop-shadow(0 0 10px rgba(45,212,191,.75));
  flex-shrink:0;
  margin-top:.15rem;
}
.botmaster-plus-page #compare .cmp-split-icon{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:1.65rem;height:1.65rem;
  border-radius:999px;
  flex-shrink:0;
  color:#ecfdf5!important;
  background:linear-gradient(145deg,#6366f1,#06b6d4 55%,#10b981);
  box-shadow:0 0 22px rgba(99,102,241,.55),inset 0 0 0 1px rgba(255,255,255,.28);
  border:0!important;
}
.botmaster-plus-page #compare .cmp-split-icon svg{
  color:#fff!important;
  filter:none!important;
  margin:0!important;
  width:.78rem;height:.78rem;
}

.botmaster-plus-page #compare .cmp-split-td--api{
  color:rgba(148,163,184,.62)!important;
  font-weight:500;
  background:rgba(2,6,23,.42);
  position:relative;
  border-left:1px dashed rgba(100,116,139,.25);
}
.botmaster-plus-page #compare .cmp-split-td--api::before{
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(
    -12deg,
    transparent,
    transparent 8px,
    rgba(148,163,184,.03) 8px,
    rgba(148,163,184,.03) 9px
  );
  pointer-events:none;
  opacity:.7;
}
.botmaster-plus-page #compare .cmp-split-tr:hover .cmp-split-td--api{
  color:rgba(186,198,214,.88)!important;
}

/* Verdict */
.botmaster-plus-page #compare .cmp-verdict-pill--win{
  max-width:52rem;
  padding:1.35rem 1.85rem!important;
  border-radius:1.35rem!important;
  border:1px solid rgba(165,243,252,.35)!important;
  background:
    linear-gradient(115deg,rgba(79,70,229,.6),rgba(14,165,233,.28) 48%,rgba(16,185,129,.32))!important;
  color:#f8fafc!important;
  box-shadow:
    0 26px 60px rgba(49,46,129,.55),
    0 0 70px rgba(14,165,233,.18),
    inset 0 1px 0 rgba(255,255,255,.18);
  font-weight:650;
  line-height:1.55;
  backdrop-filter:blur(16px);
  position:relative;
  overflow:hidden;
}
.botmaster-plus-page #compare .cmp-verdict-pill--win::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,#a5b4fc,#22d3ee,#34d399);
  animation:bmp-cmp-row-glow 2.4s ease-in-out infinite;
}
.botmaster-plus-page #compare .cmp-verdict-pill--win svg{
  color:#5eead4!important;
  filter:drop-shadow(0 0 12px rgba(45,212,191,.75));
  flex-shrink:0;
  width:1.3rem;height:1.3rem;
}

.botmaster-plus-page #compare .section-v3-cta-row{
  margin-top:2.25rem!important;
  gap:1rem;
}
.botmaster-plus-page #compare .section-v3-btn--primary{
  box-shadow:0 18px 48px rgba(79,70,229,.5),0 0 36px rgba(34,211,238,.18)!important;
}
.botmaster-plus-page #compare .section-v3-btn--primary:hover{
  transform:translateY(-2px);
}

@media (max-width:900px){
  .botmaster-plus-page #compare .cmp-split-table-head,
  .botmaster-plus-page #compare .cmp-split-tr{
    grid-template-columns:1fr!important;
  }
  .botmaster-plus-page #compare .cmp-split-th--win{
    margin:0;
    border-radius:0;
    transform:none;
  }
  .botmaster-plus-page #compare .cmp-split-td--api{
    border-left:0;
    border-top:1px dashed rgba(100,116,139,.25);
  }
  .botmaster-plus-page #compare .section-v3-header::after{margin-top:1.1rem}
  .botmaster-plus-page #compare.section-comparison::after{animation:none}
}
@media (prefers-reduced-motion:reduce){
  .botmaster-plus-page #compare .cmp-split-table-wrap::after,
  .botmaster-plus-page #compare .section-v3-eyebrow--indigo,
  .botmaster-plus-page #compare .section-v3-header::after,
  .botmaster-plus-page #compare .cmp-verdict-pill--win::before,
  .botmaster-plus-page #compare.section-comparison::after{animation:none!important}
}


/* How-it-works: hide STEP 01–04 card heads (label + duplicate icon) */
.botmaster-plus-page #how-it-works .process-timeline-card-head{display:none!important}

/* Homepage hero: colorful Watch Demo + arrows from the right */
.botmaster-plus-page .section-hero-v4 .hero-cta-row--v9,
.botmaster-plus-page .section-hero-v4 .hero-cta-row{
  overflow:visible;
  position:relative;
}
@keyframes bmp-demo-pop{
  0%,100%{transform:scale(1) translateY(0)}
  40%{transform:scale(1.07) translateY(-3px)}
  70%{transform:scale(1.03) translateY(-1px)}
}
@keyframes bmp-demo-glow{
  0%,100%{box-shadow:0 0 0 0 rgba(251,146,60,.55),0 0 28px rgba(244,63,94,.45),0 10px 28px rgba(0,0,0,.35)}
  50%{box-shadow:0 0 0 12px rgba(251,146,60,0),0 0 48px rgba(244,63,94,.65),0 14px 36px rgba(0,0,0,.4)}
}
@keyframes bmp-demo-arrows{
  0%,100%{transform:translate(-2px,-50%);opacity:.45}
  50%{transform:translate(-14px,-50%);opacity:1}
}
@keyframes bmp-demo-arrow-nudge{
  0%,100%{transform:translateX(0)}
  50%{transform:translateX(-8px)}
}
.botmaster-plus-page .section-hero-v4 .hero-cta-row .hero-v4-cta--ghost{
  position:relative;
  z-index:2;
  color:#fff7ed!important;
  background:linear-gradient(135deg,#f97316 0%,#ef4444 45%,#ec4899 100%)!important;
  border:1px solid rgba(253,186,116,.95)!important;
  box-shadow:0 0 0 0 rgba(251,146,60,.55),0 0 28px rgba(244,63,94,.45),0 10px 28px rgba(0,0,0,.35);
  animation:bmp-demo-pop 1.5s ease-in-out infinite,bmp-demo-glow 1.8s ease-in-out infinite;
  font-weight:800!important;
  letter-spacing:.02em;
  text-shadow:0 1px 2px rgba(0,0,0,.25);
}
.botmaster-plus-page .section-hero-v4 .hero-cta-row .hero-v4-cta--ghost svg{
  color:#fff7ed!important;
  filter:drop-shadow(0 0 8px rgba(255,255,255,.55));
}
/* 3 arrows pointing at the button from the right */
.botmaster-plus-page .section-hero-v4 .hero-cta-row .hero-v4-cta--ghost::after{
  content:"◀  ◀  ◀";
  position:absolute;
  left:calc(100% + .55rem);
  top:50%;
  transform:translateY(-50%);
  white-space:nowrap;
  font-size:1.05rem;
  font-weight:900;
  letter-spacing:.12em;
  line-height:1;
  color:#fb923c;
  text-shadow:0 0 12px rgba(251,146,60,.9),0 0 22px rgba(244,63,94,.55);
  pointer-events:none;
  animation:bmp-demo-arrows 1.1s ease-in-out infinite;
}
.botmaster-plus-page .section-hero-v4 .hero-cta-row .hero-v4-cta--ghost:hover{
  background:linear-gradient(135deg,#fb923c 0%,#f43f5e 50%,#f472b6 100%)!important;
  border-color:#fdba74!important;
  color:#fff!important;
  animation:bmp-demo-glow 1.2s ease-in-out infinite;
  transform:translateY(-2px) scale(1.04);
}
.botmaster-plus-page .section-hero-v4 .hero-cta-row .hero-v4-cta--ghost:hover::after{
  animation:bmp-demo-arrow-nudge .7s ease-in-out infinite;
  color:#fdba74;
}
@media (max-width:640px){
  .botmaster-plus-page .section-hero-v4 .hero-cta-row .hero-v4-cta--ghost::after{
    content:"◀ ◀";
    font-size:.9rem;
    left:calc(100% + .35rem);
  }
}
@media (prefers-reduced-motion:reduce){
  .botmaster-plus-page .section-hero-v4 .hero-cta-row .hero-v4-cta--ghost,
  .botmaster-plus-page .section-hero-v4 .hero-cta-row .hero-v4-cta--ghost::after{animation:none!important}
}

/* Reset: header Demo back to normal nav look (no highlight/arrows) */
.botmaster-plus-page nav.header-nav-dock > button.header-nav-item{
  color:inherit!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  animation:none!important;
  font-weight:inherit!important;
  text-shadow:none!important;
}
.botmaster-plus-page nav.header-nav-dock > button.header-nav-item::before,
.botmaster-plus-page nav.header-nav-dock > button.header-nav-item::after{
  content:none!important;
  display:none!important;
}
.botmaster-plus-page nav.header-nav-dock > button.header-nav-item .header-nav-item-icon{
  color:inherit!important;
  filter:none!important;
}


/* Header: hide Setup/download on Plus; Buy Now → pricing (also patched via JS) */
.botmaster-plus-page .header-download-btn{display:none!important}