/* Greedbegone NOVA: trust blue, action orange, value green, and The VIP as the obvious pick. */
:root {
  --value: #16a34a;
  --grad-btn: linear-gradient(135deg, var(--blue), #3b8bff);
  --ring: rgba(29, 111, 224, 0.22);
}

/* Main action buttons: one bold color people learn to click. */
.btn-accent { background: linear-gradient(135deg, #ff8a3d, var(--orange)); color: #fff; box-shadow: 0 10px 24px -10px rgba(255, 107, 26, .7); }
.btn-accent:hover { box-shadow: 0 14px 30px -10px rgba(255, 107, 26, .85); }

/* Checkmarks read as "you get this": green. */
.checklist li::before { background: rgba(22, 163, 74, .12); color: var(--value); }

/* ---- Home page pricing ---- */
.pricing { align-items: stretch; }
.price-card:not(.featured) { background: #fff; }
.price-card:not(.featured) .btn { background: #fff; color: var(--blue); border: 1.5px solid rgba(29, 111, 224, .35); box-shadow: none; }
.price-card:not(.featured) .btn:hover { border-color: var(--blue); background: rgba(29, 111, 224, .05); }
.price-card.featured {
  background: radial-gradient(420px 260px at 100% 0, rgba(58, 183, 255, .35), transparent 65%), linear-gradient(160deg, #123a8c, var(--navy-deep));
  transform: scale(1.05); z-index: 1; padding-top: 44px; padding-bottom: 38px;
  box-shadow: 0 0 0 3px rgba(255, 138, 61, .9), 0 34px 70px -28px rgba(10, 30, 80, .75);
}
.price-card.featured .price { font-size: 3rem; }
.price-card.featured .checklist li::before { background: rgba(74, 222, 128, .18); color: #86efac; }
.price-card.featured .btn-accent { padding-top: 15px; padding-bottom: 15px; font-size: 16px; }
.price-card.featured .ribbon, .plan-choice.is-featured .ribbon { top: -13px; right: 50%; transform: translateX(50%); padding: 6px 16px; font-size: 12.5px; text-transform: uppercase; letter-spacing: .06em; color: #fff;
  background: linear-gradient(135deg, #ff8a3d, var(--orange)); box-shadow: 0 8px 18px -8px rgba(255, 107, 26, .8); white-space: nowrap; }
@media (max-width: 900px) { .price-card.featured { transform: none; order: -1; } }

/* ---- Plan step of sign-up ---- */
.plans { align-items: stretch; }
.plan-choice.is-featured { border: 2px solid var(--orange); box-shadow: 0 0 0 5px rgba(255, 107, 26, .14), 0 30px 60px -30px rgba(10, 30, 80, .45); transform: scale(1.04); z-index: 1; padding-top: 34px; overflow: visible; }
.plan-choice.is-featured .price { font-size: 2.7rem; color: var(--blue); }
.plan-choice:has(input:checked) .pick { background: linear-gradient(135deg, #ff8a3d, var(--orange)); }
.plan-choice:not(.is-featured):has(input:checked) .pick { background: var(--grad-btn); }
@media (max-width: 900px) { .plan-choice.is-featured { transform: none; order: -1; } }