.download-choice {
  padding-block: clamp(36px, 4.5vw, 72px) 24px;
}
.choice-intro { margin-bottom: 26px; }
.choice-intro .eyebrow, .recap-heading .eyebrow { margin: 0 0 12px; }
.choice-intro h1, .preview-settings h2, .recap-heading h3 {
  margin: 0;
  font-size: clamp(36px, 4.3vw, 64px);
  font-weight: 580;
  letter-spacing: -.052em;
  line-height: 1.08;
  text-wrap: balance;
}
.choice-intro > p:last-child {
  margin: 12px 0 0;
  color: #b4c5da;
  font-size: clamp(14px, 1.25vw, 17px);
  line-height: 1.55;
}
.licence-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(12px, 1.8vw, 24px);
}
.licence-card {
  --wash: 66, 182, 238;
  --edge: #345673;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: clamp(22px, 2.4vw, 36px);
  border: 1px solid var(--edge);
  border-radius: 18px;
  background: radial-gradient(ellipse at 95% 0%, rgba(var(--wash), .15), transparent 60%), linear-gradient(125deg, #101e31, #0c1425 68%);
  box-shadow: inset 0 1px 0 #cbeaff12, 0 14px 35px -25px #4683e799;
}
.licence-card--monthly { --wash: 145, 127, 247; --edge: #4b4d75; }
.licence-card-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px 14px; flex-wrap: wrap; }
.licence-card-heading :is(h2,h4) {
  margin: 0; color: #eaf4ff;
  font-size: clamp(19px, 1.75vw, 26px); line-height: 1.2; font-weight: 600; letter-spacing: -.025em;
}
.licence-price {
  margin: 22px 0 12px; color: #f8fbff; line-height: 1;
  font-family: Arial, Helvetica, sans-serif; font-variant-numeric: lining-nums tabular-nums;
}
.money-unit { margin-right: .18em; font-weight: 600; font-size: 22px; color: #c6d6ea; vertical-align: .65em; }
.licence-price strong { font-size: clamp(50px, 4.4vw, 70px); font-weight: 650; letter-spacing: -.065em; }
.licence-period { margin-left: .45em; color: #c3d2e9; font: 500 15px/1.3 system-ui, sans-serif; }
.licence-description { margin: 0; max-width: 47ch; color: #bfd0e4; font-size: 15px; line-height: 1.55; }
.licence-action { padding-top: 18px; margin-top: auto; }
.licence-note { margin: 0 0 10px; color: #a9bbd4; font-size: 12px; line-height: 1.5; }
.licence-card .plan-cta {
  width: 100%; max-width: none; min-height: 51px; margin: 0; padding: 12px 18px;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  color: #0c1731; font-size: 14px;
}
.plan-cta .plan-windows { width: 18px; height: 18px; fill: currentColor; }
.plan-cta .site-arrow { fill: none; width: 16px; height: 16px; }
.plan-footnote { margin-top: 16px; display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 4px 18px; }
.plan-footnote .licence-link { margin: 0; }
.plan-footnote p, .plan-unavailable { margin: 0; color: #95abc4; font-size: 12px; line-height: 1.6; }
.plan-footnote p span { padding: 0 5px; color: #607995; }
.plan-unavailable { align-self: center; padding: 16px; }
.workspace-preview { margin-block: clamp(28px, 4.4vw, 70px) 0; }
.preview-spread { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: clamp(20px, 4vw, 58px); align-items: center; }
.preview-display, .preview-settings { min-width: 0; }
.preview-display .art-coordinate { margin: 0 0 12px; }
.preview-settings .eyebrow { margin-bottom: 9px; }
.preview-settings h2, .recap-heading h3 { font-size: clamp(28px, 3vw, 44px); }
.preview-settings .workspace-invitation { margin-top: 16px; }
.workspace-preview .launch-offer { margin-top: 20px; }
.licence-recap { margin: 8px auto 0; max-width: 1010px; }
.recap-heading { margin-bottom: 20px; text-align: center; }
.recap-heading .eyebrow { justify-content: center; }
.licence-options--compact .licence-card { padding: clamp(18px, 2vw, 28px); }
.licence-options--compact .licence-price { margin-top: 14px; }
.licence-options--compact .licence-price strong { font-size: clamp(40px, 3.4vw, 54px); }
.licence-options--compact .money-unit { font-size: 17px; }
.licence-options--compact .licence-action { padding-top: 12px; }
.licence-options--compact .plan-cta { min-height: 45px; }
@media (max-width: 900px) {
  .preview-spread { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .workspace-preview { max-width: 700px; }
}
@media (max-width: 620px) {
  .licence-options { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .download-choice { padding-block: 30px 20px; }
  .choice-intro { margin-bottom: 18px; }
  .licence-card { padding: 20px; }
  .licence-price { margin: 14px 0 9px; }
  .licence-action { padding-top: 12px; }
  .plan-footnote { gap: 8px; }
  .plan-footnote p { font-size: 11px; }
  .preview-settings .eyebrow { margin-top: 4px; }
}
.licence-recap { margin-top: 32px; }
.recap-heading { margin-bottom: 0; }
.plan-branches { display: block; width: 100%; height: 42px; margin: 8px 0; stroke: #82b9e1; opacity: .66; }
.preview-settings .launch-offer { display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; }
.preview-settings .launch-countdown { grid-template-columns: repeat(4,minmax(0,1fr)); }
.updates-ribbon .ribbon-number {
  background: linear-gradient(122deg, #102b42, #0b1b30 59%, #242c33 80%, #695a43);
  border-right-color: #a88d635f;
}
.updates-ribbon .ribbon-number :is(strong, span) {
  color: #f4d48d;
  background: none;
  text-shadow: none;
  filter: none;
}
@supports (background-clip: text) or (-webkit-background-clip: text) {
  @media (forced-colors: none) {
    .updates-ribbon .ribbon-number :is(strong, span) {
      background-image: linear-gradient(115deg, #fff0bf, #f4d48d 52%, #dfb165);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }
  }
}
#included-benefits { scroll-margin-top: 5rem; }
#included-benefits h2::target-text { background-color: transparent; color: inherit; }
@media (max-width: 620px) {
  .plan-branches { display: none; }
  .recap-heading { margin-bottom: 16px; }
}