/* LogiMotor visual polish - parity with LogiDrink depth / motion */
:root {
  --lm-glow: radial-gradient(ellipse 80% 60% at 85% 100%, rgba(253,112,32,.28), transparent 55%),
             radial-gradient(ellipse 60% 50% at 10% 90%, rgba(99,102,241,.18), transparent 50%);
}

.feat-card,
.price-card,
.form-card,
.contact-info-card,
.cmp-wrap {
  transition: transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s ease, border-color .25s ease;
}
.feat-card:hover,
.price-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px -18px rgba(15,23,42,.22);
}

.reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .7s ease, transform .7s cubic-bezier(.22,1,.36,1);
}
.reveal.visible {
  opacity: 1;
  transform: none;
}
.reveal.delay-1 { transition-delay: .08s; }
.reveal.delay-2 { transition-delay: .16s; }
.reveal.delay-3 { transition-delay: .24s; }

/* Dark decision band glow */
section .band-dark,
.band-dark,
div.band-dark,
.demo-dark,
[class*="on-dark"] {
  position: relative;
}
section:has(.eyebrow.on-dark) > .container > div:first-child,
.container > div:has(> .eyebrow.on-dark) {
  background: #0a1628;
  background-image: var(--lm-glow);
  border-radius: 24px;
  padding: clamp(28px, 4vw, 48px);
  box-shadow: 0 24px 60px -24px rgba(10,22,40,.55);
}

/* Soft section fades */
section.soft {
  background: linear-gradient(180deg, #f7f8fb 0%, #f3f5f9 100%);
}
section.cream {
  background: linear-gradient(180deg, #fff8f3 0%, #fff5ee 55%, #ffffff 100%);
}

/* Comparison table polish */
.cmp-wrap {
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 16px 40px -20px rgba(15,23,42,.25);
  border: 1px solid rgba(15,23,42,.06);
  background: #fff;
}
.cmp-table th:nth-child(2) {
  background: #fd7020 !important;
  color: #fff !important;
}
.cmp-table .ok { color: #16a34a; font-weight: 600; }
.cmp-table .ko { color: #dc2626; font-weight: 600; }
.cmp-table .warn { color: #d97706; font-weight: 600; }
.cmp-table tbody tr:nth-child(even) { background: #f8fafc; }
.cmp-table tbody tr:hover { background: #fff7ed; }

.price-card.featured {
  background: linear-gradient(165deg, #0a1628 0%, #132033 55%, #1a2740 100%);
  box-shadow: 0 22px 50px -20px rgba(10,22,40,.55), inset 0 1px 0 rgba(255,255,255,.06);
}

/* Buttons subtle gradient */
.btn-primary {
  background-image: linear-gradient(180deg, #ff7a33 0%, #fd7020 55%, #f06315 100%);
  box-shadow: 0 10px 22px -10px rgba(253,112,32,.65);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.btn-primary:hover {
  filter: brightness(1.04);
  transform: translateY(-1px);
  box-shadow: 0 14px 28px -10px rgba(253,112,32,.7);
}

/* Sticky CTA bar fade */
.sticky-cta, .conv-bar, .bottom-cta, #ld-sticky-cta, .site-sticky-cta {
  backdrop-filter: blur(12px);
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 -8px 30px -12px rgba(15,23,42,.18);
}

/* Final CTA banner - depth + gradient glow */
.cta-banner {
  background: #0a1628 !important;
  background-image:
    radial-gradient(ellipse 70% 80% at 90% 110%, rgba(253,112,32,.35), transparent 55%),
    radial-gradient(ellipse 50% 60% at 0% 100%, rgba(79,70,229,.22), transparent 50%),
    linear-gradient(145deg, #0a1628 0%, #121c32 50%, #0d1728 100%) !important;
  border-radius: 24px !important;
  padding: clamp(32px, 5vw, 56px) !important;
  box-shadow: 0 28px 60px -24px rgba(10,22,40,.6), inset 0 1px 0 rgba(255,255,255,.05);
  color: #fff;
  display: grid;
  gap: 24px;
  align-items: center;
}
@media (min-width: 900px) {
  .cta-banner { grid-template-columns: 1.3fr auto; }
}
.cta-banner h2,
.cta-banner p { color: #fff !important; }
.cta-banner .eyebrow.on-dark { color: #fd7020 !important; }
.cta-banner .actions { display: flex; flex-wrap: wrap; gap: 12px; }

/* Numbered feat icons pop */
.feat-card .icon {
  background: linear-gradient(145deg, #ffe8dc, #ffd4c0) !important;
  color: #fd7020 !important;
  box-shadow: 0 8px 18px -10px rgba(253,112,32,.55);
}

/* Section head breathing room */
.section-head { margin-bottom: 36px; }

/* Ensure price cards have depth */
.price-card {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 14px 36px -18px rgba(15,23,42,.2);
  border: 1px solid rgba(15,23,42,.06);
  padding: 28px;
}