.bill{display:flex; gap:6px; margin-top:38px; border:1px solid #2a3499; border-radius:100px;
  padding:5px; width:max-content; background:#080d5c}
.bill button{border:0; background:transparent; color:#8b93cd; font:inherit; font-size:14px;
  font-weight:600; padding:9px 22px; border-radius:100px; cursor:pointer;
  transition:background .15s ease, color .15s ease}
.bill button.on{background:#217bff; color:#fff}
.bill .save{font-size:11px; font-weight:600; color:#2fd4fb; margin-left:4px}
/* Chief Nest's three plans on the left, Chief Scale on the right as its own group,
   so the sister service never reads as a fourth Chief Nest tier. */
.plans{display:grid; grid-template-columns:minmax(0,3fr) minmax(0,1fr); gap:36px; margin-top:34px}
.group{display:flex; flex-direction:column}
.glabel{display:flex; align-items:center; gap:12px; margin-bottom:22px; font-size:11px;
  font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:#8b93cd; white-space:nowrap}
.glabel::after{content:""; flex:1; height:1px; background:#1b2380}
.tiers{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; flex:1}
.group.solo .tiers{grid-template-columns:1fr}
.tier{border:1px solid #2a3499; border-radius:16px; padding:30px 22px; background:#080d5c;
  position:relative; display:flex; flex-direction:column;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease}
.tier:hover{transform:translateY(-5px); border-color:#217bff;
  box-shadow:0 24px 50px -24px rgba(33,123,255,.35)}
.tier.feature{border-color:#8138ea; background:linear-gradient(160deg,#12146e,#080d5c)}
.flag{position:absolute; top:-11px; left:22px; background:linear-gradient(120deg,#217bff,#8138ea);
  color:#fff; font-size:10.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  border-radius:100px; padding:4px 12px}
.tier .nm{font-size:19px; font-weight:600; color:#fff; line-height:1.3}
.tier .for{font-size:13.5px; color:#8b93cd; margin:4px 0 20px; min-height:2.9em}
.price{font-size:24px; font-weight:600; color:#fff; letter-spacing:-.02em; line-height:1.2; white-space:nowrap;
  font-variant-numeric:tabular-nums}
.price small{font-size:14px; font-weight:500; color:#8b93cd; letter-spacing:0}
.per{font-size:13px; color:#8b93cd; margin-top:3px}
@media (max-width:1060px){
  .plans{grid-template-columns:1fr; gap:40px}
  .group.solo .tier{max-width:calc((100% - 36px) / 3)}
  .tier .for{min-height:0}
}
@media (max-width:760px){
  .tiers{grid-template-columns:1fr; gap:24px}
  .annual-note:empty{display:none}
  .group.solo .tier{max-width:none}
}
.annual-note{font-size:12.5px; color:#2fd4fb; margin-top:4px; min-height:18px}
.sister{font-size:13px; color:#8b93cd; margin:-6px 0 16px}
.sister a{color:#5c9bff}
.tier ul{list-style:none; margin:22px 0 26px; padding:0; display:flex; flex-direction:column;
  gap:10px; font-size:14.5px; flex:1}
.tier li{padding-left:22px; position:relative; color:#aab4ee}
.tier li::before{content:""; position:absolute; left:0; top:.5em; width:9px; height:8px;
  background:#217bff; -webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 85'%3E%3Cpath d='M0 0H100V28H28V85H0Z'/%3E%3C/svg%3E") no-repeat center/contain;
  mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 85'%3E%3Cpath d='M0 0H100V28H28V85H0Z'/%3E%3C/svg%3E") no-repeat center/contain}
/* Matches the homepage cards exactly: a compact pill sitting at the bottom left of
   the card, solid blue so no plan reads as second-class, with the senior scoped
   tier carrying the violet glow. */
.tier a.go{display:inline-block; align-self:flex-start; margin-top:auto;
  font-weight:600; text-decoration:none; border-radius:100px; padding:12px 26px;
  background:#217bff; color:#fff; transition:transform .15s ease, filter .15s ease}
.tier.feature a.go{background:linear-gradient(120deg,#217bff,#8138ea);
  box-shadow:0 10px 30px -10px rgba(129,56,234,.65)}
.tier a.go:hover{transform:translateY(-2px); filter:brightness(1.08)}
.guarantee{margin-top:36px; text-align:center; font-size:14px; color:#8b93cd}
.guarantee b{color:#2fd4fb; font-weight:600}