/* 2026-10-23 plans color pass (preview): the "Most picked" Found & Booked Plan card gets warm gold on navy.
   New file on purpose: nothing in branding.css (slogan C is locked) or site.css is edited. */
:root{--pc-navy:#0f2340;--pc-gold:#e8b931;--pc-gold-deep:#b8870b;--pc-cream:#fff6d6}

/* Pricing page + monthly page: featured (most picked) card */
.pkg.featured.tint-sand{
  background:linear-gradient(160deg,#fff7da 0%,#f9e39a 55%,#f1c84e 100%);
  border:2px solid var(--pc-gold-deep);border-left:8px solid var(--pc-navy);
  box-shadow:0 14px 30px rgba(15,35,64,.22),0 0 0 3px rgba(232,185,49,.35);
  position:relative}
.pkg.featured.tint-sand h2{color:var(--pc-navy)}
.pkg.featured.tint-sand .amt{color:var(--pc-navy);font-size:2.3rem}
.pkg.featured.tint-sand .sl-lead,.pkg.featured.tint-sand ul,.pkg.featured.tint-sand li{color:#0f2340}
.pkg.featured.tint-sand .tag,.pkg.featured .tag{
  background:var(--pc-navy);color:#ffd45a;border:1.5px solid #ffd45a;
  font-size:.82rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  padding:.3rem .8rem;border-radius:999px;margin-bottom:.55rem}
.pkg.featured.tint-sand .tag::before{content:"\2605\00a0"}

/* Home page: the same card inside the navy plans band */
.b-plan.b-plan-main{
  background:linear-gradient(160deg,#fff7da 0%,#f9e39a 55%,#f1c84e 100%);
  border:3px solid #ffd45a;
  box-shadow:0 14px 34px rgba(0,0,0,.35),0 0 0 3px rgba(232,185,49,.35)}
.b-plan.b-plan-main h3,.b-plan.b-plan-main .amt{color:var(--pc-navy)}
.b-plan.b-plan-main .amt{font-size:2.2rem}
.b-plan.b-plan-main p,.b-plan.b-plan-main .fine{color:#0f2340}
.b-plan.b-plan-main .tag{
  background:var(--pc-navy);color:#ffd45a;border:1.5px solid #ffd45a;
  font-size:.82rem;letter-spacing:.09em;text-transform:uppercase;padding:.3rem .8rem}
.b-plan.b-plan-main .tag::before{content:"\2605\00a0"}

/* Balance: when the grid is 2 columns (tablet) the third card spans the full row so it does not sit alone */
@media (min-width:700px) and (max-width:899px){
  .sl-tiers>.pkg:nth-child(3){grid-column:1/-1!important}
}
/* Phone: one column, the three cards share the same width and spacing */
@media (max-width:699px){
  .sl-tiers{gap:1.1rem}
  .sl-tiers .pkg,.b-plan{width:100%;box-sizing:border-box}
  .b-plan-grid{gap:1.1rem}
  .pkg.featured.tint-sand .tag,.b-plan.b-plan-main .tag{font-size:.8rem}
}
/* link to the monthly page under the cards */
.plans-more{margin:1.1rem 0 .2rem;font-size:1.15rem;font-weight:700}
.plans-more a{display:inline-block;padding:.7rem 1.1rem;border-radius:999px;background:var(--pc-navy);color:#ffd45a!important;text-decoration:none;border:2px solid #ffd45a;min-height:44px}
section.b-plans .plans-more a{background:#ffd45a;color:var(--pc-navy)!important;border-color:#ffd45a}

.plan-link{margin:.8rem 0 0;font-weight:700}.plan-link a{color:#0f2340;text-decoration:underline;font-size:1.05rem}