/* Pricing: six visible plans with shared benefits below. */
.pricing-options { width: var(--container-width); max-width: calc(100% - 80px); margin: 0 auto; padding: 0 0 150px; scroll-margin-top: 35px; --options-ease: cubic-bezier(.22,1,.36,1); }
.pricing-options__intro { text-align: center; margin: 0 0 50px; }
.pricing-options__eyebrow { color: #a1a8ed; font: 12px/1.5 ui-monospace,monospace; letter-spacing: 1.7px; margin: 0 0 22px; }
.pricing-options__intro h2 { font-size: 52px; font-weight: 400; line-height: 1.12; letter-spacing: -1.8px; margin: 0; }
.pricing-options__intro h2 span { color: #b9c5d5; }
.pricing-options__intro > p:last-child { color: #94a3b8; font-size: 15px; line-height: 1.7; margin: 25px 0 0; }
.pricing-options__toolbar { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-bottom: 56px; }
.pricing-options__toolbar > p { font-size: 13px; margin: 0; }
.pricing-options__billing { position: relative; isolation: isolate; display: grid; grid-template-columns: 178px 85px; padding: 4px; border: 1px solid #2e3444; border-radius: 8px; }
.pricing-options__billing button { cursor: pointer; position: relative; border: 0; padding: 10px 12px; background: transparent; font-size: 12px; line-height: 16px; white-space: nowrap; transition: color .25s; }
.pricing-options__billing button > span { margin-left: 6px; font-size: 12px; }
.pricing-options__billing-highlight { position: absolute; inset: 4px auto 4px 4px; width: 178px; transform: none; z-index: -1; border-radius: 5px; border: 1px solid #46506b; transition: transform .5s var(--options-ease), width .5s var(--options-ease); }
.pricing-options[data-billing="monthly"] .pricing-options__billing-highlight { width: 85px; transform: translateX(178px); }
.pricing-options__plans { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); position: relative; border: 1px solid #292f3e; border-radius: 12px; }
.pricing-plan { position: relative; padding: 28px 18px 26px; min-width: 0; border-right: 1px solid #262c3a; transition: background .3s; }
.pricing-plan:last-child { border-right: 0; }
.pricing-plan header h3 { margin: 0; color: #eef1f8; font-size: 18px; line-height: 1.4; font-weight: 500; letter-spacing: -.45px; }
.pricing-plan header p { margin: 9px 0 0; color: #8492aa; font-size: 12px; line-height: 1.65; min-height: 37px; }
.pricing-plan__price { display: flex; align-items: baseline; gap: 4px; height: 49px; margin-top: 26px; white-space: nowrap; }
.pricing-plan__price > span:first-child { color: #c2cada; font-size: 13px; }
.pricing-plan__price strong { font-size: 39px; line-height: 1; letter-spacing: -1.7px; font-weight: 400; font-variant-numeric: tabular-nums; }
.pricing-plan__price > span:last-child { color: #7d8ca6; font-size: 12px; }
.pricing-options[data-billing="annual"] .pricing-plan__price strong { font-size: 34px; letter-spacing: -1.4px; }
.pricing-options[data-billing="annual"] .pricing-plan__price { gap: 3px; }
.pricing-plan__equivalent { color: #98a5ba; font-size: 12px; line-height: 1.65; margin: 5px 0 0; }
.pricing-plan__saving { font-size: 12px; line-height: 1.5; margin: 8px 0 16px; }
.pricing-plan__cta { display: flex; justify-content: center; align-items: center; gap: 10px; min-height: 39px; padding: 8px; border: 1px solid #3b445b; border-radius: 5px; font-size: 12px; line-height: 1.5; transition: background .25s, border-color .25s, box-shadow .25s; }
.pricing-plan__cta svg { width: 15px; height: 15px; flex-shrink: 0; transition: transform .3s var(--options-ease); }
.pricing-plan__cta:hover svg { transform: translateX(3px); }
.pricing-plan__allowance { display: flex; flex-direction: column; gap: 5px; margin: 25px 0 0; padding-top: 23px; border-top: 1px solid #2d344666; }
.pricing-plan__allowance strong { color: #dce4f1; font-size: 23px; font-weight: 400; line-height: 1; letter-spacing: -.7px; font-variant-numeric: tabular-nums; }
.pricing-plan__allowance > span { color: #92a0b7; font-size: 12px; line-height: 1.7; }
.pricing-plan__extra { color: #8998b0; font-size: 12px; line-height: 1.65; margin: 12px 0 0; white-space: nowrap; }
.pricing-plan__extra > span { color: #b4bfd3; }
.pricing-plan__support { display: flex; align-items: flex-start; gap: 6px; margin-top: 24px; color: #98a6bc; font-size: 12px; line-height: 1.7; }
.pricing-plan__support svg { color: #a3cfb8; width: 13px; height: 13px; flex: 0 0 13px; margin-top: 2px; }
.pricing-plan--featured { z-index: 1; border-right-color: transparent; }
.pricing-plan--featured header h3 { color: #fff; }
.pricing-plan--featured header p { color: #a9b4cc; }
.pricing-plan__badge { display: flex; align-items: center; justify-content: center; position: absolute; left: -1px; right: -1px; top: -29px; height: 29px; border: 1px solid #7983bf88; border-bottom: 0; border-radius: 7px 7px 0 0; font: 12px/1.5 ui-monospace,monospace; letter-spacing: 1.3px; }
.pricing-plan--featured .pricing-plan__cta { font-weight: 500; }
.pricing-options__billing-note { font-size: 12px; line-height: 1.7; text-align: center; margin: 20px 0 0; }
.pricing-options__included { display: grid; grid-template-columns: 280px minmax(0,1fr); gap: 42px; margin-top: 48px; padding: 32px 0; border-top: 1px solid #202838; border-bottom: 1px solid #202838; background: radial-gradient(ellipse 65% 110% at 0 0, #1d24362b, transparent 90%); }
.pricing-options__included-intro { display: flex; flex-direction: column; justify-content: space-between; gap: 22px; }
.pricing-options__included-intro .pricing-options__eyebrow { font-size: 12px; letter-spacing: 1.2px; }
.pricing-options__included h3 { font-size: 24px; font-weight: 400; letter-spacing: -.7px; line-height: 1.25; margin: 10px 0 0; }
.pricing-options__included h3 span { color: #a2b0c5; }
.pricing-options__platforms { display: flex; align-items: center; gap: 7px; }
.pricing-options__platforms img { width: 27px; height: 27px; border-radius: 6px; }
.pricing-options__platforms > span { color: #7f8ea8; font-size: 12px; margin-left: 3px; }
.pricing-options__included ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 26px 24px; }
.pricing-options__included li { display: flex; align-items: flex-start; gap: 9px; }
.pricing-options__included li svg { color: #a3cfb8; width: 15px; height: 15px; flex: 0 0 15px; margin-top: 2px; }
.pricing-options__included h4 { margin: 0; font-size: 12px; font-weight: 400; line-height: 1.6; color: #d3dbea; }
.pricing-options__included li p { color: #7e8fa9; font-size: 12px; line-height: 1.7; margin: 6px 0 0; }
.pricing-options__assurance { display: flex; align-items: center; gap: 25px; padding-top: 25px; }
.pricing-options__assurance > span { display: flex; align-items: center; gap: 7px; color: #9ba8bd; font-size: 12px; }
.pricing-options__assurance svg { color: #a3cfb8; width: 15px; height: 15px; }
.pricing-options__assurance a { margin-left: auto; color: #a9b4cd; font-size: 12px; }
.pricing-options__assurance a span { margin-left: 9px; }
.pricing-options number-flow { --number-flow-mask-height: .13em; }
.pricing-options__live { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.pricing-benefits__hint { color: #74859f; font-size: 12px; line-height: 1.8; margin: 18px 0 0; max-width: 210px; }
.pricing-benefits__all { color: #aab6dc; font-size: 12px; margin-left: 5px; text-underline-offset: 4px; }
.pricing-benefits__all:hover { text-decoration: underline; }
.pricing-benefits { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; align-items: start; }
.pricing-benefit { min-width: 0; padding: 16px 12px; border: 1px solid transparent; border-radius: 7px; transition: background .3s, border-color .3s; }
.pricing-benefit summary { display: flex; align-items: flex-start; gap: 8px; cursor: pointer; list-style: none; }
.pricing-benefit summary::-webkit-details-marker { display: none; }
.pricing-benefit svg { width: 15px; height: 15px; flex: 0 0 15px; color: #a3cfb8; margin-top: 2px; }
.pricing-benefit strong { display: block; color: #d3dbea; font-size: 12px; line-height: 1.6; font-weight: 400; }
.pricing-benefit__caption,
.pricing-benefit--assurance p { display: block; color: #8091aa; font-size: 12px; line-height: 1.7; margin: 6px 0 0; }
.pricing-benefit__info { flex: 0 0 15px; width: 15px; height: 15px; border: 1px solid #596782; border-radius: 50%; display: grid; place-items: center; font: 12px/1 Georgia,serif; margin: 3px 0 0 auto; }
.pricing-benefit:hover,
.pricing-benefit[open] { background: #151c2b66; border-color: #29334a; }
.pricing-benefit__detail { padding: 13px 0 0 23px; }
.pricing-benefit__detail p { color: #a0afc5; font-size: 12px; line-height: 1.85; margin: 0; }
.pricing-benefit a { display: inline-block; color: #b4bef0; font-size: 12px; line-height: 1.7; margin-top: 9px; text-underline-offset: 4px; }
.pricing-benefit a:hover { text-decoration: underline; }
.pricing-benefit--assurance { display: flex; gap: 8px; }
.pricing-benefit[open] .pricing-benefit__detail { animation: pricing-detail-in .35s ease-out; }
@keyframes pricing-detail-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
.pricing-care { display: grid; grid-template-columns: 280px minmax(0,1fr); gap: 42px; padding: 35px 0 0; }
.pricing-care__intro .pricing-options__eyebrow { font-size: 12px; letter-spacing: 1.1px; }
.pricing-care h3 { margin: 15px 0 0; font-size: 21px; font-weight: 400; line-height: 1.3; letter-spacing: -.5px; }
.pricing-care h3 span { color: #a2b0c5; }
.pricing-care__items { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; margin: 0; padding: 0 12px; list-style: none; }
.pricing-care__number { display: block; color: #8c99ca; font: 12px/1.5 ui-monospace,monospace; margin-bottom: 14px; }
.pricing-care h4 { color: #d3dbea; font-size: 12px; line-height: 1.6; font-weight: 400; margin: 0; }
.pricing-care li p { color: #8091aa; font-size: 12px; line-height: 1.8; margin: 8px 0 0; }
@media (max-width:1100px) { .pricing-benefits { grid-template-columns: repeat(2,minmax(0,1fr)); } .pricing-care { grid-template-columns: 220px minmax(0,1fr); gap: 20px; } .pricing-care__items { gap: 16px; } }
@media (max-width:600px) { .pricing-care { grid-template-columns: 1fr; gap: 26px; } .pricing-care__items { grid-template-columns: 1fr; } .pricing-benefits { grid-template-columns: 1fr; } }
@media (max-width: 1100px) {
  .pricing-options { max-width: calc(100% - 48px); }
  .pricing-options__plans { grid-template-columns: repeat(3,minmax(0,1fr)); row-gap: 40px; border: 0; }
  .pricing-plan { border: 1px solid #292f3e; border-right: 0; }
  .pricing-plan:nth-child(3n) { border-right: 1px solid #292f3e; }
  .pricing-plan--featured { border: 1px solid #7983bf88; }
  .pricing-plan__price strong,
.pricing-options[data-billing="annual"] .pricing-plan__price strong { font-size: 39px; }
  .pricing-options__included { grid-template-columns: 220px minmax(0,1fr); gap: 20px; }
  .pricing-options__included ul { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .pricing-options__assurance { flex-wrap: wrap; }
  .pricing-options__assurance a { margin-left: 0; }
}
@media (max-width: 600px) {
  .pricing-options { max-width: calc(100% - 40px); }
  .pricing-options__intro h2 { font-size: 39px; }
  .pricing-options__toolbar { align-items: flex-start; flex-direction: column; gap: 24px; }
  .pricing-options__plans { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .pricing-plan:nth-child(3n) { border-right: 0; }
  .pricing-plan:nth-child(2n) { border-right: 1px solid #292f3e; }
  .pricing-plan { padding-inline: 16px; }
  .pricing-options__included { grid-template-columns: 1fr; gap: 30px; }
  .pricing-options__included-intro { flex-direction: row; align-items: flex-end; }
}