@font-face {
  font-family: MapleDisplay;
  src: url("/assets/fonts/0f284049ad61.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: MapleText;
  src: url("/assets/fonts/a4293351a0a9.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: MapleText;
  src: url("/assets/fonts/d64f40b47b60.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
:root {
  --vb-night: #171224;
  --vb-panel: #241d35;
  --vb-deep: #1e182d;
  --vb-edge: #4b3d62;
  --vb-iris: #cab6ff;
  --vb-ice: #93ddeb;
  --vb-white: #f4efff;
  --vb-muted: #bfb5ce;
  --vb-ruby: #b86fc2;
  --vb-corner: 18px;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 105px;
}
body {
  margin: 0;
  background: var(--vb-night);
  color: var(--vb-white);
  font:
    16px/1.75 "MapleText",
    sans-serif;
}
body:before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 90% 5%, #67468c3b, transparent 45%),
    radial-gradient(ellipse at 0 70%, #26506b22, transparent 45%),
    url("/assets/images/9814a3dfc5fa.svg");
  background-size:
    auto,
    auto,
    88px 88px;
}
a {
  color: var(--vb-ice);
  text-decoration: none;
}
a:hover {
  color: #e2faff;
}
button,
input,
select {
  font: inherit;
}
button {
  cursor: pointer;
}
img {
  display: block;
  max-width: 100%;
}
h1,
h2,
h3,
h4 {
  font-family: "MapleDisplay", sans-serif;
  letter-spacing: -0.035em;
  line-height: 1.13;
  margin: 0 0 20px;
  font-weight: 700;
}
h1 {
  font-size: clamp(44px, 5.4vw, 75px);
}
h2 {
  font-size: clamp(30px, 3.2vw, 44px);
}
h3 {
  font-size: 29px;
}
h4 {
  font-size: 20px;
}
p {
  margin: 0 0 19px;
  color: var(--vb-muted);
}
a,
button,
input,
select,
summary {
  outline-offset: 5px;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
summary:focus-visible {
  outline: 3px solid var(--vb-ice);
}
.vb-wrap {
  width: min(1240px, calc(100% - 64px));
  margin-inline: auto;
}
.vb-skip {
  position: fixed;
  top: -100px;
  left: 10px;
  padding: 10px 20px;
  background: var(--vb-ice);
  color: var(--vb-night);
  z-index: 99;
}
.vb-skip:focus {
  top: 8px;
}
.vb-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: #171224f5;
  border-bottom: 1px solid #5f4a76;
  backdrop-filter: blur(20px);
}
.vb-header-inner {
  height: 85px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.vb-logo {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  color: var(--vb-white);
  font-family: "MapleDisplay", sans-serif;
  font-size: 23px;
  line-height: 1.05;
  font-weight: 700;
  letter-spacing: -0.035em;
}
.vb-logo svg {
  height: 39px;
  width: 39px;
}
.vb-logo em {
  font-style: normal;
  color: var(--vb-iris);
}
.vb-logo small {
  display: block;
  font:
    600 9px/1.5 "MapleText",
    sans-serif;
  letter-spacing: 0.19em;
  color: #a99abb;
  margin-top: 6px;
}
.vb-nav {
  display: flex;
  align-items: center;
  gap: 7px;
}
.vb-nav a {
  font-size: 12px;
  color: #d4cbe0;
  padding: 9px 14px;
  border-radius: 30px;
}
.vb-nav a:hover,
.vb-nav a[aria-current="page"] {
  color: var(--vb-ice);
  background: #3f3055;
}
.vb-menu {
  display: none;
  border: 1px solid #69547d;
  border-radius: 8px;
  background: #322641;
  color: var(--vb-white);
  padding: 8px 13px;
}
.vb-hero {
  border-bottom: 1px solid var(--vb-edge);
  background: linear-gradient(110deg, #241733aa, #1a1326aa);
  overflow: hidden;
}
.vb-hero-grid {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 58px;
  align-items: center;
  min-height: 540px;
  padding-block: 55px;
}
.vb-eyebrow {
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.17em;
  font:
    700 10px/1.5 "MapleText",
    sans-serif;
  color: var(--vb-ice);
  margin-bottom: 18px;
}
.vb-hero h1 {
  margin-bottom: 23px;
  max-width: 660px;
}
.vb-hero h1 span {
  color: var(--vb-iris);
}
.vb-hero p {
  font-size: 16px;
  color: #cfc2de;
  max-width: 620px;
}
.vb-actions {
  display: flex;
  gap: 13px;
  flex-wrap: wrap;
  margin-top: 26px;
}
.vb-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  min-height: 47px;
  padding: 12px 20px;
  border: 1px solid #7c6297;
  border-radius: 9px;
  color: var(--vb-white);
  font-size: 12px;
  line-height: 1.4;
  font-weight: 700;
  background: #31233e;
}
.vb-button:hover {
  background: #503662;
  color: #fff;
}
.vb-button-main {
  background: var(--vb-ice);
  border-color: var(--vb-ice);
  color: #1b2336;
  box-shadow: 0 8px 30px #51c2db15;
}
.vb-button-main:hover {
  background: #b3edf5;
  color: #1b2336;
}
.vb-hero-photo {
  position: relative;
  padding: 10px;
  border: 1px solid #7a5a93;
  border-radius: 24px;
  transform: rotate(1.5deg);
  background: #2e2040;
  box-shadow: 0 20px 70px #09061166;
}
.vb-hero-photo img {
  aspect-ratio: 1.28;
  object-fit: cover;
  border-radius: 16px;
  filter: saturate(0.78);
}
.vb-photo-caption {
  position: absolute;
  left: 29px;
  right: 29px;
  bottom: 29px;
  border: 1px solid #9882b488;
  background: #21172beb;
  backdrop-filter: blur(10px);
  padding: 18px 20px;
  border-radius: 12px;
}
.vb-photo-caption b {
  display: block;
  font:
    700 22px/1.2 "MapleDisplay",
    sans-serif;
  color: #eee4ff;
}
.vb-photo-caption span {
  font-size: 10px;
  color: #bdadce;
  letter-spacing: 0.1em;
}
.vb-ribbon {
  display: flex;
  gap: 28px;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-block: 16px;
  font-size: 10px;
  color: #c6b7d4;
}
.vb-ribbon b {
  color: var(--vb-iris);
  margin-right: 8px;
}
.vb-section {
  margin-block: 65px;
}
.vb-section-top {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 25px;
  margin-bottom: 25px;
}
.vb-section-top h2 {
  margin-bottom: 12px;
}
.vb-section-top p {
  max-width: 800px;
  font-size: 14px;
  margin: 0;
}
.vb-tag {
  display: inline-block;
  font:
    600 10px/1.5 "MapleText",
    sans-serif;
  letter-spacing: 0.06em;
  border: 1px solid #72578c;
  color: #d5c4ed;
  border-radius: 30px;
  padding: 5px 11px;
  white-space: nowrap;
  background: #3d2b5066;
}
.vb-tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-block: 23px;
  flex-wrap: wrap;
}
.vb-filters {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}
.vb-filter {
  border: 1px solid #635077;
  border-radius: 30px;
  background: #2b2139;
  color: #cabbd8;
  padding: 7px 15px;
  font-size: 11px;
}
.vb-filter.vb-active {
  background: var(--vb-iris);
  border-color: var(--vb-iris);
  color: #241633;
}
.vb-search {
  background: #20172c;
  border: 1px solid #69527d;
  color: var(--vb-white);
  font-size: 12px;
  padding: 10px 14px;
  border-radius: 9px;
  width: 225px;
}
.vb-list {
  display: grid;
  gap: 15px;
}
.vb-compare-card {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr) 210px;
  gap: 25px;
  border: 1px solid #634875;
  border-radius: var(--vb-corner);
  padding: 24px;
  background: linear-gradient(110deg, #342442f0, #241b32f5);
  align-items: center;
  position: relative;
  box-shadow: 0 10px 25px #0906111f;
  transition:
    transform 0.2s,
    border-color 0.2s;
}
.vb-compare-card:hover {
  transform: translateY(-3px);
  border-color: #b698d8;
}
.vb-brandplate {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 9px;
  border: 1px solid #ffffff12;
  border-radius: 13px;
  min-height: 112px;
  padding: 20px 10px;
  position: relative;
  overflow: hidden;
  background: linear-gradient(150deg, var(--vb-brand), #171222);
}
.vb-brandplate:before {
  content: "";
  position: absolute;
  width: 160px;
  height: 160px;
  top: -100px;
  right: -80px;
  border: 30px solid #ffffff0a;
  border-radius: 50%;
}
.vb-brandplate b {
  font:
    700 25px/1.05 "MapleDisplay",
    sans-serif;
  letter-spacing: -0.045em;
  color: #fff;
  text-align: center;
  position: relative;
}
.vb-brandplate span {
  font:
    600 8px/1.4 "MapleText",
    sans-serif;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #ffffffb0;
}
.vb-offer-label {
  font-size: 9px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--vb-ice);
  margin-bottom: 5px;
}
.vb-compare-card h3 {
  font-size: 23px;
  margin: 0 0 7px;
  color: #f2e8ff;
}
.vb-card-summary {
  font-size: 12px;
  color: #bcaecd;
  line-height: 1.65;
  margin-bottom: 9px;
}
.vb-bits {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}
.vb-bits span {
  font-size: 9px;
  padding: 3px 7px;
  border: 1px solid #5d496f;
  border-radius: 5px;
  color: #d4c3e1;
}
.vb-card-action {
  text-align: center;
}
.vb-card-action .vb-button {
  width: 100%;
}
.vb-card-action > a:not(.vb-button) {
  font-size: 10px;
  display: inline-block;
  margin-top: 9px;
  color: var(--vb-iris);
}
.vb-card-action small {
  display: block;
  font-size: 9px;
  line-height: 1.6;
  color: #a695b8;
  margin-top: 8px;
}
.vb-result {
  font-size: 11px;
  color: #ad9cbc;
  margin-top: 15px;
}
.vb-empty {
  display: none;
  padding: 22px;
  border: 1px solid #73598b;
  border-radius: 12px;
  text-align: center;
}
.vb-empty.vb-show {
  display: block;
}
.vb-facts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 17px;
}
.vb-fact {
  padding: 25px;
  border: 1px solid #5c466f;
  border-radius: 15px;
  background: #2d203be0;
}
.vb-fact b {
  font: 700 21px/1.2 "MapleDisplay";
  display: block;
  margin-bottom: 11px;
  color: #d4c2f0;
}
.vb-fact p {
  font-size: 12px;
  margin: 0;
}
.vb-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 247px;
  gap: 35px;
}
.vb-article {
  min-width: 0;
}
.vb-toc {
  position: sticky;
  top: 108px;
  align-self: start;
  background: #281d35f0;
  border: 1px solid #5f4573;
  border-radius: 14px;
  padding: 23px;
}
.vb-toc h3 {
  font-size: 21px;
}
.vb-toc a {
  display: block;
  font-size: 11px;
  padding: 9px 0;
  border-bottom: 1px solid #554063;
  color: #c4b3d7;
}
.vb-toc a:hover {
  color: var(--vb-ice);
}
.vb-toc .vb-eyebrow {
  font-size: 9px;
  margin-bottom: 9px;
}
.vb-review {
  border: 1px solid #705084;
  border-radius: 17px;
  background: linear-gradient(135deg, #30203fed, #20192df5);
  margin-bottom: 25px;
  padding: 29px;
  scroll-margin-top: 105px;
}
.vb-review-heading {
  display: grid;
  grid-template-columns: 133px 1fr;
  gap: 22px;
  align-items: center;
  margin-bottom: 25px;
}
.vb-review-heading .vb-brandplate {
  min-height: 105px;
}
.vb-review-heading h3 {
  margin: 8px 0 10px;
  font-size: 29px;
}
.vb-review-heading .vb-eyebrow {
  margin: 0;
  font-size: 9px;
}
.vb-review-heading p {
  font-size: 11px;
  margin: 0;
  color: #b8a7cb;
}
.vb-review p {
  font-size: 14px;
  line-height: 1.8;
}
.vb-procon {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  margin: 22px 0;
}
.vb-procon > div {
  background: #1b1425a6;
  border: 1px solid #513c64;
  border-radius: 10px;
  padding: 17px;
}
.vb-procon h4 {
  font:
    700 11px "MapleText",
    sans-serif;
  letter-spacing: 0.05em;
  color: var(--vb-ice);
  margin: 0 0 12px;
}
.vb-procon > div:last-child h4 {
  color: #d8b2dd;
}
.vb-procon ul {
  margin: 0;
  padding-left: 17px;
  color: #c4b1d3;
  font-size: 12px;
}
.vb-procon li {
  margin-block: 6px;
}
.vb-facttable {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  margin: 22px 0;
}
.vb-facttable th,
.vb-facttable td {
  border-bottom: 1px solid #543d66;
  padding: 11px 0;
  vertical-align: top;
  text-align: left;
}
.vb-facttable th {
  width: 31%;
  padding-right: 20px;
  color: #d7c2ed;
  font-weight: 600;
}
.vb-facttable td {
  color: #bba8ca;
}
.vb-facttable tr:last-child > * {
  border: 0;
}
.vb-review-foot {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  flex-wrap: wrap;
  align-items: center;
  border-top: 1px solid #604675;
  padding-top: 20px;
  margin-top: 22px;
}
.vb-sources {
  font-size: 10px;
  line-height: 1.7;
  color: #a997bd;
}
.vb-sources a {
  margin-right: 9px;
}
.vb-review-foot .vb-button {
  font-size: 11px;
  min-height: 43px;
}
.vb-prose {
  border-bottom: 1px solid #503d63;
  padding-bottom: 32px;
  margin-bottom: 37px;
}
.vb-prose h2 {
  font-size: 33px;
}
.vb-prose h3 {
  font-size: 23px;
  letter-spacing: -0.02em;
  margin-top: 28px;
}
.vb-prose p {
  font-size: 14px;
  line-height: 1.9;
  color: #c2b3d0;
}
.vb-tablewrap {
  overflow: auto;
  border: 1px solid #624c78;
  border-radius: 13px;
  margin-block: 25px;
  background: #281d35;
}
.vb-table {
  min-width: 700px;
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-size: 12px;
}
.vb-table th,
.vb-table td {
  padding: 15px 17px;
  border-bottom: 1px solid #5c4470;
  vertical-align: top;
}
.vb-table thead {
  background: #3b2850;
  color: #dcd0f3;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}
.vb-table tbody th {
  color: #ded0f2;
  font-weight: 600;
}
.vb-table td {
  color: #beaccf;
}
.vb-table tr:last-child > * {
  border: 0;
}
.vb-calc {
  border: 1px solid #8d68a8;
  border-radius: 16px;
  padding: 28px;
  background: linear-gradient(120deg, #422951bb, #261d36);
  margin-block: 35px;
}
.vb-calc h3 {
  font-size: 27px;
}
.vb-calc p {
  font-size: 12px;
}
.vb-calc-fields {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 13px;
}
.vb-calc label {
  font-size: 10px;
  color: #d4c2e3;
}
.vb-calc input,
.vb-calc select {
  width: 100%;
  display: block;
  border: 1px solid #7a5a92;
  background: #21162d;
  color: #f2e8ff;
  padding: 10px;
  border-radius: 7px;
  margin-top: 5px;
  font-size: 13px;
}
.vb-calc output {
  display: block;
  font:
    700 39px/1.3 "MapleDisplay",
    sans-serif;
  color: var(--vb-ice);
  margin: 18px 0 8px;
  overflow-wrap: anywhere;
}
.vb-calc-note {
  font-size: 11px;
  color: #b5a0c7;
  line-height: 1.7;
}
.vb-faq details {
  background: #2b1f38d9;
  border: 1px solid #5e4474;
  border-radius: 11px;
  margin-bottom: 10px;
}
.vb-faq summary {
  cursor: pointer;
  list-style: none;
  padding: 20px 50px 20px 22px;
  position: relative;
  font-size: 14px;
  font-weight: 700;
  color: #e9dff7;
}
.vb-faq summary:after {
  content: "+";
  position: absolute;
  right: 22px;
  color: var(--vb-ice);
  font-size: 20px;
}
.vb-faq details[open] summary:after {
  content: "−";
}
.vb-faq details[open] {
  border-color: #a589c7;
}
.vb-faq p {
  font-size: 13px;
  padding: 0 22px 21px;
  margin: 0;
  max-width: 960px;
}
.vb-inner {
  padding-block: 49px 39px;
  border-bottom: 1px solid #5a426d;
  background: linear-gradient(115deg, #352043aa, #1d172b88);
}
.vb-inner h1 {
  font-size: 50px;
  max-width: 980px;
}
.vb-inner p {
  max-width: 830px;
  font-size: 15px;
}
.vb-crumb {
  font-size: 11px;
  color: #a894bf;
  margin-bottom: 20px;
}
.vb-policy {
  max-width: 900px;
}
.vb-footer {
  margin-top: 70px;
  border-top: 1px solid #644b7c;
  background: #161020e8;
}
.vb-foot-top {
  padding-block: 37px;
  display: grid;
  grid-template-columns: 1.7fr 1fr 1fr;
  gap: 50px;
}
.vb-foot-top p {
  font-size: 12px;
  max-width: 400px;
  margin-top: 18px;
}
.vb-foot-top h3 {
  font: 700 12px "MapleText";
  color: #d8c6ec;
  margin-bottom: 15px;
}
.vb-foot-top a:not(.vb-logo) {
  display: block;
  font-size: 12px;
  color: #b9a5cc;
  margin: 5px 0;
}
.vb-foot-bottom {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  padding-block: 18px;
  border-top: 1px solid #4d395f;
  font-size: 9px;
  color: #9d88b2;
}
.vb-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  border: 1px solid #9d7abd;
  color: #d4c0f2;
  background: #372346;
  display: grid;
  place-items: center;
  z-index: 10;
}
.vb-progress {
  position: fixed;
  top: 0;
  left: 0;
  height: 2px;
  width: 0;
  background: var(--vb-ice);
  z-index: 70;
}
[hidden] {
  display: none !important;
}
@media (max-width: 1050px) {
  .vb-hero-grid {
    gap: 32px;
  }
  .vb-hero h1 {
    font-size: 59px;
  }
  .vb-compare-card {
    grid-template-columns: 140px 1fr 175px;
    gap: 19px;
    padding: 21px;
  }
  .vb-brandplate b {
    font-size: 23px;
  }
  .vb-layout {
    grid-template-columns: minmax(0, 1fr) 225px;
    gap: 25px;
  }
  .vb-nav a {
    padding: 9px 10px;
  }
  .vb-logo {
    font-size: 21px;
  }
}
@media (max-width: 820px) {
  .vb-wrap {
    width: calc(100% - 40px);
  }
  .vb-menu {
    display: block;
  }
  .vb-nav {
    display: none;
    position: absolute;
    inset: 84px 0 auto;
    background: #20162d;
    border-bottom: 1px solid #76578e;
    padding: 15px 20px;
    flex-wrap: wrap;
  }
  .vb-nav.vb-open {
    display: flex;
  }
  .vb-hero-grid {
    grid-template-columns: 1fr 1fr;
    min-height: 470px;
    padding-block: 40px;
    gap: 24px;
  }
  .vb-hero h1 {
    font-size: 48px;
  }
  .vb-hero p {
    font-size: 14px;
  }
  .vb-hero-photo img {
    aspect-ratio: 0.94;
  }
  .vb-photo-caption {
    left: 20px;
    right: 20px;
    bottom: 20px;
    padding: 14px;
  }
  .vb-photo-caption b {
    font-size: 20px;
  }
  .vb-photo-caption span {
    font-size: 8px;
  }
  .vb-compare-card {
    grid-template-columns: 120px 1fr;
    gap: 17px;
  }
  .vb-card-action {
    grid-column: 2;
    display: flex;
    align-items: center;
    text-align: left;
    gap: 12px;
    flex-wrap: wrap;
  }
  .vb-card-action .vb-button {
    width: auto;
  }
  .vb-card-action small {
    margin: 0;
    font-size: 9px;
    max-width: 190px;
  }
  .vb-card-action > a:not(.vb-button) {
    margin: 0;
  }
  .vb-layout {
    grid-template-columns: 1fr;
  }
  .vb-toc {
    position: static;
    order: -1;
    padding: 20px;
  }
  .vb-toc nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0 16px;
  }
  .vb-toc a {
    font-size: 10px;
    padding: 7px 0;
  }
  .vb-toc h3 {
    font-size: 19px;
    margin: 0 0 10px;
  }
  .vb-facts {
    gap: 12px;
  }
  .vb-fact {
    padding: 20px;
  }
  .vb-fact b {
    font-size: 19px;
  }
  .vb-ribbon {
    font-size: 9px;
    gap: 12px;
    justify-content: center;
  }
  .vb-review-heading {
    grid-template-columns: 120px 1fr;
  }
  .vb-foot-top {
    gap: 25px;
  }
  .vb-section {
    margin-block: 50px;
  }
  .vb-footer {
    margin-top: 50px;
  }
}
@media (max-width: 560px) {
  .vb-wrap {
    width: calc(100% - 30px);
  }
  .vb-header-inner {
    height: 73px;
    gap: 15px;
  }
  .vb-logo {
    font-size: 20px;
    gap: 10px;
  }
  .vb-logo svg {
    width: 32px;
    height: 32px;
  }
  .vb-logo small {
    font-size: 8px;
  }
  .vb-nav {
    top: 72px;
  }
  .vb-nav a {
    font-size: 12px;
  }
  .vb-menu {
    font-size: 11px;
  }
  .vb-hero-grid {
    display: flex;
    flex-direction: column;
    gap: 27px;
    padding-block: 33px 30px;
  }
  .vb-hero h1 {
    font-size: 48px;
    line-height: 1.06;
    margin-bottom: 21px;
  }
  .vb-hero p {
    font-size: 14px;
    line-height: 1.8;
  }
  .vb-eyebrow {
    font-size: 9px;
    letter-spacing: 0.14em;
    margin-bottom: 15px;
  }
  .vb-hero-photo {
    width: calc(100% - 9px);
    padding: 7px;
    border-radius: 17px;
  }
  .vb-hero-photo img {
    aspect-ratio: 1.7;
    border-radius: 11px;
  }
  .vb-photo-caption {
    bottom: 18px;
    left: 18px;
    right: 18px;
    padding: 13px 16px;
  }
  .vb-photo-caption b {
    font-size: 21px;
  }
  .vb-photo-caption span {
    font-size: 8px;
  }
  .vb-actions {
    gap: 9px;
    margin-top: 23px;
  }
  .vb-actions .vb-button {
    font-size: 11px;
    flex: 1;
    padding: 12px 14px;
    gap: 10px;
  }
  .vb-ribbon {
    padding-block: 13px;
    gap: 5px 16px;
    justify-content: space-between;
    font-size: 8px;
  }
  .vb-ribbon span:last-child {
    display: none;
  }
  .vb-section {
    margin-block: 39px;
  }
  .vb-section-top {
    display: block;
    margin-bottom: 20px;
  }
  .vb-section-top h2,
  h2 {
    font-size: 30px;
  }
  .vb-section-top p {
    font-size: 13px;
  }
  .vb-section-top .vb-tag {
    margin-top: 12px;
  }
  .vb-tools {
    gap: 13px;
  }
  .vb-search {
    width: 100%;
    font-size: 12px;
  }
  .vb-filter {
    font-size: 10px;
    padding: 6px 12px;
  }
  .vb-compare-card {
    grid-template-columns: 97px minmax(0, 1fr);
    gap: 15px 14px;
    padding: 17px;
    border-radius: 14px;
  }
  .vb-brandplate {
    min-height: 91px;
    padding: 14px 7px;
    border-radius: 9px;
    align-self: start;
  }
  .vb-brandplate b {
    font-size: 21px;
    overflow-wrap: anywhere;
  }
  .vb-brandplate span {
    font-size: 6px;
    letter-spacing: 0.1em;
  }
  .vb-offer-label {
    font-size: 8px;
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  .vb-compare-card h3 {
    font-size: 20px;
    line-height: 1.18;
    margin-bottom: 8px;
  }
  .vb-card-summary {
    font-size: 10px;
    line-height: 1.7;
  }
  .vb-bits {
    gap: 5px;
  }
  .vb-bits span {
    font-size: 8px;
    padding: 3px 5px;
  }
  .vb-card-action {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px 14px;
    align-items: center;
  }
  .vb-card-action .vb-button {
    font-size: 11px;
    min-height: 43px;
  }
  .vb-card-action small {
    grid-column: 1/-1;
    max-width: none;
    font-size: 8px;
  }
  .vb-card-action > a:not(.vb-button) {
    font-size: 10px;
  }
  .vb-result {
    font-size: 10px;
  }
  .vb-facts {
    grid-template-columns: 1fr;
    gap: 11px;
  }
  .vb-fact {
    padding: 21px;
  }
  .vb-fact b {
    font-size: 23px;
  }
  .vb-fact p {
    font-size: 12px;
  }
  .vb-review {
    padding: 20px;
    border-radius: 14px;
  }
  .vb-review-heading {
    grid-template-columns: 91px 1fr;
    gap: 16px;
    margin-bottom: 19px;
  }
  .vb-review-heading .vb-brandplate {
    min-height: 86px;
  }
  .vb-review-heading h3 {
    font-size: 24px;
    margin: 7px 0;
  }
  .vb-review-heading p {
    font-size: 10px;
  }
  .vb-review-heading .vb-eyebrow {
    font-size: 8px;
  }
  .vb-review p {
    font-size: 13px;
    line-height: 1.9;
  }
  .vb-procon {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-block: 18px;
  }
  .vb-procon > div {
    padding: 15px;
  }
  .vb-procon ul {
    font-size: 11px;
  }
  .vb-facttable {
    font-size: 11px;
  }
  .vb-facttable th {
    width: 35%;
    padding-right: 14px;
  }
  .vb-review-foot {
    gap: 12px;
  }
  .vb-sources {
    font-size: 9px;
  }
  .vb-review-foot .vb-button {
    width: 100%;
  }
  .vb-prose h2 {
    font-size: 29px;
  }
  .vb-prose h3 {
    font-size: 22px;
  }
  .vb-prose p {
    font-size: 13px;
    line-height: 1.95;
  }
  .vb-prose {
    padding-bottom: 24px;
    margin-bottom: 29px;
  }
  .vb-calc {
    padding: 21px;
    margin-block: 25px;
  }
  .vb-calc h3 {
    font-size: 26px;
  }
  .vb-calc-fields {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  .vb-calc label:last-child {
    grid-column: 1/-1;
  }
  .vb-calc output {
    font-size: 35px;
  }
  .vb-calc-note {
    font-size: 10px;
  }
  .vb-toc {
    padding: 17px;
  }
  .vb-toc nav {
    gap: 0 13px;
  }
  .vb-faq summary {
    font-size: 12px;
    padding: 18px 43px 18px 17px;
  }
  .vb-faq summary:after {
    right: 17px;
  }
  .vb-faq p {
    font-size: 12px;
    padding: 0 17px 18px;
  }
  .vb-inner {
    padding-block: 32px 25px;
  }
  .vb-inner h1 {
    font-size: 38px;
  }
  .vb-inner p {
    font-size: 13px;
  }
  .vb-foot-top {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    padding-block: 28px;
  }
  .vb-foot-top > div:first-child {
    grid-column: 1/-1;
  }
  .vb-foot-top p {
    font-size: 11px;
  }
  .vb-foot-top a:not(.vb-logo) {
    font-size: 11px;
  }
  .vb-foot-bottom {
    font-size: 8px;
    gap: 9px;
  }
  .vb-to-top {
    width: 34px;
    height: 34px;
    right: 12px;
    bottom: 12px;
  }
  .vb-table {
    font-size: 11px;
  }
  .vb-table th,
  .vb-table td {
    padding: 12px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *:before,
  *:after {
    transition: none !important;
    animation: none !important;
  }
}

/* Bounded editorial imagery */
.vb-hero-photo {
  width: 100%;
  max-width: 470px;
  max-height: 348px;
  justify-self: end;
  transform: none;
  overflow: hidden;
}
.vb-hero-photo img {
  width: 100%;
  max-width: 448px;
  height: 320px;
  max-height: 320px;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center;
}
.vb-logo svg {
  max-width: 39px;
  max-height: 39px;
  flex-shrink: 0;
}
.vb-hero-grid {
  min-height: 480px;
}
@media (max-width: 820px) {
  .vb-hero-photo {
    max-width: 350px;
    max-height: 298px;
  }
  .vb-hero-photo img {
    height: 270px;
    max-height: 270px;
    max-width: 328px;
  }
}
@media (max-width: 560px) {
  .vb-hero-photo {
    max-width: 420px;
    max-height: 230px;
    width: 100%;
  }
  .vb-hero-photo img {
    width: 100%;
    height: 210px;
    max-height: 210px;
    max-width: 404px;
  }
  .vb-logo svg {
    max-width: 32px;
    max-height: 32px;
  }
  .vb-hero-grid {
    min-height: 0;
  }
}

.vb-logo {
  font-size: 21px;
}
.vb-logo small {
  letter-spacing: 0.12em;
}
@media (max-width: 560px) {
  .vb-logo {
    font-size: 17px;
    gap: 8px;
  }
  .vb-logo small {
    font-size: 7px;
    letter-spacing: 0.08em;
  }
  .vb-logo svg {
    width: 28px;
    height: 28px;
  }
}
.vb-footer-label {
  font:
    700 12px MapleText,
    sans-serif;
  color: #d8c6ec;
  margin-bottom: 15px;
}

/* Page component variants */
.instance-9656ddb4 {
  --vb-brand: #61412b;
}
.instance-11ec64ca {
  --vb-brand: #4f356e;
}
.instance-4215dfce {
  --vb-brand: #235663;
}
.instance-e61b1305 {
  --vb-brand: #31584f;
}


/* Bundled font license notices
NanumSquare.txt
Format: https://www.debian.org/doc/packaging-manuals/copyright-format/1.0/
Upstream-Name: NanumFontSetup_TTF_ALL
Upstream-Contact: http://hangeul.naver.com/
Source: http://hangeul.naver.com/

Files: *
Copyright: 2010, NAVER Corporation (http://www.nhncorp.com)
License: OFL-1.1
 Copyright (c) 2010, NAVER Corporation (http://www.nhncorp.com),
 .
 with Reserved Font Name Nanum, Naver Nanum, NanumGothic, Naver
 NanumGothic, NanumMyeongjo, Naver NanumMyeongjo, NanumBrush, Naver
 NanumBrush, NanumPen, Naver NanumPen, Naver NanumGothicEco,
 NanumGothicEco, Naver NanumMyeongjoEco, NanumMyeongjoEco, Naver
 NanumGothicLight, NanumGothicLight, NanumBarunGothic, Naver
 NanumBarunGothic,
 .
 This Font Software is licensed under the SIL Open Font License, Version 1.1.
 .
 This license is copied below, and is also available with a FAQ at:
 http://scripts.sil.org/OFL 
 .
 SIL OPEN FONT LICENSE
 .
 Version 1.1 - 26 February 2007
 .
 PREAMBLE
 .
 The goals of the Open Font License (OFL) are to stimulate worldwide
 development of collaborative font projects, to support the font creation
 efforts of academic and linguistic communities, and to provide a free and
 open framework in which fonts may be shared and improved in partnership
 with others.
 .
 The OFL allows the licensed fonts to be used, studied, modified and
 redistributed freely as long as they are not sold by themselves. The
 fonts, including any derivative works, can be bundled, embedded, 
 redistributed and/or sold with any software provided that any reserved
 names are not used by derivative works. The fonts and derivatives,
 however, cannot be released under any other type of license. The
 requirement for fonts to remain under this license does not apply
 to any document created using the fonts or their derivatives.
 .
 DEFINITIONS
 .
 "Font Software" refers to the set of files released by the Copyright
 Holder(s) under this license and clearly marked as such. This may
 include source files, build scripts and documentation.
 .
 "Reserved Font Name" refers to any names specified as such after the
 copyright statement(s).
 .
 "Original Version" refers to the collection of Font Software components as
 distributed by the Copyright Holder(s).
 .
 "Modified Version" refers to any derivative made by adding to, deleting,
 or substituting -- in part or in whole -- any of the components of the
 Original Version, by changing formats or by porting the Font Software to a
 new environment.
 .
 "Author" refers to any designer, engineer, programmer, technical
 writer or other person who contributed to the Font Software.
 .
 PERMISSION & CONDITIONS
 .
 Permission is hereby granted, free of charge, to any person obtaining
 a copy of the Font Software, to use, study, copy, merge, embed, modify,
 redistribute, and sell modified and unmodified copies of the Font
 Software, subject to the following conditions:
 .
 1) Neither the Font Software nor any of its individual components,
 in Original or Modified Versions, may be sold by itself.
 .
 2) Original or Modified Versions of the Font Software may be bundled,
 redistributed and/or sold with any software, provided that each copy
 contains the above copyright notice and this license. These can be
 included either as stand-alone text files, human-readable headers or
 in the appropriate machine-readable metadata fields within text or
 binary files as long as those fields can be easily viewed by the user.
 .
 3) No Modified Version of the Font Software may use the Reserved Font
 Name(s) unless explicit written permission is granted by the corresponding
 Copyright Holder. This restriction only applies to the primary font name as
 presented to the users.
 .
 4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
 Software shall not be used to promote, endorse or advertise any
 Modified Version, except to acknowledge the contribution(s) of the
 Copyright Holder(s) and the Author(s) or with their explicit written
 permission.
 .
 5) The Font Software, modified or unmodified, in part or in whole,
 must be distributed entirely under this license, and must not be
 distributed under any other license. The requirement for fonts to
 remain under this license does not apply to any document created
 using the Font Software.
 .
 TERMINATION
 .
 This license becomes null and void if any of the above conditions are
 not met.
 .
 DISCLAIMER
 .
 THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
 MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
 OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
 COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
 INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
 DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
 OTHER DEALINGS IN THE FONT SOFTWARE.

Files: debian/*
Copyright: 2010-2018, Changwoo Ryu <cwryu@debian.org>
License: GPL-3+
 See /usr/share/common-licenses/GPL-3 for the full license.

Files: debian/*.metainfo.xml
Copyright: 2018, Changwoo Ryu
License: CC0-1.0
 See /usr/share/common-licenses/CC0-1.0 for the full license.


Carlito.txt
Format: https://www.debian.org/doc/packaging-manuals/copyright-format/1.0/
Upstream-Name: Carlito fonts
Source: https://github.com/googlefonts/carlito

Files: *
Copyright: 2010-2013 by tyPoland Lukasz Dziedzic with Reserved Font Name "Carlito".
License: OFL-1.1
 Copyright (c) 2010-2013 by tyPoland Lukasz Dziedzic with Reserved Font Name "Carlito".
 .
 This Font Software is licensed under the SIL Open Font License,
 Version 1.1 as shown below.
 .
 SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
 .
 PREAMBLE The goals of the Open Font License (OFL) are to stimulate
 worldwide development of collaborative font projects, to support the font
 creation efforts of academic and linguistic communities, and to provide
 a free and open framework in which fonts may be shared and improved in
 partnership with others.
 .
 The OFL allows the licensed fonts to be used, studied, modified and
 redistributed freely as long as they are not sold by themselves.
 The fonts, including any derivative works, can be bundled, embedded,
 redistributed and/or sold with any software provided that any reserved
 names are not used by derivative works.  The fonts and derivatives,
 however, cannot be released under any other type of license.  The
 requirement for fonts to remain under this license does not apply to
 any document created using the fonts or their derivatives.
 .
 .
 DEFINITIONS
 "Font Software" refers to the set of files released by the Copyright
 Holder(s) under this license and clearly marked as such.
 This may include source files, build scripts and documentation.
 .
 "Reserved Font Name" refers to any names specified as such after the
 copyright statement(s).
 .
 "Original Version" refers to the collection of Font Software components
 as distributed by the Copyright Holder(s).
 .
 "Modified Version" refers to any derivative made by adding to, deleting,
 or substituting ? in part or in whole ?
 any of the components of the Original Version, by changing formats or
 by porting the Font Software to a new environment.
 .
 "Author" refers to any designer, engineer, programmer, technical writer
 or other person who contributed to the Font Software.
 .
 .
 PERMISSION & CONDITIONS
 .
 Permission is hereby granted, free of charge, to any person obtaining a
 copy of the Font Software, to use, study, copy, merge, embed, modify,
 redistribute, and sell modified and unmodified copies of the Font
 Software, subject to the following conditions:
 .
 1) Neither the Font Software nor any of its individual components,in
    Original or Modified Versions, may be sold by itself.
 .
 2) Original or Modified Versions of the Font Software may be bundled,
    redistributed and/or sold with any software, provided that each copy
    contains the above copyright notice and this license. These can be
    included either as stand-alone text files, human-readable headers or
    in the appropriate machine-readable metadata fields within text or
    binary files as long as those fields can be easily viewed by the user.
 .
 3) No Modified Version of the Font Software may use the Reserved Font
    Name(s) unless explicit written permission is granted by the
    corresponding Copyright Holder. This restriction only applies to the
    primary font name as presented to the users.
 .
 4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
    Software shall not be used to promote, endorse or advertise any
    Modified Version, except to acknowledge the contribution(s) of the
    Copyright Holder(s) and the Author(s) or with their explicit written
    permission.
 .
 5) The Font Software, modified or unmodified, in part or in whole, must
    be distributed entirely under this license, and must not be distributed
    under any other license. The requirement for fonts to remain under
    this license does not apply to any document created using the Font
    Software.
 .
 .
 .
 TERMINATION
 This license becomes null and void if any of the above conditions are not met.
 .
 .
 .
 DISCLAIMER
 THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
 MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
 OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT.  IN NO EVENT SHALL THE
 COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
 INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
 DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER
 DEALINGS IN THE FONT SOFTWARE.
 .

Files: debian/*
Copyright: 2014-2023, Fabian Greffrath <fabian@debian.org>
License: GPL-2+
 This package is free software; you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation; either version 2 of the License, or
 (at your option) any later version.
 .
 This package is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU General Public License for more details.
 .
 You should have received a copy of the GNU General Public License
 along with this program. If not, see <http://www.gnu.org/licenses/>
 .
 On Debian systems, the complete text of the GNU General
 Public License version 2 can be found in "/usr/share/common-licenses/GPL-2".

*/