/* insolvencyapi.com: the pricing page, from the approved preview (with home.css for the plan cards and coverage.css for the hero). */

  .pbody { background: var(--paper); }
  .pbody .in { max-width: 1240px; margin: 0 auto; padding: 40px 24px 64px; }
  .pbody .bill { margin: 0 0 0 auto; }
  .ptop { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
  .ptop p { font-size: 14px; color: #4A5565; }
  .calc { margin-top: 40px; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 24px; }
  .calc .card5 { background: #FBF9F4; border: 1px solid #E3DDCF; border-radius: var(--r); padding: 24px; }
  .calc h3, .cmp h3, .bfaq h3 { font-weight: 300; font-size: 24px; letter-spacing: -.01em; color: var(--ink); }
  .calc p.l, .cmp p.l { margin-top: 6px; font-size: 13.5px; color: #4A5565; }
  .sl { margin-top: 26px; }
  .sl .lab { display: flex; justify-content: space-between; font-size: 13px; color: #4A5565; margin-bottom: 10px; }
  .sl .lab b { font: 400 13px 'IBM Plex Mono', monospace; color: var(--ink); }
  .sl input[type=range] { width: 100%; -webkit-appearance: none; appearance: none; height: 6px; border-radius: 3px; background: linear-gradient(90deg, #B8893E var(--p, 30%), #E6E0D3 var(--p, 30%)); outline: none; }
  .sl input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; width: 20px; height: 20px; border-radius: 50%; background: var(--ink); border: 3px solid #F4F1EA; box-shadow: 0 0 0 1px #B8893E; cursor: pointer; }
  .sl input[type=range]::-moz-range-thumb { width: 18px; height: 18px; border-radius: 50%; background: var(--ink); border: 3px solid #F4F1EA; box-shadow: 0 0 0 1px #B8893E; cursor: pointer; }
  .chk { display: flex; gap: 10px; margin-top: 18px; flex-wrap: wrap; }
  .chk label { display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0 12px; border: 1px solid #DCD6C8; border-radius: 17px; background: #fff; font-size: 12.5px; color: #4A5565; cursor: pointer; white-space: nowrap; }
  .chk input { accent-color: #B8893E; }
  .rec { background: var(--ink); color: var(--on-ink); border-radius: var(--r); padding: 24px; display: flex; flex-direction: column; }
  .rec .k2 { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--brass); }
  .rec .pn2 { font: 300 34px/1.1 'IBM Plex Sans', sans-serif; color: #F2EEE5; margin-top: 10px; }
  .rec .pp { font: 300 20px 'IBM Plex Sans', sans-serif; color: var(--on-ink-dim); margin-top: 4px; }
  .rec .why { margin-top: 14px; font-size: 13.5px; color: var(--on-ink-dim); line-height: 1.55; }
  .rec .use { margin-top: 18px; } .rec .use .ub { height: 6px; border-radius: 3px; background: #22344B; overflow: hidden; } .rec .use .ub i { display: block; height: 100%; background: #5FA88A; transition: width .3s; }
  .rec .use small { display: block; margin-top: 7px; font-size: 12px; color: var(--on-ink-dim); }
  .rec .btn { margin-top: auto; width: 100%; height: 46px; } .rec .use { margin-bottom: 22px; }
  .cmp { margin-top: 40px; }
  .ctable { margin-top: 18px; border: 1px solid #E3DDCF; border-radius: var(--r); overflow: hidden; background: #FBF9F4; }
  .ctable .rw2 { display: grid; grid-template-columns: minmax(0, 1fr) 170px 170px 170px; align-items: center; min-height: 46px; border-bottom: 1px solid #ECE7DB; padding: 0 20px; font-size: 13.5px; color: #2E3A4B; }
  .ctable .rw2:last-child { border-bottom: 0; }
  .ctable .rw2 > span:not(:first-child) { text-align: center; }
  .ctable .rw2.hd2 { background: #EEE9DE; min-height: 52px; font-size: 13px; color: var(--ink); }
  .ctable .rw2.hd2 span b { display: block; font-weight: 400; font-size: 12px; color: #7A8394; }
  .ctable .rw2.grpH { background: #F6F2E9; min-height: 36px; font-size: 11.5px; letter-spacing: .12em; text-transform: uppercase; color: #8A6328; }
  .ctable .col2 { background: rgba(19,32,47,.04); align-self: stretch; display: flex; align-items: center; justify-content: center; }
  .ctable .y { color: #3F8A6E; } .ctable .y svg { width: 15px; height: 15px; } .ctable .n2 { color: #B9B2A2; }
  .ctable .vs { display: none; }
  .ctable .v { font: 400 12.5px 'IBM Plex Mono', monospace; color: var(--ink); }
  .bfaq { margin-top: 40px; display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 40px; }
  .bfaq .qs2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .bfaq .qa { background: #FBF9F4; border: 1px solid #E3DDCF; border-radius: var(--r); padding: 18px 20px; }
  .bfaq .qa b { font-weight: 400; font-size: 15px; color: var(--ink); display: block; margin-bottom: 6px; }
  .bfaq .qa p { font-size: 13.5px; color: #4A5565; line-height: 1.55; }
  .bfaq .qa a { color: var(--ink); border-bottom: 1px solid var(--brass); }
  @media (max-width: 980px) {
    .calc, .bfaq, .bfaq .qs2 { grid-template-columns: minmax(0, 1fr); }
    .ctable .rw2 { grid-template-columns: minmax(0, 1fr) 62px 62px 62px; padding: 0 12px; font-size: 12.5px; gap: 6px; }
    .ctable .rw2.hd2 span b { display: none; } .ctable .v { font-size: 11px; white-space: nowrap; } .ctable .vf { display: none; } .ctable .vs { display: inline; } .ctable .rw2.hd2 { font-size: 11px; }
    .ptop { flex-direction: column; align-items: stretch; } .pbody .bill { margin: 0; grid-template-columns: 1fr 1fr; }
  }
  .pnote { margin-top: 12px; font-size: 12.5px; line-height: 1.6; color: #7A8394; }
  .pnote a { color: #8A6328; border-bottom: 1px solid rgba(184,137,62,.35); }

/* What the free key holds (approved preview, 2026-10-21) */
  .fk { margin-top: 40px; }
  .fkc { margin-top: 20px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; }
  .fk .col { background: #FBF9F4; border: 1px solid #E3DDCF; border-radius: var(--r); padding: 24px; }
  .fk .col.held { background: var(--ink); border-color: var(--ink); color: var(--on-ink); }
  .fk h4 { display: flex; align-items: center; gap: 10px; font-weight: 500; font-size: 15px; }
  .fk h4 small { margin-left: auto; font: 400 12px 'IBM Plex Mono', monospace; color: #8A7A5C; }
  .fk .held h4 small { color: var(--on-ink-dim); }
  .fk ul { list-style: none; margin-top: 16px; display: grid; gap: 11px; }
  .fk li { display: flex; gap: 10px; font-size: 14px; line-height: 1.45; }
  .fk li svg { flex: none; width: 15px; height: 15px; margin-top: 3px; }
  .fk li .ok { color: var(--live); }
  .fk li .no { color: var(--brass); }
  .fk .cta { margin-top: 20px; }
  @media (max-width: 820px) { .fkc { grid-template-columns: 1fr; } }