.ab-drawer__overlay{z-index:90;background:#0a0f1c73;position:fixed;inset:0}.ab-drawer{z-index:91;background:#fff;border-radius:24px 0 0 24px;outline:none;flex-direction:column;width:calc(min(1120px,92vw));display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-30px 0 80px -40px #0a0f1c80}@media (width<=759px){.ab-drawer{border-radius:20px 20px 0 0;width:auto;height:94dvh;top:auto;left:0}}.ab-drawer__head{border-bottom:1px solid var(--gray-2);flex-wrap:wrap;align-items:center;gap:12px 20px;padding:20px calc(clamp(20px,3vw,32px));display:flex}.ab-drawer__titles{flex:260px;min-width:0}.ab-drawer__title{font-size:20px;font-weight:700}.ab-drawer__desc{color:var(--ink-3);margin-top:4px;font-size:14px}.ab-drawer__close{background:var(--gray);width:40px;height:40px;color:var(--ink);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;place-items:center;transition:background-color .2s;display:grid}.ab-drawer__close:hover{background:var(--gray-2)}.ab-drawer__close:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.ab-drawer__close svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:18px;height:18px}@media (width<=759px){.ab-drawer__head{padding-right:72px;position:relative}.ab-drawer__close{position:absolute;top:16px;right:16px}}.ab-drawer__body{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.ab-drawer.ab-drawer--full{width:auto;height:auto;box-shadow:none;border-radius:0;inset:0}.ab-drawer--full .ab-drawer__head{padding-inline:max(clamp(20px,3vw,32px),50% - 640px)}.ab-drawer__overlay[data-state=open]{animation:.25s ab-drawer-fade-in}.ab-drawer__overlay[data-state=closed]{animation:.2s forwards ab-drawer-fade-out}.ab-drawer[data-state=open]{animation:ab-drawer-in .4s var(--ease)}.ab-drawer[data-state=closed]{animation:.25s forwards ab-drawer-out}@keyframes ab-drawer-fade-in{0%{opacity:0}}@keyframes ab-drawer-fade-out{to{opacity:0}}@keyframes ab-drawer-in{0%{transform:translate(100%)}}@keyframes ab-drawer-out{to{transform:translate(100%)}}@media (width<=759px){@keyframes ab-drawer-in{0%{transform:translateY(100%)}}@keyframes ab-drawer-out{to{transform:translateY(100%)}}}.ab-drawer.ab-drawer--full[data-state=open]{animation:ab-drawer-rise-in .4s var(--ease)}.ab-drawer.ab-drawer--full[data-state=closed]{animation:.22s forwards ab-drawer-rise-out}@keyframes ab-drawer-rise-in{0%{opacity:0;transform:translateY(28px)}}@keyframes ab-drawer-rise-out{to{opacity:0;transform:translateY(20px)}}@media (prefers-reduced-motion:reduce){.ab-drawer.ab-drawer--full[data-state],.ab-drawer[data-state],.ab-drawer__overlay[data-state]{animation:none}}.cmp-entry[data-v-6b986691]{justify-content:center;margin-top:28px;display:flex;position:relative}.cmp-entry__anchor[data-v-6b986691]{position:absolute;top:-120px}.cmp-entry__btn[data-v-6b986691]{width:min(100%,720px);font:inherit;color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:99px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 14px;padding:18px 24px;transition:background-color .2s,color .2s;display:flex}.cmp-entry__btn[data-v-6b986691]:hover{background:var(--ink);color:#fff}.cmp-entry__btn[data-v-6b986691]:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.cmp-entry__k[data-v-6b986691]{font-weight:700}.cmp-entry__t[data-v-6b986691]{color:var(--ink-3);font-size:14px;transition:color .2s}.cmp-entry__btn:hover .cmp-entry__t[data-v-6b986691]{color:var(--mute-dark)}.cmp-entry__btn svg[data-v-6b986691]{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:transform .2s var(--ease)}.cmp-entry__btn:hover svg[data-v-6b986691]{transform:translate(3px)}.cmp[data-v-6b986691]{width:min(1280px,100% - 2*clamp(12px,3vw,32px));margin-inline:auto;padding-bottom:48px}.cmp__pick[data-v-6b986691]{color:var(--ink-3);align-items:center;gap:8px;padding:14px 0 4px;font-size:13px;display:flex}.cmp__pick[data-v-6b986691]>:not(span){flex:1;min-width:0}.cmp__table[data-v-6b986691]{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%}.cmp__col-label[data-v-6b986691]{width:30%}.cmp__table thead th[data-v-6b986691]{z-index:2;border-bottom:1px solid var(--gray-2);vertical-align:top;transition:padding .3s var(--ease),background-color .2s;background:#fff;padding:20px 12px 16px;position:sticky;top:0}.cmp__plan[data-v-6b986691],.cmp__row td[data-v-6b986691]{text-align:center}.cmp__plan[data-v-6b986691]>*{display:block}.cmp__kind[data-v-6b986691]{font:600 12px var(--mono);color:var(--ink-3)}.cmp__kind em[data-v-6b986691]{background:var(--blue);font:600 11px var(--font);color:#fff;border-radius:99px;margin-left:6px;padding:1px 8px;font-style:normal}.cmp__name[data-v-6b986691]{margin-top:6px;font-size:15px}.cmp__price[data-v-6b986691]{letter-spacing:-.02em;transition:font-size .3s var(--ease);margin-top:6px;font-size:calc(clamp(20px,2.2vw,28px));font-weight:700}.cmp__price small[data-v-6b986691]{font-size:.6em}.cmp__fold[data-v-6b986691]{max-height:90px;transition:max-height .3s var(--ease),opacity .2s;justify-items:center;display:grid;overflow:hidden}.cmp__renew[data-v-6b986691]{color:var(--ink-3);font-size:12px}.cmp__go[data-v-6b986691]{margin-top:10px}.cmp__go[data-v-6b986691]:not(.btn--dark){background:var(--gray);color:var(--ink)}.cmp__go[data-v-6b986691]:not(.btn--dark):hover{background:var(--ink);color:#fff}.cmp.is-compact .cmp__table thead th[data-v-6b986691]{padding-block:10px}.cmp.is-compact .cmp__fold[data-v-6b986691]{opacity:0;max-height:0}.cmp.is-compact .cmp__price[data-v-6b986691]{font-size:18px}.cmp.is-compact .cmp__kind[data-v-6b986691]{display:none}.cmp__group th[data-v-6b986691]{text-align:left;color:var(--blue);padding:24px 12px 8px;font-size:13px;font-weight:700}.cmp__row td[data-v-6b986691],.cmp__row th[data-v-6b986691]{border-bottom:1px solid var(--gray-2);vertical-align:middle;padding:12px;font-size:14px;transition:background-color .15s}.cmp__row th[data-v-6b986691]{text-align:left;font-weight:500}.cmp__table .is-pick[data-v-6b986691]{background:#f5f8ff}.cmp__table thead .is-pick[data-v-6b986691]{box-shadow:inset 0 3px 0 var(--blue)}@media (hover:hover){.cmp__row:hover td[data-v-6b986691],.cmp__row:hover th[data-v-6b986691]{background:#f7f8fa}.cmp__row:hover td.is-pick[data-v-6b986691]{background:#edf2ff}}.cmp__info[data-v-6b986691],.cmp__label[data-v-6b986691],.cmp__yes[data-v-6b986691]{vertical-align:middle}.cmp__info[data-v-6b986691]{background:var(--gray-2);width:16px;height:16px;font:700 11px/1 var(--font);color:var(--ink-2);cursor:pointer;border:0;border-radius:50%;place-items:center;margin-left:6px;padding:0;display:inline-grid}.cmp__info[data-v-6b986691]:hover,.cmp__info[data-state=open][data-v-6b986691]{background:var(--ink);color:#fff}.cmp__info[data-v-6b986691]:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.cmp__yes[data-v-6b986691]{background:var(--sky);width:22px;height:22px;color:var(--blue);border-radius:50%;place-items:center;display:inline-grid}.cmp__yes svg[data-v-6b986691]{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.cmp__no[data-v-6b986691]{color:var(--gray-3)}.cmp__text[data-v-6b986691]{color:var(--ink-2);font-size:13px}.cmp__none[data-v-6b986691]{text-align:center;color:var(--ink-3);padding:32px 12px}.cmp__note[data-v-6b986691]{color:var(--ink-3);margin-top:20px;font-size:13px}.cmp__row[data-v-6b986691]{animation:cmp-row-in-6b986691 .45s var(--ease) both;animation-delay:calc(.12s + 22ms * min(var(--i),22))}@keyframes cmp-row-in-6b986691{0%{opacity:0;transform:translateY(8px)}}.cmp__yes[data-v-6b986691]{animation:.4s cubic-bezier(.2,1.6,.4,1) both cmp-tick-in-6b986691;animation-delay:calc(.22s + 22ms * min(var(--i),22) + var(--c) * 40ms)}@keyframes cmp-tick-in-6b986691{0%{opacity:0;transform:scale(.4)}}@media (width<=759px){.cmp__col-label[data-v-6b986691]{width:34%}.cmp__table thead th[data-v-6b986691]{padding:12px 6px}.cmp__row td[data-v-6b986691],.cmp__row th[data-v-6b986691]{padding:10px 6px;font-size:13px}.cmp__go[data-v-6b986691]{max-width:100%;padding-inline:12px;font-size:13px}.cmp__text[data-v-6b986691]{font-size:12px}}@media (prefers-reduced-motion:reduce){.cmp__row[data-v-6b986691],.cmp__yes[data-v-6b986691]{animation:none}.cmp__fold[data-v-6b986691],.cmp__price[data-v-6b986691],.cmp__table thead th[data-v-6b986691]{transition:none}}.cmp-tip{z-index:100;background:var(--ink);color:#fff;border-radius:12px;max-width:calc(min(280px,100vw - 24px));padding:10px 14px;font-size:13px;line-height:1.6;box-shadow:0 16px 32px -16px #0a0f1c80}

/* Pricing comparison dialog. */
.ab-drawer.ab-drawer--full:has(.cmp) {
  --compare-line: #e0e6ee;
  --compare-surface: #f3f6fa;
  --compare-pick: #f0f5ff;
  --compare-inset: clamp(16px, 2.4vw, 34px);
  inset: clamp(14px, 3vh, 34px) max(16px, calc((100% - 1360px) / 2));
  border: 1px solid #e0e6ee;
  border-radius: 22px;
  background: var(--compare-surface);
  box-shadow: 0 24px 90px #0a0f1c4d;
}
body:has(.ab-drawer--full .cmp) .ab-drawer__overlay {
  background: #0a152b99;
}
.ab-drawer--full:has(.cmp) .ab-drawer__head {
  flex-wrap: nowrap;
  gap: 14px;
  padding: 19px var(--compare-inset);
  background: #fff;
  border-color: var(--compare-line);
}
.ab-drawer--full:has(.cmp) .ab-drawer__title {
  font-size: clamp(21px, 2vw, 26px);
  line-height: 1.3;
  letter-spacing: -.02em;
}
.ab-drawer--full:has(.cmp) .ab-drawer__desc {
  margin-top: 5px;
  color: var(--ink-2);
  font-size: 13px;
}
.ab-drawer--full:has(.cmp) .ab-drawer__tools .ab-seg {
  background: #edf1f7;
}
.ab-drawer--full:has(.cmp) .ab-drawer__tools .ab-seg__thumb,
.ab-drawer--full:has(.cmp) .ab-drawer__tools .ab-seg:not(.is-measured) .ab-seg__item[data-state="on"] {
  background: var(--blue-ink);
}
.ab-drawer--full:has(.cmp) .ab-drawer__close {
  background: #eef2f7;
}
.ab-drawer--full:has(.cmp) .ab-drawer__close:hover {
  background: #e0e8f4;
}
.ab-drawer--full:has(.cmp) .ab-drawer__body {
  scrollbar-color: #b8c6db var(--compare-surface);
  scrollbar-width: thin;
}
.ab-drawer--full .cmp {
  width: auto;
  margin: 0 var(--compare-inset);
  padding-block: 16px 24px;
}
.cmp .cmp__table {
  border-inline: 1px solid var(--compare-line);
  border-radius: 14px;
  background: #fff;
}
.cmp .cmp__col-label {
  width: 24%;
}
.cmp .cmp__table thead th {
  border-top: 1px solid var(--compare-line);
  border-bottom-color: #d6e0ee;
  padding: 14px 10px;
  background: #fff;
}
.cmp .cmp__table thead th:first-child {
  border-top-left-radius: 14px;
}
.cmp .cmp__table thead th:last-child {
  border-top-right-radius: 14px;
}
.cmp .cmp__table thead .cmp__corner {
  padding-inline: 16px;
  text-align: left;
  vertical-align: bottom;
  color: var(--ink-2);
  font-size: 14px;
  font-weight: 700;
  background: #f9fbfd;
}
.cmp .cmp__corner > .sr-only {
  position: static;
  display: inline;
  width: auto;
  height: auto;
  margin: 0;
  clip: auto;
}
.cmp .cmp__table thead .is-pick {
  background: #eaf2ff;
  box-shadow: inset 0 3px 0 var(--blue);
}
.cmp .cmp__kind {
  color: var(--ink-2);
}
.cmp .cmp__name {
  margin-top: 4px;
  font-size: clamp(13px, 1.2vw, 16px);
  line-height: 1.35;
}
.cmp .cmp__price {
  margin-top: 5px;
  font-size: clamp(22px, 2.2vw, 31px);
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}
.cmp .is-pick .cmp__price {
  color: var(--blue-ink);
}
.cmp .cmp__fold {
  margin-top: 3px;
}
.cmp .cmp__renew {
  color: var(--ink-2);
}
.cmp .cmp__go {
  height: 34px;
  margin-top: 8px;
  padding-inline: 13px;
  font-size: 13px;
  white-space: nowrap;
}
.cmp .cmp__go:not(.btn--dark) {
  background: #eef2f7;
}
.cmp .cmp__go:not(.btn--dark):hover {
  background: #e5eeff;
  color: var(--blue-ink);
}
.cmp .cmp__go.btn--dark {
  background: var(--blue-ink);
  color: #fff;
}
.cmp .cmp__go.btn--dark:hover {
  background: #1e40af;
}
.cmp.is-compact .cmp__table thead th {
  padding-block: 8px;
}
.cmp.is-compact .cmp__price {
  font-size: 18px;
}
.cmp.is-compact .cmp__fold {
  margin-top: 0;
}
.cmp .cmp__group th {
  padding: 8px 16px;
  border-bottom: 1px solid var(--compare-line);
  background: #eaf0f7;
  color: #294774;
  font-size: 13px;
}
.cmp .cmp__row td,
.cmp .cmp__row th {
  border-bottom-color: #e8edf4;
  padding: 9px 12px;
}
.cmp .cmp__row th {
  padding-inline: 16px;
}
.cmp .cmp__row th:has(> .sr-only) .cmp__label {
  font-weight: 700;
}
.cmp .cmp__row td.is-pick {
  background: var(--compare-pick);
}
@media (hover: hover) {
  .cmp .cmp__row:hover :is(th, td) {
    background: #f6f8fc;
  }
  .cmp .cmp__row:hover td.is-pick {
    background: #e5eeff;
  }
}
.cmp .cmp__table tbody:last-of-type tr:last-child > :first-child {
  border-bottom-left-radius: 14px;
}
.cmp .cmp__table tbody:last-of-type tr:last-child > :last-child {
  border-bottom-right-radius: 14px;
}
.cmp .cmp__row,
.cmp .cmp__yes {
  animation: none;
}
.cmp .cmp__yes {
  width: 20px;
  height: 20px;
  background: #e4edff;
  color: var(--blue-ink);
}
.cmp .cmp__no {
  color: #77869b;
}
.cmp .cmp__note {
  margin-top: 12px;
  color: var(--ink-2);
}
@media (max-width: 759px) {
  .ab-drawer.ab-drawer--full:has(.cmp) {
    --compare-inset: 12px;
    inset: 0;
    border: 0;
    border-radius: 0;
  }
  .ab-drawer--full:has(.cmp) .ab-drawer__head {
    flex-wrap: wrap;
    gap: 10px;
    padding: max(12px, env(safe-area-inset-top)) 52px 11px var(--compare-inset);
  }
  .ab-drawer--full:has(.cmp) .ab-drawer__titles {
    flex: 1 1 100%;
  }
  .ab-drawer--full:has(.cmp) .ab-drawer__close {
    top: max(10px, env(safe-area-inset-top));
    right: 10px;
    width: 36px;
    height: 36px;
  }
  .ab-drawer--full .cmp {
    padding-top: 10px;
  }
  .cmp .cmp__pick {
    gap: 6px;
    padding: 0 0 10px;
  }
  .cmp .cmp__pick .ab-select {
    min-height: 38px;
    height: auto;
    padding: 7px 8px 7px 10px;
    border: 1px solid var(--compare-line);
    border-radius: 10px;
    background: #fff;
    font-size: 12px;
    line-height: 1.25;
  }
  .cmp .cmp__col-label {
    width: 31%;
  }
  .cmp .cmp__table thead th {
    padding: 10px 4px;
  }
  .cmp .cmp__table thead .cmp__corner,
  .cmp .cmp__group th,
  .cmp .cmp__row th {
    padding-inline: 8px;
  }
  .cmp .cmp__row td {
    padding-inline: 5px;
  }
  .cmp .cmp__go {
    height: 31px;
    padding-inline: 7px;
    font-size: 12px;
  }
  .cmp .cmp__price {
    font-size: 22px;
  }
  .cmp.is-compact .cmp__price {
    font-size: 17px;
  }
}

