/* pricing deck */
.gb .ctl { margin: 0 0 4px; }
.gb-bar { display: flex; height: 46px; border-radius: 10px; overflow: hidden; background: var(--bg-input); border: 1px solid var(--border-subtle); margin: 6px 0 4px; }
.gb-bar > div { flex-basis: 0; flex-shrink: 1; min-width: 0; transition: flex-grow .5s var(--ease); }
.gb-after { background: #2a3350; } .gb-kept { background: rgba(0, 245, 160, .35); border-left: 2px solid var(--bg-page); } .gb-fee { background: rgba(56, 189, 248, .55); border-left: 2px solid var(--bg-page); }
.gb-bar > div[style*="flex-grow:0"] { border-left: 0; }
.gb-leg { list-style: none; margin: 4px 0 0; display: grid; gap: 4px; }
.gb-leg li { display: grid; grid-template-columns: 14px 1fr auto; gap: 10px; align-items: center; font-size: .8125rem; color: var(--text-secondary); }
.gb-leg i { width: 12px; height: 12px; border-radius: 3px; } .gb-leg i.a { background: #2a3350; } .gb-leg i.k { background: rgba(0, 245, 160, .6); } .gb-leg i.f { background: rgba(56, 189, 248, .75); }
.gb-leg b { color: var(--text-primary); font-variant-numeric: lining-nums tabular-nums; }
.gb-cap { font-size: .9375rem; font-weight: 650; color: var(--text-primary); min-height: 2.8em; }
.gb.zero .gb-cap { color: var(--cyan-glow); }
.stg .flow-h > div { padding-bottom: 6px; opacity: .45; transition: opacity .5s; } .stg .flow-h > div.on { opacity: 1; }
.stg .flow-h > div strong { font-family: var(--font-display); font-size: 1.5rem; margin: 6px 0; }
.st .d { display: block; line-height: 1.5; }
.stp { display: inline-block; margin-top: 12px; font-style: normal; font-size: .8125rem; font-weight: 650; padding: 3px 10px; border-radius: 999px; border: 1px solid var(--border-medium); color: var(--text-secondary); }
.stp.free { color: var(--cyan-glow); border-color: rgba(0, 245, 160, .5); }
.pr-m { padding-bottom: 6px; border-bottom: 1px solid var(--border-subtle); } .pr-t { display: block; font-size: .8125rem; font-weight: 650; color: var(--text-primary); margin-bottom: 2px; }
.pr .hb { grid-template-columns: 90px 1fr auto; }
.pr-rows { display: grid; gap: 6px; }
.pr-r { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid var(--border-subtle); border-radius: 8px; font-size: .8125rem; color: var(--text-secondary); transition: opacity .4s, transform .4s var(--ease); }
.pr.arm .pr-r { opacity: 0; transform: translateY(5px); } .pr.arm.in .pr-r { opacity: 1; transform: none; } .pr.arm.in .pr-r:nth-child(2) { transition-delay: .5s; }
.rg .seg { margin-bottom: 8px; }
.rg-bars { margin: 8px 0 12px; display: grid; gap: 4px; }
.rg-row { display: grid; grid-template-columns: 120px 1fr 62px; gap: 10px; align-items: center; font-size: .8125rem; color: var(--text-muted); opacity: .55; transition: opacity .3s; } .rg-row.on { opacity: 1; color: var(--text-primary); }
.rg-row b { text-align: right; font-variant-numeric: lining-nums tabular-nums; }
.rg-tr { position: relative; height: 10px; border-radius: 999px; background: var(--bg-input); border: 1px solid var(--border-subtle); }
.rg-tr i { position: absolute; top: -1px; bottom: -1px; border-radius: 999px; background: var(--amber-glow); opacity: .7; } .rg-row.on .rg-tr i { opacity: 1; }
@media (max-width: 899px) {
  .gb .ctl label, .gb-leg li { font-size: .75rem; } .gb-bar { height: 34px; } .gb-cap { font-size: .8125rem; min-height: 2.6em; }
  .gb .win-body .fine { display: none; }
  .stg .flow-h > div { padding: 6px 0; } .stg .flow-h > div strong { font-size: 1.15rem; margin: 2px 0; } .stp { margin-top: 6px; }
  .pr .hb { grid-template-columns: 70px 1fr auto; } .pr-r { padding: 6px 8px; font-size: .75rem; }
  #measured .numlist { display: none; }
  .rg .seg button { padding: 7px 8px; font-size: .75rem; } .rg-row { grid-template-columns: 96px 1fr 54px; font-size: .75rem; gap: 6px; } .rg .big { font-size: 1.5rem; } .rg .out small { font-size: .75rem; }
  #terms .card p { font-size: .75rem; }
}