/**
 * JTL alternative landing page — polished, Apple-inspired refinement layer.
 * Inherits global typography, nav, footer, hero-gradient and CTA styles from
 * apple-experience.css. This file layers JTL-specific polish on top.
 */
.jtl-alternative-lp {
  --cd-jtl-primary: #0071e3;
  --cd-jtl-primary-hover: #0077ed;
  --cd-jtl-primary-soft: rgba(0, 113, 227, 0.08);
  --cd-jtl-ink: #1a1d21;
  --cd-jtl-muted: #6c757d;
  --cd-jtl-surface: #f7f9fc;
  --cd-jtl-line: rgba(15, 23, 42, 0.08);
  --cd-jtl-warn: #d97706;
  --cd-jtl-warn-soft: rgba(217, 119, 6, 0.1);
  --cd-jtl-danger: #dc2626;
  --cd-jtl-danger-soft: rgba(220, 38, 38, 0.08);
  --cd-jtl-success: #16a34a;
  --cd-jtl-success-soft: rgba(22, 163, 74, 0.1);
  --cd-jtl-radius-lg: 1.35rem;
  --cd-jtl-radius-md: 1rem;
  --cd-jtl-shadow-card: 0 18px 48px rgba(15, 23, 42, 0.07);
  --cd-jtl-shadow-hover: 0 22px 60px rgba(15, 23, 42, 0.1);
  color: var(--cd-jtl-ink);
}

/* ─── Section kicker ─────────────────────────────────────── */
.jtl-alternative-lp .section-kicker {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--cd-jtl-primary);
  margin-bottom: 0.5rem;
  display: inline-block;
}

/* ─── Section title underline ───────────────────────────── */
.jtl-alternative-lp section .row.justify-content-center.text-center .h1.fw-bold {
  position: relative;
  margin-bottom: 1rem;
}

.jtl-alternative-lp section .row.justify-content-center.text-center .h1.fw-bold::after {
  content: "";
  display: block;
  width: 56px;
  height: 3px;
  margin: 0.85rem auto 0;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, var(--cd-jtl-primary), transparent);
}

/* ─── Hero ──────────────────────────────────────────────── */
.jtl-alternative-lp .hero-badge {
  font-weight: 600 !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.02em !important;
  color: #003d7a !important;
  background: linear-gradient(135deg, rgba(0, 113, 227, 0.14), rgba(0, 113, 227, 0.05)) !important;
  border: 1px solid rgba(0, 113, 227, 0.2) !important;
  box-shadow: 0 4px 14px rgba(0, 56, 115, 0.1) !important;
}

.jtl-alternative-lp .display-heading {
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.1;
}

.jtl-alternative-lp .lead-tight {
  max-width: 38rem;
  font-size: 1.05rem;
}

.jtl-alternative-lp .lead-tight strong {
  color: var(--cd-jtl-ink);
  font-weight: 600;
}

/* ─── Hero visual motion ────────────────────────────────── */
@keyframes cd-hero-flow {
  0%, 12% { transform: translateX(-5px); opacity: 0; }
  28%, 72% { transform: translateX(0); opacity: 1; }
  88%, 100% { transform: translateX(5px); opacity: 0; }
}

@keyframes cd-hero-cloud-receive {
  0%, 24%, 100% { transform: translateY(0); border-color: rgba(0, 113, 227, 0.2); box-shadow: 0 8px 24px rgba(0, 113, 227, 0.08); }
  34%, 48% { transform: translateY(-2px); border-color: rgba(0, 113, 227, 0.48); box-shadow: 0 14px 34px rgba(0, 113, 227, 0.2); }
}

@keyframes cd-hero-hub-pulse {
  0%, 42%, 100% { transform: scale(1); box-shadow: 0 10px 24px rgba(0, 113, 227, 0.22); }
  52%, 62% { transform: scale(1.035); box-shadow: 0 14px 34px rgba(0, 113, 227, 0.34), 0 0 0 0.45rem rgba(0, 113, 227, 0.07); }
}

@keyframes cd-hero-line-flow {
  0%, 45% { background-position: 0 -12px; opacity: 0.35; }
  65%, 100% { background-position: 0 12px; opacity: 1; }
}

@keyframes cd-hero-channel-update {
  0%, 54% { transform: translateY(3px); border-color: rgba(15, 23, 42, 0.07); box-shadow: none; }
  64%, 80% { transform: translateY(0); border-color: rgba(22, 163, 74, 0.24); box-shadow: 0 7px 18px rgba(22, 163, 74, 0.1); }
  100% { transform: translateY(3px); border-color: rgba(15, 23, 42, 0.07); box-shadow: none; }
}

@keyframes cd-hero-status-flash {
  0%, 56% { opacity: 0.55; }
  68%, 88% { opacity: 1; }
  100% { opacity: 0.55; }
}

@keyframes cd-hero-glow-drift {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
  50% { transform: translate3d(-1.5rem, 1rem, 0) scale(1.1); }
}

/* ─── JTL hero visual ───────────────────────────────────── */
.jtl-alternative-lp .hero-jtl {
  position: relative;
  overflow: hidden;
  min-height: 44rem;
  background:
    radial-gradient(circle at 78% 16%, rgba(0, 113, 227, 0.14), transparent 25rem),
    radial-gradient(circle at 12% 82%, rgba(42, 190, 120, 0.09), transparent 22rem),
    linear-gradient(145deg, #f8fbff 0%, #ffffff 48%, #f4f8fd 100%);
}

.jtl-alternative-lp .hero-jtl::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(0, 78, 156, 0.11) 0.75px, transparent 0.75px);
  background-size: 22px 22px;
  mask-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.55), transparent);
  opacity: 0.4;
  pointer-events: none;
}

.jtl-alternative-lp .hero-jtl .container { position: relative; z-index: 1; }
.jtl-alternative-lp .hero-jtl__layout {
  display: grid;
  grid-template-columns: minmax(25rem, 0.92fr) minmax(32rem, 1.08fr);
  align-items: center;
  gap: clamp(2.25rem, 4vw, 4.5rem);
  min-height: 36rem;
  margin: 0;
}
.jtl-alternative-lp .hero-jtl__layout > [class*="col-"] { width: auto; max-width: none; padding: 0; }
.jtl-alternative-lp .hero-jtl__copy { position: relative; z-index: 2; }
.jtl-alternative-lp .hero-jtl .display-heading { max-width: 39rem; font-size: clamp(3rem, 5.4vw, 4.85rem); line-height: 0.98; letter-spacing: -0.065em; }
.jtl-alternative-lp .hero-jtl .display-heading > span { color: var(--cd-jtl-primary); }
.jtl-alternative-lp .hero-jtl .lead-tight { max-width: 34rem; color: #566272; line-height: 1.65; }
.jtl-alternative-lp .hero-jtl .btn { border-radius: 0.78rem; padding: 0.82rem 1.45rem; font-weight: 600; }
.jtl-alternative-lp .hero-jtl__visual-column { position: relative; }
.jtl-alternative-lp .hero-jtl__visual-column::before { content: ""; position: absolute; inset: 8% -8% 5% 5%; z-index: -1; border-radius: 50%; background: radial-gradient(circle, rgba(0, 113, 227, 0.16), transparent 68%); filter: blur(18px); }

.jtl-alternative-lp .hero-assurance {
  display: flex;
  flex-direction: column;
  max-width: 34rem;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.075);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.055);
  backdrop-filter: blur(12px);
}

.jtl-alternative-lp .hero-offer {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0;
  padding: 0.65rem 0.75rem;
  border: 0;
  border-bottom: 1px solid rgba(15, 23, 42, 0.065);
  border-radius: 0;
  background: linear-gradient(90deg, rgba(22, 163, 74, 0.075), rgba(255, 255, 255, 0));
}
.jtl-alternative-lp .hero-offer strong { display: grid; place-items: center; min-width: 3.25rem; height: 2.35rem; padding: 0 0.6rem; border-radius: 0.62rem; color: #fff; background: linear-gradient(135deg, #2eb871, #168a50); box-shadow: 0 6px 14px rgba(22, 138, 80, 0.18); font-size: 1rem; letter-spacing: -0.03em; }
.jtl-alternative-lp .hero-offer span { color: #455568; font-size: 0.7rem; font-weight: 650; line-height: 1.35; }

.jtl-alternative-lp .hero-proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0.7rem 0.75rem;
  color: #526172;
  font-size: 0.67rem;
  font-weight: 600;
}

.jtl-alternative-lp .hero-proof li { display: inline-flex; align-items: center; gap: 0.32rem; min-width: 0; white-space: nowrap; }
.jtl-alternative-lp .hero-proof li + li { padding-left: 0.65rem; border-left: 1px solid rgba(15, 23, 42, 0.07); }
.jtl-alternative-lp .hero-proof i { display: grid; place-items: center; width: 1rem; height: 1rem; flex-shrink: 0; border-radius: 50%; color: #16824b; background: rgba(22, 163, 74, 0.1); font-size: 0.66rem; }

.jtl-alternative-lp .hero-cloud-visual {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: calc(100% + 2rem);
  margin-left: -0.5rem;
  padding: 1.55rem;
  border: 1px solid rgba(0, 82, 163, 0.14);
  border-radius: 1.85rem;
  background: rgba(255, 255, 255, 0.93);
  box-shadow: 0 38px 100px rgba(15, 54, 93, 0.17), 0 1px 0 #fff inset;
  backdrop-filter: blur(20px);
}

.jtl-alternative-lp .hero-cloud-visual::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(145deg, rgba(0, 113, 227, 0.035), transparent 42%, rgba(22, 163, 74, 0.035));
}

.jtl-alternative-lp .hero-cloud-visual__glow { position: absolute; z-index: -1; top: -7rem; right: -6rem; width: 16rem; height: 16rem; border-radius: 50%; background: rgba(0, 113, 227, 0.13); filter: blur(40px); }
.jtl-alternative-lp .hero-cloud-visual__head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.25rem 0.2rem 1.15rem; border-bottom: 1px solid rgba(15, 23, 42, 0.07); }
.jtl-alternative-lp .hero-cloud-visual__head > div { display: flex; flex-direction: column; gap: 0.2rem; }
.jtl-alternative-lp .hero-cloud-visual__eyebrow { color: var(--cd-jtl-primary); font-size: 0.65rem; font-weight: 750; letter-spacing: 0.1em; text-transform: uppercase; }
.jtl-alternative-lp .hero-cloud-visual__head strong { color: var(--cd-jtl-ink); font-size: 1rem; letter-spacing: -0.02em; }
.jtl-alternative-lp .hero-cloud-visual__status { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.32rem 0.58rem; border: 1px solid rgba(22, 163, 74, 0.16); border-radius: 999px; color: #16824b; background: rgba(22, 163, 74, 0.07); font-size: 0.65rem; font-weight: 700; }
.jtl-alternative-lp .hero-cloud-visual__status span { width: 0.45rem; height: 0.45rem; border-radius: 50%; background: #2fbe78; box-shadow: 0 0 0 0.22rem rgba(47, 190, 120, 0.14); animation: cd-jtl-pulse 2.5s ease-in-out infinite; }

.jtl-alternative-lp .hero-cloud-visual__flow { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 0.65rem; padding: 1.15rem 0 1rem; }
.jtl-alternative-lp .hero-system { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 0.65rem; padding: 0.78rem; border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 0.85rem; background: #fff; }
.jtl-alternative-lp .hero-system__icon { display: grid; place-items: center; width: 2.35rem; height: 2.35rem; border-radius: 0.7rem; font-size: 1rem; }
.jtl-alternative-lp .hero-system__copy { display: flex; flex-direction: column; min-width: 0; }
.jtl-alternative-lp .hero-system__copy small { color: var(--cd-jtl-muted); font-size: 0.62rem; }
.jtl-alternative-lp .hero-system__copy strong { color: var(--cd-jtl-ink); font-size: 0.82rem; letter-spacing: -0.01em; }
.jtl-alternative-lp .hero-system__meta { grid-column: 1 / -1; padding-top: 0.45rem; border-top: 1px solid rgba(15, 23, 42, 0.06); color: var(--cd-jtl-muted); font-size: 0.63rem; }
.jtl-alternative-lp .hero-system--legacy { background: #fffaf3; border-color: rgba(217, 119, 6, 0.15); }
.jtl-alternative-lp .hero-system--legacy .hero-system__icon { color: #ad6b15; background: rgba(217, 119, 6, 0.1); }
.jtl-alternative-lp .hero-system--cloud { border-color: rgba(0, 113, 227, 0.2); background: linear-gradient(135deg, rgba(0, 113, 227, 0.08), #fff); box-shadow: 0 8px 24px rgba(0, 113, 227, 0.08); }
.jtl-alternative-lp .hero-system--cloud .hero-system__icon { color: var(--cd-jtl-primary); background: rgba(0, 113, 227, 0.1); }
.jtl-alternative-lp .hero-flow-arrow { display: flex; align-items: center; color: var(--cd-jtl-primary); }
.jtl-alternative-lp .hero-flow-arrow span { width: 1rem; border-top: 1px dashed rgba(0, 113, 227, 0.35); }
.jtl-alternative-lp .hero-flow-arrow i { font-size: 0.9rem; }

.jtl-alternative-lp .hero-channel-map { position: relative; padding: 1rem; border: 1px solid rgba(0, 113, 227, 0.1); border-radius: 1rem; background: linear-gradient(145deg, #f7fbff, #fff); }
.jtl-alternative-lp .hero-channel-map__hub { display: flex; align-items: center; justify-content: center; gap: 0.7rem; width: fit-content; margin: 0 auto; padding: 0.65rem 0.9rem; border-radius: 0.75rem; color: #fff; background: linear-gradient(135deg, #0879e6, #005ebc); box-shadow: 0 10px 24px rgba(0, 113, 227, 0.22); }
.jtl-alternative-lp .hero-channel-map__hub > i { font-size: 1rem; }
.jtl-alternative-lp .hero-channel-map__hub span { display: flex; flex-direction: column; }
.jtl-alternative-lp .hero-channel-map__hub strong { font-size: 0.82rem; }
.jtl-alternative-lp .hero-channel-map__hub small { color: rgba(255, 255, 255, 0.72); font-size: 0.58rem; }
.jtl-alternative-lp .hero-channel-map__line { width: 1px; height: 0.8rem; margin: 0 auto; border-left: 1px dashed rgba(0, 113, 227, 0.34); }
.jtl-alternative-lp .hero-channel-map__channels { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.45rem; list-style: none; margin: 0; padding: 0; }
.jtl-alternative-lp .hero-channel-map__channels li { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 0.4rem; padding: 0.55rem; border: 1px solid rgba(15, 23, 42, 0.07); border-radius: 0.65rem; background: #fff; color: var(--cd-jtl-ink); font-size: 0.67rem; font-weight: 650; }
.jtl-alternative-lp .hero-channel-map__channels li i { grid-row: 1 / 3; color: var(--cd-jtl-primary); font-size: 0.85rem; }
.jtl-alternative-lp .hero-channel-map__channels li small { color: #16824b; font-size: 0.56rem; font-weight: 650; }
.jtl-alternative-lp .hero-cloud-visual__foot { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 0.2rem 0.1rem; color: var(--cd-jtl-muted); font-size: 0.67rem; }
.jtl-alternative-lp .hero-cloud-visual__foot span { display: inline-flex; align-items: center; gap: 0.35rem; }
.jtl-alternative-lp .hero-cloud-visual__foot i { color: #16a34a; }
.jtl-alternative-lp .hero-cloud-visual__foot strong { color: var(--cd-jtl-primary); font-size: 0.7rem; }

.jtl-alternative-lp .hero-cloud-visual__glow { animation: cd-hero-glow-drift 8s ease-in-out infinite; }
.jtl-alternative-lp .hero-flow-arrow i { animation: cd-hero-flow 3.8s ease-in-out infinite; }
.jtl-alternative-lp .hero-flow-arrow span {
  position: relative;
  overflow: hidden;
  height: 2px;
  border: 0;
  background: rgba(0, 113, 227, 0.14);
}
.jtl-alternative-lp .hero-flow-arrow span::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, #1488ef, transparent);
  transform: translateX(-100%);
  animation: cd-jtl-bar-grow 1.7s ease-in-out infinite;
}
.jtl-alternative-lp .hero-system--cloud { animation: cd-hero-cloud-receive 5.8s ease-in-out infinite; }
.jtl-alternative-lp .hero-channel-map__hub { animation: cd-hero-hub-pulse 5.8s ease-in-out infinite; }
.jtl-alternative-lp .hero-channel-map__line {
  width: 2px;
  border: 0;
  background: repeating-linear-gradient(180deg, #2795ee 0 4px, transparent 4px 8px);
  background-size: 2px 16px;
  animation: cd-hero-line-flow 2s linear infinite;
}
.jtl-alternative-lp .hero-channel-map__channels li { animation: cd-hero-channel-update 5.8s ease-in-out infinite; }
.jtl-alternative-lp .hero-channel-map__channels li:nth-child(1) { animation-delay: 0.15s; }
.jtl-alternative-lp .hero-channel-map__channels li:nth-child(2) { animation-delay: 0.38s; }
.jtl-alternative-lp .hero-channel-map__channels li:nth-child(3) { animation-delay: 0.61s; }
.jtl-alternative-lp .hero-channel-map__channels li small { animation: cd-hero-status-flash 5.8s ease-in-out infinite; }
.jtl-alternative-lp .hero-channel-map__channels li:nth-child(2) small { animation-delay: 0.23s; }
.jtl-alternative-lp .hero-channel-map__channels li:nth-child(3) small { animation-delay: 0.46s; }
.jtl-alternative-lp .hero-cloud-visual__foot i { animation: cd-jtl-pulse 2.2s ease-in-out infinite; }

@media (max-width: 1199.98px) {
  .jtl-alternative-lp .hero-jtl__layout {
    grid-template-columns: minmax(22rem, 0.9fr) minmax(28rem, 1.1fr);
    gap: 2rem;
  }
  .jtl-alternative-lp .hero-jtl .display-heading { font-size: clamp(2.85rem, 5vw, 4rem); }
  .jtl-alternative-lp .hero-proof { font-size: 0.63rem; }
}

@media (max-width: 991.98px) {
  .jtl-alternative-lp .hero-jtl__layout { display: flex; min-height: 0; margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); }
  .jtl-alternative-lp .hero-jtl__layout > [class*="col-"] { width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); }
  .jtl-alternative-lp .hero-cloud-visual { width: 100%; margin-left: 0; }
}

@media (max-width: 575.98px) {
  .jtl-alternative-lp .hero-jtl { min-height: 0; }
  .jtl-alternative-lp .hero-jtl .display-heading { font-size: clamp(2.55rem, 12vw, 3.35rem); }
  .jtl-alternative-lp .hero-assurance { width: 100%; }
  .jtl-alternative-lp .hero-offer { width: 100%; }
  .jtl-alternative-lp .hero-proof { grid-template-columns: 1fr; gap: 0.55rem; padding: 0.75rem; font-size: 0.7rem; }
  .jtl-alternative-lp .hero-proof li + li { padding-left: 0; border-left: 0; }
  .jtl-alternative-lp .hero-cloud-visual { padding: 1rem; border-radius: 1.2rem; }
  .jtl-alternative-lp .hero-cloud-visual__head { align-items: flex-start; }
  .jtl-alternative-lp .hero-cloud-visual__status { display: none; }
  .jtl-alternative-lp .hero-cloud-visual__flow { grid-template-columns: 1fr; }
  .jtl-alternative-lp .hero-flow-arrow { justify-content: center; transform: rotate(90deg); }
  .jtl-alternative-lp .hero-channel-map__channels { grid-template-columns: 1fr; }
  .jtl-alternative-lp .hero-cloud-visual__foot { align-items: flex-start; flex-direction: column; gap: 0.4rem; }
}

/* ─── Hero benefit strip ────────────────────────────────── */
.jtl-alternative-lp .mini-stat {
  --bs-gutter-x: 0;
  position: relative;
  overflow: hidden;
  margin-right: 0;
  margin-left: 0;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 1.15rem;
  background: rgba(255, 255, 255, 0.84);
  box-shadow: 0 14px 38px rgba(15, 23, 42, 0.065);
  backdrop-filter: blur(16px);
}

.jtl-alternative-lp .mini-stat::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 2px;
  background: linear-gradient(90deg, #42b883, var(--cd-jtl-primary), #9b6ee8);
  opacity: 0.7;
}

.jtl-alternative-lp .mini-stat > div { position: relative; }
.jtl-alternative-lp .mini-stat > div + div::before { content: ""; position: absolute; z-index: 1; left: 0; top: 22%; bottom: 22%; width: 1px; background: rgba(15, 23, 42, 0.08); }

.jtl-alternative-lp .mini-stat .stat-tile {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.72rem;
  min-height: 5rem;
  padding: 0.9rem 1rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  text-align: left;
  transition: background 0.25s ease;
}

.jtl-alternative-lp .mini-stat .stat-tile:hover { background: rgba(0, 113, 227, 0.035); }

.jtl-alternative-lp .mini-stat .stat-tile__icon {
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  flex-shrink: 0;
  border: 1px solid currentColor;
  border-radius: 50%;
  background: #fff;
  line-height: 1;
  opacity: 0.88;
  transition: transform 0.3s var(--cd-lp-ease-spring), box-shadow 0.3s ease;
}

.jtl-alternative-lp .mini-stat .stat-tile__icon svg { width: 1rem; height: 1rem; flex-shrink: 0; }
.jtl-alternative-lp .mini-stat .stat-tile:hover .stat-tile__icon { transform: translateY(-1px); }
.jtl-alternative-lp .mini-stat .stat-tile__icon--green { color: #21945d; box-shadow: 0 0 0 0.3rem rgba(33, 148, 93, 0.07); }
.jtl-alternative-lp .mini-stat .stat-tile__icon--blue { color: var(--cd-jtl-primary); box-shadow: 0 0 0 0.3rem rgba(0, 113, 227, 0.07); }
.jtl-alternative-lp .mini-stat .stat-tile__icon--purple { color: #8b5bd3; box-shadow: 0 0 0 0.3rem rgba(139, 91, 211, 0.07); }

.jtl-alternative-lp .mini-stat .stat-tile__body { display: flex; flex-direction: column; gap: 0.18rem; min-width: 0; }
.jtl-alternative-lp .mini-stat .stat-tile strong { display: block; color: var(--cd-jtl-ink); font-size: 0.88rem; font-weight: 750; line-height: 1.15; letter-spacing: -0.025em; white-space: nowrap; }
.jtl-alternative-lp .mini-stat .stat-tile span { display: block; margin: 0; color: var(--cd-jtl-muted); font-size: 0.67rem; line-height: 1.3; }

@media (max-width: 575.98px) {
  .jtl-alternative-lp .mini-stat > div + div::before { top: 0; right: 1rem; bottom: auto; left: 1rem; width: auto; height: 1px; }
  .jtl-alternative-lp .mini-stat .stat-tile { min-height: 4.5rem; }
}

/* ─── Hero comparison card ──────────────────────────────── */
.jtl-alternative-lp .hero-compare-card {
  position: relative;
  isolation: isolate;
  border-radius: var(--cd-jtl-radius-lg);
  border: 1px solid rgba(0, 113, 227, 0.1);
  background:
    linear-gradient(160deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 252, 255, 0.86) 100%),
    radial-gradient(circle at 100% 0%, rgba(0, 113, 227, 0.08), transparent 16rem);
  box-shadow:
    0 24px 60px rgba(0, 40, 100, 0.1),
    0 1px 0 rgba(255, 255, 255, 0.8) inset;
  backdrop-filter: blur(18px);
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
  overflow: hidden;
  transition:
    box-shadow 0.35s ease,
    border-color 0.35s ease,
    transform 0.35s var(--cd-lp-ease-out);
}

.jtl-alternative-lp .hero-compare-card::before {
  content: "";
  position: absolute;
  inset: 0.6rem;
  border: 1px solid rgba(0, 113, 227, 0.06);
  border-radius: calc(var(--cd-jtl-radius-lg) - 0.4rem);
  pointer-events: none;
  z-index: 0;
}

.jtl-alternative-lp .hero-compare-card > * {
  position: relative;
  z-index: 1;
}

.jtl-alternative-lp .hero-compare-card:hover {
  box-shadow:
    0 30px 70px rgba(0, 40, 100, 0.14),
    0 1px 0 rgba(255, 255, 255, 0.8) inset;
  border-color: rgba(0, 113, 227, 0.22);
  transform: translateY(-3px);
}

/* Header */
.jtl-alternative-lp .hero-compare-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}

.jtl-alternative-lp .hero-compare-head__title {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.95rem;
  letter-spacing: -0.01em;
  color: var(--cd-jtl-ink);
}

.jtl-alternative-lp .hero-compare-head__dot {
  width: 0.55rem;
  height: 0.55rem;
  background: #31c477;
  border-radius: 999px;
  box-shadow: 0 0 0 0.35rem rgba(49, 196, 119, 0.18);
  animation: cd-jtl-pulse 2.6s ease-in-out infinite;
}

@keyframes cd-jtl-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0.3rem rgba(49, 196, 119, 0.18);
  }
  50% {
    box-shadow: 0 0 0 0.5rem rgba(49, 196, 119, 0.06);
  }
}

.jtl-alternative-lp .hero-compare-head__badge {
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--cd-jtl-primary);
  background: var(--cd-jtl-primary-soft);
  border: 1px solid rgba(0, 113, 227, 0.16);
  border-radius: 999px;
  padding: 0.3rem 0.65rem;
}

/* Two-column comparison list */
.jtl-alternative-lp .hero-compare-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.65rem;
}

.jtl-alternative-lp .hero-compare-row {
  display: grid;
  grid-template-columns: minmax(7.25rem, 0.8fr) minmax(0, 1.1fr) minmax(0, 1.1fr);
  align-items: stretch;
  gap: 0.55rem;
  padding: 0.55rem;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.085);
  border-radius: 0.9rem;
  box-shadow: 0 3px 12px rgba(15, 23, 42, 0.025);
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s var(--cd-lp-ease-out);
}

.jtl-alternative-lp .hero-compare-row:hover {
  border-color: rgba(0, 113, 227, 0.18);
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.065);
  transform: translateY(-1px);
}

.jtl-alternative-lp .hero-compare-label {
  display: flex;
  align-items: center;
  padding: 0.4rem 0.5rem;
  color: var(--cd-jtl-ink);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.jtl-alternative-lp .hero-compare-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.65rem;
  padding: 0.45rem 0.6rem;
  border-radius: 0.7rem;
  text-align: center;
  font-size: 0.76rem;
  line-height: 1.3;
  letter-spacing: -0.005em;
}

.jtl-alternative-lp .hero-compare-cell strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  font-weight: 750;
}

.jtl-alternative-lp .hero-compare-cell--jtl {
  color: #ad6b15;
  background: #fffaf3;
  border: 1px solid rgba(217, 119, 6, 0.16);
}

.jtl-alternative-lp .hero-compare-cell--cd {
  color: #16824b;
  background: #f1fbf5;
  border: 1px solid rgba(22, 163, 74, 0.22);
  box-shadow: 0 2px 8px rgba(22, 163, 74, 0.08);
}

.jtl-alternative-lp .hero-compare-cell--cd i {
  color: var(--cd-jtl-success);
  font-size: 0.92rem;
}

/* Footer with comparison bars */
.jtl-alternative-lp .hero-compare-foot {
  margin-top: 1.2rem;
  padding: 1rem 0.25rem 0;
  border-top: 1px dashed rgba(15, 23, 42, 0.12);
}

.jtl-alternative-lp .hero-compare-bars {
  display: grid;
  gap: 0.55rem;
  margin-bottom: 0.85rem;
}

.jtl-alternative-lp .hero-compare-bar {
  display: grid;
  grid-template-columns: 6.5rem 1fr;
  align-items: center;
  gap: 0.85rem;
}

.jtl-alternative-lp .hero-compare-bar__label {
  overflow: hidden;
  color: var(--cd-jtl-muted);
  font-size: 0.68rem;
  font-weight: 750;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jtl-alternative-lp .hero-compare-bar--jtl .hero-compare-bar__label { color: var(--cd-jtl-warn); }
.jtl-alternative-lp .hero-compare-bar--cd .hero-compare-bar__label { color: var(--cd-jtl-success); }
.jtl-alternative-lp .hero-compare-bar__track { position: relative; height: 0.38rem; overflow: hidden; border-radius: 999px; background: rgba(15, 23, 42, 0.08); }
.jtl-alternative-lp .hero-compare-bar__fill { display: block; height: 100%; border-radius: inherit; transform-origin: left center; animation: cd-jtl-bar-grow 0.9s var(--cd-lp-ease-out) backwards; }
.jtl-alternative-lp .hero-compare-bar--jtl .hero-compare-bar__fill { background: linear-gradient(90deg, var(--cd-jtl-warn), #efc080); animation-delay: 0.15s; }
.jtl-alternative-lp .hero-compare-bar--cd .hero-compare-bar__fill { background: linear-gradient(90deg, var(--cd-jtl-success), #8ad4ab); box-shadow: 0 0 12px rgba(22, 163, 74, 0.3); animation-delay: 0.3s; }

@keyframes cd-jtl-bar-grow {
  from { transform: scaleX(0); opacity: 0; }
  to { transform: scaleX(1); opacity: 0.9; }
}

.jtl-alternative-lp .hero-compare-foot__text { margin: 0; color: var(--cd-jtl-muted); font-size: 0.76rem; line-height: 1.5; }

@media (max-width: 767.98px) {
  .jtl-alternative-lp .hero-compare-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas: "label label" "jtl cd";
    gap: 0.4rem;
    padding: 0.65rem;
  }
  .jtl-alternative-lp .hero-compare-label { grid-area: label; padding: 0.2rem 0.35rem; font-size: 0.82rem; }
  .jtl-alternative-lp .hero-compare-cell--jtl { grid-area: jtl; }
  .jtl-alternative-lp .hero-compare-cell--cd { grid-area: cd; }
  .jtl-alternative-lp .hero-compare-bar { grid-template-columns: 5.5rem 1fr; }
}

/* ─── Direct comparison (grouped list) ──────────────────── */
.jtl-alternative-lp .compare-shell {
  max-width: 1120px;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 1.5rem;
  background: #fff;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.09), 0 2px 0 rgba(255, 255, 255, 0.9) inset;
}

.jtl-alternative-lp .compare-shell__head {
  display: grid;
  grid-template-columns: minmax(10rem, 1.15fr) minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
  padding: 0.75rem 1.25rem;
  background: #f8fafc;
  border-bottom: 1px solid rgba(15, 23, 42, 0.09);
}

.jtl-alternative-lp .compare-shell__head-cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.28rem;
  min-height: 3.6rem;
  color: var(--cd-jtl-muted);
  font-size: 0.68rem;
  font-weight: 750;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.jtl-alternative-lp .compare-shell__head-cell--cd {
  position: relative;
  margin: -0.15rem 0;
  padding: 0.8rem 1.25rem;
  border: 1px solid rgba(0, 113, 227, 0.2);
  border-radius: 0.9rem;
  background: linear-gradient(135deg, rgba(0, 113, 227, 0.1), rgba(0, 113, 227, 0.035));
  box-shadow: 0 5px 16px rgba(0, 113, 227, 0.08);
}

.jtl-alternative-lp .compare-shell__head-cell--jtl { padding-left: 1.25rem; border-left: 1px solid rgba(15, 23, 42, 0.07); }
.jtl-alternative-lp .compare-shell__brand { color: var(--cd-jtl-ink); font-size: 1rem; font-weight: 750; letter-spacing: -0.025em; text-transform: none; }
.jtl-alternative-lp .compare-shell__brand--cd { color: var(--cd-jtl-primary); }
.jtl-alternative-lp .compare-shell__brand-sub { width: fit-content; padding: 0.2rem 0.55rem; border: 1px solid rgba(0, 113, 227, 0.17); border-radius: 999px; color: var(--cd-jtl-primary); background: rgba(255, 255, 255, 0.7); font-size: 0.61rem; font-weight: 750; letter-spacing: 0.08em; text-transform: uppercase; }

.jtl-alternative-lp .compare-group { padding: 1.35rem 1.25rem 0.65rem; border-bottom: 1px solid rgba(15, 23, 42, 0.08); }
.jtl-alternative-lp .compare-group:last-child { padding-bottom: 1.35rem; border-bottom: 0; }
.jtl-alternative-lp .compare-group__title { display: flex; align-items: center; gap: 0.65rem; margin: 0 0 0.7rem; color: var(--cd-jtl-primary); font-size: 0.67rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; }
.jtl-alternative-lp .compare-group__title::after { content: ""; height: 1px; flex: 1; background: linear-gradient(90deg, rgba(0, 113, 227, 0.16), transparent); }
.jtl-alternative-lp .compare-list { list-style: none; margin: 0; padding: 0; }

.jtl-alternative-lp .compare-row { display: grid; grid-template-columns: minmax(10rem, 1.15fr) minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; min-height: 3.55rem; border-top: 1px solid rgba(15, 23, 42, 0.065); transition: background 0.2s ease; }
.jtl-alternative-lp .compare-row:hover { background: rgba(0, 113, 227, 0.025); }
.jtl-alternative-lp .compare-row__label { display: flex; align-items: center; padding: 0.75rem 1rem 0.75rem 0.1rem; color: var(--cd-jtl-ink); font-size: 0.82rem; font-weight: 650; letter-spacing: -0.01em; }
.jtl-alternative-lp .compare-row__cell { display: flex; align-items: center; padding: 0.75rem 1rem; color: var(--cd-jtl-muted); font-size: 0.81rem; line-height: 1.4; letter-spacing: -0.005em; }
.jtl-alternative-lp .compare-row__cell strong { color: #16824b; font-weight: 750; letter-spacing: -0.01em; }
.jtl-alternative-lp .compare-row__cell--cd { position: relative; color: #16824b; background: linear-gradient(90deg, rgba(22, 163, 74, 0.045), rgba(22, 163, 74, 0.015)); border-left: 1px solid rgba(22, 163, 74, 0.12); border-right: 1px solid rgba(22, 163, 74, 0.08); }
.jtl-alternative-lp .compare-row__cell--cd::before { content: ""; position: absolute; left: -1px; top: 22%; bottom: 22%; width: 2px; border-radius: 999px; background: #43b97b; opacity: 0.8; }
.jtl-alternative-lp .compare-row__cell--jtl { padding-left: 1.25rem; border-left: 1px solid rgba(15, 23, 42, 0.06); }
.jtl-alternative-lp .compare-row__cell--danger { color: var(--cd-jtl-danger); font-weight: 650; }

@media (max-width: 767.98px) {
  .jtl-alternative-lp .compare-shell { border-radius: 1.15rem; }
  .jtl-alternative-lp .compare-shell__head, .jtl-alternative-lp .compare-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .jtl-alternative-lp .compare-shell__head { padding: 0.6rem 0.75rem; }
  .jtl-alternative-lp .compare-shell__head-cell--label, .jtl-alternative-lp .compare-row__label { grid-column: 1 / -1; min-height: 2.5rem; padding: 0.55rem 0.25rem; }
  .jtl-alternative-lp .compare-shell__head-cell--cd { margin: 0; padding: 0.65rem 0.75rem; }
  .jtl-alternative-lp .compare-shell__head-cell--jtl { padding-left: 0.75rem; }
  .jtl-alternative-lp .compare-group { padding: 1rem 0.75rem 0.4rem; }
  .jtl-alternative-lp .compare-group:last-child { padding-bottom: 1rem; }
  .jtl-alternative-lp .compare-row { min-height: 0; }
  .jtl-alternative-lp .compare-row__cell { padding: 0.65rem 0.6rem; font-size: 0.76rem; }
  .jtl-alternative-lp .compare-row__cell--jtl, .jtl-alternative-lp .compare-row__cell--cd { padding-left: 0.75rem; }
}

/* ─── Stats strip ───────────────────────────────────────── */
.jtl-alternative-lp .stats-strip {
  background: #fff;
}

.jtl-alternative-lp .stats-strip__lead {
  max-width: 54rem;
  margin-bottom: 2.25rem;
  color: var(--cd-jtl-muted);
  font-size: 0.9rem;
  line-height: 1.55;
}

.jtl-alternative-lp .stats-strip__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: 74rem;
  margin: 0 auto;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: var(--cd-jtl-radius-lg);
  background: #fff;
  box-shadow: var(--cd-jtl-shadow-card);
  overflow: hidden;
}

.jtl-alternative-lp .stats-strip__item {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 1.25rem 1.4rem;
  min-width: 0;
}

.jtl-alternative-lp .stats-strip__item + .stats-strip__item {
  border-left: 1px solid rgba(15, 23, 42, 0.08);
}

.jtl-alternative-lp .stats-strip__value {
  margin: 0;
  color: var(--cd-jtl-ink);
  font-size: clamp(1.55rem, 2.4vw, 2rem);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.055em;
  font-feature-settings: "tnum" 1;
}

@keyframes cd-stat-settle {
  0% { transform: translateY(3px) scale(0.96); opacity: 0.55; }
  55% { transform: translateY(-2px) scale(1.045); opacity: 1; }
  100% { transform: translateY(0) scale(1); opacity: 1; }
}

.jtl-alternative-lp .cd-counted-value {
  animation: cd-stat-settle 0.42s var(--cd-lp-ease-spring) both;
}

.jtl-alternative-lp .stats-strip__count,
.jtl-alternative-lp .migration-summary__count {
  display: inline-block;
  min-width: 1ch;
  font-variant-numeric: tabular-nums;
}

.jtl-alternative-lp .migration-summary__prefix,
.jtl-alternative-lp .migration-summary__suffix {
  display: inline-block;
}

.jtl-alternative-lp .stats-strip__count {
  display: inline-block;
  min-width: 1ch;
  font-variant-numeric: tabular-nums;
}

.jtl-alternative-lp .stats-strip__value-unit {
  color: var(--cd-jtl-primary);
  font-size: 0.7em;
  letter-spacing: -0.02em;
}

.jtl-alternative-lp .stats-strip__label { display: flex; flex-direction: column; gap: 0.15rem; margin: 0; }
.jtl-alternative-lp .stats-strip__label-title { color: var(--cd-jtl-ink); font-size: 0.78rem; font-weight: 650; }
.jtl-alternative-lp .stats-strip__label-sub { color: var(--cd-jtl-muted); font-size: 0.72rem; line-height: 1.35; }

/* ─── Dark tariff section ───────────────────────────────── */
.jtl-alternative-lp .tariff-dark {
  position: relative;
  overflow: hidden;
  color: #f8fafc;
  background:
    radial-gradient(circle at 12% 8%, rgba(217, 119, 6, 0.16), transparent 25rem),
    radial-gradient(circle at 92% 84%, rgba(220, 38, 38, 0.09), transparent 25rem),
    linear-gradient(145deg, #101722 0%, #141c28 52%, #0d141e 100%);
}

.jtl-alternative-lp .tariff-dark::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255, 255, 255, 0.045) 0.7px, transparent 0.7px);
  background-size: 24px 24px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6), transparent 90%);
  pointer-events: none;
}

.jtl-alternative-lp .tariff-dark .container { position: relative; z-index: 1; }
.jtl-alternative-lp .tariff-dark .section-kicker { color: #f0ad55; }
.jtl-alternative-lp .tariff-dark .h1 { color: #fff; }
.jtl-alternative-lp .tariff-dark .h1::after { background: linear-gradient(90deg, transparent, #f0ad55, #e85a5a, transparent) !important; }
.jtl-alternative-lp .tariff-dark > .container > .row:first-child .text-muted { color: rgba(222, 230, 239, 0.66) !important; }

.jtl-alternative-lp .tariff-owner {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-bottom: 1rem;
  padding: 0.3rem 0.65rem;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.jtl-alternative-lp .tariff-owner--jtl { color: #f4bd70; border: 1px solid rgba(240, 173, 85, 0.22); background: rgba(217, 119, 6, 0.12); }
.jtl-alternative-lp .tariff-owner--jtl::before { content: "Kosten bei "; margin-right: 0.25rem; color: rgba(244, 189, 112, 0.65); font-weight: 600; }
.jtl-alternative-lp .tariff-owner--cd { color: #7be0aa; border: 1px solid rgba(70, 201, 135, 0.22); background: rgba(70, 201, 135, 0.11); }

/* ─── Reason cards ──────────────────────────────────────── */
.jtl-alternative-lp .reason-card {
  position: relative;
  height: 100%;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.09);
  border-radius: var(--cd-jtl-radius-lg);
  background: #fff;
  box-shadow: var(--cd-jtl-shadow-card);
  transition: transform 0.3s var(--cd-lp-ease-out), box-shadow 0.3s ease, border-color 0.25s ease;
}

.jtl-alternative-lp .reason-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, var(--cd-jtl-warn), rgba(217, 119, 6, 0.15));
}

.jtl-alternative-lp .reason-card:hover {
  transform: translateY(-3px);
  border-color: rgba(217, 119, 6, 0.18);
  box-shadow: var(--cd-jtl-shadow-hover);
}

.jtl-alternative-lp .reason-card__body { height: 100%; }
.jtl-alternative-lp .reason-card__head { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem; }
.jtl-alternative-lp .reason-card__icon { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; flex-shrink: 0; border-radius: 0.7rem; font-size: 1rem; }
.jtl-alternative-lp .reason-card__icon--warn { color: var(--cd-jtl-warn); background: var(--cd-jtl-warn-soft); }
.jtl-alternative-lp .reason-card p { color: var(--cd-jtl-muted); font-size: 0.86rem; line-height: 1.5; }

.jtl-alternative-lp .price-changes,
.jtl-alternative-lp .extra-costs { display: flex; flex-direction: column; gap: 0.55rem; list-style: none; margin: 0; padding: 0; }
.jtl-alternative-lp .price-changes__row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 0.8rem; padding: 0.75rem 0.8rem; border: 1px solid rgba(15, 23, 42, 0.07); border-left: 3px solid rgba(217, 119, 6, 0.7); border-radius: 0.7rem; background: #fffdf9; }
.jtl-alternative-lp .price-changes__label { display: flex; flex-direction: column; gap: 0.12rem; min-width: 0; }
.jtl-alternative-lp .price-changes__label strong { color: var(--cd-jtl-ink); font-size: 0.8rem; font-weight: 700; }
.jtl-alternative-lp .price-changes__label span { color: var(--cd-jtl-muted); font-size: 0.7rem; line-height: 1.3; }
.jtl-alternative-lp .price-changes__delta { display: inline-flex; align-items: center; justify-content: flex-end; gap: 0.35rem; flex-wrap: wrap; color: var(--cd-jtl-muted); font-size: 0.72rem; text-align: right; }
.jtl-alternative-lp .price-changes__old { color: var(--cd-jtl-muted); text-decoration: line-through; }
.jtl-alternative-lp .price-changes__arrow { display: grid; place-items: center; width: 1.3rem; height: 1.3rem; border-radius: 50%; color: var(--cd-jtl-warn); background: var(--cd-jtl-warn-soft); font-size: 0.7rem; }
.jtl-alternative-lp .price-changes__new { padding: 0.3rem 0.48rem; border-radius: 0.45rem; color: #9a5a08; background: rgba(217, 119, 6, 0.1); font-weight: 700; }
.jtl-alternative-lp .price-changes__arrow--danger { color: var(--cd-jtl-danger); background: var(--cd-jtl-danger-soft); }
.jtl-alternative-lp .price-changes__new--danger { color: var(--cd-jtl-danger); background: var(--cd-jtl-danger-soft); }

.jtl-alternative-lp .extra-costs__row { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.75rem 0.8rem; border: 1px solid rgba(15, 23, 42, 0.07); border-left: 3px solid rgba(217, 119, 6, 0.5); border-radius: 0.7rem; background: #fffdf9; }
.jtl-alternative-lp .extra-costs__label { color: var(--cd-jtl-ink); font-size: 0.78rem; font-weight: 600; }
.jtl-alternative-lp .extra-costs__value { flex-shrink: 0; padding: 0.3rem 0.45rem; border-radius: 0.45rem; color: #9a5a08; background: rgba(217, 119, 6, 0.1); font-size: 0.7rem; font-weight: 700; text-align: right; }

.jtl-alternative-lp .tariff-dark .reason-card {
  border-color: rgba(255, 255, 255, 0.1);
  background: linear-gradient(145deg, rgba(27, 38, 53, 0.94), rgba(18, 27, 40, 0.96));
  box-shadow: 0 24px 65px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(16px);
}
.jtl-alternative-lp .tariff-dark .reason-card:hover { border-color: rgba(240, 173, 85, 0.28); box-shadow: 0 30px 75px rgba(0, 0, 0, 0.38); }
.jtl-alternative-lp .tariff-dark .reason-card__head h3 { color: #f8fafc; }
.jtl-alternative-lp .tariff-dark .reason-card__icon--warn { color: #f3b35d; background: rgba(217, 119, 6, 0.14); }
.jtl-alternative-lp .tariff-dark .reason-card p { color: rgba(211, 222, 234, 0.62) !important; }
.jtl-alternative-lp .tariff-dark .price-changes__row,
.jtl-alternative-lp .tariff-dark .extra-costs__row { border-color: rgba(255, 255, 255, 0.08); border-left-color: rgba(240, 173, 85, 0.7); background: rgba(8, 15, 24, 0.38); }
.jtl-alternative-lp .tariff-dark .price-changes__label strong,
.jtl-alternative-lp .tariff-dark .extra-costs__label { color: #eef4fa; }
.jtl-alternative-lp .tariff-dark .price-changes__label span,
.jtl-alternative-lp .tariff-dark .price-changes__old { color: rgba(207, 219, 232, 0.48); }
.jtl-alternative-lp .tariff-dark .price-changes__new,
.jtl-alternative-lp .tariff-dark .extra-costs__value { color: #f5c27c; background: rgba(217, 119, 6, 0.13); }
.jtl-alternative-lp .tariff-dark .price-changes__new--danger { color: #ff8c8c; background: rgba(220, 38, 38, 0.15); }

.jtl-alternative-lp .tariff-versus { display: flex; align-items: center; gap: 0.8rem; margin: -1.2rem 0 1.5rem; color: rgba(220, 229, 239, 0.45); font-size: 0.68rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.jtl-alternative-lp .tariff-versus::before,
.jtl-alternative-lp .tariff-versus::after { content: ""; height: 1px; flex: 1; background: rgba(255, 255, 255, 0.08); }

.jtl-alternative-lp .channeldock-included { overflow: hidden; border: 1px solid rgba(70, 201, 135, 0.22); border-radius: 1.3rem; background: linear-gradient(135deg, rgba(20, 62, 48, 0.86), rgba(14, 32, 35, 0.94)); box-shadow: 0 26px 70px rgba(0, 0, 0, 0.3); }
.jtl-alternative-lp .channeldock-included__head { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1.5rem 1.65rem; border-bottom: 1px solid rgba(109, 224, 164, 0.12); background: linear-gradient(90deg, rgba(70, 201, 135, 0.08), transparent); }
.jtl-alternative-lp .channeldock-included__head > div:first-child { display: flex; flex-direction: column; align-items: flex-start; }
.jtl-alternative-lp .channeldock-included__head h3 { margin: 0; color: #f4fff9; font-size: 1.25rem; font-weight: 720; letter-spacing: -0.025em; }
.jtl-alternative-lp .channeldock-included__price { display: flex; align-items: center; gap: 0.65rem; flex-shrink: 0; }
.jtl-alternative-lp .channeldock-included__price strong { color: #7be0aa; font-size: 1.7rem; letter-spacing: -0.05em; }
.jtl-alternative-lp .channeldock-included__price span { color: rgba(218, 239, 228, 0.64); font-size: 0.68rem; line-height: 1.35; }
.jtl-alternative-lp .channeldock-included__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; }
.jtl-alternative-lp .channeldock-included__grid li { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: 0.6rem; padding: 1.2rem 1.1rem; }
.jtl-alternative-lp .channeldock-included__grid li + li { border-left: 1px solid rgba(109, 224, 164, 0.1); }
.jtl-alternative-lp .channeldock-included__grid i { color: #6cdda2; font-size: 1rem; }
.jtl-alternative-lp .channeldock-included__grid li > span { display: flex; flex-direction: column; gap: 0.18rem; color: rgba(218, 239, 228, 0.58); font-size: 0.68rem; line-height: 1.35; }
.jtl-alternative-lp .channeldock-included__grid strong { color: #effbf4; font-size: 0.76rem; }

@media (max-width: 991.98px) {
  .jtl-alternative-lp .channeldock-included__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .jtl-alternative-lp .channeldock-included__grid li:nth-child(3) { border-left: 0; border-top: 1px solid rgba(109, 224, 164, 0.1); }
  .jtl-alternative-lp .channeldock-included__grid li:nth-child(4) { border-top: 1px solid rgba(109, 224, 164, 0.1); }
}

@media (max-width: 767.98px) {
  .jtl-alternative-lp .channeldock-included__head { align-items: flex-start; flex-direction: column; }
  .jtl-alternative-lp .channeldock-included__grid { grid-template-columns: 1fr; }
  .jtl-alternative-lp .channeldock-included__grid li + li { border-top: 1px solid rgba(109, 224, 164, 0.1); border-left: 0; }
  .jtl-alternative-lp .stats-strip__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .jtl-alternative-lp .stats-strip__item:nth-child(odd) { border-left: 0; }
  .jtl-alternative-lp .stats-strip__item:nth-child(n + 3) { border-top: 1px solid rgba(15, 23, 42, 0.08); }
  .jtl-alternative-lp .price-changes__row { grid-template-columns: 1fr; gap: 0.5rem; }
  .jtl-alternative-lp .price-changes__delta { justify-content: flex-start; text-align: left; }
}

/* ─── Dark migration section ────────────────────────────── */
.jtl-alternative-lp .migration-dark {
  position: relative;
  overflow: hidden;
  color: #f8fafc;
  background:
    radial-gradient(circle at 14% 18%, rgba(78, 111, 160, 0.22), transparent 27rem),
    radial-gradient(circle at 88% 84%, rgba(38, 162, 110, 0.1), transparent 24rem),
    linear-gradient(145deg, #111722 0%, #171e2a 48%, #0e141e 100%);
}

.jtl-alternative-lp .migration-dark::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: radial-gradient(circle at center, #000, transparent 85%);
  pointer-events: none;
}

.jtl-alternative-lp .migration-dark .container { position: relative; z-index: 1; }
.jtl-alternative-lp .migration-dark .section-kicker { color: #72b7ff; }
.jtl-alternative-lp .migration-dark .h1 { color: #fff; }
.jtl-alternative-lp .migration-dark .h1::after { background: linear-gradient(90deg, transparent, #6eb6ff, #56d69a, transparent) !important; }
.jtl-alternative-lp .migration-dark > .container > .row .text-muted { color: rgba(213, 224, 237, 0.64) !important; }

/* ─── Migration summary stats ───────────────────────────── */
.jtl-alternative-lp .migration-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  max-width: 56rem;
  margin-bottom: 3rem;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.jtl-alternative-lp .migration-summary__item {
  padding: 1.4rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  text-align: center;
  position: relative;
}

.jtl-alternative-lp .migration-summary__item + .migration-summary__item::before {
  content: "";
  position: absolute;
  top: 1.4rem;
  bottom: 1.4rem;
  left: 0;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgba(15, 23, 42, 0.1) 20%, rgba(15, 23, 42, 0.1) 80%, transparent);
}

.jtl-alternative-lp .migration-summary__value {
  font-size: clamp(1.75rem, 3vw, 2.4rem);
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 1;
  color: var(--cd-jtl-ink);
  background: linear-gradient(180deg, var(--cd-jtl-ink) 0%, #2d3340 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.jtl-alternative-lp .migration-summary__label {
  font-size: 0.74rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--cd-jtl-muted);
}

.jtl-alternative-lp .migration-dark .migration-summary {
  border-color: rgba(255, 255, 255, 0.11);
  background: rgba(8, 14, 23, 0.2);
}
.jtl-alternative-lp .migration-dark .migration-summary__item + .migration-summary__item::before { background: rgba(255, 255, 255, 0.1); }
.jtl-alternative-lp .migration-dark .migration-summary__value {
  background: linear-gradient(180deg, #ffffff, #9ecbff);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.jtl-alternative-lp .migration-dark .migration-summary__label { color: rgba(208, 221, 235, 0.56); }

/* ─── Migration grid (2-column compact cards) ────────────── */
.jtl-alternative-lp .migration-grid {
  list-style: none;
  counter-reset: cd-mig;
  padding: 0;
  margin: 0;
  max-width: 56rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem 1.25rem;
}

.jtl-alternative-lp .migration-card {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 0.9rem;
  padding: 1rem 1.15rem;
  background: #ffffff;
  border: 1px solid var(--cd-jtl-line);
  border-radius: 0.85rem;
  transition:
    transform 0.3s var(--cd-lp-ease-out),
    box-shadow 0.3s ease,
    border-color 0.25s ease;
}

.jtl-alternative-lp .migration-card:hover {
  transform: translateX(2px);
  box-shadow: 0 8px 24px rgba(0, 113, 227, 0.08);
  border-color: rgba(0, 113, 227, 0.18);
}

.jtl-alternative-lp .migration-card__num {
  flex-shrink: 0;
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--cd-jtl-primary);
  background: var(--cd-jtl-primary-soft);
  border: 1px solid rgba(0, 113, 227, 0.14);
  border-radius: 0.4rem;
  padding: 0.2rem 0.45rem;
  min-width: 2rem;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

.jtl-alternative-lp .migration-card__title {
  font-size: 0.95rem;
  font-weight: 650;
  color: var(--cd-jtl-ink);
  letter-spacing: -0.01em;
  margin: 0 0 0.2rem;
}

.jtl-alternative-lp .migration-card__text {
  font-size: 0.82rem;
  line-height: 1.5;
  color: var(--cd-jtl-muted);
  margin: 0;
}

/* ─── Sync spotlight (Echtzeit-Bestand) ──────────────────── */
.jtl-alternative-lp .sync-section {
  position: relative;
  overflow: hidden;
  color: #f8fbff;
  background:
    radial-gradient(circle at 18% 18%, rgba(0, 113, 227, 0.24), transparent 27rem),
    radial-gradient(circle at 88% 76%, rgba(42, 190, 120, 0.13), transparent 25rem),
    linear-gradient(145deg, #07111f 0%, #0a1728 48%, #08111d 100%);
}

.jtl-alternative-lp .sync-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), transparent 85%);
  pointer-events: none;
}

.jtl-alternative-lp .sync-section .container { position: relative; z-index: 1; }
.jtl-alternative-lp .sync-section .section-kicker { color: #64b5ff; }
.jtl-alternative-lp .sync-section .h1 { color: #fff; }
.jtl-alternative-lp .sync-section .h1::after { background: linear-gradient(90deg, transparent, #48a9ff, #55d79a, transparent) !important; }
.jtl-alternative-lp .sync-section .text-muted { color: rgba(219, 230, 243, 0.7) !important; }

@keyframes cd-sync-pulse {
  0%, 100% { transform: scale(1); opacity: 0.65; }
  50% { transform: scale(2.4); opacity: 0; }
}

@keyframes cd-sync-feed-in {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}

.jtl-alternative-lp .sync-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(17rem, 0.75fr);
  gap: 1.5rem;
  max-width: 1120px;
  align-items: start;
}

.jtl-alternative-lp .sync-shell__panel {
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 1.5rem;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.1), 0 2px 0 rgba(255, 255, 255, 0.9) inset;
}

.jtl-alternative-lp .sync-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  background: #f8fafc;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.jtl-alternative-lp .sync-panel__title {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  font-size: 0.86rem;
  font-weight: 650;
  color: var(--cd-jtl-ink);
}

.jtl-alternative-lp .sync-panel__dot {
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  background: #2fbe78;
  box-shadow: 0 0 0 0.3rem rgba(47, 190, 120, 0.14);
  animation: cd-jtl-pulse 2.6s ease-in-out infinite;
}

.jtl-alternative-lp .sync-panel__live {
  padding: 0.32rem 0.65rem;
  border: 1px solid rgba(22, 163, 74, 0.2);
  border-radius: 999px;
  color: var(--cd-jtl-success);
  background: var(--cd-jtl-success-soft);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.jtl-alternative-lp .sync-panel__body {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.25rem;
  background: linear-gradient(145deg, #fff 0%, #fbfdff 100%);
}

.jtl-alternative-lp .sync-product {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 5.8rem;
  padding: 1rem 1.25rem;
  border: 1px solid rgba(0, 113, 227, 0.14);
  border-radius: 1rem;
  background: linear-gradient(110deg, rgba(0, 113, 227, 0.055), rgba(255, 255, 255, 0.9));
}

.jtl-alternative-lp .sync-product__info { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; }
.jtl-alternative-lp .sync-product__sku { color: var(--cd-jtl-primary); font-size: 0.7rem; font-weight: 750; letter-spacing: 0.1em; text-transform: uppercase; }
.jtl-alternative-lp .sync-product__name { color: var(--cd-jtl-ink); font-size: 0.98rem; font-weight: 650; letter-spacing: -0.015em; }
.jtl-alternative-lp .sync-product__stock { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1rem; flex-shrink: 0; }
.jtl-alternative-lp .sync-product__value { color: var(--cd-jtl-ink); font-size: 2.25rem; font-weight: 650; line-height: 0.9; letter-spacing: -0.06em; font-feature-settings: "tnum" 1; }
.jtl-alternative-lp .sync-product__label { color: var(--cd-jtl-muted); font-size: 0.68rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }

.jtl-alternative-lp .sync-flow { position: relative; padding: 0.25rem 0 0.35rem; text-align: center; }
.jtl-alternative-lp .sync-flow__core { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 0.55rem; padding: 0.75rem 1.2rem; border-radius: 999px; color: #fff; background: linear-gradient(135deg, #0879e6, #0055b3); box-shadow: 0 12px 24px rgba(0, 113, 227, 0.26); font-size: 0.86rem; font-weight: 700; }
.jtl-alternative-lp .sync-flow__core i { font-size: 1rem; }
.jtl-alternative-lp .sync-flow__pulse { position: absolute; inset: 0; border: 2px solid rgba(0, 113, 227, 0.35); border-radius: inherit; animation: cd-sync-pulse 2.4s ease-out infinite; pointer-events: none; }
.jtl-alternative-lp .sync-flow__channels { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.55rem; position: relative; list-style: none; margin: 0.85rem 0 0; padding: 0; }
.jtl-alternative-lp .sync-flow__channels::before { content: ""; position: absolute; top: -0.85rem; left: 50%; height: 0.85rem; border-left: 1px dashed rgba(0, 113, 227, 0.3); }
.jtl-alternative-lp .sync-flow__node { display: inline-flex; align-items: center; gap: 0.45rem; padding: 0.48rem 0.72rem 0.48rem 0.52rem; border: 1px solid rgba(15, 23, 42, 0.1); border-radius: 0.7rem; color: var(--cd-jtl-ink); background: #fff; box-shadow: 0 3px 10px rgba(15, 23, 42, 0.04); font-size: 0.78rem; font-weight: 600; }
.jtl-alternative-lp .sync-flow__node i { display: grid; place-items: center; width: 1.45rem; height: 1.45rem; border-radius: 0.45rem; color: var(--cd-jtl-primary); background: rgba(0, 113, 227, 0.08); font-size: 0.83rem; }
.jtl-alternative-lp .sync-flow__node--jtl { border-color: rgba(217, 119, 6, 0.28); background: #fffaf2; }
.jtl-alternative-lp .sync-flow__node--jtl i { color: var(--cd-jtl-warn); background: rgba(217, 119, 6, 0.12); }
.jtl-alternative-lp .sync-flow__time { margin-left: 0.1rem; padding: 0.13rem 0.4rem; border-radius: 999px; color: var(--cd-jtl-success); background: var(--cd-jtl-success-soft); font-size: 0.65rem; font-weight: 700; font-feature-settings: "tnum" 1; }

.jtl-alternative-lp .sync-feed { display: flex; flex-direction: column; gap: 0.15rem; padding: 0.55rem 0.75rem; border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 0.9rem; background: #fff; }
.jtl-alternative-lp .sync-feed__row { display: grid; grid-template-columns: 1.25rem 1fr auto; align-items: center; gap: 0.55rem; min-height: 2.15rem; padding: 0.25rem 0.2rem; border-bottom: 1px solid rgba(15, 23, 42, 0.055); color: var(--cd-jtl-ink); font-size: 0.78rem; opacity: 0; animation: cd-sync-feed-in 0.5s var(--cd-lp-ease-out) forwards; }
.jtl-alternative-lp .sync-feed__row:last-child { border-bottom: 0; }
.jtl-alternative-lp .sync-feed__row i { color: var(--cd-jtl-success); font-size: 1rem; }
.jtl-alternative-lp .sync-feed__time { color: var(--cd-jtl-muted); font-size: 0.68rem; font-weight: 650; font-feature-settings: "tnum" 1; }
.jtl-alternative-lp .sync-feed__row:nth-child(1) { animation-delay: 0.4s; }
.jtl-alternative-lp .sync-feed__row:nth-child(2) { animation-delay: 0.6s; }
.jtl-alternative-lp .sync-feed__row:nth-child(3) { animation-delay: 0.8s; }
.jtl-alternative-lp .sync-feed__row:nth-child(4) { animation-delay: 1s; }
.jtl-alternative-lp .sync-feed__row:nth-child(5) { animation-delay: 1.2s; }

.jtl-alternative-lp .sync-features { display: flex; flex-direction: column; gap: 0.7rem; list-style: none; margin: 0; padding: 0; }
.jtl-alternative-lp .sync-feature { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: 0.8rem; padding: 1rem 1rem 1rem 1.1rem; border: 1px solid rgba(15, 23, 42, 0.09); border-radius: 1rem; background: #fff; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.045); transition: transform 0.25s var(--cd-lp-ease-out), box-shadow 0.25s ease, border-color 0.25s ease; }
.jtl-alternative-lp .sync-feature:hover { transform: translateY(-2px); border-color: rgba(0, 113, 227, 0.2); box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08); }
.jtl-alternative-lp .sync-feature__icon { display: grid; place-items: center; width: 2.35rem; height: 2.35rem; border-radius: 0.7rem; color: var(--cd-jtl-primary); background: rgba(0, 113, 227, 0.09); font-size: 1rem; }
.jtl-alternative-lp .sync-feature__body { display: flex; flex-direction: column; gap: 0.22rem; }
.jtl-alternative-lp .sync-feature__body strong { color: var(--cd-jtl-ink); font-size: 0.92rem; font-weight: 700; }
.jtl-alternative-lp .sync-feature__body span { color: var(--cd-jtl-muted); font-size: 0.82rem; line-height: 1.45; }

.jtl-alternative-lp .sync-section .sync-shell__panel {
  border-color: rgba(126, 176, 224, 0.22);
  background: rgba(11, 25, 42, 0.9);
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.38), 0 0 50px rgba(0, 113, 227, 0.1);
  backdrop-filter: blur(18px);
}

.jtl-alternative-lp .sync-section .sync-panel__head {
  background: rgba(13, 29, 48, 0.96);
  border-color: rgba(139, 180, 220, 0.14);
}

.jtl-alternative-lp .sync-section .sync-panel__title,
.jtl-alternative-lp .sync-section .sync-product__name,
.jtl-alternative-lp .sync-section .sync-product__value { color: #f7fbff; }
.jtl-alternative-lp .sync-section .sync-panel__body { background: linear-gradient(145deg, rgba(10, 23, 39, 0.96), rgba(7, 17, 30, 0.98)); }
.jtl-alternative-lp .sync-section .sync-product { border-color: rgba(55, 151, 242, 0.26); background: linear-gradient(110deg, rgba(0, 113, 227, 0.14), rgba(14, 31, 51, 0.75)); }
.jtl-alternative-lp .sync-section .sync-product__sku { color: #62b8ff; }
.jtl-alternative-lp .sync-section .sync-product__label { color: rgba(214, 226, 239, 0.6); }
.jtl-alternative-lp .sync-section .sync-flow__core { background: linear-gradient(135deg, #1493ff, #0666c6); box-shadow: 0 14px 32px rgba(0, 113, 227, 0.4), 0 0 32px rgba(0, 113, 227, 0.18); }
.jtl-alternative-lp .sync-section .sync-flow__channels::before { border-color: rgba(98, 184, 255, 0.4); }
.jtl-alternative-lp .sync-section .sync-flow__node { color: #dce9f6; border-color: rgba(135, 176, 215, 0.16); background: rgba(18, 37, 59, 0.88); box-shadow: 0 7px 20px rgba(0, 0, 0, 0.17); }
.jtl-alternative-lp .sync-section .sync-flow__node i { color: #62b8ff; background: rgba(48, 155, 255, 0.14); }
.jtl-alternative-lp .sync-section .sync-flow__node--jtl { border-color: rgba(245, 176, 72, 0.28); background: rgba(61, 43, 21, 0.72); }
.jtl-alternative-lp .sync-section .sync-flow__node--jtl i { color: #f5b048; background: rgba(245, 176, 72, 0.14); }
.jtl-alternative-lp .sync-section .sync-flow__time { color: #63d99b; background: rgba(42, 190, 120, 0.13); }
.jtl-alternative-lp .sync-section .sync-feed { border-color: rgba(135, 176, 215, 0.15); background: rgba(8, 20, 34, 0.82); }
.jtl-alternative-lp .sync-section .sync-feed__row { color: #dce9f6; border-color: rgba(135, 176, 215, 0.1); }
.jtl-alternative-lp .sync-section .sync-feed__row i { color: #54d394; }
.jtl-alternative-lp .sync-section .sync-feed__time { color: rgba(214, 226, 239, 0.48); }

.jtl-alternative-lp .sync-section .sync-features { gap: 0.75rem; }
.jtl-alternative-lp .sync-section .sync-feature {
  border-color: rgba(135, 176, 215, 0.16);
  background: linear-gradient(135deg, rgba(18, 38, 62, 0.88), rgba(12, 27, 45, 0.82));
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(12px);
}
.jtl-alternative-lp .sync-section .sync-feature:hover { border-color: rgba(76, 167, 255, 0.38); background: linear-gradient(135deg, rgba(22, 48, 78, 0.96), rgba(13, 31, 51, 0.9)); box-shadow: 0 18px 38px rgba(0, 0, 0, 0.25); }
.jtl-alternative-lp .sync-section .sync-feature__icon { color: #6ec0ff; background: rgba(40, 145, 245, 0.14); box-shadow: 0 0 0 1px rgba(83, 172, 255, 0.12) inset; }
.jtl-alternative-lp .sync-section .sync-feature__body strong { color: #f6faff; }
.jtl-alternative-lp .sync-section .sync-feature__body span { color: rgba(214, 226, 239, 0.64); }

.jtl-alternative-lp .sync-section .sync-shell__panel {
  border-color: rgba(126, 176, 224, 0.22);
  background: rgba(11, 25, 42, 0.9);
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.38), 0 0 50px rgba(0, 113, 227, 0.1);
  backdrop-filter: blur(18px);
}

.jtl-alternative-lp .sync-section .sync-panel__head {
  background: rgba(13, 29, 48, 0.96);
  border-color: rgba(139, 180, 220, 0.14);
}

.jtl-alternative-lp .sync-section .sync-panel__title,
.jtl-alternative-lp .sync-section .sync-product__name,
.jtl-alternative-lp .sync-section .sync-product__value { color: #f7fbff; }
.jtl-alternative-lp .sync-section .sync-panel__body { background: linear-gradient(145deg, rgba(10, 23, 39, 0.96), rgba(7, 17, 30, 0.98)); }
.jtl-alternative-lp .sync-section .sync-product { border-color: rgba(55, 151, 242, 0.26); background: linear-gradient(110deg, rgba(0, 113, 227, 0.14), rgba(14, 31, 51, 0.75)); }
.jtl-alternative-lp .sync-section .sync-product__sku { color: #62b8ff; }
.jtl-alternative-lp .sync-section .sync-product__label { color: rgba(214, 226, 239, 0.6); }
.jtl-alternative-lp .sync-section .sync-flow__core { background: linear-gradient(135deg, #1493ff, #0666c6); box-shadow: 0 14px 32px rgba(0, 113, 227, 0.4), 0 0 32px rgba(0, 113, 227, 0.18); }
.jtl-alternative-lp .sync-section .sync-flow__channels::before { border-color: rgba(98, 184, 255, 0.4); }
.jtl-alternative-lp .sync-section .sync-flow__node { color: #dce9f6; border-color: rgba(135, 176, 215, 0.16); background: rgba(18, 37, 59, 0.88); box-shadow: 0 7px 20px rgba(0, 0, 0, 0.17); }
.jtl-alternative-lp .sync-section .sync-flow__node i { color: #62b8ff; background: rgba(48, 155, 255, 0.14); }
.jtl-alternative-lp .sync-section .sync-flow__node--jtl { border-color: rgba(245, 176, 72, 0.28); background: rgba(61, 43, 21, 0.72); }
.jtl-alternative-lp .sync-section .sync-flow__node--jtl i { color: #f5b048; background: rgba(245, 176, 72, 0.14); }
.jtl-alternative-lp .sync-section .sync-flow__time { color: #63d99b; background: rgba(42, 190, 120, 0.13); }
.jtl-alternative-lp .sync-section .sync-feed { border-color: rgba(135, 176, 215, 0.15); background: rgba(8, 20, 34, 0.82); }
.jtl-alternative-lp .sync-section .sync-feed__row { color: #dce9f6; border-color: rgba(135, 176, 215, 0.1); }
.jtl-alternative-lp .sync-section .sync-feed__row i { color: #54d394; }
.jtl-alternative-lp .sync-section .sync-feed__time { color: rgba(214, 226, 239, 0.48); }

.jtl-alternative-lp .sync-section .sync-features { gap: 0.75rem; }
.jtl-alternative-lp .sync-section .sync-feature {
  border-color: rgba(135, 176, 215, 0.16);
  background: linear-gradient(135deg, rgba(18, 38, 62, 0.88), rgba(12, 27, 45, 0.82));
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(12px);
}
.jtl-alternative-lp .sync-section .sync-feature:hover { border-color: rgba(76, 167, 255, 0.38); background: linear-gradient(135deg, rgba(22, 48, 78, 0.96), rgba(13, 31, 51, 0.9)); box-shadow: 0 18px 38px rgba(0, 0, 0, 0.25); }
.jtl-alternative-lp .sync-section .sync-feature__icon { color: #6ec0ff; background: rgba(40, 145, 245, 0.14); box-shadow: 0 0 0 1px rgba(83, 172, 255, 0.12) inset; }
.jtl-alternative-lp .sync-section .sync-feature__body strong { color: #f6faff; }
.jtl-alternative-lp .sync-section .sync-feature__body span { color: rgba(214, 226, 239, 0.64); }

@media (max-width: 991.98px) { .jtl-alternative-lp .sync-shell { grid-template-columns: 1fr; max-width: 38rem; } }
@media (max-width: 575.98px) {
  .jtl-alternative-lp .sync-product { align-items: flex-start; gap: 0.75rem; }
  .jtl-alternative-lp .sync-product__stock { align-items: flex-start; }
  .jtl-alternative-lp .sync-product__name { font-size: 0.88rem; }
  .jtl-alternative-lp .sync-product__value { font-size: 1.9rem; }
  .jtl-alternative-lp .sync-feed__row { grid-template-columns: 1.1rem 1fr; font-size: 0.73rem; }
  .jtl-alternative-lp .sync-feed__time { display: none; }
}

/* ─── Feature overview ──────────────────────────────────── */
.jtl-alternative-lp .feature-overview {
  position: relative;
  background:
    radial-gradient(circle at 100% 0%, rgba(0, 113, 227, 0.07), transparent 30rem),
    linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
}

.jtl-alternative-lp .feature-overview__link {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: var(--cd-jtl-primary);
  font-size: 0.84rem;
  font-weight: 650;
  text-decoration: none;
}

.jtl-alternative-lp .feature-overview__link i { transition: transform 0.2s ease; }
.jtl-alternative-lp .feature-overview__link:hover i { transform: translate(2px, -2px); }

.jtl-alternative-lp .feature-overview__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.jtl-alternative-lp .feature-overview__card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 22rem;
  overflow: hidden;
  padding: 1.4rem;
  border: 1px solid rgba(15, 23, 42, 0.085);
  border-radius: 1.2rem;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 14px 38px rgba(15, 23, 42, 0.055);
  transition: transform 0.3s var(--cd-lp-ease-out), box-shadow 0.3s ease, border-color 0.25s ease;
}

.jtl-alternative-lp .feature-overview__card:hover {
  transform: translateY(-4px);
  border-color: rgba(0, 113, 227, 0.2);
  box-shadow: 0 22px 50px rgba(15, 23, 42, 0.095);
}

.jtl-alternative-lp .feature-overview__card--primary {
  grid-column: span 2;
  color: #fff;
  border-color: transparent;
  background:
    radial-gradient(circle at 90% 10%, rgba(98, 184, 255, 0.28), transparent 15rem),
    linear-gradient(145deg, #0879e6, #0755a4);
  box-shadow: 0 20px 50px rgba(0, 91, 181, 0.22);
}

.jtl-alternative-lp .feature-overview__card--split,
.jtl-alternative-lp .feature-overview__card--wide {
  grid-column: span 2;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  align-items: end;
  gap: 1.5rem;
  min-height: 15rem;
  background: linear-gradient(135deg, #f3f8ff, #ffffff);
}

.jtl-alternative-lp .feature-overview__icon {
  display: grid;
  place-items: center;
  width: 2.65rem;
  height: 2.65rem;
  margin-bottom: 2rem;
  border-radius: 0.78rem;
  color: var(--cd-jtl-primary);
  background: var(--cd-jtl-primary-soft);
  font-size: 1.15rem;
}

.jtl-alternative-lp .feature-overview__card--primary .feature-overview__icon { color: #fff; background: rgba(255, 255, 255, 0.14); }
.jtl-alternative-lp .feature-overview__number { position: absolute; top: 1.25rem; right: 1.35rem; color: rgba(15, 23, 42, 0.18); font-size: 0.72rem; font-weight: 750; letter-spacing: 0.1em; }
.jtl-alternative-lp .feature-overview__card--primary .feature-overview__number { color: rgba(255, 255, 255, 0.48); }
.jtl-alternative-lp .feature-overview__card h3 { margin: 0 0 0.65rem; color: var(--cd-jtl-ink); font-size: 1.1rem; font-weight: 720; letter-spacing: -0.025em; }
.jtl-alternative-lp .feature-overview__card > p,
.jtl-alternative-lp .feature-overview__card > div > p { margin: 0 0 1.2rem; color: var(--cd-jtl-muted); font-size: 0.8rem; line-height: 1.55; }
.jtl-alternative-lp .feature-overview__card--primary h3 { color: #fff; font-size: 1.3rem; }
.jtl-alternative-lp .feature-overview__card--primary > p { max-width: 31rem; color: rgba(255, 255, 255, 0.72); }
.jtl-alternative-lp .feature-overview__card ul { display: flex; flex-direction: column; gap: 0.55rem; list-style: none; margin: auto 0 0; padding: 1rem 0 0; border-top: 1px solid rgba(15, 23, 42, 0.07); }
.jtl-alternative-lp .feature-overview__card li { position: relative; padding-left: 1.1rem; color: #405064; font-size: 0.74rem; line-height: 1.35; }
.jtl-alternative-lp .feature-overview__card li::before { content: ""; position: absolute; left: 0; top: 0.42rem; width: 0.38rem; height: 0.38rem; border-radius: 50%; background: #35ae73; }
.jtl-alternative-lp .feature-overview__card--primary ul { border-color: rgba(255, 255, 255, 0.16); }
.jtl-alternative-lp .feature-overview__card--primary li { color: rgba(255, 255, 255, 0.84); }
.jtl-alternative-lp .feature-overview__card--primary li::before { background: #83e0b1; }
.jtl-alternative-lp .feature-overview__card--split {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  align-items: end;
  gap: 1.5rem;
  min-height: 15rem;
  background: linear-gradient(135deg, #ffffff, #f8fbff);
}

.jtl-alternative-lp .feature-overview__card--split .feature-overview__icon,
.jtl-alternative-lp .feature-overview__card--wide .feature-overview__icon { margin-bottom: 1.35rem; }
.jtl-alternative-lp .feature-overview__card--split ul,
.jtl-alternative-lp .feature-overview__card--wide ul { margin: 0; }
.jtl-alternative-lp .feature-overview__card-copy { min-width: 0; }

@media (max-width: 991.98px) {
  .jtl-alternative-lp .feature-overview__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .jtl-alternative-lp .feature-overview__card--primary,
  .jtl-alternative-lp .feature-overview__card--split,
  .jtl-alternative-lp .feature-overview__card--wide { grid-column: span 2; }
}

@media (max-width: 575.98px) {
  .jtl-alternative-lp .feature-overview__grid { grid-template-columns: 1fr; }
  .jtl-alternative-lp .feature-overview__card,
  .jtl-alternative-lp .feature-overview__card--primary,
  .jtl-alternative-lp .feature-overview__card--split,
  .jtl-alternative-lp .feature-overview__card--wide { grid-column: auto; min-height: 0; }
  .jtl-alternative-lp .feature-overview__card--split,
  .jtl-alternative-lp .feature-overview__card--wide { grid-template-columns: 1fr; gap: 0; }
}

/* ─── Plug-and-play integrations ────────────────────────── */
.jtl-alternative-lp .integrations-showcase { background: #fff; }

.jtl-alternative-lp .integrations-showcase__shell {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(28rem, 1.1fr);
  align-items: center;
  gap: clamp(2rem, 6vw, 5rem);
  overflow: hidden;
  padding: clamp(2rem, 5vw, 4.5rem);
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 1.75rem;
  background:
    radial-gradient(circle at 90% 15%, rgba(0, 113, 227, 0.1), transparent 24rem),
    linear-gradient(145deg, #f8fbff, #ffffff 58%);
  box-shadow: 0 26px 75px rgba(15, 23, 42, 0.08);
}

.jtl-alternative-lp .integrations-showcase__lead { max-width: 35rem; margin: 0 0 1.5rem; color: var(--cd-jtl-muted); font-size: 0.93rem; line-height: 1.65; }
.jtl-alternative-lp .integrations-showcase__included { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: 0.75rem; max-width: 34rem; margin-bottom: 1.5rem; padding: 0.9rem 1rem; border: 1px solid rgba(22, 163, 74, 0.14); border-radius: 0.85rem; background: rgba(22, 163, 74, 0.055); }
.jtl-alternative-lp .integrations-showcase__check { display: grid; place-items: center; width: 1.8rem; height: 1.8rem; border-radius: 50%; color: #fff; background: #2caf6a; font-size: 0.9rem; }
.jtl-alternative-lp .integrations-showcase__included div { display: flex; flex-direction: column; gap: 0.18rem; }
.jtl-alternative-lp .integrations-showcase__included strong { color: #17663f; font-size: 0.82rem; }
.jtl-alternative-lp .integrations-showcase__included div span { color: #52705f; font-size: 0.72rem; line-height: 1.45; }
.jtl-alternative-lp .integrations-showcase__stats { display: flex; gap: 1.5rem; margin-bottom: 1.6rem; }
.jtl-alternative-lp .integrations-showcase__stats > div { display: flex; flex-direction: column; gap: 0.12rem; padding-right: 1.5rem; border-right: 1px solid rgba(15, 23, 42, 0.08); }
.jtl-alternative-lp .integrations-showcase__stats > div:last-child { padding-right: 0; border-right: 0; }
.jtl-alternative-lp .integrations-showcase__stats strong { color: var(--cd-jtl-ink); font-size: 1.45rem; line-height: 1; letter-spacing: -0.05em; }
.jtl-alternative-lp .integrations-showcase__stats span { color: var(--cd-jtl-muted); font-size: 0.65rem; }
.jtl-alternative-lp .integrations-showcase__copy .btn { display: inline-flex; align-items: center; gap: 0.5rem; border-radius: 0.7rem; padding: 0.72rem 1.1rem; font-size: 0.82rem; font-weight: 600; }

.jtl-alternative-lp .integrations-showcase__visual {
  position: relative;
  min-height: 31rem;
  border: 1px solid rgba(0, 113, 227, 0.12);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(0, 113, 227, 0.09), rgba(0, 113, 227, 0.025) 42%, transparent 68%);
}

.jtl-alternative-lp .integrations-orbit { position: absolute; inset: 12%; border: 1px dashed rgba(0, 113, 227, 0.18); border-radius: 50%; animation: cd-integrations-spin 34s linear infinite; }
.jtl-alternative-lp .integrations-orbit--two { inset: 27%; border-color: rgba(22, 163, 74, 0.16); animation-direction: reverse; animation-duration: 26s; }
@keyframes cd-integrations-spin { to { transform: rotate(360deg); } }

.jtl-alternative-lp .integrations-core { position: absolute; z-index: 2; top: 50%; left: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 9.5rem; height: 9.5rem; transform: translate(-50%, -50%); border: 1px solid rgba(0, 113, 227, 0.2); border-radius: 50%; background: rgba(255, 255, 255, 0.94); box-shadow: 0 20px 50px rgba(0, 80, 160, 0.16), 0 0 0 0.7rem rgba(0, 113, 227, 0.045); backdrop-filter: blur(12px); }
.jtl-alternative-lp .integrations-core img { width: 2.5rem; height: 2.5rem; object-fit: contain; margin-bottom: 0.4rem; }
.jtl-alternative-lp .integrations-core strong { color: var(--cd-jtl-ink); font-size: 0.88rem; }
.jtl-alternative-lp .integrations-core span { color: #16824b; font-size: 0.62rem; font-weight: 650; }
.jtl-alternative-lp .integration-logo-cloud { list-style: none; margin: 0; padding: 0; }
.jtl-alternative-lp .integration-logo { position: absolute; z-index: 2; display: flex; align-items: center; gap: 0.4rem; padding: 0.45rem 0.6rem; border: 1px solid rgba(15, 23, 42, 0.09); border-radius: 0.75rem; background: rgba(255, 255, 255, 0.96); box-shadow: 0 9px 24px rgba(15, 23, 42, 0.09); font-size: 0.66rem; font-weight: 650; color: var(--cd-jtl-ink); }
.jtl-alternative-lp .integration-logo img { width: 1.65rem; height: 1.65rem; object-fit: contain; }
.jtl-alternative-lp .integration-logo--amazon { top: 4%; left: 39%; }
.jtl-alternative-lp .integration-logo--otto { top: 18%; right: 2%; }
.jtl-alternative-lp .integration-logo--shopify { top: 44%; right: -2%; }
.jtl-alternative-lp .integration-logo--shopware { right: 10%; bottom: 10%; }
.jtl-alternative-lp .integration-logo--woo { bottom: 2%; left: 34%; }
.jtl-alternative-lp .integration-logo--jtl { bottom: 14%; left: 2%; }
.jtl-alternative-lp .integration-logo--dhl { top: 43%; left: -3%; }
.jtl-alternative-lp .integration-logo--dpd { top: 16%; left: 5%; }
.jtl-alternative-lp .integrations-showcase__more { position: absolute; z-index: 3; right: 2rem; bottom: 1.3rem; padding: 0.35rem 0.65rem; border: 1px solid rgba(0, 113, 227, 0.15); border-radius: 999px; color: var(--cd-jtl-primary); background: #fff; box-shadow: 0 6px 18px rgba(0, 113, 227, 0.08); font-size: 0.65rem; font-weight: 700; }

@media (max-width: 991.98px) {
  .jtl-alternative-lp .integrations-showcase__shell { grid-template-columns: 1fr; }
  .jtl-alternative-lp .integrations-showcase__visual { max-width: 34rem; width: 100%; margin: 0 auto; }
}

@media (max-width: 575.98px) {
  .jtl-alternative-lp .integrations-showcase__shell { padding: 1.5rem; border-radius: 1.25rem; }
  .jtl-alternative-lp .integrations-showcase__stats { gap: 0.8rem; }
  .jtl-alternative-lp .integrations-showcase__stats > div { padding-right: 0.8rem; }
  .jtl-alternative-lp .integrations-showcase__visual { min-height: 26rem; transform: scale(0.94); }
  .jtl-alternative-lp .integration-logo span { display: none; }
  .jtl-alternative-lp .integration-logo { padding: 0.42rem; }
  .jtl-alternative-lp .integration-logo--shopify { right: 0; }
  .jtl-alternative-lp .integration-logo--dhl { left: 0; }
}

.jtl-alternative-lp .migration-dark .migration-grid { position: relative; }
.jtl-alternative-lp .migration-dark .migration-card {
  border-color: rgba(255, 255, 255, 0.09);
  background: linear-gradient(135deg, rgba(28, 38, 53, 0.92), rgba(18, 27, 40, 0.92));
  box-shadow: 0 13px 35px rgba(0, 0, 0, 0.2);
}
.jtl-alternative-lp .migration-dark .migration-card:hover { border-color: rgba(89, 172, 255, 0.3); background: linear-gradient(135deg, rgba(32, 46, 65, 0.98), rgba(20, 31, 46, 0.96)); box-shadow: 0 18px 44px rgba(0, 0, 0, 0.3); }
.jtl-alternative-lp .migration-dark .migration-card__num { color: #8bc8ff; border-color: rgba(94, 177, 255, 0.18); background: rgba(49, 139, 224, 0.13); }
.jtl-alternative-lp .migration-dark .migration-card__title { color: #f4f8fc; }
.jtl-alternative-lp .migration-dark .migration-card__text { color: rgba(207, 220, 234, 0.57); }
.jtl-alternative-lp .migration-dark .migration-card:last-child { border-color: rgba(70, 201, 135, 0.2); background: linear-gradient(135deg, rgba(24, 56, 47, 0.86), rgba(17, 34, 36, 0.94)); }
.jtl-alternative-lp .migration-dark .migration-card:last-child .migration-card__num { color: #76dfa7; border-color: rgba(70, 201, 135, 0.2); background: rgba(70, 201, 135, 0.12); }

/* Tip line */
.jtl-alternative-lp .migration-tip {
  max-width: 56rem;
  margin: 0 auto;
  font-size: 0.88rem;
  color: var(--cd-jtl-muted);
  line-height: 1.5;
}

.jtl-alternative-lp .migration-tip__inner {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  text-align: left;
  max-width: 100%;
}

.jtl-alternative-lp .migration-tip i {
  color: var(--cd-jtl-primary);
  font-size: 1rem;
  flex-shrink: 0;
}

.jtl-alternative-lp .migration-dark .migration-tip {
  max-width: 56rem;
  padding: 0.85rem 1rem;
  border: 1px solid rgba(96, 175, 251, 0.14);
  border-radius: 0.8rem;
  color: rgba(207, 220, 234, 0.62);
  background: rgba(33, 76, 116, 0.12);
}
.jtl-alternative-lp .migration-dark .migration-tip i { color: #72b7ff; }

@media (max-width: 767.98px) {
  .jtl-alternative-lp .migration-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .jtl-alternative-lp .migration-summary__item:nth-child(2)::before,
  .jtl-alternative-lp .migration-summary__item:nth-child(4)::before {
    display: none;
  }

  .jtl-alternative-lp .migration-summary__item {
    padding: 1.1rem 1rem;
  }

  .jtl-alternative-lp .migration-summary__item:nth-child(3) {
    border-top: 1px solid rgba(15, 23, 42, 0.08);
  }

  .jtl-alternative-lp .migration-grid {
    grid-template-columns: 1fr;
    gap: 0.6rem;
  }
}

/* ─── Pricing cards (elegant, editorial) ────────────────── */
.jtl-alternative-lp .price-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  max-width: 1180px;
}

.jtl-alternative-lp .price-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 2rem 1.85rem 2.25rem;
  background: #ffffff;
  border: 1px solid var(--cd-jtl-line);
  border-radius: var(--cd-jtl-radius-lg);
  box-shadow: var(--cd-jtl-shadow-card);
  transition:
    transform 0.4s var(--cd-lp-ease-out),
    box-shadow 0.4s ease,
    border-color 0.3s ease;
}

.jtl-alternative-lp .price-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--cd-jtl-shadow-hover);
  border-color: rgba(0, 113, 227, 0.18);
}

.jtl-alternative-lp .price-card--featured {
  border-color: rgba(0, 113, 227, 0.28);
  background: linear-gradient(180deg, rgba(0, 113, 227, 0.025) 0%, #ffffff 35%);
  box-shadow:
    0 22px 56px rgba(0, 113, 227, 0.1),
    0 1px 0 rgba(255, 255, 255, 0.8) inset;
}

.jtl-alternative-lp .price-card--featured:hover {
  border-color: rgba(0, 113, 227, 0.4);
  box-shadow:
    0 28px 70px rgba(0, 113, 227, 0.14),
    0 1px 0 rgba(255, 255, 255, 0.8) inset;
}

.jtl-alternative-lp .price-card__badge {
  position: absolute;
  top: -0.7rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--cd-jtl-primary);
  background: #ffffff;
  border: 1px solid rgba(0, 113, 227, 0.28);
  border-radius: 999px;
  padding: 0.3rem 0.85rem;
  box-shadow: 0 4px 12px rgba(0, 113, 227, 0.12);
  z-index: 1;
}

.jtl-alternative-lp .price-card__head {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.jtl-alternative-lp .price-card__eyebrow {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--cd-jtl-muted);
  width: fit-content;
}

.jtl-alternative-lp .price-card__eyebrow--primary {
  color: var(--cd-jtl-primary);
}

.jtl-alternative-lp .price-card__price {
  margin: 0;
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
  color: var(--cd-jtl-ink);
  letter-spacing: -0.035em;
}

.jtl-alternative-lp .price-card__price span {
  font-size: clamp(2.4rem, 4vw, 3.1rem);
  font-weight: 600;
  line-height: 1;
  background: linear-gradient(180deg, var(--cd-jtl-ink) 0%, #2d3340 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.jtl-alternative-lp .price-card--featured .price-card__price span {
  background: linear-gradient(180deg, var(--cd-jtl-primary) 0%, #0058b0 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.jtl-alternative-lp .price-card__price em {
  font-style: normal;
  font-size: 0.95rem;
  font-weight: 400;
  color: var(--cd-jtl-muted);
  letter-spacing: -0.005em;
}

.jtl-alternative-lp .price-card__summary {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.5;
  color: var(--cd-jtl-muted);
  letter-spacing: -0.005em;
}

.jtl-alternative-lp .price-card__list {
  list-style: none;
  margin: 0;
  padding: 1.25rem 0 0;
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  border-top: 1px solid rgba(15, 23, 42, 0.06);
}

.jtl-alternative-lp .price-card__list li {
  position: relative;
  padding-left: 1.4rem;
  font-size: 0.88rem;
  line-height: 1.5;
  color: var(--cd-jtl-ink);
  letter-spacing: -0.005em;
}

.jtl-alternative-lp .price-card__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55rem;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  background: var(--cd-jtl-primary-soft);
  border: 1.5px solid var(--cd-jtl-primary);
}

.jtl-alternative-lp .price-card--featured .price-card__list li::before {
  background: var(--cd-jtl-primary);
  border-color: var(--cd-jtl-primary);
}

.jtl-alternative-lp .price-card__list li strong {
  font-weight: 600;
  color: var(--cd-jtl-ink);
  display: block;
  margin-bottom: 0.15rem;
}

.jtl-alternative-lp .price-card .btn {
  padding: 0.75rem 1.25rem;
  font-weight: 500;
  letter-spacing: -0.005em;
}

@media (max-width: 991.98px) {
  .jtl-alternative-lp .price-grid {
    grid-template-columns: 1fr;
    max-width: 28rem;
  }

  .jtl-alternative-lp .price-card {
    padding: 1.75rem 1.5rem 2rem;
  }
}

/* ─── Warehouse specialist contact ─────────────────────── */
.jtl-alternative-lp .specialist-section {
  background:
    radial-gradient(circle at 12% 50%, rgba(0, 113, 227, 0.08), transparent 28rem),
    linear-gradient(180deg, #ffffff, #f7faff);
}

.jtl-alternative-lp .specialist-card {
  display: grid;
  grid-template-columns: minmax(18rem, 0.82fr) minmax(0, 1.3fr);
  max-width: 68rem;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.09);
  border-radius: 1.6rem;
  background: #fff;
  box-shadow: 0 28px 80px rgba(15, 23, 42, 0.1);
}

.jtl-alternative-lp .specialist-card__portrait {
  position: relative;
  min-height: 31rem;
  overflow: hidden;
  background: #e9eef4;
}

.jtl-alternative-lp .specialist-card__portrait::after {
  content: "";
  position: absolute;
  inset: 55% 0 0;
  background: linear-gradient(180deg, transparent, rgba(8, 20, 37, 0.55));
  pointer-events: none;
}

.jtl-alternative-lp .specialist-card__portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 40%;
}

.jtl-alternative-lp .specialist-card__availability {
  position: absolute;
  z-index: 1;
  left: 1.25rem;
  bottom: 1.25rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0.7rem;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 999px;
  color: #fff;
  background: rgba(8, 20, 37, 0.56);
  backdrop-filter: blur(10px);
  font-size: 0.72rem;
  font-weight: 650;
}

.jtl-alternative-lp .specialist-card__availability span {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #44d388;
  box-shadow: 0 0 0 0.25rem rgba(68, 211, 136, 0.18);
}

.jtl-alternative-lp .specialist-card__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: clamp(2rem, 5vw, 4.25rem);
}

.jtl-alternative-lp .specialist-card__content .h1 {
  max-width: 31rem;
  letter-spacing: -0.035em;
}

.jtl-alternative-lp .specialist-card__role {
  margin: 0 0 1.1rem;
  color: var(--cd-jtl-primary);
  font-size: 0.85rem;
  font-weight: 700;
}

.jtl-alternative-lp .specialist-card__intro {
  max-width: 34rem;
  margin: 0 0 1.5rem;
  color: var(--cd-jtl-muted);
  font-size: 0.95rem;
  line-height: 1.65;
}

.jtl-alternative-lp .specialist-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  margin-bottom: 1rem;
}

.jtl-alternative-lp .specialist-card__actions .btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.72rem 1.15rem;
  border-radius: 0.75rem;
  font-size: 0.86rem;
  font-weight: 600;
}

.jtl-alternative-lp .specialist-card__email {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--cd-jtl-muted);
  font-size: 0.84rem;
  font-weight: 550;
  text-decoration: none;
  transition: color 0.2s ease;
}

.jtl-alternative-lp .specialist-card__email:hover { color: var(--cd-jtl-primary); }

@media (max-width: 767.98px) {
  .jtl-alternative-lp .specialist-card { grid-template-columns: 1fr; max-width: 34rem; }
  .jtl-alternative-lp .specialist-card__portrait { min-height: 23rem; }
  .jtl-alternative-lp .specialist-card__content { padding: 2rem 1.4rem 2.25rem; }
  .jtl-alternative-lp .specialist-card__actions { width: 100%; flex-direction: column; }
  .jtl-alternative-lp .specialist-card__actions .btn { justify-content: center; width: 100%; }
}

/* ─── FAQ ───────────────────────────────────────────────── */
.jtl-alternative-lp .faq-shell {
  padding: 1.75rem 1.35rem 2rem;
}

@media (min-width: 768px) {
  .jtl-alternative-lp .faq-shell {
    padding: 2.5rem 2.5rem 2.75rem;
  }
}

.jtl-alternative-lp .faq-shell .accordion-button {
  font-weight: 600;
  letter-spacing: -0.01em;
}

.jtl-alternative-lp .faq-shell .accordion-button:not(.collapsed) {
  background: rgba(0, 113, 227, 0.04) !important;
  color: var(--cd-jtl-primary) !important;
}

.jtl-alternative-lp .faq-shell .accordion-button:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 113, 227, 0.14) !important;
}

/* ─── CTA band ──────────────────────────────────────────── */
.jtl-alternative-lp .cta-band .cta-kicker {
  color: rgba(255, 255, 255, 0.78);
  letter-spacing: 0.14em;
}

.jtl-alternative-lp .cta-band .btn-light {
  font-weight: 600;
  border-radius: 999px;
  padding: 0.75rem 1.85rem;
  background: #fff;
  border-color: #fff;
  color: var(--cd-jtl-primary);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.jtl-alternative-lp .cta-band .btn-light:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
}

.jtl-alternative-lp .cta-band .btn-outline-light {
  font-weight: 600;
  border-radius: 999px;
  padding: 0.75rem 1.85rem;
  transition:
    transform 0.25s ease,
    background 0.2s ease;
}

.jtl-alternative-lp .cta-band .btn-outline-light:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.12);
}

/* ─── Buttons ───────────────────────────────────────────── */
.jtl-alternative-lp .btn-primary {
  --bs-btn-bg: var(--cd-jtl-primary);
  --bs-btn-border-color: var(--cd-jtl-primary);
  --bs-btn-hover-bg: var(--cd-jtl-primary-hover);
  --bs-btn-hover-border-color: var(--cd-jtl-primary-hover);
  font-weight: 500;
}

.jtl-alternative-lp .btn-outline-primary {
  --bs-btn-color: var(--cd-jtl-primary);
  --bs-btn-border-color: var(--cd-jtl-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--cd-jtl-primary);
  --bs-btn-hover-border-color: var(--cd-jtl-primary);
  font-weight: 500;
}

/* ─── Section alt background ────────────────────────────── */
.jtl-alternative-lp .section-alt {
  background:
    radial-gradient(ellipse 80% 50% at 50% 0%, rgba(0, 113, 227, 0.04), transparent 70%),
    linear-gradient(180deg, #f5f7fa 0%, #ffffff 100%) !important;
}

/* ─── Scroll-reveal entrance stagger ────────────────────── */
.jtl-alternative-lp section.cd-reveal.cd-reveal--visible .hero-badge {
  animation: cd-lp-scale-soft 0.58s var(--cd-lp-ease-spring) 0.04s backwards;
}

.jtl-alternative-lp section.cd-reveal.cd-reveal--visible .display-heading {
  animation: cd-lp-rise 0.78s var(--cd-lp-ease-out) 0.08s backwards;
}

.jtl-alternative-lp section.cd-reveal.cd-reveal--visible .lead-tight {
  animation: cd-lp-rise-subtle 0.72s var(--cd-lp-ease-out) 0.14s backwards;
}

.jtl-alternative-lp section.cd-reveal.cd-reveal--visible .hero-gradient .d-flex.flex-column.flex-sm-row {
  animation: cd-lp-rise-subtle 0.65s var(--cd-lp-ease-out) 0.22s backwards;
}

.jtl-alternative-lp section.cd-reveal.cd-reveal--visible .hero-gradient .mini-stat {
  animation: cd-lp-rise-subtle 0.6s var(--cd-lp-ease-out) 0.3s backwards;
}

.jtl-alternative-lp section.cd-reveal.cd-reveal--visible .hero-compare-card {
  animation: cd-lp-rise 0.82s var(--cd-lp-ease-out) 0.16s backwards;
}

.jtl-alternative-lp section.cd-reveal.cd-reveal--visible .reason-card,
.jtl-alternative-lp section.cd-reveal.cd-reveal--visible .compare-shell,
.jtl-alternative-lp section.cd-reveal.cd-reveal--visible .procedure-step,
.jtl-alternative-lp section.cd-reveal.cd-reveal--visible .cd-pr-plan,
.jtl-alternative-lp section.cd-reveal.cd-reveal--visible .faq-shell {
  animation: cd-lp-rise-subtle 0.66s var(--cd-lp-ease-out) backwards;
}

.jtl-alternative-lp section.cd-reveal.cd-reveal--visible .reason-card:nth-child(2),
.jtl-alternative-lp section.cd-reveal.cd-reveal--visible .cd-pr-plan:nth-child(2) {
  animation-delay: 0.08s;
}

.jtl-alternative-lp section.cd-reveal.cd-reveal--visible .procedure-step:nth-child(2) { animation-delay: 0.05s; }
.jtl-alternative-lp section.cd-reveal.cd-reveal--visible .procedure-step:nth-child(3) { animation-delay: 0.1s; }
.jtl-alternative-lp section.cd-reveal.cd-reveal--visible .procedure-step:nth-child(4) { animation-delay: 0.15s; }
.jtl-alternative-lp section.cd-reveal.cd-reveal--visible .procedure-step:nth-child(5) { animation-delay: 0.2s; }
.jtl-alternative-lp section.cd-reveal.cd-reveal--visible .procedure-step:nth-child(6) { animation-delay: 0.25s; }
.jtl-alternative-lp section.cd-reveal.cd-reveal--visible .procedure-step:nth-child(7) { animation-delay: 0.3s; }
.jtl-alternative-lp section.cd-reveal.cd-reveal--visible .procedure-step:nth-child(8) { animation-delay: 0.35s; }

/* ─── Removed-feature callout ───────────────────────────── */
.jtl-alternative-lp .cd-callout--warn {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(217, 119, 6, 0.18);
  border-radius: var(--cd-jtl-radius-lg) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(217, 119, 6, 0.09), transparent 24rem),
    linear-gradient(135deg, #fffdf8, #ffffff 58%);
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.065);
}

.jtl-alternative-lp .cd-callout--warn::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, var(--cd-jtl-danger), var(--cd-jtl-warn));
}

.jtl-alternative-lp .cd-callout--warn header {
  position: relative;
  z-index: 1;
}

.jtl-alternative-lp .cd-callout--warn > p {
  max-width: 58rem;
  color: var(--cd-jtl-muted);
  font-size: 0.86rem;
  line-height: 1.55;
}

.jtl-alternative-lp .callout-icon {
  display: grid;
  place-items: center;
  width: 2.35rem;
  height: 2.35rem;
  flex-shrink: 0;
  border-radius: 0.72rem;
  font-size: 1.05rem;
}

.jtl-alternative-lp .callout-icon--danger {
  color: var(--cd-jtl-danger);
  background: var(--cd-jtl-danger-soft);
  box-shadow: 0 0 0 1px rgba(220, 38, 38, 0.1) inset;
}

.jtl-alternative-lp .connector-pill {
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
  height: 100%;
  min-height: 4.25rem;
  padding: 0.85rem 0.9rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 0.8rem;
  background: rgba(255, 255, 255, 0.88);
  color: var(--cd-jtl-ink);
  box-shadow: 0 5px 16px rgba(15, 23, 42, 0.045);
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.4;
  transition: transform 0.25s var(--cd-lp-ease-out), box-shadow 0.25s ease, border-color 0.25s ease;
}

.jtl-alternative-lp .connector-pill:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

.jtl-alternative-lp .connector-pill i {
  flex-shrink: 0;
  margin-top: 0.08rem;
  font-size: 1rem;
}

.jtl-alternative-lp .connector-pill--removed {
  border-color: rgba(220, 38, 38, 0.14);
  background: linear-gradient(135deg, rgba(220, 38, 38, 0.05), #fff 62%);
}

.jtl-alternative-lp .connector-pill--removed i { color: var(--cd-jtl-danger); }

.jtl-alternative-lp .connector-pill--moved {
  border-color: rgba(217, 119, 6, 0.16);
  background: linear-gradient(135deg, rgba(217, 119, 6, 0.055), #fff 62%);
}

.jtl-alternative-lp .connector-pill--moved i { color: var(--cd-jtl-warn); }

.jtl-alternative-lp .tariff-dark .cd-callout--warn {
  border-color: rgba(238, 97, 97, 0.2);
  background:
    radial-gradient(circle at 100% 0%, rgba(217, 119, 6, 0.1), transparent 25rem),
    linear-gradient(135deg, rgba(30, 39, 53, 0.96), rgba(18, 27, 39, 0.96));
  box-shadow: 0 24px 65px rgba(0, 0, 0, 0.28);
}
.jtl-alternative-lp .tariff-dark .cd-callout--warn header h3 { color: #f8fafc; }
.jtl-alternative-lp .tariff-dark .cd-callout--warn > p { color: rgba(211, 222, 234, 0.62); }
.jtl-alternative-lp .tariff-dark .cd-callout--warn > p.text-muted { color: rgba(211, 222, 234, 0.58) !important; }
.jtl-alternative-lp .tariff-dark .callout-icon--danger { color: #ff7c7c; background: rgba(220, 38, 38, 0.14); }
.jtl-alternative-lp .tariff-dark .connector-pill { color: #eaf1f8; border-color: rgba(255, 255, 255, 0.08); background: rgba(8, 15, 24, 0.42); box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18); }
.jtl-alternative-lp .tariff-dark .connector-pill--removed { border-color: rgba(240, 92, 92, 0.2); background: linear-gradient(135deg, rgba(220, 38, 38, 0.1), rgba(8, 15, 24, 0.45)); }
.jtl-alternative-lp .tariff-dark .connector-pill--moved { border-color: rgba(240, 173, 85, 0.2); background: linear-gradient(135deg, rgba(217, 119, 6, 0.1), rgba(8, 15, 24, 0.45)); }
.jtl-alternative-lp .tariff-dark .connector-pill--removed i { color: #ff7777; }
.jtl-alternative-lp .tariff-dark .connector-pill--moved i { color: #f3b35d; }

/* ─── Responsive tweaks ──────────────────────────────────── */
@media (max-width: 991.98px) {
  .jtl-alternative-lp .hero-compare-card {
    margin-top: 1rem;
  }
}

@media (max-width: 767.98px) {
  .jtl-alternative-lp .mini-stat .row {
    --bs-gutter-x: 0.75rem;
  }

  .jtl-alternative-lp .procedure-step {
    padding: 1.1rem 1.15rem;
    gap: 0.85rem;
  }

  .jtl-alternative-lp .procedure-step__num {
    width: 2.25rem;
    height: 2.25rem;
    font-size: 0.9rem;
  }

  .jtl-alternative-lp .connector-pill {
    padding: 0.7rem 0.85rem;
    font-size: 0.85rem;
  }
}

/* ─── Reduced motion ────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  .jtl-alternative-lp *,
  .jtl-alternative-lp *::before,
  .jtl-alternative-lp *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}