/* /pricing — the landing's night sky (landing.css + deck.css tokens), the plan cards from billing.css in neon glass. */
.pr-main{ position:relative; z-index:1; max-width: 1240px; margin: 0 auto; padding: clamp(120px, 15vh, 156px) clamp(16px, 4vw, 48px) clamp(56px, 9vh, 96px); color: var(--nx-ink); }
.nx-nav a[aria-current="page"]{ color: var(--nx-ink); }

.pr-hero{ display:flex; flex-direction:column; align-items:center; text-align:center; }
.pr-title{ font-family: var(--font-display); font-weight:400; font-size: clamp(2.7rem, 5.4vw, 5rem); line-height:.98; letter-spacing:-.015em; margin-top: 24px; text-wrap: balance; }
.pr-title .nx-grad{ font-weight:700; letter-spacing:-.005em; }
.pr-sub{ margin-top: 20px; max-width: 34em; font-size: clamp(1.02rem, 1.2vw, 1.15rem); line-height:1.6; color: var(--nx-ink-dim); text-wrap: pretty; }
.pr-toggle{ margin-top: 30px; min-height: 46px; }
.nx-pricing .segmented{ background: rgba(10,11,34,.7); border-color: var(--nx-glass-line); }
.nx-pricing .segmented button{ color: var(--nx-ink-dim); }
.nx-pricing .segmented button[aria-pressed="true"]{ background: var(--nx-ink); color: #0b0c24; }

.pr-soon{ margin: 26px auto 0; max-width: 560px; text-align:center; font-size:.95rem; color: var(--nx-ink); border:1px solid rgba(63,214,255,.45); background: rgba(63,214,255,.08); border-radius: 14px; padding: 10px 16px; }
.pr-founding:not(:empty){ margin-top: 34px; }
.nx-pricing .founding{ background: linear-gradient(100deg, rgba(255,75,62,.18), rgba(224,64,154,.12) 50%, rgba(155,92,255,.14)); border-color: rgba(255,75,62,.6);
  box-shadow: 0 0 40px -18px rgba(255,75,62,.7); }

.pr-plans{ margin-top: 34px; }
.nx-pricing .plan-card{ background: rgba(12,13,38,.8); border-color: var(--nx-glass-line); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.nx-pricing .plan-card.is-popular{ border-color: transparent; box-shadow: none; --nx-r: var(--radius-lg); --nx-neon-w: 2px; background: rgba(14,14,44,.9); }
.nx-pricing .plan-card.is-popular.nx-neon{ box-shadow: 0 40px 100px -40px rgba(0,0,0,.85), -14px -6px 46px -22px rgba(63,214,255,.5), 14px 8px 46px -22px rgba(224,64,154,.5); }
.nx-pricing .plan-badge{ background: var(--nx-grad); }
.nx-pricing .plan-yield{ background: rgba(255,255,255,.035); border-color: rgba(160,170,255,.12); }
.nx-pricing .plan-features svg{ color: var(--nx-cyan); }
.nx-pricing .plan-save{ color: var(--nx-cyan); }
.nx-pricing .plan-card .btn-outline{ border-color: rgba(160,170,255,.32); }
.nx-pricing .plan-card .btn-outline:hover{ border-color: var(--nx-ink-dim); background: rgba(160,170,255,.06); }
.nx-pricing .plan-card.is-popular .btn-primary{ box-shadow: 0 14px 40px -14px rgba(255,75,62,.75); }
.pr-skel{ min-height: 520px; background: rgba(12,13,38,.6) !important; }

.pr-free{ --nx-r: var(--radius-lg); --nx-neon-w: 1.5px; margin-top: clamp(36px, 6vh, 56px); display:flex; align-items:center; justify-content:space-between; gap: 20px 32px; flex-wrap:wrap; padding: clamp(22px, 3vw, 34px) clamp(22px, 3vw, 40px); }
.pr-free[hidden]{ display:none; }
.pr-free > div{ flex: 1 1 360px; }
.pr-free-title{ font-family: var(--font-display); font-weight:400; font-size: clamp(1.7rem, 2.6vw, 2.3rem); line-height:1.05; }
.pr-free-sub{ margin-top: 8px; color: var(--nx-ink-dim); max-width: 40em; }
.pr-free .btn{ flex: 0 0 auto; }

.pr-notes{ margin-top: clamp(40px, 7vh, 64px); display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(18px, 3vw, 40px); }
.pr-notes h3{ font-size: 1rem; font-weight:600; color: var(--nx-ink); }
.pr-notes p{ margin-top: 6px; color: var(--nx-ink-dim); font-size:.95rem; line-height:1.55; }

@media (max-width: 900px){
  .pr-notes{ grid-template-columns: minmax(0, 1fr); }
  .pr-skel{ min-height: 200px; }
}
@media (max-width: 640px){
  .pr-main{ padding-top: 108px; }
  .pr-hero{ align-items:flex-start; text-align:left; }
  .pr-title{ font-size: clamp(2.4rem, 11vw, 3rem); }
  .pr-toggle{ width:100%; }
  .pr-free .btn{ width:100%; }
}
