/* Price Drop landing — orange/coral accent over toolvein dark */
:root {
  --pd-orange: #fb923c;
  --pd-orange-2: #ea580c;
  --pd-orange-light: #fed7aa;
  --pd-orange-glow: rgba(251, 146, 60, 0.35);
}

.pd-page .pulse-dot.orange { background: var(--pd-orange); }
.pd-page .orange-eyebrow {
  background: rgba(251, 146, 60, 0.08);
  border-color: rgba(251, 146, 60, 0.3);
  color: var(--pd-orange);
}
.pd-page .strike-orange {
  position: relative; display: inline-block; color: #a89878;
}
.pd-page .strike-orange::after {
  content: ""; position: absolute; left: -4%; right: -4%; top: 50%;
  height: 6px; background: var(--pd-orange);
  transform-origin: left;
  transform: scaleX(0) rotate(-1.5deg);
  animation: strike 1.2s cubic-bezier(.6,.1,.3,1) 0.6s forwards;
  border-radius: 3px;
  box-shadow: 0 0 14px var(--pd-orange-glow);
}
.pd-page .gradient-orange {
  background: linear-gradient(135deg, var(--pd-orange-light) 0%, var(--pd-orange) 50%, var(--pd-orange-2) 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.pd-page .orange-btn {
  background: linear-gradient(135deg, var(--pd-orange), var(--pd-orange-2));
  color: #0d0805;
  box-shadow: 0 6px 30px -8px var(--pd-orange-glow);
}
.pd-page .orange-btn:hover { box-shadow: 0 10px 40px -6px var(--pd-orange-glow); }
.pd-page .glow.orange-btn { animation: cta-pulse-orange 2.2s ease-in-out infinite; }
@keyframes cta-pulse-orange {
  0%, 100% { box-shadow: 0 6px 30px -8px var(--pd-orange-glow); }
  50% { box-shadow: 0 6px 45px 0 var(--pd-orange-glow); }
}

/* Tool card on hub */
.tool-card-orange:hover {
  border-color: rgba(251, 146, 60, 0.45) !important;
  box-shadow: 0 24px 56px -28px rgba(251, 146, 60, 0.4) !important;
}
.tool-card-orange .tool-tier { color: var(--pd-orange); }
.tool-card-orange .tool-arrow { color: var(--pd-orange); }

/* Sites grid */
.pd-sites {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
  max-width: 880px;
  margin: 36px auto 0;
}
.pd-site {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 22px 12px;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  transition: border-color 200ms, transform 200ms;
}
.pd-site:hover {
  border-color: rgba(251, 146, 60, 0.4);
  transform: translateY(-2px);
}

/* Pricing */
.pd-pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 40px;
}
.pd-tier-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.pd-tier-featured {
  border-color: rgba(251, 146, 60, 0.5);
  box-shadow: 0 20px 60px -20px var(--pd-orange-glow);
}
.pd-tier-max-card { border-color: rgba(196,132,252,0.4); }
.pd-tier-tag {
  position: absolute;
  top: -12px; right: 20px;
  background: linear-gradient(135deg, var(--pd-orange), var(--pd-orange-2));
  color: #0d0805;
  font-size: 11px; font-weight: 800;
  padding: 4px 12px;
  border-radius: 999px;
}
.pd-tier-name {
  font-size: 13px; font-weight: 600;
  letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--muted); margin-bottom: 8px;
}
.pd-tier-price { font-size: 44px; font-weight: 800; letter-spacing: -0.02em; line-height: 1; margin-bottom: 4px; }
.pd-tier-price.orange { color: var(--pd-orange); }
.pd-tier-price.purple { color: #c084fc; }
.pd-tier-once { font-size: 12px; color: var(--muted); margin-bottom: 20px; }
.pd-tier-card ul { list-style: none; padding: 0; margin: 0 0 24px; flex: 1; display: flex; flex-direction: column; gap: 10px; }
.pd-tier-card li {
  font-size: 13.5px; padding-left: 22px;
  position: relative; color: var(--text); line-height: 1.5;
}
.pd-tier-card li::before {
  content: "✓"; position: absolute; left: 0; color: var(--pd-orange); font-weight: 700;
}
.pd-tier-max-card li::before { color: #c084fc; }
.pd-btn-tier {
  display: block; text-align: center; padding: 12px 16px;
  border-radius: 10px; font-weight: 700; font-size: 14px;
  text-decoration: none; cursor: pointer; border: none; font-family: inherit;
}
.pd-btn-orange {
  background: linear-gradient(135deg, var(--pd-orange), var(--pd-orange-2));
  color: #0d0805;
}
.pd-btn-purple {
  background: linear-gradient(135deg, #c084fc, #9333ea);
  color: #fff;
}
.pd-btn-free {
  background: var(--surface-2);
  color: var(--text);
  border: 1px solid var(--border);
}

@media (max-width: 860px) {
  .pd-pricing-grid { grid-template-columns: 1fr; }
  .pd-sites { grid-template-columns: repeat(2, 1fr); }
}