/* Pricing — final overlapping decision deck */
body[data-pricing-version="3"] .pricing {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
body[data-pricing-version="3"] .pricing > * {
  position: relative;
  z-index: 2;
}
body[data-pricing-version="3"] .pricing__intro h2 {
  text-shadow:
    0 5px 0 rgba(0,0,0,.34),
    0 14px 24px rgba(0,0,0,.58),
    0 30px 60px rgba(0,0,0,.42);
}

/* Animated accent-pink fire form — center left */
body[data-pricing-version="3"] .pricing::before {
  position: absolute;
  z-index: 0;
  left: clamp(-500px,-24vw,-240px);
  top: 50%;
  width: clamp(760px,67vw,1120px);
  aspect-ratio: .88;
  content: "";
  pointer-events: none;
  opacity: .2;
  clip-path: polygon(49% 0,59% 17%,69% 8%,72% 29%,88% 23%,81% 45%,100% 52%,81% 61%,91% 79%,68% 76%,62% 100%,48% 83%,30% 97%,30% 73%,7% 78%,19% 58%,0 47%,23% 38%,13% 19%,36% 25%);
  background:
    radial-gradient(circle at 52% 27%,rgba(255,229,237,.96),transparent 14%),
    radial-gradient(circle at 63% 43%,rgba(245,135,168,.95),transparent 28%),
    radial-gradient(circle at 37% 53%,rgba(243,161,169,.98),transparent 38%),
    radial-gradient(circle at 61% 72%,rgba(247,178,181,.92),transparent 42%),
    var(--accent-text);
  filter: blur(190px) saturate(108%);
  transform-origin: 48% 56%;
  animation: pricingFire 12s cubic-bezier(.45,0,.55,1) infinite alternate;
}

/* Fine leather grain — no line pattern */
body[data-pricing-version="3"] .pricing::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  content: "";
  pointer-events: none;
  opacity: .58;
  background-color: rgba(35,24,27,.12);
  background-image:
    radial-gradient(ellipse at 22% 31%,rgba(255,255,255,.28) 0,.8px,transparent 1.5px),
    radial-gradient(ellipse at 76% 68%,rgba(255,255,255,.18) 0,.75px,transparent 1.4px),
    radial-gradient(ellipse at 38% 79%,rgba(0,0,0,.46) 0,.95px,transparent 1.75px),
    radial-gradient(ellipse at 81% 19%,rgba(0,0,0,.34) 0,.85px,transparent 1.65px),
    radial-gradient(ellipse at 51% 47%,rgba(232,175,189,.12) 0,1px,transparent 2px);
  background-size: 6px 8px,9px 6px,11px 13px,15px 10px,19px 17px;
  background-position: 0 0,3px 4px,6px 2px,1px 8px,9px 5px;
  mix-blend-mode: overlay;
  -webkit-backdrop-filter: blur(24px) saturate(128%);
  backdrop-filter: blur(24px) saturate(128%);
  box-shadow: inset 0 0 180px rgba(255,220,230,.035);
  mask-image: radial-gradient(ellipse at 48% 52%,#000 0,#000 62%,rgba(0,0,0,.55) 83%,transparent 100%);
}

@keyframes pricingFire {
  0% {
    transform: translate3d(-5%,-52%,0) rotate(-7deg) scale(.92,.98);
    clip-path: polygon(49% 0,59% 17%,69% 8%,72% 29%,88% 23%,81% 45%,100% 52%,81% 61%,91% 79%,68% 76%,62% 100%,48% 83%,30% 97%,30% 73%,7% 78%,19% 58%,0 47%,23% 38%,13% 19%,36% 25%);
  }
  50% {
    transform: translate3d(5%,-48%,0) rotate(6deg) scale(1.07,.94);
    clip-path: polygon(46% 3%,57% 23%,72% 5%,70% 31%,93% 26%,80% 46%,98% 58%,77% 60%,88% 84%,65% 75%,54% 100%,44% 80%,24% 94%,29% 70%,4% 73%,22% 55%,0 41%,25% 39%,17% 13%,37% 27%);
  }
  100% {
    transform: translate3d(1%,-55%,0) rotate(-2deg) scale(.97,1.08);
    clip-path: polygon(54% 0,61% 22%,75% 12%,70% 34%,94% 31%,80% 50%,100% 63%,75% 62%,85% 87%,62% 77%,49% 100%,42% 79%,18% 91%,27% 67%,2% 67%,23% 51%,4% 35%,29% 37%,23% 10%,40% 27%);
  }
}

body[data-pricing-version="3"] .price-cards {
  position: relative;
  min-width: 0;
  min-height: 790px;
  display: block;
  align-self: center;
}
body[data-pricing-version="3"] .price-card,
body[data-pricing-version="3"] .price-card--featured {
  position: absolute;
  min-height: 620px;
  width: 72%;
  padding: clamp(30px,3.2vw,48px);
  color: #181716;
  background: #f8f0e8;
  border: 1px solid #171514;
  box-shadow: 14px 14px 0 rgba(232,175,189,.55);
  transform: none;
  transition: transform .5s var(--ease),box-shadow .5s ease;
}
body[data-pricing-version="3"] .price-card--featured {
  z-index: 2;
  left: 0;
  top: 0;
  color: #fff;
  background:
    radial-gradient(circle at 18% 8%,rgba(255,218,228,.25),transparent 27%),
    radial-gradient(circle at 88% 88%,rgba(35,5,15,.42),transparent 42%),
    linear-gradient(138deg,#a94461 0%,#7f2945 43%,#54182e 100%);
  border: 1px solid rgba(244,190,205,.78);
  box-shadow: 16px 18px 0 rgba(232,175,189,.44),0 34px 90px rgba(0,0,0,.35);
  overflow: hidden;
}
/* Leather grain and hand-finished frame inside the premium card */
body[data-pricing-version="3"] .price-card--featured::before {
  position: absolute;
  z-index: 0;
  inset: 0;
  content: "";
  pointer-events: none;
  opacity: .26;
  background-image:
    radial-gradient(ellipse at 20% 30%,rgba(255,255,255,.24) 0,.65px,transparent 1.25px),
    radial-gradient(ellipse at 72% 61%,rgba(0,0,0,.34) 0,.75px,transparent 1.5px),
    radial-gradient(ellipse at 43% 82%,rgba(255,255,255,.14) 0,.55px,transparent 1.15px);
  background-size: 6px 8px,9px 7px,13px 11px;
  mix-blend-mode: soft-light;
}
body[data-pricing-version="3"] .price-card--featured::after {
  position: absolute;
  z-index: 1;
  inset: 12px;
  content: "";
  pointer-events: none;
  border: 1px solid rgba(255,223,231,.28);
  box-shadow: inset 0 0 55px rgba(255,211,223,.06),inset 0 0 0 5px rgba(61,8,26,.08);
}
body[data-pricing-version="3"] .price-card--featured > span,
body[data-pricing-version="3"] .price-card--featured > h3,
body[data-pricing-version="3"] .price-card--featured > p,
body[data-pricing-version="3"] .price-card--featured > ul,
body[data-pricing-version="3"] .price-card--featured > a { position: relative; z-index: 2; }
body[data-pricing-version="3"] .price-card--featured .popular { z-index: 3; }
body[data-pricing-version="3"] .price-card:not(.price-card--featured) {
  z-index: 1;
  right: 0;
  bottom: 0;
  padding-left: clamp(45px,5vw,78px);
  background: #f4e8df;
}
body[data-pricing-version="3"] .popular {
  top: 25px;
  right: 25px;
  padding: 9px 15px;
  color: #5a162c;
  background: linear-gradient(135deg,#f7dce4,#dea2b4);
  border: 1px solid rgba(255,255,255,.4);
  box-shadow: 0 8px 22px rgba(42,7,19,.22);
}
body[data-pricing-version="3"] .price-card > span { color: var(--accent-button); letter-spacing: .14em; }
body[data-pricing-version="3"] .price-card--featured > span { color: #f7cad5; }
body[data-pricing-version="3"] .price-card h3 {
  margin: 48px 0 8px;
  font-size: clamp(76px,7vw,108px);
}
body[data-pricing-version="3"] .price-card--featured h3 {
  color: #fff7f9;
  text-shadow: 0 8px 28px rgba(40,4,16,.28);
}
body[data-pricing-version="3"] .price-card--featured > p { color: #eadce0; }
body[data-pricing-version="3"] .price-card--featured li { border-color: rgba(255,255,255,.24); }
body[data-pricing-version="3"] .price-card--featured li::before { color: #f5c4d0; }
body[data-pricing-version="3"] .price-card--featured .button {
  color: #641c33;
  background: linear-gradient(135deg,#fff8fa,#f3d6df);
  border-color: rgba(255,255,255,.75);
  box-shadow: 0 12px 30px rgba(40,4,16,.22);
}
body[data-pricing-version="3"] .price-card--featured:hover {
  transform: translate(-12px,-12px) rotate(-1deg);
  box-shadow: 24px 25px 0 rgba(232,175,189,.3),0 46px 110px rgba(0,0,0,.4);
}
body[data-pricing-version="3"] .price-card:not(.price-card--featured):hover {
  z-index: 3;
  transform: translate(10px,10px) rotate(1deg);
}

@media (max-width: 800px) {
  body[data-pricing-version="3"] .price-cards {
    min-height: 0;
    display: grid;
    gap: 28px;
  }
  body[data-pricing-version="3"] .price-card,
  body[data-pricing-version="3"] .price-card--featured,
  body[data-pricing-version="3"] .price-card:not(.price-card--featured) {
    position: relative;
    inset: auto;
    width: 100%;
    min-height: 620px;
    padding: 32px 25px;
    box-shadow: 8px 8px 0 rgba(232,175,189,.5);
  }
  body[data-pricing-version="3"] .price-card:nth-child(n):hover { transform: translateY(-6px); }
  body[data-pricing-version="3"] .pricing::before {
    left: -470px;
    top: 46%;
    width: 800px;
    opacity: .14;
  }
  body[data-pricing-version="3"] .pricing::after {
    opacity: .48;
    -webkit-backdrop-filter: blur(18px) saturate(122%);
    backdrop-filter: blur(18px) saturate(122%);
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-pricing-version="3"] .pricing::before {
    animation: none;
    transform: translate3d(0,-50%,0);
  }
}