/* Scoped styles to avoid collisions */
.pricing-slider{ --bg:#000000; --panel:#111111; --muted:#bbbbbb; --text:#ffffff; --accent:#5fdc2e; --accent-2:#5fdc2e; --ring:0 0 0 6px rgba(95,220,46,.25); --radius:18px; color:var(--text); }
.pricing-slider .wrap{ width:min(980px,100%); margin:0 auto; }
.pricing-slider .card{ background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01)); border:1px solid rgba(255,255,255,.1); backdrop-filter:blur(6px); border-radius:var(--radius); box-shadow:0 20px 50px rgba(0,0,0,.65); padding:28px; position:relative; overflow:hidden; }
.pricing-slider .heading{ display:flex; gap:18px; align-items:center; justify-content:space-between; margin-bottom:20px; }
.pricing-slider .heading h1{ font-size:clamp(20px,3vw,28px); margin:0; letter-spacing:.3px; }
.pricing-slider .heading p{ margin:0; color:var(--muted); font-size:14px; }

/* Slider */
.pricing-slider .slider-block{ position:relative; padding:22px; border-radius:calc(var(--radius) - 6px); background:#111111; border:1px solid rgba(255,255,255,.06); }
.pricing-slider .range{ width:100%; -webkit-appearance:none; appearance:none; height:4px; background:linear-gradient(90deg,var(--accent),var(--accent-2)); border-radius:999px; outline:none; }
.pricing-slider .range::-webkit-slider-thumb{ -webkit-appearance:none; appearance:none; width:28px; height:28px; border-radius:50%; background:#000; border:2px solid var(--accent); box-shadow:var(--ring); cursor:pointer; }
.pricing-slider .range::-moz-range-thumb{ width:28px; height:28px; border-radius:50%; background:#000; border:2px solid var(--accent); box-shadow:var(--ring); cursor:pointer; }

/* Tick labels centered under steps */
.pricing-slider .ticks{ position:relative; width:100%; margin-top:18px; }
.pricing-slider .tick{ position:absolute; top:0; transform:translateX(-50%); color:var(--muted); font-size:13px; text-align:center; cursor:pointer; user-select:none; }
.pricing-slider .tick[data-step="0"]{ left:5%; }
.pricing-slider .tick[data-step="1"]{ left:50%; }
.pricing-slider .tick[data-step="2"]{ left:95%; }
.pricing-slider .tick.active{ color:var(--accent); }

/* Details */
.pricing-slider .details{ display:grid; grid-template-columns:1.1fr .9fr; gap:22px; margin-top:22px; }
@media (max-width:720px){ .pricing-slider .details{ grid-template-columns:1fr; } }

.pricing-slider .plan{ border:1px solid rgba(255,255,255,.12); border-radius:calc(var(--radius) - 8px); padding:24px; background:linear-gradient(180deg, rgba(20,20,20,.9), rgba(5,5,5,.7)); }
.pricing-slider .plan .badge{ display:inline-flex; align-items:center; gap:8px; font-weight:600; letter-spacing:.3px; background:rgba(95,220,46,.15); color:#5fdc2e; padding:6px 10px; border-radius:999px; border:1px solid rgba(95,220,46,.45); }
.pricing-slider .plan .price{ font-size:clamp(28px,7vw,44px); margin:10px 0 6px; line-height:1; }
.pricing-slider .plan .period{ color:var(--muted); font-size:14px; }

.pricing-slider .features{ border:1px dashed rgba(255,255,255,.2); border-radius:calc(var(--radius) - 10px); padding:18px; }
.pricing-slider .features h3{ margin:0 0 10px; font-size:14px; color:var(--muted); text-transform:uppercase; letter-spacing:.12em; }
.pricing-slider .features ul{ margin:0; padding:0; list-style:none; display:grid; gap:10px; }
.pricing-slider .features li{ display:flex; align-items:start; gap:10px; }
.pricing-slider .features .dot{ width:9px; height:9px; border-radius:50%; background:var(--accent); margin-top:5px; box-shadow:0 0 0 4px rgba(95,220,46,.25); }

.pricing-slider .cta{ display:flex; gap:12px; flex-wrap:wrap; margin-top:16px;}
.pricing-slider .btn{ appearance:none; border:none; padding:12px 16px; border-radius:32px; cursor:pointer; background:linear-gradient(90deg,var(--accent),var(--accent-2)); color:#000; font-weight:700; }
.pricing-slider .btn.ghost{ background:transparent; color:var(--text); border:1px solid rgba(255,255,255,.3); }
#plan-caption {
  white-space: nowrap;
}
.pricing-slider .spec{ border:1px solid rgba(255,255,255,.1); border-radius:calc(var(--radius) - 8px); padding:24px; background:linear-gradient(180deg, rgba(15,15,15,.9), rgba(5,5,5,.7)); }
.pricing-slider .spec h4{ margin:0 0 12px; font-size:16px; color:var(--muted); }
.pricing-slider .spec .row{
  display: grid;
  grid-template-columns: 1fr auto; /* label expands, value hugs right */
  align-items: center;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.pricing-slider .spec .row:last-child{ border-bottom:0; }
.pricing-slider .spec .label{
  justify-self: start;   /* left edge */
  text-align: left;
  color: var(--muted);
}
.pricing-slider .spec .value{
  justify-self: end;     /* right edge */
  text-align: right;
  font-weight: 700;
}

/* A11y */
.pricing-slider .sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

/* Hide At-a-glance on very small devices (≤500px) */
@media (max-width:720px){ .pricing-slider .spec{ display:none; } }