/* Packages grid */

.pk-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(20,23,15,.2)}
.pk-col{padding:30px 26px 34px;border-left:1px solid rgba(20,23,15,.2);display:flex;flex-direction:column;position:relative}
.pk-col:first-child{border-left:0}
.pk-col .id{display:flex;justify-content:space-between;align-items:center;gap:10px;font-family:var(--mono);
  font-size:9px;letter-spacing:.18em;color:var(--sage);margin-bottom:38px}
.pk-col h3{font-weight:800;font-size:26px;letter-spacing:-.03em;color:var(--green);margin-bottom:14px}
.pk-col .big{font-weight:800;font-size:clamp(23px,2.3vw,33px);letter-spacing:-.04em;line-height:1.02;color:var(--orange)}
.pk-col .per{font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--sage);margin-top:9px}
.pk-col .plus{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin-top:15px;
  font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--signal);border:1px solid rgba(233,240,58,.45);padding:7px 11px}
.pk-col .plus b{font-size:12px;line-height:1}
.pk-col .blurb{font-size:13.5px;line-height:1.68;color:#4E5748;margin-top:16px;margin-bottom:24px}
.pk-col .gets{font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--sage);margin-top:auto;padding-bottom:11px}
.pk-col.on .gets{color:rgba(237,235,228,.5)}
.pk-col ul{list-style:none;border-top:1px solid rgba(20,23,15,.18)}
.pk-col li{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--sage);
  padding:9px 0;border-bottom:1px solid rgba(20,23,15,.1)}
.pk-col li::before{content:"+ ";color:var(--orange)}
.pk-col.on{background:var(--ink)}
.pk-col.on h3{color:var(--paper)}
.pk-col.on .big{color:var(--signal)}
.pk-col.on .id,.pk-col.on .per{color:rgba(237,235,228,.5)}
.pk-col.on .blurb{color:rgba(237,235,228,.7)}
.pk-col.on ul{border-color:rgba(237,235,228,.24)}
.pk-col.on li{color:rgba(237,235,228,.66);border-color:rgba(237,235,228,.12)}
.pk-col.on li::before{color:var(--signal)}
.pill{font-family:var(--mono);font-size:8px;font-weight:700;letter-spacing:.14em;background:var(--orange);color:#fff;padding:3px 7px}
.pk-tail{margin-top:26px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;
  font-family:var(--mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--sage)}
.pk-tail a{color:var(--orange);border-bottom:1px solid var(--orange);padding-bottom:2px;text-decoration:none}
.pk-tail a:hover{color:var(--ink);border-color:var(--ink)}
.pk-tail a:focus-visible{outline:2px solid var(--orange);outline-offset:3px}