/* ===== PRICING ===== */
.pricing{padding:clamp(72px,9vw,120px) 0;position:relative}
.pricing-head{text-align:center;max-width:60ch;margin:0 auto clamp(36px,5vw,54px)}

.pricing-toggle{display:inline-flex;gap:5px;padding:5px;margin-top:26px;
  border:1px solid var(--hairline-strong);border-radius:13px;background:var(--surface)}
.pricing-toggle-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 20px;
  border:0;border-radius:9px;cursor:pointer;background:transparent;color:var(--text-dim);
  font:inherit;font-size:14px;transition:background .18s ease,color .18s ease}
.pricing-toggle-btn.is-on{background:var(--accent-grad-soft);color:var(--text);
  box-shadow:inset 0 0 0 1px rgba(34,211,197,.35)}
.pricing-save{font-size:11.5px;padding:2px 7px;border-radius:5px;
  background:rgba(34,211,197,.16);color:var(--accent);letter-spacing:.02em}

.pricing-tiers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:880px;margin:0 auto}
.pricing-tier{position:relative;display:flex;flex-direction:column;gap:20px;padding:clamp(26px,3vw,34px);
  border:1px solid var(--hairline);border-radius:18px;background:var(--surface);
  transition:transform .3s cubic-bezier(.22,.9,.24,1),border-color .3s ease,box-shadow .3s ease}
.pricing-tier:hover{transform:translateY(-4px);border-color:var(--hairline-strong)}
.pricing-featured{border-color:rgba(34,211,197,.42);background:linear-gradient(165deg,rgba(34,211,197,.07),var(--surface));
  box-shadow:0 26px 70px -34px rgba(34,211,197,.55)}
.pricing-featured:hover{box-shadow:0 34px 86px -32px rgba(34,211,197,.7)}
.pricing-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);
  font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;padding:4px 12px;border-radius:7px;
  background:var(--accent-grad);color:#04191b;font-weight:700;white-space:nowrap}

.pricing-tier-head{display:flex;flex-direction:column;gap:5px}
.pricing-name{font-size:19px;font-weight:700;margin:0}
.pricing-blurb{font-size:13.5px;color:var(--text-dim);margin:0}

.pricing-price{display:flex;align-items:baseline;gap:2px;flex-wrap:wrap}
.pricing-cur{font-size:22px;color:var(--text-dim);align-self:flex-start;margin-top:8px}
.pricing-amt{font-size:clamp(42px,5vw,56px);font-weight:800;letter-spacing:-.035em;line-height:1}
.pricing-cents{font-size:22px;font-weight:700;color:var(--text-dim)}
.pricing-term{width:100%;font-size:13px;color:var(--text-dim);margin-top:6px}

.pricing-feats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;flex:1}
.pricing-feats li{position:relative;padding-left:26px;font-size:14px;color:var(--text-dim);line-height:1.5}
.pricing-feats li::before{content:"";position:absolute;left:0;top:7px;width:14px;height:8px;
  border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);
  transform:rotate(-45deg);border-radius:1px}
.pricing-feats li.is-off{color:#4d5c5e}
.pricing-feats li.is-off::before{border-color:#3a4749;width:11px;height:0;transform:none;top:11px;border-left:0}

.pricing-cta{margin-top:4px}
.btn-block{display:flex;width:100%;justify-content:center}

/* how buying works */
.pricing-steps{list-style:none;counter-reset:s;margin:clamp(44px,5vw,64px) auto 0;padding:0;
  max-width:920px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pricing-steps li{display:flex;gap:12px;align-items:flex-start}
.pricing-step-n{flex:0 0 auto;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;
  font-size:13px;font-weight:700;color:var(--accent);background:rgba(34,211,197,.12);
  border:1px solid rgba(34,211,197,.3)}
.pricing-steps li span:last-child{display:flex;flex-direction:column;gap:3px;font-size:13px;color:var(--text-dim);line-height:1.5}
.pricing-steps strong{color:var(--text);font-size:13.5px;font-weight:650}
.pricing-note{text-align:center;font-size:13px;color:var(--text-mute,#8aa2a4);margin-top:26px}

@media (max-width:860px){
  .pricing-tiers{grid-template-columns:1fr;max-width:460px}
  .pricing-steps{grid-template-columns:repeat(2,1fr);gap:22px}
}
@media (max-width:520px){ .pricing-steps{grid-template-columns:1fr} }