/* style.css */
:root{
  --tb-indigo-600:#4f46e5;
  --tb-indigo-700:#4338ca;
  --tb-indigo-100:#e0e7ff;
  --tb-slate-50:#f8fafc;
  --tb-slate-200:#e2e8f0;
  --tb-slate-300:#cbd5e1;
  --tb-green:#22c55e;
  --tb-green-bg:#f0fdf4;
}

.card-balanced{ display:flex; flex-direction:column; min-height: 420px; }

/* Inputs */
.sends-pill{ width:100%; max-width:220px; border:1px solid #cbd5e1; background:#fff; border-radius:9999px; padding:.55rem .9rem; }
.pill-select{ width:100%; border:1px solid var(--tb-slate-300); background:#fff; border-radius:9999px; padding:.55rem 2.25rem .55rem 1rem; appearance:none;
  background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='none' stroke='%230f172a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat:no-repeat; background-position:right 12px center; background-size:16px 16px; }
.pill-select-lg{ padding:.85rem 2.25rem .85rem 1rem; font-size:1rem; }

/* Bundle buttons */
.bundle-btn{ display:inline-flex; align-items:center; justify-content:center; gap:.5rem; width:100%;
  padding:.75rem 1rem; border:1px solid var(--tb-slate-300); border-radius:14px; background:#fff; color:#0f172a; font-weight:700; transition:all .18s ease; }
.bundle-btn:hover{ border-color: var(--tb-indigo-600); }
.bundle-active{ background:var(--tb-indigo-600); color:#fff; border-color:#4338ca }

/* Platform logos strip */
.platform-logo{ height:26px; width:auto; object-fit:contain; }

/* Comparison table */
#heroTableWrap table{ table-layout:fixed; width:100% }
#heroTableWrap th,#heroTableWrap td{ vertical-align:middle; padding:.55rem .75rem }
#heroTableWrap th:nth-child(3),#heroTableWrap td:nth-child(3){ text-align:center; white-space:normal; line-height:1.15; }

/* Highlight TargetBay row */
.table-row.targetbay{ background:var(--tb-green-bg); font-weight:800; border-left:4px solid var(--tb-green); }

/* Savings Pill */
.savings-pill{
  display:inline-flex; align-items:center; gap:.25rem;
  padding:.35rem .6rem; border-radius:9999px;
  background:#ecfdf5; color:#065f46; font-weight:800;
  border:1px solid #a7f3d0;
}
.savings-pill .savings-amount{ font-variant-numeric:tabular-nums; }
.savings-pill .savings-per{ font-size:.85em; opacity:.9 }

/* Bullets — slightly bigger */
.plan-list { list-style:none; padding:0; margin:0; display:grid; grid-template-columns: repeat(2, minmax(220px,1fr)); column-gap:28px; row-gap:12px; font-size:1.12rem; }
.plan-list li { display:grid; grid-template-columns:21px 1fr; gap:.7rem; align-items:flex-start; }
.plan-list .li-ico{ width:21px; height:21px; margin-top:.2rem; background-repeat:no-repeat; background-position:center; background-size:21px 21px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M9 6l6 6-6 6'/></svg>"); }
.plan-list .li-text{ line-height:1.5; }
@media (max-width: 768px){ .plan-list{ grid-template-columns:1fr; } }

/* Offer bullets (green checks) */
.checklist { list-style:none; padding:0; margin:0; font-size:1.12rem; }
.checklist li { display:grid; grid-template-columns: 21px 1fr; gap:.7rem; align-items:flex-start; }
.checklist li + li { margin-top:.65rem; }
.checklist .li-ico{ width:21px; height:21px; margin-top:.2rem; background-repeat:no-repeat; background-position:center; background-size:21px 21px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322c55e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M4 12l5 5 11-11'/></svg>"); }
.checklist .li-text{ line-height:1.5; }

/* Plan CTA pill */
.plan-pill{ background:#E7F0FF; border:1px solid #C7DBFF; color:#0f172a; font-weight:800; border-radius:9999px; text-align:center; padding:.9rem 1rem; }

/* Footer */
.footer-cta{ border-top:1px solid var(--tb-slate-200); background:linear-gradient(180deg,#ffffff 0%, #f8fafc 100%) }

/* Testimonials — logo-only carousel (arrows in gutters) */
.reviews-wrap{ position:relative; padding-left:44px; padding-right:44px; }
.review-track{ --visible:1; display:grid; grid-auto-flow:column; grid-auto-columns: calc(100% / var(--visible)); gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; padding-bottom:4px; }
.review-track::-webkit-scrollbar{ height:8px; } .review-track::-webkit-scrollbar-thumb{ background:#cbd5e1;border-radius:9999px }
.review-card{ scroll-snap-align:start; border:1px solid var(--tb-slate-200); border-radius:18px; background:#fff; box-shadow:0 6px 16px rgba(2,6,23,.05); padding:16px; height:100%;
  display:grid; grid-template-rows:auto 1fr auto; gap:10px; }
.review-head{ display:flex; align-items:center; gap:12px; }
.review-logo{ width:56px; height:56px; object-fit:contain }
.review-quote{ color:#334155; line-height:1.5 }
.review-name{ font-weight:800 } .review-company{ font-size:.9rem; color:#475569 }
.review-arrow{ position:absolute; top:50%; transform:translateY(-50%); width:38px; height:38px; border-radius:9999px; background:#ffffff; border:1px solid #cbd5e1; color:#0f172a; display:grid; place-items:center; font-size:22px; box-shadow:0 6px 16px rgba(2,6,23,.08); }
.review-arrow:hover{ background:#f8fafc } .review-arrow.left{ left:6px } .review-arrow.right{ right:6px }
.review-dots{ display:flex; justify-content:center; gap:8px } .review-dot{ width:8px; height:8px; border-radius:9999px; background:#cbd5e1 } .review-dot.active{ background:#4f46e5 }