/* Independent pricing language: quiet hardware specifications, clear choices. */
#home-models {
  display: grid;
  max-width: 640px;
  margin: 0 0 32px;
  padding: 4px;
  gap: 4px;
  background: #070b10;
  border: 1px solid #25313d;
  border-radius: 8px;
}
#home-models button {
  padding: 15px 18px;
  border-radius: 5px;
  text-align: left;
  color: #9caab9;
  background: transparent;
  font-size: 15px;
  font-weight: 500;
}
#home-models button[aria-pressed="true"] {
  color: #eef7fc !important;
  background: #18252d !important;
  box-shadow: inset 0 0 0 1px #395761;
}
#home-models button small { margin-top: 6px; font-size: 11px; line-height: 1.5; color: #96a9b7; }
#home-plans.bm-plans { gap: 20px; align-items: stretch; }
#home-plans .bm-plan {
  display: flex;
  flex-direction: column;
  padding: 28px;
  border: 1px solid #27323e;
  border-radius: 8px;
  background: #0b1118;
  color: #e7eef4;
  box-shadow: none;
  transition: border-color .25s, background .25s, transform .25s;
}
#home-plans .bm-plan::before,
#home-plans .bm-plan::after { display: none; }
#home-plans .bm-plan:hover {
  transform: translateY(-3px);
  border-color: #48727a;
  background: #0e1820;
  box-shadow: none;
}
#home-plans .bm-plan-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 26px;
  margin-bottom: 25px;
}
#home-plans .bm-plan-index {
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: .04em;
  color: #6ce4d9;
}
#home-plans .bm-plan-kind { margin: 0; color: #97a6b3; font-size: 10px; letter-spacing: .1em; }
#home-plans .bm-plan[data-offer="max"] .bm-plan-index { color: #c8b9ec; }
#home-plans .bm-plan h3 {
  min-height: 29px;
  margin: 0 0 13px;
  padding: 0;
  font-size: clamp(19px, 1.5vw, 22px);
  font-weight: 550;
  letter-spacing: -.03em;
  line-height: 1.3;
}
#home-plans .bm-plan .for { min-height: 52px; margin: 0 0 24px; font-size: 13px; line-height: 1.8; color: #9dacba; }
#home-plans .bm-plan .bm-billing { min-height: 35px; margin: 0 0 22px; border: 1px solid #293642; border-radius: 4px; background: #070d13; }
#home-plans .bm-plan .bm-billing button { border-radius: 2px; min-height: 29px; font-size: 11px; color: #90a1b0; }
#home-plans .bm-plan .bm-billing button[aria-pressed="true"] { background: #213238; color: #b9f8ed; box-shadow: none; }
#home-plans .bm-plan .bm-billing-caption { align-items: center; justify-content: flex-start; border-color: transparent; background: transparent; font-size: 11px; color: #8e9fab; }
#home-plans .bm-plan .price { margin: 0 0 12px; gap: 3px; }
#home-plans .bm-plan .price .num { font-size: clamp(33px, 3vw, 43px); font-weight: 500; letter-spacing: -.065em; color: #f5f8fa; }
#home-plans .bm-plan .price .cur { font-size: 19px; color: #8293a2; }
#home-plans .bm-plan .price .per { margin-left: 4px; font-size: 12px; color: #8293a2; }
#home-plans .bm-plan .bm-annual-note { min-height: 44px; margin: 0 0 23px; color: #92a3b1; font-size: 11px; line-height: 1.8; }
#home-plans .bm-plan .inc { margin: 0 0 22px; padding-top: 23px; border-top: 1px solid #23303b; }
#home-plans .bm-plan .inc li { padding-left: 17px; font-size: 12px; line-height: 1.65; color: #b5c2cd; }
#home-plans .bm-plan .inc li::before { content: ""; width: 4px; height: 4px; border: 0; border-radius: 1px; background: #659f9c; top: .65em; left: 0; box-shadow: none; }
#home-plans .bm-plan .terms { min-height: 44px; margin-bottom: 14px; color: #8193a3; font-size: 11px; line-height: 1.8; }
#home-plans .bm-plan .plan-availability { margin: auto 0 18px; color: #96a8b6; font-size: 10px; }
#home-plans .bm-plan .plan-availability::before { width: 4px; height: 4px; background: #6e9699; box-shadow: none; }
#home-plans .bm-plan .bm-plan-cta {
  justify-content: space-between;
  width: 100%;
  min-height: 43px;
  border: 1px solid #35525b;
  border-radius: 4px;
  background: #12272d;
  color: #c1f5ee !important;
  box-shadow: none;
  font-size: 12px;
  font-weight: 500;
}
#home-plans .bm-plan .bm-plan-cta:hover { border-color: #7ab6b4; background: #19383c; transform: none; }
#home-plans .bm-plan .bm-plan-cta::before,
#home-plans .bm-plan .bm-plan-cta::after { display: none; }
html[data-theme="light"] #home-models { background: #edf3f4; border-color: #c7d5d8; }
html[data-theme="light"] #home-models button { color: #435c64; }
html[data-theme="light"] #home-models button[aria-pressed="true"] { background: #fff !important; color: #183f47 !important; box-shadow: inset 0 0 0 1px #88b0b5; }
html[data-theme="light"] #home-models button small { color: #5f7981; }
html[data-theme="light"] #home-plans .bm-plan { background: #f8fbfc; border-color: #ccdadf; color: #16353f; }
html[data-theme="light"] #home-plans .bm-plan:hover { background: #fff; border-color: #6ca4a7; }
html[data-theme="light"] #home-plans .bm-plan h3,
html[data-theme="light"] #home-plans .bm-plan .price .num { color: #17343e; }
html[data-theme="light"] #home-plans .bm-plan .for,
html[data-theme="light"] #home-plans .bm-plan .inc li,
html[data-theme="light"] #home-plans .bm-plan .bm-annual-note,
html[data-theme="light"] #home-plans .bm-plan .terms { color: #546e79; }
html[data-theme="light"] #home-plans .bm-plan .bm-plan-index { color: #167873; }
html[data-theme="light"] #home-plans .bm-plan .bm-billing { background: #ecf3f4; border-color: #c9d9dd; }
html[data-theme="light"] #home-plans .bm-plan .bm-billing button[aria-pressed="true"] { background: #d4e9e5; color: #194d49; }
html[data-theme="light"] #home-plans .bm-plan .bm-billing-caption { border-color: transparent; background: transparent; color: #607d85; }
html[data-theme="light"] #home-plans .bm-plan .inc { border-color: #d2e0e3; }
@media (max-width: 1000px) and (min-width: 761px) {
  #home-plans .bm-plan { padding: 22px 18px; }
  #home-plans .bm-plan h3 { min-height: 50px; font-size: 19px; }
  #home-plans .bm-plan .price .num { font-size: 32px; }
}
@media (max-width: 760px) {
  #home-models { margin-bottom: 23px; }
  #home-models button { padding: 13px 10px; font-size: 13px; }
  #home-models button small { font-size: 10px; }
  #home-plans.bm-plans { grid-template-columns: 1fr; gap: 17px; }
  #home-plans .bm-plan { padding: 25px; }
  #home-plans .bm-plan h3 { min-height: auto; font-size: 23px; }
  #home-plans .bm-plan .for { min-height: auto; }
  #home-plans .bm-plan .price .num { font-size: 40px; }
}
@media (prefers-reduced-motion: reduce) { #home-plans .bm-plan { transition: none; } }