/* Desktop is an extension of the approved mobile pricing language. */
@media (min-width:681px) {
  html:has(body.pricing-page),
  body.pricing-page,
  body.pricing-page .pricing-page-stage {
    width:100% !important;
    min-height:100% !important;
    height:auto !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
  }

  body.pricing-page .pricing-main {
    width:min(1100px,calc(100vw - 64px)) !important;
    max-width:1100px !important;
    margin:0 auto !important;
    padding:148px 0 84px !important;
  }

  .pricing-page .pricing-hero {
    width:100% !important;
    margin:0 auto 42px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
  }

  .pricing-page .pricing-hero__limited {
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#fff !important;
    font:650 29px/1.02 var(--sans) !important;
    letter-spacing:-.045em !important;
  }

  .pricing-page .pricing-hero__members {
    width:auto !important;
    margin:10px 0 0 !important;
    padding:0 !important;
    color:#c8c8c3 !important;
    font:600 16px/1 var(--sans) !important;
    letter-spacing:-.02em !important;
  }

  .pricing-page .pricing-hero__members::after { display:none !important; }

  .pricing-page .pricing-mobile-plan-toggle { display:none !important; }

  .pricing-page .pricing-plan-grid.pricing-plan-grid--dual {
    width:min(520px,100%) !important;
    max-width:520px !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:24px !important;
    align-items:stretch !important;
  }

  .pricing-page .pricing-plan-grid--dual .pricing-offer-card.pricing-offer-card--split {
    width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:20px !important;
    background:radial-gradient(90% 62% at 92% -5%,rgba(255,255,255,.055),transparent 65%),linear-gradient(155deg,#181819 0%,#121213 100%) !important;
    box-shadow:none !important;
  }

  .pricing-page .pricing-plan-grid--dual .pricing-offer-card.pricing-offer-card--lifetime {
    border-color:#ff3d60 !important;
    background:linear-gradient(115deg,#ff3d60 0%,#e5284d 54%,#c9163b 100%) !important;
  }

  .pricing-page .pricing-monthly-banner,
  .pricing-page .pricing-lifetime-banner {
    order:1 !important;
    min-height:66px !important;
    padding:0 18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    border:0 !important;
    border-radius:19px 19px 0 0 !important;
    color:#fff !important;
  }

  .pricing-page .pricing-monthly-banner {
    background:linear-gradient(155deg,#1b1b1d 0%,#171719 100%) !important;
  }

  .pricing-page .pricing-lifetime-banner {
    padding:9px 16px !important;
    flex-direction:column !important;
    background:linear-gradient(115deg,#ff3d60 0%,#e5284d 54%,#c9163b 100%) !important;
  }

  .pricing-page .pricing-monthly-banner h2,
  .pricing-page .pricing-lifetime-banner h2 {
    margin:0 !important;
    color:#fff !important;
    font:620 15px/1 var(--sans) !important;
  }

  .pricing-page .pricing-offer-card--lifetime .pricing-offer-deadline {
    position:static !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:0 !important;
    background:transparent !important;
    transform:none !important;
  }

  .pricing-page .pricing-offer-card--lifetime .pricing-offer-deadline > p { display:none !important; }
  .pricing-page .pricing-offer-card--lifetime .pricing-offer-deadline .pricing-top-offer__clock { gap:4px !important; }
  .pricing-page .pricing-offer-card--lifetime .pricing-offer-deadline .pricing-top-offer__clock b { color:#fff !important;font-size:16px !important; }
  .pricing-page .pricing-offer-card--lifetime .pricing-offer-deadline .pricing-top-offer__clock small { color:rgba(255,255,255,.72) !important;font-size:7px !important; }

  .pricing-page .pricing-offer-body-card,
  .pricing-page .pricing-offer-card--monthly .pricing-offer-body-card,
  .pricing-page .pricing-offer-card--lifetime .pricing-offer-body-card {
    order:2 !important;
    width:100% !important;
    min-height:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    border:0 !important;
    border-radius:0 !important;
    background:radial-gradient(110% 72% at 92% 0%,rgba(255,255,255,.045),transparent 58%),linear-gradient(155deg,#1a1a1c 0%,#111113 100%) !important;
  }

  .pricing-page .pricing-offer-card--lifetime .pricing-offer-body-card {
    border-radius:14px 14px 0 0 !important;
  }

  .pricing-page .pricing-plan-grid--dual .pricing-offer-purchase {
    padding:34px 28px 20px !important;
    text-align:center !important;
  }

  .pricing-page .pricing-plan-grid--dual .pricing-offer-price {
    min-height:0 !important;
    margin:0 !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:center !important;
    gap:12px !important;
    flex-wrap:nowrap !important;
    text-align:center !important;
  }

  .pricing-page .pricing-offer-price del {
    margin:0 2px 7px 0 !important;
    color:#fff !important;
    font-size:28px !important;
    text-decoration-color:#fff !important;
  }

  .pricing-page .pricing-offer-price strong {
    color:#f8f8f5 !important;
    font:400 72px/.82 var(--sans) !important;
    letter-spacing:-.055em !important;
  }

  .pricing-page .pricing-offer-price span,
  .pricing-page .pricing-offer-card--lifetime .pricing-offer-price > span {
    flex:0 1 auto !important;
    margin:0 0 7px !important;
    color:#a7a8a4 !important;
    font:500 14px/1 var(--sans) !important;
    text-align:center !important;
  }

  .pricing-page .pricing-plan-grid--dual .pricing-offer-copy {
    max-width:310px !important;
    margin:20px auto 0 !important;
    color:#93938e !important;
    font:450 14px/1.45 var(--sans) !important;
    text-align:center !important;
  }

  .pricing-page .pricing-plan-grid--dual .pricing-offer-action.launch-offer__action:not(.pricing-promo-bar__action) {
    width:min(100%,280px) !important;
    min-height:52px !important;
    margin:58px auto 0 !important;
    padding:0 20px !important;
    justify-content:center !important;
    border:1px solid #f5f5f2 !important;
    border-radius:12px !important;
    background:#f5f5f2 !important;
    color:#111214 !important;
    font:650 14px/1 var(--sans) !important;
    box-shadow:none !important;
  }

  .pricing-page .pricing-plan-grid--dual .pricing-offer-card--lifetime .pricing-offer-action.launch-offer__action:not(.pricing-promo-bar__action) {
    border-color:var(--ds-primary) !important;
    background:var(--ds-primary) !important;
    color:#fff !important;
  }

  .pricing-page .pricing-plan-grid--dual .pricing-offer-notes {
    margin:16px 0 0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:5px !important;
    text-align:center !important;
  }

  .pricing-page .pricing-offer-notes p {
    margin:0 !important;
    color:#777a80 !important;
    font:500 11px/1.35 var(--sans) !important;
  }

  .pricing-page .pricing-feature-disclosure {
    width:100% !important;
    margin:0 !important;
    border:0 !important;
  }

  .pricing-page .pricing-feature-disclosure > summary {
    min-height:56px !important;
    padding:0 20px !important;
    display:grid !important;
    grid-template-columns:auto 18px !important;
    justify-content:center !important;
    align-items:center !important;
    gap:9px !important;
    border:0 !important;
    color:#f2f2ef !important;
    cursor:pointer !important;
    list-style:none !important;
  }

  .pricing-page .pricing-feature-disclosure > summary::-webkit-details-marker { display:none !important; }
  .pricing-page .pricing-feature-disclosure > summary strong { font:650 14px/1 var(--sans) !important; }
  .pricing-page .pricing-feature-disclosure > summary svg { width:18px !important;height:18px !important;fill:none !important;stroke:#929298 !important;stroke-width:1.8 !important;transition:transform .24s ease !important; }
  .pricing-page .pricing-feature-disclosure[open] > summary svg { transform:rotate(180deg) !important; }

  .pricing-page .pricing-feature-disclosure > .pricing-offer-included.pricing-checklist,
  .pricing-page .pricing-feature-disclosure:not([open]) > .pricing-offer-included.pricing-checklist {
    min-height:0 !important;
    margin:0 !important;
    padding:0 28px !important;
    display:grid !important;
    grid-template-rows:0fr !important;
    overflow:hidden !important;
    border:0 !important;
    opacity:0 !important;
    pointer-events:none !important;
    transition:grid-template-rows .38s cubic-bezier(.22,.7,.2,1),padding .38s cubic-bezier(.22,.7,.2,1),opacity .22s ease !important;
  }

  .pricing-page .pricing-feature-disclosure[open] > .pricing-offer-included.pricing-checklist {
    padding:20px 28px 30px !important;
    grid-template-rows:1fr !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }

  .pricing-page .pricing-offer-included.pricing-checklist ul {
    min-height:0 !important;
    max-width:310px !important;
    margin:0 auto !important;
    padding:0 !important;
    display:grid !important;
    gap:17px !important;
    overflow:hidden !important;
  }

  .pricing-page .pricing-offer-included.pricing-checklist li {
    padding-left:25px !important;
    color:#d0d0cb !important;
    font:500 15px/1.35 var(--sans) !important;
  }

  .pricing-page .pricing-offer-included.pricing-checklist li::before {
    top:.18em !important;
    left:1px !important;
    width:9px !important;
    height:5px !important;
    border:0 !important;
    border-bottom:2px solid #42d786 !important;
    border-left:2px solid #42d786 !important;
    transform:rotate(-45deg) !important;
  }

  .pricing-page .pricing-plan-grid--dual > .pricing-limit-note {
    grid-column:1 / -1 !important;
    width:min(620px,100%) !important;
    margin:36px auto 0 !important;
    padding:32px 0 0 !important;
    border:0 !important;
    text-align:center !important;
  }

  .pricing-page .pricing-limit-note h2 { font-size:18px !important; }
  .pricing-page .pricing-limit-note p { max-width:560px !important;margin:12px auto 0 !important;font-size:14px !important;line-height:1.55 !important;white-space:normal !important; }
  .pricing-page .pricing-links { margin-top:42px !important; }
}

@media (min-width:901px) {
  .pricing-page .pricing-plan-grid.pricing-plan-grid--dual {
    width:100% !important;
    max-width:1060px !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:24px !important;
  }
}

@media (min-width:681px) and (prefers-reduced-motion:reduce) {
  .pricing-page .pricing-feature-disclosure > .pricing-offer-included.pricing-checklist,
  .pricing-page .pricing-feature-disclosure > summary svg { transition:none !important; }
}