@font-face {
  font-family: OldSans;
  src: url("/assets/fonts/subsets/NimbusSans-Regular-latin.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: OldSans;
  src: url("/assets/fonts/subsets/NimbusSans-Bold-latin.woff2") format("woff2");
  font-weight: 600 900;
  font-display: swap;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 20px;
}
body {
  margin: 0;
  background: #fff;
  color: #101223;
  font-family: OldSans, Arial, sans-serif;
}
a {
  color: inherit;
  text-decoration: none;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
button {
  font: inherit;
  cursor: pointer;
}
a:focus-visible,
button:focus-visible,
summary:focus-visible {
  outline: 3px solid #8c5efa;
  outline-offset: 4px;
}
.skip-link {
  position: absolute;
  top: -80px;
  left: 20px;
  padding: 14px;
  background: white;
  z-index: 10;
}
.skip-link:focus {
  top: 10px;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
main.old-page {
  max-width: 1280px;
  margin: auto;
  container-type: inline-size;
  overflow: hidden;
}
.old-page h1,
.old-page h2,
.old-page h3,
.old-page p {
  margin: 0;
}
.old-page h1,
.old-page h2,
.old-page h3 {
  letter-spacing: -0.035em;
  line-height: 1.08;
  font-weight: 700;
}
.old-page h1 {
  font-size: 4.38cqw;
  color: #030303;
}
.old-page h2 {
  font-size: 4cqw;
  color: #090b19;
}
.old-page h3 {
  font-size: 2.15cqw;
}
.old-page h1 span,
.old-page h2 span {
  color: #00c3e2;
}
.old-page p {
  color: #454c65;
  line-height: 1.43;
}
.old-page section {
  position: relative;
}
.tag {
  display: inline-block;
  background: #dffaff;
  color: #086b84;
  border-radius: 1cqw;
  padding: 0.5cqw 0.85cqw;
  font-size: 1.15cqw;
}
.decoration {
  pointer-events: none;
  position: absolute;
}
.section-heading {
  text-align: center;
}
.section-heading h2 {
  margin: 1.5cqw 0 1cqw;
}
.section-heading > p {
  font-size: 1.48cqw;
  line-height: 1.4;
}
.old-hero {
  height: 51.56cqw;
  padding: 4.15cqw 5.9cqw;
  background:
    radial-gradient(ellipse at 0 110%, #f4e9ff 0 10%, transparent 10.1%), #fff;
}
.hero-copy {
  width: 49cqw;
  position: relative;
  z-index: 1;
}
.hero-copy h1 {
  margin: 1.3cqw 0 1cqw;
  white-space: nowrap;
}
.hero-copy .hero-subtitle {
  font-size: 2.5cqw;
  line-height: 1.15;
  margin-bottom: 1.15cqw;
  color: #424959;
}
.hero-copy > p {
  font-size: 1.23cqw;
  line-height: 1.41;
  margin-bottom: 1.2cqw;
}
.hero-art {
  position: absolute;
  width: 44.06cqw;
  right: 0.7cqw;
  top: 2.35cqw;
}
.hero-actions {
  display: flex;
  align-items: center;
  gap: 1.2cqw;
  margin: 2cqw 0 1.8cqw;
}
.cyan-button,
.outline-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1.2cqw;
  border-radius: 3cqw;
  font-size: 1.25cqw;
  min-height: 3.7cqw;
  padding: 0.8cqw 2.2cqw;
  border: 0;
}
.cyan-button {
  background: #00c3df;
  color: #071b2c;
  font-weight: 600;
}
.cyan-button:hover {
  background: #00afd0;
}
.outline-button {
  border: 1px solid #bdc9da;
  background: white;
  color: #202735;
}
.hero-badges {
  display: flex;
  gap: 2cqw;
}
.hero-badges > span {
  display: flex;
  align-items: center;
  gap: 0.65cqw;
  font-size: 1cqw;
  color: #515b72;
}
.hero-badges img {
  width: 1.95cqw;
  height: 1.95cqw;
  object-fit: contain;
}
.versions {
  height: auto;
  min-height: 55.625cqw;
  padding: 1.4cqw 5.9cqw 6cqw;
  background:
    radial-gradient(ellipse at -5% 36%, #f4ecff, transparent 24%),
    radial-gradient(ellipse at 108% 102%, #fdeaff 0 18%, transparent 18.1%),
    #fff;
}
.versions .section-heading h2 {
  font-size: 4cqw;
  margin: 1.45cqw 0 1cqw;
}
.versions .section-heading > p {
  font-size: 1.47cqw;
  line-height: 1.43;
}
.list-logo {
  top: 4.5cqw;
  left: 2.2cqw;
  width: 10.94cqw;
}
.list-note {
  top: 4cqw;
  right: 0.8cqw;
  width: 16.95cqw;
}
.version-table-wrap {
  position: relative;
  margin-top: 1.75cqw;
  border: 1px solid #d2f3ff;
  border-radius: 1.8cqw;
  padding: 1.45cqw 1.55cqw;
  background: #ffffffdb;
}
.version-table-wrap table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  text-align: left;
  font-size: 1.25cqw;
}
.version-table-wrap th,
.version-table-wrap td {
  padding: 0.55cqw 2.6cqw;
  height: 4.1cqw;
  border-right: 1px solid #f0f5fa;
  border-bottom: 1px solid #eef4f9;
  white-space: nowrap;
}
.version-table-wrap thead th {
  font-weight: 400;
  background: #ecfafe;
  border: 0;
  height: 4.15cqw;
}
.version-table-wrap thead th:first-child {
  border-radius: 1.4cqw 0 0 1.4cqw;
}
.version-table-wrap thead th:last-child {
  border-radius: 0 1.4cqw 1.4cqw 0;
}
.version-table-wrap tbody th {
  font-size: 1.35cqw;
  width: 16%;
  color: #0a0e15;
  border-left: 1px solid #eef4f9;
}
.version-table-wrap td {
  color: #414961;
}
.version-table-wrap tbody tr:first-child th {
  border-top-left-radius: 1.2cqw;
}
.version-table-wrap tbody tr:first-child td:last-child {
  border-top-right-radius: 1.2cqw;
}
.version-table-wrap tbody tr:last-child th {
  border-bottom-left-radius: 1.2cqw;
}
.version-table-wrap tbody tr:last-child td:last-child {
  border-bottom-right-radius: 1.2cqw;
}
.version-table-wrap td:last-child {
  padding-right: 1.9cqw;
  padding-left: 2.25cqw;
}
.version-download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75cqw;
  border: 0;
  border-radius: 3cqw;
  padding: 0.55cqw 1.35cqw;
  background: #00c3df;
  color: white;
  font-size: 1.15cqw;
  white-space: nowrap;
}
.version-download:hover {
  background: #00a7c9;
}
.version-download svg {
  width: 1.4cqw;
  height: 1.4cqw;
}
.installation {
  height: 66.65cqw;
  padding: 2cqw 4.1cqw 3.7cqw;
  background:
    radial-gradient(ellipse at -12% 28%, #fff0fc 0 17%, transparent 17.1%),
    radial-gradient(ellipse at 110% 0, #ecfbff 0 18%, transparent 18.1%), #fff;
}
.installation .tag {
  font-size: 1.35cqw;
  color: #009ac0;
}
.installation h2 {
  font-size: 3.5cqw;
  margin: 1.35cqw 0 0.5cqw;
}
.install-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 3.1cqw;
  margin-top: 1.55cqw;
}
.install-step {
  position: relative;
  border: 1px solid #ddf3ff;
  border-radius: 1.4cqw;
  overflow: visible;
  padding: 1.3cqw 1.9cqw 0;
  height: 32.2cqw;
  background: #ffffffb0;
}
.install-step h3 {
  font-size: 1.5cqw;
  display: flex;
  align-items: center;
  gap: 1.3cqw;
  letter-spacing: -0.035em;
  white-space: nowrap;
}
.install-step h3 b {
  display: grid;
  place-items: center;
  width: 3.5cqw;
  height: 3.5cqw;
  flex-shrink: 0;
  border-radius: 50%;
  background: #d5f8ff;
  color: #00689b;
  font-size: 2.1cqw;
}
.install-step p {
  font-size: 1.35cqw;
  line-height: 1.32;
  margin-top: 0.7cqw;
}
.install-step > img {
  position: absolute;
  width: 22.9cqw;
  max-width: calc(100% - 3cqw);
  height: 19.1cqw;
  object-fit: fill;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.install-step:not(:last-child):after {
  content: "→";
  display: grid;
  place-items: center;
  position: absolute;
  right: -3.2cqw;
  top: 11.7cqw;
  width: 3.5cqw;
  height: 3.5cqw;
  border-radius: 50%;
  background: #dffaff;
  color: #035080;
  font-size: 2.3cqw;
  z-index: 2;
}
.all-done {
  display: flex;
  align-items: center;
  gap: 1.8cqw;
  background: linear-gradient(100deg, #effbf7, #ecfdf4);
  border: 1px solid #d4f7e9;
  border-radius: 1.4cqw;
  margin-top: 1.75cqw;
  padding: 1.7cqw 2.5cqw;
  min-height: 10.3cqw;
  position: relative;
}
.done-check {
  width: 5.8cqw;
}
.all-done h3 {
  font-size: 1.9cqw;
  margin-bottom: 0.5cqw;
}
.all-done p {
  font-size: 1.32cqw;
  line-height: 1.5;
}
.all-done > div {
  z-index: 1;
}
.done-logo {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 17cqw;
  object-fit: fill;
  border-radius: 0 1.4cqw 1.4cqw 0;
}
.benefits {
  height: 122.75cqw;
  padding: 0 5.5cqw 0.5cqw;
  background:
    radial-gradient(ellipse at -5% 5%, #faedff 0 12%, transparent 12.1%),
    radial-gradient(ellipse at 105% 20%, #fff2fc 0 12%, transparent 12.1%), #fff;
}
.benefits .tag {
  font-size: 1.6cqw;
  padding: 0.65cqw 1.5cqw;
  color: #079dc3;
  border-radius: 3cqw;
}
.benefits h2 {
  font-size: 4cqw;
  margin: 2cqw 0 1cqw;
}
.benefits .section-heading p {
  font-size: 1.75cqw;
  line-height: 1.33;
}
.benefit-note {
  top: 1cqw;
  right: 1.3cqw;
  width: 12.4cqw;
}
.benefit-list {
  display: grid;
  gap: 1.25cqw;
  margin-top: 1.45cqw;
}
.benefit {
  display: flex;
  align-items: flex-start;
  gap: 3.2cqw;
  padding: 1.55cqw 3.3cqw;
  background: #f4fcff;
  border: 1px solid #c4f1ff;
  border-radius: 1.5cqw;
  min-height: 13.2cqw;
}
.number {
  display: grid;
  place-items: center;
  background: #d0f7ff;
  color: #008ab2;
  border-radius: 50%;
  flex-shrink: 0;
  width: 5.6cqw;
  height: 5.6cqw;
  font-size: 2.6cqw;
  line-height: 1;
  font-weight: 700;
}
.benefit h3 {
  font-size: 2.15cqw;
  margin: 0.2cqw 0 0.7cqw;
}
.benefit p {
  font-size: 1.8cqw;
  line-height: 1.25;
  color: #65708c;
}
.benefit:nth-child(even) {
  background: #fdf5fd;
  border-color: #ffd9f7;
}
.benefit:nth-child(even) .number {
  background: #fbddf7;
  color: #a5078a;
}
.benefit:last-child {
  padding-top: 1.1cqw;
  min-height: 12.7cqw;
}
.pros-cons {
  height: 75cqw;
  padding: 4.75cqw 3.5cqw 7cqw;
  background:
    radial-gradient(circle at 0 0, #fff5fb 0 10%, transparent 10.1%),
    radial-gradient(circle at 103% 15%, #eefdff 0 9%, transparent 9.1%),
    radial-gradient(circle at 100% 100%, #fff0fa 0 9%, transparent 9.1%),
    radial-gradient(circle at -2% 100%, #f6f3ff 0 7%, transparent 7.1%), #fff;
}
.short-rule {
  width: 6.2cqw;
  height: 0.45cqw;
  background: #00c7e0;
}
.pros-cons .short-rule {
  margin: 0 auto 3.7cqw;
}
.pros-cons h2 {
  font-size: 4.25cqw;
  margin: 0 0 2cqw;
  color: #000;
}
.pros-cons .section-heading > p {
  font-size: 1.6cqw;
  line-height: 1.45;
}
.comparison {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.65cqw;
  margin-top: 2.1cqw;
}
.comparison article {
  border: 1px solid #c9f4ff;
  border-radius: 1.85cqw;
  background: #f0fcfe;
  padding: 2cqw 2.8cqw 1.3cqw;
  min-height: 43.1cqw;
}
.comparison .cons {
  background: #fff4fa;
  border-color: #ffcee9;
}
.comparison h3 {
  display: flex;
  align-items: center;
  gap: 1.7cqw;
  font-size: 3.5cqw;
  color: #080808;
}
.comparison h3 img {
  width: 5.6cqw;
}
.comparison ul {
  list-style: none;
  margin: 1cqw 0 0;
  padding: 0;
}
.comparison li {
  display: flex;
  align-items: flex-start;
  gap: 1.85cqw;
  font-size: 1.63cqw;
  line-height: 1.4;
  color: #353d5d;
  padding: 1.15cqw 0;
  border-bottom: 1px solid #d7eff6;
}
.comparison li:last-child {
  border: 0;
}
.comparison li img {
  width: 3.75cqw;
  flex-shrink: 0;
}
.comparison .cons li {
  border-color: #ffd9e9;
}
.faqs {
  height: 56.25cqw;
  padding: 5.9cqw 5.5cqw 4.2cqw;
  display: grid;
  grid-template-columns: 36.5% 1fr;
  gap: 3cqw;
  background:
    radial-gradient(circle at 0 0, #fff0fa 0 13%, transparent 13.1%),
    radial-gradient(circle at 100% 100%, #fff1fb 0 7%, transparent 7.1%),
    radial-gradient(circle at 0 100%, #f2f5ff 0 16%, transparent 16.1%), #fff;
}
.faq-intro {
  padding-top: 8.1cqw;
}
.faq-intro .short-rule {
  width: 5.3cqw;
}
.faq-intro .faq-tag {
  font-size: 1.5cqw;
  letter-spacing: 0.28em;
  color: #00aadc;
  font-weight: 600;
  margin: 1.4cqw 0 1.8cqw;
}
.faq-intro h2 {
  font-size: 4.05cqw;
  line-height: 1.12;
  color: #000;
  white-space: nowrap;
}
.faq-list {
  display: grid;
  gap: 1.3cqw;
  align-content: start;
}
.faq-list details {
  position: relative;
  background: #f5fcff;
  border: 1px solid #c7f1ff;
  border-radius: 1.15cqw;
  padding: 1.85cqw 1.65cqw 1.5cqw 8.2cqw;
  min-height: 10.2cqw;
}
.faq-list details:nth-child(even) {
  background: #fff4fa;
  border-color: #ffcee9;
}
.faq-list summary {
  cursor: pointer;
  list-style: none;
  font-size: 1.95cqw;
  line-height: 1.18;
  font-weight: 700;
  letter-spacing: -0.035em;
  color: #080808;
}
.faq-list summary::-webkit-details-marker {
  display: none;
}
.faq-list .number {
  position: absolute;
  left: 1.6cqw;
  top: 1.35cqw;
  width: 4.6cqw;
  height: 4.6cqw;
  font-size: 2.15cqw;
  color: #009ace;
  background: #e0faff;
}
.faq-list details:nth-child(even) .number {
  color: #ff3895;
  background: #ffe0ef;
}
.faq-list p {
  font-size: 1.5cqw;
  line-height: 1.32;
  margin-top: 0.75cqw;
  color: #5b6a8d;
}
.final-words {
  height: 57cqw;
  padding: 6.85cqw 5.6cqw 5cqw;
}
.final-words > .short-rule {
  width: 7cqw;
  height: 0.75cqw;
  border-radius: 12px;
  margin-left: 1.3cqw;
}
.final-words h2 {
  font-size: 5.2cqw;
  margin: 1.65cqw 0 2.3cqw 0.8cqw;
}
.quote-frame {
  background: #eafaff;
  border-radius: 2.3cqw;
  padding: 3.4cqw 3.65cqw 3cqw;
}
.quote-frame blockquote {
  position: relative;
  margin: 0;
  background: white;
  border: 1px solid #dfe8ef;
  border-radius: 1.8cqw;
  padding: 4.7cqw 7.9cqw 2.8cqw;
}
.quote-frame p {
  font-size: 2.1cqw;
  line-height: 1.45;
  color: #303751;
}
.quote-open,
.quote-close {
  position: absolute;
  width: 3.7cqw;
  top: 1.5cqw;
  left: 2.5cqw;
}
.quote-close {
  width: 4cqw;
  top: auto;
  left: auto;
  bottom: 3.7cqw;
  right: 1.8cqw;
}
#download-dialog {
  max-width: min(440px, calc(100% - 36px));
  border: 1px solid #c5effa;
  border-radius: 20px;
  padding: 30px;
  color: #172438;
  box-shadow: 0 20px 80px #132d4930;
}
#download-dialog::backdrop {
  background: #10253866;
}
#download-dialog h2 {
  font-size: 26px;
  padding-right: 20px;
}
#download-dialog p {
  font-size: 16px;
  line-height: 1.5;
  margin: 18px 0;
}
#download-dialog .cyan-button {
  font-size: 16px;
  padding: 12px 24px;
  border-radius: 25px;
}
#download-dialog .dialog-close {
  position: absolute;
  right: 15px;
  top: 10px;
  background: none;
  border: 0;
  font-size: 28px;
  color: #43556a;
}
@media (max-width: 900px) {
  .old-page section {
    height: auto;
    padding: 38px 22px;
  }
  .old-page h1 {
    font-size: clamp(34px, 5.9vw, 52px);
    white-space: normal;
  }
  .old-page h2 {
    font-size: 34px;
  }
  .old-page h3 {
    font-size: 24px;
  }
  .old-page p {
    font-size: 16px;
    line-height: 1.5;
  }
  .desktop {
    display: none;
  }
  .tag {
    font-size: 13px;
    padding: 7px 12px;
    border-radius: 12px;
  }
  .hero-copy {
    width: 100%;
  }
  .hero-copy h1 {
    margin: 17px 0 14px;
  }
  .hero-copy .hero-subtitle {
    font-size: 24px;
    margin-bottom: 17px;
  }
  .hero-copy > p {
    margin-bottom: 15px;
  }
  .hero-art {
    position: static;
    width: min(100%, 500px);
    margin: 24px auto 0;
  }
  .hero-actions {
    gap: 12px;
    margin: 22px 0;
  }
  .cyan-button,
  .outline-button {
    font-size: 15px;
    padding: 12px 20px;
    border-radius: 28px;
    min-height: 44px;
    gap: 10px;
  }
  .hero-badges {
    gap: 15px;
    flex-wrap: wrap;
  }
  .hero-badges > span {
    font-size: 12px;
    gap: 7px;
  }
  .hero-badges img {
    width: 22px;
    height: 24px;
  }
  .decoration {
    display: none;
  }
  .section-heading h2,
  .versions .section-heading h2 {
    font-size: 34px;
    margin: 17px 0 13px;
  }
  .version-table-wrap {
    padding: 0;
    border: 0;
    background: transparent;
    margin-top: 24px;
  }
  .version-table-wrap table,
  .version-table-wrap tbody {
    display: block;
    width: 100%;
  }
  .version-table-wrap thead {
    position: absolute;
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
  .version-table-wrap tr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border: 1px solid #d2edf9;
    border-radius: 17px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 16px;
    padding: 8px 16px;
  }
  .version-table-wrap tbody th,
  .version-table-wrap td {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    font-size: 15px;
    border: 0;
    padding: 10px 0;
    height: auto;
    white-space: normal;
  }
  .version-table-wrap tbody th {
    font-size: 21px;
  }
  .version-table-wrap td:before {
    content: attr(data-label);
    font-size: 11px;
    color: #67738a;
    line-height: 1.5;
    margin-bottom: 3px;
  }
  .version-table-wrap td:last-child {
    grid-column: 1/-1;
    padding: 9px 0 12px;
  }
  .version-table-wrap td:last-child:before {
    display: none;
  }
  .version-download {
    font-size: 15px;
    padding: 10px 20px;
    gap: 9px;
    border-radius: 30px;
    width: 100%;
    min-height: 42px;
  }
  .version-download svg {
    width: 18px;
    height: 18px;
  }
  .installation .tag,
  .benefits .tag {
    font-size: 14px;
    padding: 8px 15px;
    border-radius: 16px;
  }
  .install-steps {
    grid-template-columns: 1fr;
    gap: 22px;
    margin-top: 25px;
  }
  .install-step {
    height: auto;
    padding: 19px 22px 0;
    border-radius: 18px;
    overflow: hidden;
  }
  .install-step h3 {
    font-size: 20px;
    gap: 13px;
    white-space: normal;
  }
  .install-step h3 b {
    width: 43px;
    height: 43px;
    font-size: 24px;
  }
  .install-step p {
    margin-top: 13px;
  }
  .install-step > img {
    position: static;
    transform: none;
    width: 100%;
    max-width: 360px;
    height: auto;
    margin: 20px auto 0;
  }
  .install-step:not(:last-child):after {
    display: none;
  }
  .all-done {
    padding: 20px;
    gap: 16px;
    margin-top: 24px;
    border-radius: 16px;
  }
  .done-check {
    width: 48px;
    flex-shrink: 0;
  }
  .all-done h3 {
    font-size: 24px;
    margin-bottom: 8px;
  }
  .done-logo {
    display: none;
  }
  .benefit-list {
    gap: 16px;
    margin-top: 25px;
  }
  .benefit,
  .benefit:last-child {
    padding: 22px 18px;
    gap: 17px;
    min-height: 0;
    border-radius: 18px;
  }
  .number {
    width: 44px;
    height: 44px;
    font-size: 23px;
  }
  .benefit h3 {
    font-size: 22px;
    margin: 2px 0 11px;
  }
  .benefit p {
    font-size: 16px;
    line-height: 1.45;
  }
  .pros-cons .short-rule {
    width: 65px;
    height: 5px;
    margin: 0 auto 25px;
  }
  .comparison {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 26px;
  }
  .comparison article {
    padding: 23px;
    border-radius: 20px;
    min-height: 0;
  }
  .comparison h3 {
    font-size: 36px;
    gap: 20px;
  }
  .comparison h3 img {
    width: 57px;
  }
  .comparison ul {
    margin-top: 16px;
  }
  .comparison li {
    font-size: 17px;
    line-height: 1.45;
    gap: 16px;
    padding: 15px 0;
  }
  .comparison li img {
    width: 38px;
  }
  .faqs {
    display: flex;
    flex-direction: column;
    gap: 26px;
  }
  .faq-intro {
    padding: 0;
  }
  .faq-intro .short-rule {
    width: 55px;
    height: 5px;
  }
  .faq-intro .faq-tag {
    font-size: 14px;
    margin: 16px 0 20px;
  }
  .faq-intro h2 {
    font-size: 35px;
    white-space: normal;
  }
  .faq-list {
    gap: 15px;
  }
  .faq-list details {
    padding: 22px 17px 22px 73px;
    min-height: 0;
    border-radius: 16px;
  }
  .faq-list summary {
    font-size: 21px;
    line-height: 1.2;
  }
  .faq-list .number {
    left: 15px;
    top: 18px;
    width: 42px;
    height: 42px;
    font-size: 22px;
  }
  .faq-list p {
    font-size: 16px;
    margin-top: 12px;
    line-height: 1.45;
  }
  .final-words > .short-rule {
    width: 65px;
    height: 7px;
    margin: 0 0 20px;
    border-radius: 10px;
  }
  .final-words h2 {
    font-size: 43px;
    margin: 0 0 25px;
  }
  .quote-frame {
    padding: 18px;
    border-radius: 23px;
  }
  .quote-frame blockquote {
    padding: 49px 22px 42px;
    border-radius: 17px;
  }
  .quote-frame p {
    font-size: 17px;
    line-height: 1.55;
  }
  .quote-open {
    width: 32px;
    top: 11px;
    left: 16px;
  }
  .quote-close {
    width: 33px;
    bottom: 12px;
    right: 15px;
  }
}
@media (min-width: 601px) and (max-width: 900px) {
  .old-page section {
    padding-left: 38px;
    padding-right: 38px;
  }
  .version-table-wrap tbody {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .version-table-wrap tr {
    margin: 0;
  }
  .comparison {
    grid-template-columns: 1fr 1fr;
  }
  .hero-art {
    max-width: 430px;
  }
  .install-steps {
    max-width: 520px;
    margin-inline: auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

/* Keep decorative artwork clear of selectable text and allow enlarged text to grow. */
.old-page .decoration {
  mix-blend-mode: multiply;
}
.old-page .section-heading {
  position: relative;
  z-index: 1;
}
@media (min-width: 901px) {
  .old-page .benefits {
    height: auto;
    min-height: 122.75cqw;
  }
  .benefit-list {
    margin-top: 0.3cqw;
  }
  .benefit:last-child {
    padding-bottom: 0.5cqw;
  }
}
@media (max-width: 900px) {
  .old-page .section-heading > p {
    font-size: 16px;
    line-height: 1.5;
  }
}

/* Releases expand in the page instead of an internal scroll box. */
#apk-version-rows > tr[hidden], .version-pagination [hidden] { display: none !important; }
.version-pagination { text-align: center; margin-top: 24px; }
.version-pagination p { margin: 0 0 12px; color: #555; font-size: 14px; }
#versions-see-more { min-width: 160px; padding: 14px 28px; font-size: 16px; cursor: pointer; }
a.version-download { display: inline-flex; align-items: center; justify-content: center; gap: 6px; text-decoration: none; }