/* ===== Pricing overview — FifthStar (DL v1.0) ===== */
.price-hero{padding:5.5rem 0 2.2rem;text-align:center}
.price-hero h1{font-family:var(--head-font);font-weight:700;font-size:clamp(2.2rem,5vw,3.4rem);color:var(--ink);line-height:1.05;margin:0 0 .8rem;letter-spacing:-.02em}
.price-hero p{font-size:1.05rem;color:var(--mute);max-width:60ch;margin:0 auto 1.1rem;line-height:1.6}
.price-pills{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin-top:.4rem}
.price-pill{font-size:.8rem;font-weight:600;color:var(--gold);border:1px solid var(--line);border-radius:9999px;padding:.4rem .9rem;background:var(--glass)}
.price-pill b{font-variant-numeric:tabular-nums lining-nums}

.svc-block{padding:2.4rem 0 1rem;border-top:1px solid var(--line)}
.svc-head{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap;margin-bottom:.3rem}
.svc-head h2{font-family:var(--head-font);font-weight:700;font-size:clamp(1.5rem,3.2vw,2rem);color:var(--ink);margin:0;letter-spacing:-.01em}
.svc-head .free{font-size:.78rem;font-weight:700;color:var(--bg);background:var(--gold);border-radius:9999px;padding:.2rem .6rem;letter-spacing:.04em}
.svc-sub{color:var(--mute);font-size:.95rem;margin:0 0 1.4rem;line-height:1.55;max-width:62ch}
.svc-more{display:inline-block;margin-top:.2rem;font-size:.82rem;font-weight:600;color:var(--gold);text-decoration:none}
.svc-more:hover{text-decoration:underline}

/* first-year badge inside tier card */
.tier .t-year{display:inline-block;margin-top:.1rem;font-size:.72rem;font-weight:600;color:var(--gold-deep);background:rgba(184,145,79,.12);border:1px solid rgba(184,145,79,.3);border-radius:9999px;padding:.18rem .55rem;font-variant-numeric:tabular-nums lining-nums}
.tier.feat .t-year{color:var(--gold);background:rgba(216,179,106,.12);border-color:rgba(216,179,106,.35)}
.tier .t-view{margin-top:auto;font-size:.8rem;font-weight:600;color:var(--gold);text-decoration:none}
.tier .t-view:hover{text-decoration:underline}

/* full-width free banner for Client Portal */
.free-banner{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;justify-content:space-between;padding:1.6rem 1.8rem;border-radius:1rem;background:var(--glass);border:1px solid var(--gold);margin:1rem 0 .4rem}
.free-banner .fb-txt h3{font-family:var(--head-font);font-weight:700;font-size:1.35rem;color:var(--ink);margin:0 0 .3rem}
.free-banner .fb-txt p{margin:0;color:var(--mute);font-size:.92rem;line-height:1.5}
.free-banner .fb-go{font-weight:600;color:var(--gold);text-decoration:none;white-space:nowrap}
.free-banner .fb-go:hover{text-decoration:underline}

/* explainer + notes */
.price-notes{padding:2.6rem 0 1rem}
.note-card{background:var(--glass);border:1px solid var(--line);border-radius:1rem;padding:1.6rem 1.8rem;margin-bottom:1.1rem}
.note-card h3{font-family:var(--head-font);font-weight:700;font-size:1.25rem;color:var(--ink);margin:0 0 .6rem}
.note-card p{margin:0;color:var(--mute);font-size:.95rem;line-height:1.6}
.note-card b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums lining-nums}

.price-cta{text-align:center;padding:2.8rem 0 3.5rem}
.price-cta h2{font-family:var(--head-font);font-weight:700;font-size:clamp(1.7rem,3.5vw,2.3rem);color:var(--ink);margin:0 0 .7rem}
.price-cta p{color:var(--mute);max-width:52ch;margin:0 auto 1.3rem;line-height:1.6}
.btn-gold{display:inline-block;background:var(--gold);color:var(--bg);font-weight:700;font-size:.95rem;padding:.85rem 1.6rem;border-radius:.7rem;text-decoration:none;letter-spacing:.01em}
.btn-gold:hover{opacity:.92}

@media(max-width:600px){
  .price-hero{padding:4rem 0 1.6rem}
  .free-banner{padding:1.3rem}
}