@font-face {

      font-family: "BoardingPass";

      src: url("/fonts/boardingpass.ttf") format("truetype");

      font-display: swap;

    }

    :root {

      --line: rgba(255, 255, 255, 0.24);

      --text: #ffffff;

      --muted: rgba(255, 255, 255, 0.78);

      --accent: #9fdfff;

      --ok: #9ef2b6;

      --no: #ff9fae;

      --page-scrollbar-width: 12px;

    }

    * { box-sizing: border-box; }

    html, body {

      min-height: 100%;

      height: 100%;

    }

    html {

      overflow-y: hidden;

      overflow-x: hidden;

      scrollbar-gutter: unset;

      scrollbar-width: thin;

      scrollbar-color: transparent transparent;

      color-scheme: normal;

      background: url("/images/startup/loading.webp") center center / cover no-repeat fixed;

      background-color: #050a14 !important;

    }

    ::-webkit-scrollbar {

      width: var(--page-scrollbar-width);

      height: var(--page-scrollbar-width);

      background: transparent !important;

    }

    ::-webkit-scrollbar-track,

    ::-webkit-scrollbar-track-piece,

    ::-webkit-scrollbar-corner {

      background: transparent !important;

      box-shadow: none !important;

    }

    ::-webkit-scrollbar-thumb {

      background: transparent;

      border-radius: 10px;

      border: 0;

      background-clip: padding-box;

    }

    html::-webkit-scrollbar,

    body::-webkit-scrollbar {

      width: var(--page-scrollbar-width);

      height: var(--page-scrollbar-width);

      background: transparent;

    }

    html::-webkit-scrollbar-track,

    body::-webkit-scrollbar-track {

      background: transparent !important;

      box-shadow: none !important;

    }

    html::-webkit-scrollbar-track-piece,

    body::-webkit-scrollbar-track-piece {

      background: transparent !important;

      box-shadow: none !important;

    }

    html::-webkit-scrollbar-corner,

    body::-webkit-scrollbar-corner {

      background: transparent;

    }

    html::-webkit-scrollbar-thumb,

    body::-webkit-scrollbar-thumb {

      background: transparent;

      border-radius: 10px;

      border: 0;

      background-clip: padding-box;

    }

    html.is-scrolling {

      scrollbar-color: rgba(198, 224, 252, 0.68) transparent;

    }

    html.is-scrolling::-webkit-scrollbar-thumb,

    body.is-scrolling::-webkit-scrollbar-thumb {

      background: rgba(198, 224, 252, 0.68);

    }

    body.is-scrolling {

      scrollbar-color: rgba(198, 224, 252, 0.68) transparent;

    }

    body {

      margin: 0;

      font-family: "Segoe UI", Tahoma, Arial, sans-serif;

      color: var(--text);

      background: url("/images/startup/loading.webp") center center / cover no-repeat fixed;

      background-color: transparent;

      position: relative;

      min-height: 100dvh;

      height: 100dvh;

      overflow-y: auto;

      overflow-x: hidden;

      scrollbar-gutter: unset;

      scrollbar-width: thin;

      scrollbar-color: rgba(198, 224, 252, 0.46) transparent;

    }

    body::-webkit-scrollbar-thumb {

      background: rgba(198, 224, 252, 0.46);

      border-radius: 999px;

      border: 2px solid transparent;

      background-clip: padding-box;

    }

    body::-webkit-scrollbar-thumb:hover {

      background: rgba(198, 224, 252, 0.6);

    }

    body::before {

      content: "";

      position: fixed;

      inset: 0;

      background: rgba(6, 10, 20, 0.38);

      backdrop-filter: blur(1.5px);

      z-index: 0;

    }

    .home-btn {

      position: absolute;

      top: 10px;

      left: auto;

      right: 36px;

      z-index: 3;

      border: 1px solid var(--line);

      background: rgba(8, 13, 22, 0.72);

      color: #fff;

      border-radius: 12px;

      width: 40px;

      height: 40px;

      display: inline-flex;

      align-items: center;

      justify-content: center;

      text-decoration: none;

      backdrop-filter: blur(4px);

    }

    .home-btn svg {

      width: 18px;

      height: 18px;

      display: block;

    }

    .home-btn:hover {

      background: rgba(255, 255, 255, 0.14);

      text-decoration: none;

    }

    .wrap {

      position: relative;

      z-index: 1;

      max-width: 1080px;

      margin: 28px auto;

      padding: 0 14px 76px;

    }

    .shell {

      background: transparent;

      border: 0;

      box-shadow: none;

      border-radius: 0;

      padding: 22px;

      backdrop-filter: none;

    }

    h1 {

      margin: 0 0 8px;

      font-size: 34px;

      line-height: 1.2;

    }

    .sub {

      margin: 0;

      color: var(--muted);

      font-size: 14px;

      line-height: 1.5;

    }

    .pricing-account-summary {

      margin-top: 12px;

      border: 1px solid rgba(159,223,255,0.46);

      background: rgba(159,223,255,0.1);

      transition: background 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;

      border-radius: 12px;

      padding: 12px 14px;

      display: grid;

      grid-template-columns: auto minmax(0, 1.5fr) minmax(0, 0.75fr) minmax(0, 0.75fr);

      gap: 10px;

      align-items: stretch;

    }

    .pricing-account-summary.is-free {

      border-color: rgba(159,223,255,0.46);

      background: rgba(159,223,255,0.1);

    }

    .pricing-account-summary.is-economy {

      border-color: rgba(122, 222, 166, 0.64);

      background: rgba(122, 222, 166, 0.14);

      box-shadow: 0 10px 26px rgba(27, 89, 54, 0.16);

    }

    .pricing-account-summary.is-first {

      border-color: rgba(255, 132, 132, 0.62);

      background: rgba(190, 33, 33, 0.16);

      box-shadow: 0 10px 28px rgba(122, 18, 18, 0.2);

    }

    .pricing-account-summary:has(#pricing-account-plan.is-economy) {

      border-color: rgba(122, 222, 166, 0.64);

      background: rgba(122, 222, 166, 0.14);

      box-shadow: 0 10px 26px rgba(27, 89, 54, 0.16);

    }

    .pricing-account-summary:has(#pricing-account-plan.is-first) {

      border-color: rgba(255, 132, 132, 0.62);

      background: rgba(190, 33, 33, 0.16);

      box-shadow: 0 10px 28px rgba(122, 18, 18, 0.2);

    }

    .pricing-account-avatar-wrap {

      width: auto;

      min-width: 96px;

      height: 100%;

      aspect-ratio: 1 / 1;

      position: relative;

      border-radius: 50%;

      border: 1px solid rgba(255,255,255,0.26);

      background: rgba(255,255,255,0.08);

      overflow: visible;

      display: grid;

      place-items: center;

      flex: 0 0 auto;

      grid-row: 1;

      align-self: stretch;

    }

    .pricing-account-avatar {

      width: 100%;

      height: 100%;

      object-fit: cover;

      display: block;

      border-radius: inherit;

    }

    .pricing-account-avatar-fallback {

      width: 100%;

      height: 100%;

      display: grid;

      place-items: center;

      font-size: 16px;

      font-weight: 700;

      color: #f4f9ff;

      letter-spacing: 0.2px;

      border-radius: inherit;

    }

    .pricing-account-avatar.is-hidden,

    .pricing-account-avatar-fallback.is-hidden {

      display: none;

    }

    .pricing-account-name-row {

      display: flex;

      align-items: center;

      justify-content: flex-start;

      gap: 6px;

      min-width: 0;

      width: max-content;

      max-width: 100%;

    }

    .pricing-account-name-row .pricing-account-name {

      flex: 0 1 auto;

      min-width: 0;

    }

    .pricing-account-name-badge {

      --pricing-tier-scale: 1.1;

      flex: 0 0 auto;

      pointer-events: none;

    }

    .pricing-account-name-badge.is-first {

      gap: 5px;

      padding-right: 10px;

    }

    .pricing-account-name-badge.is-first::after {

      content: "";

      width: 18px;

      height: 18px;

      flex: 0 0 18px;

      background-image: url("/images/boarding/badge_firstclass.webp");

      background-repeat: no-repeat;

      background-position: center;

      background-size: contain;

      filter:

        drop-shadow(0 0 2px rgba(255, 232, 173, 0.58))

        drop-shadow(0 0 7px rgba(255, 195, 64, 0.44));

      animation: firstclass-badge-glow 2.8s ease-in-out infinite;

    }

    @keyframes firstclass-badge-glow {

      0%, 100% {

        opacity: 0.97;

        filter:

          drop-shadow(0 0 2px rgba(255, 232, 173, 0.58))

          drop-shadow(0 0 7px rgba(255, 195, 64, 0.44));

      }

      50% {

        opacity: 1;

        filter:

          drop-shadow(0 0 6px rgba(255, 224, 120, 0.86))

          drop-shadow(0 0 14px rgba(255, 196, 54, 0.62));

      }

    }

    @media (prefers-reduced-motion: reduce) {

      .pricing-account-name-badge.is-first::after,

      .free-box.is-first .free-title::after,

      .table-wrap thead th:nth-child(3)::after,

      .pricing-plan-head.first::after,

      .customize-group-tag .tag-first::after {

        animation: none;

      }

    }

    .pricing-account-main {

      min-width: 0;

      display: flex;

      flex-direction: column;

      justify-content: center;

      gap: 6px;

      grid-column: 2;

      grid-row: 1;

      border: 0;

      background: transparent;

      border-radius: 0;

      padding: 0;

    }

    .pricing-account-title {

      font-size: 12px;

      letter-spacing: 0.3px;

      text-transform: uppercase;

      color: #ffe36a;

      text-shadow: 0 0 8px rgba(255, 227, 106, 0.24);

    }

    .pricing-account-name {

      font-size: 16px;

      font-weight: 700;

      color: #f4fbff;

      white-space: nowrap;

      overflow: hidden;

      text-overflow: ellipsis;

      line-height: 1.28;

    }

    .pricing-account-email {

      font-size: 13px;

      color: rgba(255,255,255,0.86);

      white-space: nowrap;

      overflow: hidden;

      text-overflow: ellipsis;

      line-height: 1.34;

    }

    .pricing-account-plan {

      min-width: 0;

      display: grid;

      grid-template-columns: minmax(0, 0.92fr) minmax(0, 0.92fr) minmax(0, 1.16fr);

      gap: 12px;

      grid-column: 3 / 5;

      grid-row: 1;

      padding-left: 6px;

      padding-right: 6px;

      border-left: 0;

      padding-top: 0;

      border-top: 0;

      align-items: center;

    }

    .pricing-account-stat {

      border: 0;

      background: transparent;

      border-radius: 0;

      padding: 0;

      display: flex;

      flex-direction: column;

      align-items: center;

      text-align: center;

      justify-content: center;

      min-height: 0;

      gap: 4px;

    }

    .pricing-account-stat.is-plan-row {

      flex-direction: column;

      align-items: center;

      justify-content: center;

      gap: 6px;

      grid-column: 1;

      grid-row: 1;

    }

    .pricing-account-stat.is-renewal-row {

      grid-column: 2;

      grid-row: 1;

    }

    .pricing-account-stat.is-trial-row {

      grid-column: 1;

      grid-row: 1;

      justify-content: center;

    }

    .pricing-account-stat.is-cancel-row {

      grid-column: 3;

      grid-row: 1;

      justify-content: center;

    }

    .pricing-account-plan.is-no-cancel-row .pricing-account-stat.is-trial-row {

      grid-column: 2;

      grid-row: 1;

    }

    .pricing-account-plan.is-no-cancel-row .pricing-account-stat.is-renewal-row {

      grid-column: 3;

      grid-row: 1;

    }

    .pricing-account-stat.is-cancel-row::before {

      content: none;

      display: none;

      width: 0;

      height: 0;

    }

    .pricing-account-stat.is-cancel-row.is-hidden {

      display: none;

    }

    .pricing-account-stat.is-plan-row .pricing-account-plan-label {

      font-size: 13px;

      letter-spacing: 0.32px;

      line-height: 1.1;

    }

    .pricing-account-stat.is-plan-row #pricing-account-plan {

      --pricing-tier-scale: 1.42;

    }

    .pricing-account-plan-label {

      font-size: 12px;

      letter-spacing: 0.3px;

      text-transform: uppercase;

      color: rgba(255,255,255,0.74);

      width: 100%;

      text-align: center;

    }

    .pricing-account-plan-value {

      line-height: 1.2;

    }

    .pricing-tier-badge {

      --pricing-tier-scale: 1;

      position: relative;

      display: inline-flex;

      align-items: center;

      justify-content: center;

      min-width: calc(74px * var(--pricing-tier-scale));

      max-width: 100%;

      border-radius: 999px;

      padding: calc(3px * var(--pricing-tier-scale)) calc(11px * var(--pricing-tier-scale));

      font-size: calc(10px * var(--pricing-tier-scale));

      font-weight: 700;

      letter-spacing: calc(0.2px * var(--pricing-tier-scale));

      line-height: 1;

      text-transform: none;

      border: 1px solid transparent;

      text-shadow: 0 0 6px rgba(0,0,0,0.28);

      white-space: nowrap;

    }

    .pricing-tier-badge.is-free {

      color: #0a4a74;

      border-color: #81d8ff;

      background: linear-gradient(180deg, #d8f2ff 0%, #9adfff 100%);

    }

    .pricing-tier-badge.is-economy {

      color: #fff;

      border-color: #7ADEA6;

      background: #7ADEA6;

      font-weight: 500;

      box-shadow: none;

      text-shadow: none;

    }

    .pricing-tier-badge.is-first {

      color: #ffeaea;

      border-color: rgba(255, 132, 132, 0.98);

      background: linear-gradient(180deg, #be2121 0%, #7a1212 100%);

      box-shadow:

        0 0 8px rgba(255, 94, 94, 0.6),

        0 0 14px rgba(255, 94, 94, 0.4),

        inset 0 1px 0 rgba(255, 225, 225, 0.42);

    }

    .pricing-tier-badge.is-proceed {

      --pricing-tier-scale: 2.1;

    }

    .pricing-account-meta-value {

      font-weight: 600;

      color: #f1f9ff;

      text-align: left;

      white-space: nowrap;

      line-height: 1.25;

    }

    .pricing-account-cancel-btn {

      width: calc(100% - 24px);

      max-width: 236px;

      margin: 0 auto;

      min-height: 30px;

      border: 1px solid rgba(255, 255, 255, 0.46);

      border-radius: 999px;

      background: rgba(0, 0, 0, 0.36);

      color: #ffffff;

      font-family: inherit;

      font-size: 12px;

      font-weight: 400;

      letter-spacing: 0.22px;

      line-height: 1.15;

      padding: 6px 8px;

      cursor: pointer;

      transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;

    }

    .pricing-account-cancel-btn:hover {

      background: rgba(0, 0, 0, 0.48);

      border-color: rgba(255, 255, 255, 0.58);

      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12);

    }

    .pricing-cancel-confirm-modal[hidden] {

      display: none;

    }

    .pricing-cancel-confirm-modal {

      position: fixed;

      inset: 0;

      z-index: 1315;

      display: flex;

      align-items: center;

      justify-content: center;

      background: rgba(0, 0, 0, 0.34);

      pointer-events: auto;

    }

    .pricing-cancel-confirm-dialog {

      width: min(92vw, 442px);

      padding: 20px 18px 18px;

      border: 1px solid rgba(173, 218, 255, 0.32);

      border-radius: 10px;

      background: rgba(44,44,44,0.62);

      box-shadow: 0 10px 24px rgba(0,0,0,0.35);

      backdrop-filter: blur(5px);

      -webkit-backdrop-filter: blur(5px);

      color: #fff;

      display: flex;

      flex-direction: column;

      gap: 18px;

    }

    .pricing-cancel-confirm-head {

      display: flex;

      align-items: center;

      justify-content: center;

      gap: 8px;

      position: relative;

    }

    .pricing-cancel-confirm-title {

      margin: 0;

      font-size: 18px;

      font-weight: 700;

      line-height: 1.3;

      text-align: center;

      color: #ffd74d;

      text-shadow: 0 1px 5px rgba(0, 0, 0, 0.42);

      letter-spacing: 0;

    }

    .pricing-cancel-confirm-close-btn {

      width: 36px;

      height: 36px;

      min-width: 36px;

      border: 1px solid rgba(255, 255, 255, 0.24);

      border-radius: 999px;

      background: rgba(8, 13, 22, 0.48);

      color: #fff;

      font-size: 13px;

      font-weight: 400;

      line-height: 1;

      padding: 0;

      display: inline-flex;

      align-items: center;

      justify-content: center;

      cursor: pointer;

      letter-spacing: 0.8px;

      backdrop-filter: blur(4px);

      -webkit-backdrop-filter: blur(4px);

      position: absolute;

      right: 0;

    }

    .pricing-cancel-confirm-close-btn:hover {

      background: rgba(255, 255, 255, 0.16);

      border-color: rgba(255, 255, 255, 0.4);

    }

    .pricing-cancel-confirm-desc {

      margin: 0;

      color: rgba(236, 246, 255, 0.9);

      font-size: 13px;

      font-weight: 400;

      line-height: 1.45;

      letter-spacing: 0.2px;

      text-align: center;

    }

    .pricing-cancel-confirm-actions {

      display: flex;

      align-items: center;

      justify-content: center;

      gap: 10px;

    }

    .pricing-cancel-confirm-btn {

      min-width: 100px;

      height: 36px;

      border: 1px solid rgba(255, 255, 255, 0.24);

      border-radius: 999px;

      background: rgba(8, 13, 22, 0.48);

      color: #fff;

      font-size: 13px;

      font-weight: 400;

      letter-spacing: 0.8px;

      line-height: 1;

      padding: 0 14px;

      cursor: pointer;

      backdrop-filter: blur(4px);

      -webkit-backdrop-filter: blur(4px);

      transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;

    }

    .pricing-cancel-confirm-btn:hover {

      background: rgba(255, 255, 255, 0.16);

      border-color: rgba(255, 255, 255, 0.4);

    }

    .pricing-cancel-confirm-btn.is-danger {

      background: rgba(164, 26, 44, 0.42);

      border-color: rgba(255, 116, 136, 0.68);

      color: #ffeaea;

      box-shadow:

        0 0 0 1px rgba(255, 106, 128, 0.28),

        0 0 10px rgba(214, 56, 82, 0.35),

        0 0 20px rgba(214, 56, 82, 0.24);

    }

    .pricing-cancel-confirm-btn.is-danger:hover {

      background: rgba(188, 31, 51, 0.5);

      border-color: rgba(255, 143, 159, 0.84);

      box-shadow:

        0 0 0 1px rgba(255, 134, 152, 0.36),

        0 0 14px rgba(230, 70, 98, 0.44),

        0 0 28px rgba(230, 70, 98, 0.3);

    }

    #pricing-account-trial.is-free-trial-timer {

      color: #ff2d2d;

      font-weight: 800;

    }

    #pricing-account-trial.is-free-trial-timer.is-free-trial-critical {

      animation: pricingTrialCriticalBlink 1.2s ease-in-out infinite;

    }

    @keyframes pricingTrialCriticalBlink {

      0%, 100% {

        opacity: 1;

      }

      50% {

        opacity: 0.42;

      }

    }

    .pricing-compare-layout {

      margin-top: 12px;

      display: grid;

      grid-template-columns: 248px minmax(0, 1fr);

      gap: 10px;

      align-items: stretch;

    }

    .pricing-compare-aside {

      display: flex;

      flex-direction: column;

      gap: 10px;

      height: 100%;

      align-self: stretch;

    }

    .pricing-compare-layout .free-box {

      margin-top: 0;

      height: auto;

    }

    .free-box {

      margin-top: 12px;

      border: 1px solid rgba(159,223,255,0.5);

      background: rgba(159,223,255,0.12);

      border-radius: 12px;

      padding: 14px;

      min-height: 118px;

      display: flex;

      flex-direction: column;

      justify-content: center;

      gap: 6px;

    }

    .free-box.is-economy {

      border-color: rgba(122, 222, 166, 0.56);

      background: rgba(122, 222, 166, 0.14);

    }

    .free-box.is-first {

      border-color: rgba(255, 159, 174, 0.58);

      background: rgba(255, 98, 120, 0.14);

    }

    .free-title {

      font-size: 18px;

      font-weight: 700;

      margin: 0 0 6px;

      color: #eaf6ff;

    }

    .free-box.is-economy .free-title {

      color: #aef1c7;

    }

    .free-box.is-first .free-title {

      color: #ffb4c1;

      display: flex;

      align-items: center;

      justify-content: flex-start;

      gap: 6px;

    }

    .free-box.is-first .free-title::after,

    .table-wrap thead th:nth-child(3)::after,

    .pricing-plan-head.first::after {

      content: "";

      width: 18px;

      height: 18px;

      display: inline-block;

      background-image: url("/images/boarding/badge_firstclass.webp");

      background-repeat: no-repeat;

      background-position: center;

      background-size: contain;

      filter:

        drop-shadow(0 0 2px rgba(255, 232, 173, 0.58))

        drop-shadow(0 0 7px rgba(255, 195, 64, 0.44));

      animation: firstclass-badge-glow 2.8s ease-in-out infinite;

      vertical-align: -2px;

    }

    .free-box.is-first .free-title::after {

      width: 21px;

      height: 21px;

      flex: 0 0 21px;

    }

    .free-desc {

      margin: 0;

      color: #e5f2ff;

      font-size: 14px;

      line-height: 1.55;

    }

    .free-box.is-economy .free-desc {

      color: #dff7e8;

    }

    .free-box.is-first .free-desc {

      color: #ffe9ee;

    }

    .customize-group-box {

      --customize-bracket-top: 8px;

      --customize-bracket-height: calc(100% - 16px);

      border: 0;

      background: transparent;

      border-radius: 0;

      position: relative;

      padding: 12px 56px 12px 26px;

      margin-top: auto;

      min-height: clamp(280px, 36vw, 520px);

      display: block;

    }

    .customize-group-copy {

      position: absolute;

      left: 26px;

      right: 56px;

      top: calc(var(--customize-bracket-top) + (var(--customize-bracket-height) / 2));

      transform: translate(-22px, -50%);

      display: flex;

      flex-direction: column;

      align-items: center;

      justify-content: center;

      text-align: center;

      gap: 8px;

    }



    .customize-group-box::after {

      position: absolute;

      top: var(--customize-bracket-top);

      height: var(--customize-bracket-height);

      line-height: 1;

      width: 28px;

      border-left: 7px solid rgba(236, 247, 255, 0.9);

      border-top: 7px solid rgba(236, 247, 255, 0.9);

      border-bottom: 7px solid rgba(236, 247, 255, 0.9);

      box-shadow:

        0 0 0 1px rgba(219, 238, 255, 0.28),

        0 0 18px rgba(194, 222, 255, 0.34),

        0 0 34px rgba(194, 222, 255, 0.2);

      filter: drop-shadow(0 0 10px rgba(205, 232, 255, 0.4));

      pointer-events: none;

    }

    .customize-group-box::after {

      content: "";

      right: -8px;

    }

    .pricing-compare-aside.is-customize-overlay {

      position: relative;

    }

    .pricing-compare-aside.is-customize-overlay .customize-group-box {

      position: absolute;

      left: 0;

      right: 0;

      margin-top: 0;

      min-height: 0;

      padding: 16px 56px 16px 26px;

    }

    .customize-group-title {

      margin: 0;

      color: #ffe36a;

      font-size: 42px;

      font-weight: 700;

      line-height: 1.3;

      display: inline-flex;

      flex-direction: column;

      align-items: center;

      justify-content: center;

      width: max-content;

      max-width: 100%;

      text-align: center;

    }

    .customize-group-title-line {

      display: block;

      width: 100%;

      text-align: center;

      white-space: nowrap;

    }

    .customize-group-tag {

      margin: 0;

      font-family: "Segoe UI", Tahoma, Arial, sans-serif;

      font-size: 17px;

      font-weight: 700;

      letter-spacing: 0.3px;

      line-height: 1.2;

      display: inline-flex;

      align-items: center;

      justify-content: center;

      width: max-content;

      max-width: 100%;

      gap: 6px;

      text-align: center;

      transform: translateX(10px);

      padding: 6px 18px;

      min-width: 214px;

      white-space: nowrap;

      border-radius: 14px;

      border: 1px solid rgba(255,255,255,0.36);

      background: rgba(12, 20, 40, 0.46);

      box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);

    }

    .customize-group-tag .tag-first {

      color: #ff5f6d;

      display: inline-flex;

      align-items: center;

      justify-content: center;

      gap: 6px;

      white-space: nowrap;

    }

    .customize-group-tag .tag-first::after {

      content: "";

      width: 18px;

      height: 18px;

      flex: 0 0 18px;

      background-image: url("/images/boarding/badge_firstclass.webp");

      background-repeat: no-repeat;

      background-position: center;

      background-size: contain;

      filter:

        drop-shadow(0 0 2px rgba(255, 232, 173, 0.58))

        drop-shadow(0 0 7px rgba(255, 195, 64, 0.44));

      animation: firstclass-badge-glow 2.8s ease-in-out infinite;

    }

    .customize-group-tag .tag-only {

      color: #f3f8ff;

      white-space: nowrap;

    }

    .table-wrap {

      margin-top: 0;

      border: 1px solid var(--line);

      border-radius: 14px;

      overflow: hidden;

      background: rgba(6, 10, 20, 0.4);

    }

    table {

      width: 100%;

      border-collapse: collapse;

      table-layout: fixed;

    }

    thead th {

      background: rgba(255,255,255,0.08);

      border-bottom: 1px solid var(--line);

      color: #e8f2ff;

      font-size: 17px;

      font-weight: 700;

      padding: 14px 8px;

      text-align: left;

    }

    .table-wrap thead th:nth-child(2),

    .table-wrap thead th:nth-child(3) {

      text-align: center;

    }

    .table-wrap thead th:nth-child(2) {

      color: #7ADEA6;

      text-shadow: 0 0 8px rgba(122, 222, 166, 0.2);

    }

    .table-wrap thead th:nth-child(3) {

      color: #ff9fae;

      text-shadow: 0 0 8px rgba(255, 159, 174, 0.22);

    }

    .table-wrap thead th:nth-child(3)::after {

      margin-left: 6px;

    }

    td, th { border-right: 1px solid var(--line); }

    td:last-child, th:last-child { border-right: 0; }

    tbody tr { border-bottom: 1px solid var(--line); }

    tbody tr:last-child { border-bottom: 0; }

    tbody td {

      padding: 12px 8px;

      font-size: 15px;

      color: #eef5ff;

      vertical-align: top;

      line-height: 1.5;

    }

    .table-wrap tbody td:nth-child(2),

    .table-wrap tbody td:nth-child(3) {

      text-align: center;

      vertical-align: middle;

    }

    .row-title { font-weight: 600; color: #f2f7ff; }

    .feature-bracket { color: #ffe36a; }

    .yes { color: var(--ok); font-family: inherit; font-weight: 600; }

    .no { color: var(--no); font-family: inherit; font-weight: 600; }

    .table-wrap .yes::before { content: "\2714\0020"; }

    .table-wrap .no::before { content: "\2716\0020"; }

    .pricing-stack {

      margin-top: 14px;

      border: 1px solid var(--line);

      border-radius: 14px;

      background: rgba(6, 10, 20, 0.4);

      padding: 14px 11px;

    }

    .pricing-stack-title {

      margin: 0;

      font-size: 18px;

      font-weight: 700;

      color: #eef6ff;

    }

    .pricing-stack-desc {

      margin: 6px 0 0;

      color: rgba(255,255,255,0.82);

      font-size: 13px;

      line-height: 1.45;

    }

    .pricing-stack-body {

      margin-top: 12px;

      display: flex;

      flex-direction: column;

      gap: 10px;

    }

    .pricing-stack-head-row,

    .pricing-stack-term-row {

      display: grid;

      grid-template-columns: 112px minmax(0, 1fr) minmax(0, 1fr);

      gap: 10px;

      align-items: stretch;

    }

    .pricing-free-stack,

    .pricing-term-stack,

    .pricing-plan-stack {

      display: flex;

      flex-direction: column;

      gap: 10px;

      min-width: 0;

    }

    .pricing-free-head,

    .pricing-term-head,

    .pricing-plan-head {

      min-height: 42px;

      border: 1px solid rgba(255,255,255,0.22);

      border-radius: 10px;

      background: rgba(255,255,255,0.08);

      display: flex;

      align-items: center;

      justify-content: center;

      font-size: 14px;

      font-weight: 800;

      letter-spacing: 0.25px;

      color: #ecf6ff;

    }

    .pricing-free-head {

      border-color: rgba(159, 223, 255, 0.58);

      background: rgba(159, 223, 255, 0.16);

      color: #dff3ff;

    }

    .pricing-term-head,

    .pricing-plan-head {

      font-family: inherit;

      font-size: 15px;

      font-weight: 700;

      letter-spacing: 0;

    }

    .pricing-free-card {

      min-height: 296px;

      border: 1px solid rgba(159, 223, 255, 0.28);

      border-radius: 12px;

      background: linear-gradient(180deg, rgba(159, 223, 255, 0.14) 0%, rgba(159, 223, 255, 0.06) 100%);

      padding: 12px 10px;

      display: flex;

      flex-direction: column;

      justify-content: center;

      gap: 8px;

      text-align: center;

    }

    .pricing-free-name {

      font-size: 17px;

      font-weight: 800;

      color: #eef8ff;

      letter-spacing: 0.2px;

    }

    .pricing-free-price {

      font-size: 24px;

      font-weight: 900;

      color: #ffffff;

      line-height: 1;

      letter-spacing: 0.15px;

    }

    .pricing-free-meta {

      font-size: 12px;

      font-weight: 700;

      color: rgba(233, 246, 255, 0.92);

      letter-spacing: 0.25px;

      text-transform: uppercase;

    }

    .pricing-free-note {

      margin-top: 2px;

      font-size: 12px;

      line-height: 1.35;

      color: rgba(223, 242, 255, 0.86);

    }

    .pricing-plan-head.economy {

      border-color: rgba(122, 222, 166, 0.62);

      background: rgba(122, 222, 166, 0.14);

      color: #dbffec;

    }

    .pricing-plan-head.first {

      border-color: rgba(255, 159, 174, 0.62);

      background: rgba(255, 159, 174, 0.14);

      color: #ffeef2;

      column-gap: 6px;

    }

    .pricing-term-item {

      min-height: 92px;

      border: 1px solid rgba(255,255,255,0.18);

      border-radius: 12px;

      background: rgba(255,255,255,0.05);

      color: #e6f1ff;

      display: flex;

      align-items: center;

      justify-content: center;

      text-align: center;

      font-size: 13px;

      font-weight: 700;

      letter-spacing: 0.2px;

      padding: 6px;

    }

    .pricing-option {

      position: relative;

      display: flex;

      align-items: center;

      gap: 10px;

      padding: 12px 10px;

      min-height: 92px;

      border-radius: 12px;

      border: 1px solid rgba(255,255,255,0.2);

      background: rgba(255,255,255,0.06);

      cursor: pointer;

      transition: border-color 0.14s ease, background 0.14s ease, box-shadow 0.14s ease;

    }

    .pricing-option:hover {

      border-color: rgba(159,223,255,0.66);

      background: rgba(159,223,255,0.12);

    }

    .pricing-option.economy:hover {

      border-color: rgba(122, 222, 166, 0.6);

      background: rgba(122, 222, 166, 0.12);

      box-shadow: 0 0 0 1px rgba(122, 222, 166, 0.2);

    }

    .pricing-option.first:hover {

      border-color: rgba(255, 159, 174, 0.62);

      background: rgba(255, 159, 174, 0.12);

      box-shadow:

        0 0 0 1px rgba(255, 159, 174, 0.22),

        0 0 8px rgba(255, 159, 174, 0.18);

    }

    .pricing-option.is-selected {

      border-color: rgba(159,223,255,0.82);

      background: rgba(159,223,255,0.16);

      box-shadow: 0 0 0 1px rgba(159,223,255,0.34);

    }

    .pricing-option.economy.is-selected {

      border-color: rgba(122, 222, 166, 0.64);

      background: rgba(122, 222, 166, 0.14);

      box-shadow: 0 0 0 1px rgba(122, 222, 166, 0.28);

    }

    .pricing-option.first.is-selected {

      border-color: rgba(255, 159, 174, 0.64);

      background: rgba(255, 159, 174, 0.13);

      animation: pricingFirstOptionSoftGlow 2.8s ease-in-out infinite;

      box-shadow:

        0 0 0 1px rgba(255, 159, 174, 0.28),

        0 0 7px rgba(255, 143, 165, 0.2);

    }

    .pricing-first-month-promo {

      position: absolute;

      left: clamp(236px, 54%, 288px);

      bottom: 14px;

      width: min(292px, calc(100vw - 72px));

      display: flex;

      flex-direction: column;

      gap: 7px;

      padding: 14px 15px 13px;

      border-radius: 24px 24px 24px 10px;

      border: 1px solid rgba(255, 177, 132, 0.42);

      background:

        linear-gradient(150deg, rgba(255, 247, 231, 0.98) 0%, rgba(255, 235, 205, 0.97) 44%, rgba(255, 223, 187, 0.94) 100%);

      color: #362117;

      box-shadow:

        0 0 0 1px rgba(255, 169, 149, 0.22),

        0 0 8px rgba(255, 145, 169, 0.16),

        0 0 18px rgba(255, 197, 94, 0.14),

        0 18px 30px rgba(0, 0, 0, 0.24),

        inset 0 1px 0 rgba(255, 255, 255, 0.74);

      z-index: 3;

      pointer-events: auto;

      animation: pricingFirstPromoGlow 2.8s ease-in-out infinite;

    }

    .pricing-first-month-promo::before,

    .pricing-first-month-promo::after {

      content: "";

      position: absolute;

      pointer-events: none;

    }

    .pricing-first-month-promo::before {

      left: -10px;

      bottom: 18px;

      width: 22px;

      height: 22px;

      background: linear-gradient(150deg, rgba(255, 243, 224, 0.98) 0%, rgba(255, 228, 189, 0.95) 100%);

      border-left: 1px solid rgba(255, 177, 132, 0.42);

      border-bottom: 1px solid rgba(255, 177, 132, 0.42);

      border-radius: 0 0 0 5px;

      transform: rotate(45deg);

      box-shadow: -4px 5px 12px rgba(0, 0, 0, 0.08);

    }

    .pricing-first-month-promo::after {

      inset: 8px 10px auto auto;

      width: 84px;

      height: 34px;

      border-radius: 999px;

      background: radial-gradient(circle at 30% 40%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 247, 233, 0.3) 42%, rgba(255, 247, 233, 0) 100%);

      opacity: 0.9;

    }

    .pricing-first-month-promo-cloud {

      position: absolute;

      inset: 0;

      border-radius: inherit;

      background:

        radial-gradient(circle at 20% 18%, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0) 30%),

        linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 44%);

      z-index: 0;

      pointer-events: none;

    }

    .pricing-first-month-promo-kicker {

      display: inline-flex;

      align-self: flex-start;

      align-items: center;

      min-height: 24px;

      padding: 0 10px;

      border-radius: 999px;

      background: linear-gradient(180deg, #ff7c8e 0%, #ff6078 100%);

      color: #fff8fb;

      font-size: 10.5px;

      font-weight: 800;

      letter-spacing: 0.1em;

      text-transform: uppercase;

      box-shadow: 0 0 0 1px rgba(255, 122, 148, 0.3), 0 0 10px rgba(255, 99, 126, 0.22);

      position: relative;

      z-index: 1;

    }

    .pricing-first-month-promo-title {

      font-size: 20px;

      font-weight: 900;

      line-height: 1.06;

      letter-spacing: -0.02em;

      color: #2e1b10;

      text-shadow: 0 0 10px rgba(255, 240, 194, 0.32);

      position: relative;

      z-index: 1;

    }

    .pricing-first-month-promo-copy {

      font-size: 12.5px;

      line-height: 1.42;

      color: rgba(59, 33, 20, 0.92);

      position: relative;

      z-index: 1;

    }

    .pricing-first-month-promo-copy strong {

      color: #c22b4a;

      font-weight: 900;

    }

    .pricing-first-month-promo-code-row {

      display: grid;

      grid-template-columns: auto minmax(0, 1fr) auto;

      align-items: center;

      gap: 8px;

      position: relative;

      z-index: 1;

      flex-wrap: nowrap;

      margin-top: 2px;

    }

    .pricing-first-month-promo-code-label {

      font-size: 11px;

      font-weight: 800;

      letter-spacing: 0.14em;

      color: rgba(98, 57, 35, 0.72);

      text-transform: uppercase;

    }

    .pricing-first-month-promo-code {

      display: inline-flex;

      align-items: center;

      justify-content: center;

      min-height: 34px;

      padding: 0 12px;

      border-radius: 12px;

      border: 1px dashed rgba(194, 82, 108, 0.54);

      background: rgba(255, 249, 239, 0.72);

      color: #7f1732;

      font-size: 16px;

      font-weight: 900;

      letter-spacing: 0.12em;

      white-space: nowrap;

      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76);

    }

    .pricing-first-month-promo-copy-btn {

      width: 34px;

      height: 34px;

      display: inline-flex;

      align-items: center;

      justify-content: center;

      border: 1px solid rgba(194, 82, 108, 0.36);

      border-radius: 12px;

      background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 238, 224, 0.92) 100%);

      color: #9d2748;

      cursor: pointer;

      transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease, color 150ms ease;

      box-shadow: 0 8px 16px rgba(145, 47, 81, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.82);

    }

    .pricing-first-month-promo-copy-btn:hover,

    .pricing-first-month-promo-copy-btn:focus-visible {

      transform: translateY(-1px);

      border-color: rgba(194, 82, 108, 0.56);

      color: #7b1631;

      box-shadow:

        0 10px 20px rgba(145, 47, 81, 0.18),

        0 0 18px rgba(255, 123, 155, 0.22),

        inset 0 1px 0 rgba(255, 255, 255, 0.9);

    }

    .pricing-first-month-promo-copy-btn.is-copied {

      color: #13643e;

      border-color: rgba(55, 153, 95, 0.5);

      box-shadow:

        0 10px 20px rgba(44, 129, 82, 0.18),

        0 0 18px rgba(89, 208, 145, 0.2),

        inset 0 1px 0 rgba(255, 255, 255, 0.9);

    }

    .pricing-first-month-promo-copy-btn svg {

      width: 17px;

      height: 17px;

      fill: currentColor;

      display: block;

    }

    .pricing-first-month-promo-copy-feedback {

      min-height: 14px;

      font-size: 11px;

      font-weight: 800;

      letter-spacing: 0.08em;

      color: rgba(35, 113, 72, 0.92);

      text-transform: uppercase;

    }

    @keyframes pricingFirstOptionSoftGlow {

      0%, 100% {

        box-shadow:

          0 0 0 1px rgba(255, 159, 174, 0.26),

          0 0 6px rgba(255, 143, 165, 0.16);

      }

      50% {

        box-shadow:

          0 0 0 1px rgba(255, 159, 174, 0.34),

          0 0 11px rgba(255, 143, 165, 0.3);

      }

    }

    @keyframes pricingFirstPromoGlow {

      0%,

      100% {

        box-shadow:

        0 0 0 1px rgba(255, 169, 149, 0.22),

        0 0 8px rgba(255, 145, 169, 0.16),

        0 0 18px rgba(255, 197, 94, 0.14),

        0 18px 30px rgba(0, 0, 0, 0.24),

        inset 0 1px 0 rgba(255, 255, 255, 0.74);

      }

      50% {

        box-shadow:

        0 0 0 1px rgba(255, 176, 160, 0.32),

        0 0 12px rgba(255, 145, 169, 0.24),

        0 0 28px rgba(255, 197, 94, 0.22),

        0 22px 38px rgba(0, 0, 0, 0.28),

        inset 0 1px 0 rgba(255, 255, 255, 0.82);

      }

    }

    .pricing-option > input[type="radio"] {

      position: absolute;

      opacity: 0;

      pointer-events: none;

    }

    .pricing-option-radio {

      width: 19px;

      height: 19px;

      border-radius: 50%;

      border: 2px solid rgba(255,255,255,0.72);

      display: inline-flex;

      align-items: center;

      justify-content: center;

      flex: 0 0 19px;

      box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);

    }

    .pricing-option-radio::after {

      content: "";

      width: 9px;

      height: 9px;

      border-radius: 50%;

      background: transparent;

      transform: scale(0.4);

      transition: transform 0.14s ease, background 0.14s ease;

    }

    .pricing-option.is-selected .pricing-option-radio {

      border-color: #9fdfff;

      box-shadow:

        0 0 0 1px rgba(159,223,255,0.45),

        inset 0 0 0 1px rgba(0,0,0,0.15);

    }

    .pricing-option.economy.is-selected .pricing-option-radio {

      border-color: #7ADEA6;

      box-shadow:

        0 0 0 1px rgba(122, 222, 166, 0.42),

        inset 0 0 0 1px rgba(0,0,0,0.15);

    }

    .pricing-option.first.is-selected .pricing-option-radio {

      border-color: #ff9fae;

      box-shadow:

        0 0 0 1px rgba(255, 159, 174, 0.42),

        inset 0 0 0 1px rgba(0,0,0,0.15);

    }

    .pricing-option.is-selected .pricing-option-radio::after {

      background: #9fdfff;

      transform: scale(1);

    }

    .pricing-option.economy.is-selected .pricing-option-radio::after {

      background: #7ADEA6;

    }

    .pricing-option.first.is-selected .pricing-option-radio::after {

      background: #ff9fae;

    }

    .pricing-option-main {

      min-width: 0;

      flex: 1 1 auto;

      display: flex;

      flex-direction: column;

      gap: 4px;

    }

    .pricing-option-plan {

      display: flex;

      align-items: center;

      flex-wrap: wrap;

      gap: 8px;

      font-size: 15px;

      font-weight: 700;

      color: #f4f9ff;

    }

    .pricing-option-price-line {

      display: flex;

      align-items: baseline;

      flex-wrap: wrap;

      gap: 4px;

      line-height: 1.25;

    }

    .pricing-option-old {

      color: rgba(255,255,255,0.78);

      text-decoration-line: line-through;

      text-decoration-color: #ff4d4f;

      text-decoration-thickness: 1px;

      text-decoration-skip-ink: none;

      font-size: 17px;

      font-weight: 400;

    }

    .pricing-option-new {

      color: #ffffff;

      font-size: 19px;

      font-weight: 400;

      letter-spacing: 0.2px;

    }

    .pricing-price-decimal {

      font-size: 0.85em;

      color: #e6ebf2;

    }

    .pricing-price-period {

      display: inline-block;

      margin-left: 2px;

      font-size: 0.68em;

      color: rgba(170, 178, 190, 0.94);

      letter-spacing: 0.04em;

    }

    .pricing-option-total {

      display: inline-block;

      margin-left: 0;

      font-size: 13px;

      color: rgba(170, 178, 190, 0.94);

      letter-spacing: 0.01em;

      line-height: 1;

      white-space: nowrap;

    }

    .pricing-option-old .pricing-price-decimal {

      font-size: 1em;

    }

    .pricing-option-discount {

      --discount-glow-size: 0px;

      --discount-glow-alpha: 0;

      display: inline-flex;

      align-items: center;

      justify-content: center;

      border-radius: 999px;

      padding: 3px 8px;

      border: 1px solid rgba(122, 222, 166, 0.9);

      color: #123726;

      background: #7ADEA6;

      font-size: 11px;

      font-weight: 400;

      letter-spacing: 0.35px;

      text-transform: uppercase;

      white-space: nowrap;

      filter: drop-shadow(0 0 var(--discount-glow-size) rgba(79, 203, 142, var(--discount-glow-alpha)));

      transition: transform 0.14s ease, box-shadow 0.14s ease, background-color 0.14s ease, border-color 0.14s ease, filter 0.14s ease;

    }

    .pricing-option-discount.is-discount-low {

      color: #123427;

      background: #9BECC3;

      border-color: rgba(164, 242, 202, 0.9);

      box-shadow: 0 0 0 1px rgba(128, 226, 174, 0.18);

    }

    .pricing-option-discount.is-discount-mid {

      color: #0f2f22;

      background: #74DFA9;

      border-color: rgba(123, 226, 170, 0.95);

      box-shadow:

        0 0 0 1px rgba(122, 222, 166, 0.26),

        0 0 7px rgba(103, 214, 154, 0.2);

    }

    .pricing-option-discount.is-discount-high {

      padding: 3px 9px;

      font-size: 11.6px;

      font-weight: 900;

      color: #0b2419;

      background: #4FCB8E;

      border-color: rgba(89, 206, 144, 0.98);

      transform: scale(1.05);

      box-shadow:

        0 0 0 1px rgba(91, 205, 143, 0.34),

        0 0 11px rgba(84, 191, 133, 0.28);

    }

    .pricing-option-discount.is-discount-max {

      padding: 4px 10px;

      font-size: 12.3px;

      font-weight: 900;

      letter-spacing: 0.42px;

      color: #f3fff8;

      background: linear-gradient(180deg, #3DBB7C 0%, #2F995F 100%);

      border-color: rgba(72, 183, 122, 1);

      transform: scale(1.09);

      box-shadow:

        0 0 0 1px rgba(84, 191, 131, 0.46),

        0 0 15px rgba(58, 166, 108, 0.38);

    }

    .pricing-option-discount.is-discount-low,

    .pricing-option-discount.is-discount-mid,

    .pricing-option-discount.is-discount-high,

    .pricing-option-discount.is-discount-max {

      padding: 3px 8px;

      font-size: 11px;

      font-weight: 400;

      letter-spacing: 0.35px;

      transform: none;

    }

    .pricing-option.first .pricing-option-discount {

      color: #000000;

      background: #ff6b6b;

      border-color: rgba(255, 146, 146, 0.96);

      box-shadow: 0 0 8px rgba(255, 120, 120, 0.24);

    }

    .pricing-stack-footnote {

      margin: 8px 0 0;

      color: rgba(255,255,255,0.68);

      font-size: 12px;

      line-height: 1.4;

    }

    .pricing-lifetime-cta-wrap {

      margin-top: 8px;

      display: flex;

      justify-content: flex-end;

      width: 100%;

      padding: 0 14px;

      box-sizing: border-box;

    }

    .pricing-lifetime-cta {

      border: 0;

      background: transparent;

      color: #ffffff;

      font-family: "Segoe UI", Tahoma, Arial, sans-serif;

      font-size: 15px;

      font-weight: 400;

      letter-spacing: 0.28px;

      line-height: 1.2;

      text-align: right;

      display: inline-flex;

      align-items: flex-start;

      justify-content: flex-end;

      gap: 8px;

      cursor: pointer;

      padding: 2px 0 4px;

      max-width: min(100%, 460px);

      text-shadow: 0 0 9px rgba(255, 82, 99, 0.36);

      transition: text-shadow 0.22s ease, transform 0.22s ease;

      transform-origin: center;

    }

    .pricing-lifetime-cta-badge {

      width: 18px;

      height: 18px;

      flex: 0 0 18px;

      display: block;

      object-fit: contain;

      filter:

        drop-shadow(0 0 2px rgba(255, 232, 173, 0.58))

        drop-shadow(0 0 7px rgba(255, 195, 64, 0.44));

      animation: firstclass-badge-glow 2.8s ease-in-out infinite;

      transform: translateY(1px);

    }

    .pricing-lifetime-cta-text {

      display: inline-block;

      color: #ffffff;

      text-decoration-line: underline;

      text-decoration-color: currentColor;

      text-decoration-thickness: 1px;

      text-underline-offset: 3px;

    }

    .pricing-lifetime-cta-text-emphasis {

      color: #ff5b62;

    }

    .pricing-lifetime-cta:hover,

    .pricing-lifetime-cta:focus-visible {

      text-shadow:

        0 0 11px rgba(255, 142, 82, 0.52),

        0 0 22px rgba(255, 100, 150, 0.35);

      animation: pricingLifetimeCtaBoing 460ms cubic-bezier(0.2, 0.92, 0.25, 1);

      outline: none;

    }

    .pricing-lifetime-cta:hover .pricing-lifetime-cta-text,

    .pricing-lifetime-cta:focus-visible .pricing-lifetime-cta-text {

      text-shadow:

        0 0 10px rgba(255, 218, 124, 0.72),

        0 0 20px rgba(255, 182, 82, 0.42);

    }

    .pricing-lifetime-cta:hover .pricing-lifetime-cta-text-emphasis,

    .pricing-lifetime-cta:focus-visible .pricing-lifetime-cta-text-emphasis {

      text-shadow:

        0 0 10px rgba(255, 218, 124, 0.72),

        0 0 20px rgba(255, 182, 82, 0.42),

        0 0 26px rgba(255, 91, 98, 0.22);

    }

    .pricing-lifetime-cta:active {

      transform: translateY(1px) scale(0.98);

    }

    @keyframes pricingLifetimeCtaBoing {

      0% { transform: scale(1); }

      34% { transform: scale(1.11, 0.88); }

      62% { transform: scale(0.93, 1.06); }

      100% { transform: scale(1); }

    }

    .pricing-lifetime-modal[hidden] {

      display: none;

    }

    .pricing-lifetime-modal {

      position: fixed;

      inset: 0;

      z-index: 1320;

      display: flex;

      align-items: center;

      justify-content: center;

      background: rgba(2, 8, 20, 0.68);

      backdrop-filter: blur(4px);

      -webkit-backdrop-filter: blur(4px);

      padding: 14px;

      box-sizing: border-box;

    }

    .pricing-lifetime-dialog {

      width: min(98vw, 1080px);

      border-radius: 14px;

      border: 1px solid rgba(255, 176, 153, 0.42);

      background:

        radial-gradient(circle at 82% 16%, rgba(255, 111, 150, 0.22), transparent 44%),

        radial-gradient(circle at 18% 74%, rgba(86, 160, 255, 0.24), transparent 46%),

        linear-gradient(145deg, rgba(10, 18, 34, 0.95), rgba(22, 10, 30, 0.92));

      box-shadow:

        0 26px 70px rgba(0, 0, 0, 0.56),

        inset 0 0 0 1px rgba(255, 255, 255, 0.06);

      color: #fff;

      overflow: hidden;

    }

    .pricing-lifetime-head {

      display: flex;

      align-items: center;

      justify-content: space-between;

      gap: 12px;

      padding: 16px 18px 12px;

      border-bottom: 1px solid rgba(255, 255, 255, 0.14);

      background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.01));

    }

    .pricing-lifetime-title {

      margin: 0;

      font-size: clamp(19px, 3.2vw, 28px);

      line-height: 1.15;

      letter-spacing: 0.6px;

      color: #ffe1a3;

      text-shadow: 0 2px 15px rgba(255, 178, 102, 0.45);

    }

    .pricing-lifetime-close-btn {

      width: 34px;

      height: 34px;

      border-radius: 999px;

      border: 1px solid rgba(255, 255, 255, 0.34);

      background: rgba(7, 14, 24, 0.56);

      color: #fff;

      font-size: 14px;

      cursor: pointer;

    }

    .pricing-lifetime-close-btn:hover {

      border-color: rgba(255, 255, 255, 0.55);

      background: rgba(22, 35, 58, 0.78);

    }

    .pricing-lifetime-body {

      display: grid;

      grid-template-columns: minmax(0, 1fr) minmax(276px, 296px);

      gap: 18px;

      padding: 18px 20px 20px;

      align-items: stretch;

    }

    .pricing-lifetime-pass {

      min-height: 100%;

      display: flex;

      align-self: stretch;

    }

    .pricing-lifetime-pass-visual {

      position: relative;

      flex: 1 1 auto;

      width: 100%;

      margin: 0;

      container-type: inline-size;

      aspect-ratio: 1493 / 740;

      min-height: 298px;

      border-radius: 18px;

      overflow: hidden;

      background: transparent;

      box-shadow:

        0 18px 34px rgba(0, 0, 0, 0.34),

        0 0 0 1px rgba(255, 255, 255, 0.14),

        0 0 22px rgba(156, 125, 230, 0.14);

    }

    .pricing-lifetime-pass-visual::before,

    .pricing-lifetime-pass-visual::after {

      content: "";

      position: absolute;

      inset: 0;

      pointer-events: none;

    }

    .pricing-lifetime-pass-visual::before {

      z-index: 2;

      background:

        linear-gradient(112deg, rgba(255, 255, 255, 0.22), transparent 26%),

        linear-gradient(180deg, rgba(191, 168, 246, 0.15), rgba(191, 168, 246, 0));

      mix-blend-mode: screen;

    }

    .pricing-lifetime-pass-visual::after {

      z-index: 4;

      background:

        radial-gradient(ellipse at 48% 72%, rgba(197, 170, 255, 0.24) 0%, rgba(197, 170, 255, 0.1) 32%, rgba(197, 170, 255, 0) 70%);

    }

    .pricing-lifetime-pass-image {

      position: relative;

      z-index: 1;

      display: block;

      width: 100%;

      height: 100%;

      object-fit: contain;

      filter: saturate(1.05) brightness(1.015);

    }

    .pricing-lifetime-pass-overlay {

      inset: 0;

      width: 100%;

      height: 100%;

      z-index: 3;

      overflow: visible;

    }

    .pricing-lifetime-offer {

      border-radius: 12px;

      border: 1px solid rgba(255, 255, 255, 0.2);

      background: rgba(5, 12, 24, 0.62);

      padding: 14px 14px 13px;

      display: flex;

      flex-direction: column;

      gap: 10px;

      min-height: 298px;

    }

    .pricing-lifetime-offer-desc {

      margin: 0;

      color: rgba(223, 235, 255, 0.88);

      font-size: 13px;

      line-height: 1.45;

    }

    .pricing-lifetime-price-label {

      margin: 2px 0 0;

      color: rgba(255, 211, 163, 0.86);

      font-size: 12px;

      letter-spacing: 0.52px;

      text-align: center;

      text-transform: uppercase;

    }



    .pricing-lifetime-price {

      margin: 0;

      font-size: clamp(33px, 4.8vw, 46px);

      font-weight: 400;

      line-height: 1.03;

      color: #ffe8b3;

      text-shadow:

        0 0 22px rgba(255, 182, 118, 0.4),

        0 0 36px rgba(255, 128, 195, 0.28);

      text-align: center;

    }

    .pricing-lifetime-price-old {

      margin: 0;

      font-size: 15px;

      font-weight: 400;

      line-height: 1;

      color: rgba(198, 205, 216, 0.86);

      text-align: center;

      text-decoration-line: line-through;

      text-decoration-color: #ff4d4f;

      text-decoration-thickness: 1px;

      text-decoration-skip-ink: none;

    }

    .pricing-lifetime-price-meta {

      display: flex;

      align-items: center;

      justify-content: center;

      gap: 8px;

      flex-wrap: wrap;

      margin: 0 0 4px;

    }

    .pricing-lifetime-price-badge {

      flex: 0 0 auto;

    }

    .pricing-option-discount.pricing-lifetime-price-badge {

      color: #4b3512;

      background: linear-gradient(180deg, #fff3bf 0%, #ffe8b3 56%, #e4c86d 100%);

      border-color: rgba(248, 221, 126, 0.98);

      box-shadow:

        0 0 0 1px rgba(255, 225, 138, 0.36),

        0 0 14px rgba(255, 193, 110, 0.24);

      text-shadow: none;

    }

    .pricing-lifetime-price-decimal {

      font-size: 0.56em;

      vertical-align: 9px;

    }

    .pricing-lifetime-feature-list {

      margin: 0;

      padding-left: 18px;

      color: rgba(233, 243, 255, 0.94);

      font-size: 12.8px;

      line-height: 1.42;

    }

    .pricing-lifetime-note {

      margin: 0;

      color: rgba(199, 216, 245, 0.83);

      font-size: 11.4px;

      line-height: 1.38;

    }

    .pricing-lifetime-actions {

      display: flex;

      align-items: center;

      justify-content: center;

      gap: 8px;

      margin-top: auto;

    }

    .pricing-lifetime-checkout-btn,

    .pricing-lifetime-cancel-btn {

      min-height: 42px;

      border-radius: 999px;

      border: 1px solid rgba(255, 255, 255, 0.26);

      cursor: pointer;

      font-family: inherit;

      font-size: 13px;

      font-weight: 700;

      letter-spacing: 0.25px;

      transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease, background 0.16s ease;

    }

    .pricing-lifetime-checkout-btn {

      flex: 1 1 auto;

      width: 100%;

      color: #1c1022;

      border-color: rgba(255, 219, 176, 0.68);

      background: linear-gradient(120deg, #ffd176, #ff9cb4);

      box-shadow: 0 8px 18px rgba(255, 150, 137, 0.3);

    }

    .pricing-lifetime-checkout-btn:hover {

      transform: translateY(-1px);

      box-shadow: 0 10px 20px rgba(255, 150, 137, 0.42);

    }

    .pricing-lifetime-cancel-btn {

      flex: 0 0 auto;

      padding: 0 16px;

      color: #ffffff;

      background: rgba(13, 22, 36, 0.64);

    }

    .pricing-lifetime-cancel-btn:hover {

      border-color: rgba(255, 255, 255, 0.45);

      background: rgba(24, 35, 57, 0.8);

    }

    .pricing-proceed-wrap {

      margin-top: 14px;

      display: flex;

      align-items: stretch;

      justify-content: flex-start;

      width: 100%;

      box-sizing: border-box;

      padding: 0 14px;

      gap: 16px;

    }

    .pricing-proceed-main {

      width: auto;

      flex: 1 1 auto;

      min-width: 0;

      display: flex;

      flex-direction: column;

      align-items: flex-start;

      gap: 8px;

    }

    .pricing-proceed-right {

      width: 248px;

      max-width: 100%;

      flex: 0 0 248px;

      align-self: stretch;

      display: flex;

      flex-direction: column;

      align-items: stretch;

      justify-content: center;

      gap: 10px;

      padding-top: 0;

      padding-bottom: 0;

      margin-left: auto;

      transform: translate(4px, 18px);

      box-sizing: border-box;

    }

    .pricing-proceed-visual {

      position: relative;

      width: 100%;

      margin: 9px 0 11px;

      container-type: inline-size;

      border: 1px solid rgba(255,255,255,0.22);

      border-radius: 12px;

      overflow: hidden;

      background: rgba(8, 12, 20, 0.52);

      box-shadow: 0 8px 22px rgba(0,0,0,0.33);

      transition: filter 0.16s ease, box-shadow 0.16s ease;

    }

    .pricing-proceed-image {

      display: block;

      width: 100%;

      height: auto;

      object-fit: cover;

      border-radius: inherit;

    }

    .pricing-proceed-image-base {

      position: relative;

      z-index: 1;

    }

    .pricing-proceed-image-lifetime {

      position: relative;

      z-index: 1;

    }

    .pricing-proceed-image-overlay {

      position: absolute;

      inset: 0;

      width: 100%;

      height: 100%;

      z-index: 2;

      opacity: 0;

      pointer-events: none;

      transform-origin: center center;

      will-change: transform, opacity, filter, clip-path;

      border-radius: inherit;

    }

    .pricing-proceed-lifetime-transition {

      position: absolute;

      inset: 0 auto auto 0;

      width: 100%;

      z-index: 7;

      pointer-events: none;

      border-radius: inherit;

      overflow: hidden;

    }

    .pricing-proceed-lifetime-transition-image {

      display: block;

      width: 100%;

      height: auto;

      border-radius: inherit;

    }

    .pricing-proceed-image-overlay.is-visible {

      opacity: 1;

    }

    .pricing-proceed-visual::before,

    .pricing-proceed-visual::after {

      content: "";

      position: absolute;

      inset: 0;

      pointer-events: none;

      opacity: 0;

    }

    .pricing-proceed-visual::before {

      z-index: 3;

      mix-blend-mode: screen;

    }

    .pricing-proceed-visual::after {

      z-index: 4;

    }

    .pricing-proceed-visual.is-first-glow {

      animation: pricingProceedSoftVioletGlow 2.9s ease-in-out infinite;

    }

    .pricing-proceed-visual.is-lifetime-mode {

      border-color: transparent;

      border-radius: 0;

      overflow: visible;

      background: transparent;

      box-shadow: none;

    }

    .pricing-proceed-visual.is-lifetime-glow {

      animation: none;

    }

    .pricing-proceed-visual.is-lifetime-glow #pricing-proceed-lifetime-image {

      animation: pricingProceedSoftGoldGlow 3.1s ease-in-out infinite;

    }

    .pricing-proceed-visual.is-plan-upgrade .pricing-proceed-image-overlay {

      animation: pricingProceedFirstUpgrade 0.62s cubic-bezier(0.2, 0.88, 0.18, 1) both;

    }

    .pricing-proceed-visual.is-plan-upgrade #pricing-proceed-lifetime-image {

      animation: pricingProceedFirstUpgrade 0.62s cubic-bezier(0.2, 0.88, 0.18, 1) both;

    }

    .pricing-proceed-visual.is-plan-downgrade .pricing-proceed-image-overlay {

      animation: pricingProceedFirstPaperShatter 0.76s cubic-bezier(0.2, 0.7, 0.16, 1) both;

    }

    .pricing-proceed-visual.is-plan-downgrade #pricing-proceed-lifetime-image {

      animation: pricingProceedFirstPaperShatter 0.76s cubic-bezier(0.2, 0.7, 0.16, 1) both;

    }

    .pricing-proceed-visual.is-lifetime-downgrade .pricing-proceed-image-overlay,

    .pricing-proceed-visual.is-lifetime-downgrade #pricing-proceed-standard-overlay {

      animation: none;

    }

    .pricing-proceed-visual.is-lifetime-downgrade {

      overflow: visible;

    }

    .pricing-proceed-visual.is-lifetime-downgrade #pricing-proceed-lifetime-transition-image {

      animation: pricingProceedFirstPaperShatter 0.76s cubic-bezier(0.2, 0.7, 0.16, 1) both;

    }

    .pricing-proceed-visual.is-lifetime-downgrade #pricing-proceed-lifetime-transition-overlay {

      animation: pricingProceedOverlayDowngrade 0.76s cubic-bezier(0.2, 0.7, 0.16, 1) both;

    }

    .pricing-proceed-visual.is-plan-upgrade .pricing-pass-overlay {

      animation: pricingProceedOverlayUpgrade 0.62s cubic-bezier(0.2, 0.88, 0.18, 1) both;

    }

    .pricing-proceed-visual.is-plan-downgrade .pricing-pass-overlay {

      animation: pricingProceedOverlayDowngrade 0.76s cubic-bezier(0.2, 0.7, 0.16, 1) both;

    }

    .pricing-proceed-visual.is-plan-downgrade::before {

      background:

        repeating-linear-gradient(62deg,

          rgba(255, 255, 255, 0) 0 12px,

          rgba(255, 224, 224, 0.44) 12px 13px,

          rgba(255, 255, 255, 0) 13px 23px),

        repeating-linear-gradient(-27deg,

          rgba(255, 255, 255, 0) 0 16px,

          rgba(255, 212, 212, 0.36) 16px 17px,

          rgba(255, 255, 255, 0) 17px 28px);

      animation: pricingProceedPaperCrack 0.76s ease-out both;

    }

    .pricing-proceed-visual.is-plan-upgrade::after {

      background:

        radial-gradient(ellipse at 50% 70%, rgba(194, 166, 247, 0.56) 0%, rgba(194, 166, 247, 0.18) 36%, rgba(194, 166, 247, 0) 68%),

        linear-gradient(180deg, rgba(191, 168, 246, 0.2), rgba(191, 168, 246, 0));

      animation: pricingProceedUpgradeFlash 0.62s ease-out both;

    }

    .pricing-proceed-visual.is-plan-downgrade::after {

      background:

        radial-gradient(ellipse at 50% 28%, rgba(228, 236, 245, 0.34) 0%, rgba(228, 236, 245, 0.12) 42%, rgba(228, 236, 245, 0) 74%),

        linear-gradient(180deg, rgba(164, 180, 204, 0.24), rgba(164, 180, 204, 0));

      animation: pricingProceedDowngradeFlash 0.76s ease-out both;

    }

    @keyframes pricingProceedSoftVioletGlow {

      0%, 100% {

        filter: drop-shadow(0 0 5px rgba(166, 134, 226, 0.28))

                drop-shadow(0 6px 12px rgba(58, 38, 94, 0.32))

                drop-shadow(5px 0 8px rgba(166, 134, 226, 0.2))

                drop-shadow(-5px 0 8px rgba(166, 134, 226, 0.2))

                drop-shadow(0 0 14px rgba(166, 134, 226, 0.18));

        box-shadow:

          0 11px 24px rgba(0,0,0,0.4),

          0 0 0 1px rgba(176, 148, 234, 0.36),

          0 0 9px rgba(154, 122, 220, 0.24),

          0 0 19px rgba(154, 122, 220, 0.16);

      }

      50% {

        filter: drop-shadow(0 0 8px rgba(182, 151, 238, 0.4))

                drop-shadow(0 8px 16px rgba(66, 44, 104, 0.4))

                drop-shadow(7px 0 10px rgba(182, 151, 238, 0.26))

                drop-shadow(-7px 0 10px rgba(182, 151, 238, 0.26))

                drop-shadow(0 0 19px rgba(182, 151, 238, 0.24));

        box-shadow:

          0 13px 28px rgba(0,0,0,0.45),

          0 0 0 1px rgba(190, 162, 242, 0.48),

          0 0 13px rgba(172, 141, 233, 0.38),

          0 0 24px rgba(172, 141, 233, 0.22);

      }

    }

    @keyframes pricingProceedSoftGoldGlow {

      0%, 100% {

        filter: drop-shadow(0 0 3px rgba(243, 218, 132, 0.15))

                drop-shadow(0 4px 8px rgba(96, 70, 26, 0.14))

                drop-shadow(3px 0 5px rgba(243, 218, 132, 0.11))

                drop-shadow(-3px 0 5px rgba(243, 218, 132, 0.11))

                drop-shadow(0 0 8px rgba(243, 218, 132, 0.1));

      }

      50% {

        filter: drop-shadow(0 0 4px rgba(255, 234, 152, 0.22))

                drop-shadow(0 5px 10px rgba(112, 82, 30, 0.17))

                drop-shadow(4px 0 6px rgba(255, 234, 152, 0.14))

                drop-shadow(-4px 0 6px rgba(255, 234, 152, 0.14))

                drop-shadow(0 0 10px rgba(255, 234, 152, 0.13));

      }

    }

    @keyframes pricingProceedFirstUpgrade {

      0% {

        opacity: 0;

        transform: translateY(14px) scale(0.9);

        filter: brightness(0.74) saturate(0.74) blur(1px);

      }

      54% {

        opacity: 1;

        transform: translateY(-4px) scale(1.018);

        filter: brightness(1.24) saturate(1.36) blur(0);

      }

      100% {

        opacity: 1;

        transform: translateY(0) scale(1);

        filter: none;

      }

    }

    @keyframes pricingProceedFirstPaperShatter {

      0% {

        opacity: 1;

        transform: translateY(0) scale(1) rotate(0deg);

        filter: none;

        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);

      }

      20% {

        transform: translateX(-2px) rotate(-0.6deg);

      }

      34% {

        transform: translateX(2px) rotate(0.8deg);

      }

      58% {

        transform: translateX(-1px) rotate(-1.35deg);

        clip-path: polygon(0 0, 17% 8%, 34% 0, 50% 9%, 66% 0, 82% 8%, 100% 0, 100% 100%, 0 100%);

      }

      100% {

        opacity: 0;

        transform: translateY(18px) scale(0.9) rotate(3.6deg);

        filter: blur(2px) brightness(0.82) saturate(0.72);

        clip-path: polygon(0 18%, 15% 6%, 31% 21%, 49% 7%, 67% 24%, 83% 11%, 100% 29%, 100% 100%, 0 100%);

      }

    }

    @keyframes pricingProceedOverlayUpgrade {

      0% {

        transform: translateY(4px);

        opacity: 0.78;

      }

      100% {

        transform: translateY(0);

        opacity: 1;

      }

    }

    @keyframes pricingProceedOverlayDowngrade {

      0% {

        transform: translateY(-2px);

        opacity: 0.92;

      }

      64% {

        transform: translateY(1px);

        opacity: 0.86;

      }

      100% {

        transform: translateY(0);

        opacity: 1;

      }

    }

    @keyframes pricingProceedPaperCrack {

      0% { opacity: 0; }

      24% { opacity: 0.82; }

      62% { opacity: 0.48; }

      100% { opacity: 0; }

    }

    @keyframes pricingProceedUpgradeFlash {

      0% { opacity: 0; }

      38% { opacity: 0.96; }

      100% { opacity: 0; }

    }

    @keyframes pricingProceedDowngradeFlash {

      0% { opacity: 0; }

      32% { opacity: 0.62; }

      100% { opacity: 0; }

    }

    .pricing-pass-overlay {

      position: absolute;

      inset: 0;

      z-index: 5;

      pointer-events: none;

      user-select: none;

      font-family: "BoardingPass", "Courier New", monospace;

      font-size: 22px;

      font-size: clamp(9px, 1.9cqw, 34px);

      line-height: 0.95;

      letter-spacing: -0.15em;

      color: #08090b;

      text-transform: uppercase;

      font-weight: 590;

      border-radius: inherit;

    }

    .pricing-pass-field {

      position: absolute;

      display: block;

      white-space: nowrap;

      max-width: 38%;

      overflow: hidden;

      text-overflow: ellipsis;

    }

    .pricing-pass-left-name {

      left: 26.4%;

      top: 27.4%;

    }

    .pricing-pass-left-plan {

      left: 26.4%;

      top: 41.9%;

      max-width: 43%;

      letter-spacing: -0.16em;

    }

    .pricing-pass-left-expire {

      left: 26.4%;

      top: 56.4%;

    }

    .pricing-pass-right-name {

      left: 85.1%;

      top: 22.6%;

      max-width: 14.3%;

    }

    .pricing-pass-right-date {

      left: 85.0%;

      top: 44.7%;

      max-width: 14.8%;

      letter-spacing: -0.15em;

    }

    .pricing-pass-field.is-name-fallback {

      font-family: inherit;

      letter-spacing: -0.15em;

      text-transform: none;

      line-height: 1;

    }

    /* FUF.webp has a fixed print layout, so lifetime text is positioned in source-image pixels. */
    .pricing-lifetime-pass-overlay {

      font-family: "Times New Roman", Georgia, serif;

      overflow: visible;

      text-rendering: geometricPrecision;

      shape-rendering: geometricPrecision;

    }

    #pricing-proceed-image[hidden],

    #pricing-proceed-image-overlay[hidden],

    #pricing-proceed-lifetime-image[hidden],

    #pricing-proceed-lifetime-transition[hidden],

    #pricing-proceed-lifetime-overlay[hidden] {

      display: none !important;

    }

    .pricing-lifetime-pass-overlay .pricing-pass-field {

      fill: #fff3a6;

      stroke: rgba(95, 67, 38, 0.95);

      stroke-width: 0.58px;

      paint-order: stroke fill;

      stroke-linejoin: round;

      stroke-linecap: round;

      vector-effect: non-scaling-stroke;

      font-kerning: normal;

      font-weight: 500;

      letter-spacing: 0.002em;

      font-size: 30px;

      dominant-baseline: middle;

      alignment-baseline: middle;

    }

    .pricing-lifetime-pass-overlay .pricing-pass-left-name {

    }

    .pricing-lifetime-pass-overlay .pricing-pass-left-plan {

    }

    .pricing-lifetime-pass-overlay .pricing-pass-left-expire {

    }

    .pricing-lifetime-pass-overlay .pricing-pass-right-name {

    }

    .pricing-lifetime-pass-overlay .pricing-pass-right-date {

    }

    .pricing-lifetime-pass-overlay .pricing-pass-field.is-name-fallback {

      font-size: 30px;

      letter-spacing: 0.002em;

      text-transform: none;

    }

    .pricing-lifetime-pass-overlay .pricing-pass-right-name {

      font-size: 27px;

      letter-spacing: 0.002em;

    }

    .pricing-lifetime-pass-overlay .pricing-pass-right-name.is-name-fallback {
      letter-spacing: 0.002em;

    }

    .pricing-proceed-title {

      font-family: "Segoe UI", Tahoma, Arial, sans-serif;

      position: static;

      width: max-content;

      max-width: none;

      padding: 0;

      background: transparent;

      border: 0;

      color: #f4faff;

      font-size: 27px;

      font-weight: 700;

      line-height: 1.2;

      letter-spacing: 0.2px;

      white-space: nowrap;

      overflow: visible;

      text-align: left;

      text-shadow: 0 1px 4px rgba(0,0,0,0.42);

    }

    .pricing-proceed-pass-suffix {

      color: #ffffff;

    }

    .pricing-proceed-plan-name.is-economy {

      color: #7ADEA6;

      text-shadow: 0 0 10px rgba(122, 222, 166, 0.34);

    }

    .pricing-proceed-plan-name.is-first {

      color: #ff9fae;

      text-shadow: 0 0 10px rgba(255, 132, 132, 0.36);

    }

    .pricing-proceed-side {

      display: flex;

      flex-direction: row;

      align-items: center;

      justify-content: center;

      gap: 8px;

      width: 100%;

      margin-left: 0;

      margin-right: 0;

      flex: 0 0 auto;

      margin-top: 0;

    }

    .pricing-proceed-selected-badge {

      flex: 0 0 auto;

      width: 120px;

      min-width: 120px;

      max-width: 120px;

      position: relative;

      isolation: isolate;

      transform-origin: center center;

      will-change: transform, filter;

      text-overflow: ellipsis;

      overflow: hidden;

    }

    .pricing-proceed-selected-badge::before,

    .pricing-proceed-selected-badge::after {

      content: "";

      position: absolute;

      inset: 0;

      border-radius: inherit;

      pointer-events: none;

      opacity: 0;

    }

    .pricing-proceed-selected-badge::before {

      mix-blend-mode: screen;

    }

    .pricing-proceed-selected-badge.is-plan-upgrade {

      animation: pricingProceedBadgeUpgrade 0.62s cubic-bezier(0.2, 0.88, 0.18, 1) both;

    }

    .pricing-proceed-selected-badge.is-plan-upgrade::after {

      background:

        radial-gradient(ellipse at 50% 70%, rgba(194, 166, 247, 0.56) 0%, rgba(194, 166, 247, 0.12) 45%, rgba(194, 166, 247, 0) 74%),

        linear-gradient(180deg, rgba(191, 168, 246, 0.22), rgba(191, 168, 246, 0));

      animation: pricingProceedBadgeUpgradeFlash 0.62s ease-out both;

    }

    .pricing-proceed-selected-badge.is-plan-downgrade {

      animation: pricingProceedBadgeDowngrade 0.76s cubic-bezier(0.2, 0.7, 0.16, 1) both;

    }

    .pricing-proceed-selected-badge.is-plan-downgrade::before {

      background:

        repeating-linear-gradient(62deg,

          rgba(255, 255, 255, 0) 0 10px,

          rgba(255, 224, 224, 0.42) 10px 11px,

          rgba(255, 255, 255, 0) 11px 20px),

        repeating-linear-gradient(-27deg,

          rgba(255, 255, 255, 0) 0 13px,

          rgba(255, 212, 212, 0.34) 13px 14px,

          rgba(255, 255, 255, 0) 14px 24px);

      animation: pricingProceedBadgeCrack 0.76s ease-out both;

    }

    .pricing-proceed-selected-badge.is-plan-downgrade::after {

      background:

        radial-gradient(ellipse at 50% 28%, rgba(228, 236, 245, 0.34) 0%, rgba(228, 236, 245, 0.1) 42%, rgba(228, 236, 245, 0) 75%),

        linear-gradient(180deg, rgba(164, 180, 204, 0.24), rgba(164, 180, 204, 0));

      animation: pricingProceedBadgeDowngradeFlash 0.76s ease-out both;

    }

    @keyframes pricingProceedBadgeUpgrade {

      0% {

        transform: translateY(8px) scale(0.9);

        filter: brightness(0.8) saturate(0.76);

      }

      55% {

        transform: translateY(-2px) scale(1.06);

        filter: brightness(1.2) saturate(1.28);

      }

      100% {

        transform: translateY(0) scale(1);

        filter: none;

      }

    }

    @keyframes pricingProceedBadgeDowngrade {

      0% {

        transform: translateY(0) scale(1) rotate(0deg);

        filter: none;

      }

      26% {

        transform: translateX(-1px) rotate(-0.7deg);

      }

      54% {

        transform: translateY(6px) scale(0.94) rotate(1deg);

        filter: brightness(0.84) saturate(0.78);

      }

      100% {

        transform: translateY(0) scale(1) rotate(0deg);

        filter: none;

      }

    }

    @keyframes pricingProceedBadgeCrack {

      0% { opacity: 0; }

      25% { opacity: 0.82; }

      63% { opacity: 0.45; }

      100% { opacity: 0; }

    }

    @keyframes pricingProceedBadgeUpgradeFlash {

      0% { opacity: 0; }

      40% { opacity: 0.92; }

      100% { opacity: 0; }

    }

    @keyframes pricingProceedBadgeDowngradeFlash {

      0% { opacity: 0; }

      32% { opacity: 0.58; }

      100% { opacity: 0; }

    }

    .pricing-proceed-btn {

      width: 100%;

      height: 96px;

      border: 1px solid rgba(255, 255, 255, 0.22);

      border-radius: 10px;

      background: rgba(6, 10, 20, 0.4);

      color: #fff;

      font-family: "Segoe UI", Tahoma, Arial, sans-serif;

      font-size: 15px;

      font-weight: 800;

      letter-spacing: 0.25px;

      display: inline-flex;

      flex-direction: column;

      align-items: center;

      justify-content: center;

      gap: 6px;

      line-height: 1;

      cursor: pointer;

      margin: 0 auto;

      transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;

    }

    .pricing-proceed-btn.is-consent-ready:not(:disabled):not(:hover) {

      border-color: rgba(255, 255, 255, 0.22);

      box-shadow:

        0 0 0 1px rgba(159,223,255,0.34),

        0 10px 24px rgba(8,17,30,0.4),

        0 0 24px rgba(159,223,255,0.34),

        0 0 42px rgba(159,223,255,0.14);

      animation: pricingProceedConsentGlow 1.8s ease-in-out infinite;

    }

    @keyframes pricingProceedConsentGlow {

      0%,

      100% {

        box-shadow:

          0 0 0 1px rgba(159,223,255,0.28),

          0 10px 24px rgba(8,17,30,0.38),

          0 0 20px rgba(159,223,255,0.26),

          0 0 34px rgba(159,223,255,0.12);

      }

      50% {

        box-shadow:

          0 0 0 1px rgba(159,223,255,0.46),

          0 12px 28px rgba(8,17,30,0.44),

          0 0 30px rgba(159,223,255,0.44),

          0 0 54px rgba(159,223,255,0.22);

      }

    }

    .pricing-proceed-btn:not(:disabled):hover {

      background: rgba(159,223,255,0.32);

      border-color: rgba(255, 255, 255, 0.22);

      box-shadow:

        0 0 0 1px rgba(159,223,255,0.28),

        0 8px 20px rgba(8,17,30,0.38),

        0 0 16px rgba(159,223,255,0.24);

      transform: translateY(-1px);

    }

    .pricing-proceed-btn-icon-wrap {

      display: inline-flex;

      flex-direction: column;

      align-items: center;

      justify-content: center;

      gap: 2px;

      line-height: 1;

    }

    .pricing-proceed-btn-icon {

      width: 40px;

      height: 40px;

      display: block;

      object-fit: contain;

      opacity: 1;

      flex: 0 0 40px;

      filter:

        brightness(0) saturate(100%) invert(1)

        drop-shadow(0 1px 2px rgba(0, 0, 0, 0.56))

        drop-shadow(0 0 6px rgba(191, 232, 255, 0.32));

    }

    .pricing-proceed-btn-ground {

      display: block;

      width: 24px;

      height: 3px;

      border-radius: 999px;

      background: rgba(255,255,255,0.88);

      box-shadow: 0 0 4px rgba(255,255,255,0.2);

    }

    .pricing-proceed-btn-label {

      display: block;

      text-shadow:

        0 1px 2px rgba(0, 0, 0, 0.62),

        0 0 8px rgba(191, 232, 255, 0.26);

    }

    .pricing-proceed-btn:disabled {

      cursor: default;

      opacity: 0.7;

    }

    .pricing-consent-wrap {

      margin-top: 0;

      width: 100%;

      margin-left: 0;

      margin-right: 0;

      flex: none;

      display: block;

      box-sizing: border-box;

      border: 1px solid rgba(255, 255, 255, 0.22);

      border-radius: 10px;

      background: rgba(8, 12, 22, 0.42);

      padding: 10px 12px;

      transform: translateX(0);

      transition: border-color 0.18s ease, box-shadow 0.22s ease, background-color 0.22s ease;

    }

    .pricing-consent-wrap.is-consent-attention {

      border-color: rgba(167, 226, 255, 0.72);

      background: rgba(15, 24, 42, 0.6);

      box-shadow:

        0 0 0 1px rgba(167, 226, 255, 0.24),

        0 0 18px rgba(167, 226, 255, 0.22);

      animation: pricingConsentShakeGlow 620ms cubic-bezier(0.2, 0.78, 0.2, 1);

    }

    @keyframes pricingConsentShakeGlow {

      0% { transform: translateX(0); }

      14% { transform: translateX(-6px); }

      28% { transform: translateX(5px); }

      42% { transform: translateX(-4px); }

      56% { transform: translateX(3px); }

      70% { transform: translateX(-2px); }

      84% { transform: translateX(1px); }

      100% { transform: translateX(0); }

    }

    .pricing-consent-label {

      display: block;

      width: 100%;

      cursor: pointer;

      color: rgba(229, 240, 255, 0.92);

      font-size: 12px;

      line-height: 1.45;

      user-select: none;

    }

    .pricing-consent-label::after {

      content: "";

      display: block;

      clear: both;

    }

    .pricing-consent-checkbox {

      width: 16px;

      height: 16px;

      margin: 1px 10px 0 0;

      float: left;

      cursor: pointer;

      appearance: none;

      -webkit-appearance: none;

      border: 1px solid rgba(255, 255, 255, 0.42);

      border-radius: 4px;

      background: rgba(255, 255, 255, 0.18);

      background-clip: padding-box;

      transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;

    }

    .pricing-consent-checkbox:hover {

      border-color: rgba(191, 232, 255, 0.86);

    }

    .pricing-consent-checkbox:focus-visible {

      outline: none;

      box-shadow: 0 0 0 2px rgba(127, 214, 255, 0.36);

    }

    .pricing-consent-checkbox:checked {

      border-color: rgba(191, 232, 255, 0.9);

      background-color: rgba(127, 214, 255, 0.45);

      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' d='M3.2 8.4l2.3 2.4 6-6.2'/%3E%3C/svg%3E");

      background-position: center;

      background-repeat: no-repeat;

      background-size: 11px 11px;

      box-shadow: 0 0 0 1px rgba(127, 214, 255, 0.28);

    }

    .pricing-consent-text {

      display: block;

    }

    .pricing-consent-text a {

      color: rgba(191, 232, 255, 0.98);

      text-decoration: underline;

    }

    .pricing-consent-text a:hover {

      color: #ffffff;

    }

    .site-bottom-info {

      position: fixed;

      left: 0;

      right: 0;

      bottom: 10px;

      z-index: 20;

      display: flex;

      align-items: center;

      justify-content: space-between;

      gap: 14px;

      padding: 0 18px;

      color: rgba(255,255,255,0.82);

      font-size: 12px;

      letter-spacing: 0.2px;

      line-height: 1.35;

      text-shadow: 0 1px 3px rgba(0,0,0,0.48);

      background: transparent !important;

      background-color: transparent !important;

      box-shadow: none !important;

      backdrop-filter: none !important;

    }

    .site-bottom-info::before,

    .site-bottom-info::after,

    .site-bottom-info-left,

    .site-bottom-info-right {

      background: transparent !important;

      background-color: transparent !important;

      box-shadow: none !important;

      backdrop-filter: none !important;

    }



    .site-bottom-info-right {

      display: flex;

      align-items: center;

      gap: 24px;

      white-space: nowrap;

      margin-left: auto;

      justify-content: flex-end;

    }

    .site-bottom-info a {

      color: rgba(255,255,255,0.86);

      text-decoration: none;

    }

    .site-bottom-info a:hover {

      text-decoration: underline;

    }

    a { color: var(--accent); text-decoration: none; }

    a:hover { text-decoration: underline; }

    .pricing-faq-section {

      margin-top: 30px;

      padding: 30px 28px;

      position: relative;

      isolation: isolate;

      overflow: hidden;

      border-radius: 28px;

      border: 1px solid rgba(255,255,255,0.14);

      box-shadow: 0 22px 44px rgba(0,0,0,0.28);

    }

    .pricing-faq-section::before {

      content: "";

      position: absolute;

      inset: 0;

      border-radius: inherit;

      background:

        linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.03) 100%),

        radial-gradient(circle at top right, rgba(255,199,108,0.12) 0%, rgba(255,199,108,0) 38%),

        linear-gradient(180deg, rgba(7,10,18,0.92) 0%, rgba(5,8,15,0.96) 100%);

      opacity: 0.8;

      z-index: -1;

      pointer-events: none;

    }

    .pricing-faq-head {

      display: flex;

      flex-direction: column;

      gap: 8px;

      margin-bottom: 18px;

    }

    .pricing-faq-kicker {

      margin: 0;

      color: rgba(255,208,122,0.92);

      font-size: 12px;

      font-weight: 800;

      letter-spacing: 0.16em;

      text-transform: uppercase;

    }

    .pricing-faq-title {

      margin: 0;

      color: #ffd58f;

      font-size: 30px;

      line-height: 1.18;

      letter-spacing: -0.02em;

    }

    .pricing-faq-desc {

      margin: 0;

      max-width: 760px;

      color: rgba(255,255,255,0.74);

      font-size: 15px;

      line-height: 1.7;

    }

    .pricing-faq-list {

      display: flex;

      flex-direction: column;

      gap: 12px;

    }

    .pricing-faq-item {

      border-radius: 18px;

      border: 1px solid rgba(255,255,255,0.1);

      background: linear-gradient(180deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.025) 100%);

      overflow: hidden;

      transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;

    }

    .pricing-faq-item[open] {

      border-color: rgba(255,214,144,0.26);

      background: linear-gradient(180deg, rgba(255,221,163,0.08) 0%, rgba(255,255,255,0.03) 100%);

      box-shadow: 0 14px 30px rgba(0,0,0,0.2);

    }

    .pricing-faq-question {

      list-style: none;

      display: flex;

      align-items: center;

      justify-content: space-between;

      gap: 18px;

      padding: 19px 22px;

      color: #fffdf8;

      font-size: 17px;

      font-weight: 400;

      line-height: 1.45;

      cursor: pointer;

      user-select: none;

    }

    .pricing-faq-question::-webkit-details-marker {

      display: none;

    }

    .pricing-faq-question-main {

      display: inline-flex;

      align-items: baseline;

      gap: 10px;

      min-width: 0;

    }

    .pricing-faq-qindex {

      flex: 0 0 auto;

      color: rgba(255,214,144,0.9);

      font-size: 14px;

      font-weight: 500;

      letter-spacing: 0.08em;

      line-height: 1;

    }

    .pricing-faq-chevron {

      flex: 0 0 auto;

      display: inline-flex;

      align-items: center;

      justify-content: center;

      width: 34px;

      height: 34px;

      color: rgba(255,214,144,0.95);

      transition: transform 0.2s ease, color 0.2s ease;

    }

    .pricing-faq-item[open] .pricing-faq-chevron {

      transform: rotate(180deg);

      color: #ffe2a4;

    }

    .pricing-faq-chevron-icon {

      display: block;

      width: 28px;

      height: 28px;

    }

    .pricing-faq-answer {

      border-top: 1px solid transparent;

      color: rgba(255,255,255,0.82);

      font-size: 15px;

      line-height: 1.8;

      max-height: 0;

      opacity: 0;

      overflow: hidden;

      padding: 0 22px;

      transition: max-height 0.34s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.24s ease, padding-bottom 0.34s cubic-bezier(0.22, 1, 0.36, 1), border-top-color 0.24s ease;

    }

    .pricing-faq-item[open] .pricing-faq-answer {

      max-height: 480px;

      opacity: 1;

      padding-bottom: 20px;

      border-top-color: rgba(255,255,255,0.08);

    }

    .pricing-faq-answer p {

      margin: 12px 0 0;

    }

    .pricing-faq-answer p:first-child {

      margin-top: 14px;

    }

    .pricing-faq-answer strong {

      color: #fff4d8;

    }

    .pricing-faq-lifetime-cta-wrap {

      margin-top: 8px;

      display: flex;

      justify-content: flex-start;

    }

    .pricing-faq-lifetime-cta {

      justify-content: flex-start;

      text-align: left;

      max-width: min(100%, 540px);

      padding: 0;

    }

    .pricing-faq-answer .pricing-faq-plan-tone.is-economy {

      color: #7adea6;

    }

    .pricing-faq-answer .pricing-faq-plan-tone.is-first {

      color: #ff9fae;

    }

    .pricing-faq-contact-links {

      display: flex;

      flex-wrap: wrap;

      gap: 10px;

      margin-top: 12px;

    }

    .pricing-faq-contact-link {

      display: inline-flex;

      align-items: center;

      gap: 8px;

      min-height: 42px;

      padding: 0 14px;

      border-radius: 999px;

      border: 1px solid rgba(255, 234, 190, 0.22);

      background:

        linear-gradient(180deg, rgba(34, 29, 19, 0.9), rgba(18, 15, 11, 0.96));

      color: #fff0cf;

      text-decoration: none;

      box-shadow:

        0 10px 24px rgba(0, 0, 0, 0.22),

        inset 0 1px 0 rgba(255, 245, 219, 0.08);

      transition:

        transform 160ms ease,

        border-color 160ms ease,

        background 160ms ease,

        box-shadow 160ms ease,

        color 160ms ease;

    }

    .pricing-faq-contact-link svg {

      width: 16px;

      height: 16px;

      display: block;

      fill: currentColor;

      flex: 0 0 auto;

    }

    .pricing-faq-contact-link:hover,

    .pricing-faq-contact-link:focus-visible {

      transform: translateY(-1px);

      border-color: rgba(255, 221, 143, 0.42);

      background:

        linear-gradient(180deg, rgba(56, 45, 24, 0.96), rgba(28, 21, 12, 0.98));

      color: #fff7e6;

      box-shadow:

        0 14px 30px rgba(0, 0, 0, 0.28),

        0 0 22px rgba(255, 211, 110, 0.14),

        inset 0 1px 0 rgba(255, 248, 231, 0.12);

      text-decoration: none;

    }

    @media (max-width: 900px) {

      table { table-layout: auto; }

      thead th { font-size: 15px; }

      tbody td { font-size: 14px; }

      .pricing-compare-layout {

        grid-template-columns: 1fr;

        gap: 12px;

      }

      .pricing-compare-aside.is-customize-overlay .customize-group-box {

        position: static;

        left: auto;

        right: auto;

        padding: 14px 48px 14px 22px;

      }

      .customize-group-title {

        transform: none;

      }

      .customize-group-tag {

        transform: none;

      }

      .customize-group-copy {

        position: static;

        left: auto;

        right: auto;

        top: auto;

        transform: none;

      }

      .free-box {

        margin-top: 0;

      }

      .pricing-stack-body {

        gap: 12px;

      }

      .pricing-stack-head-row {

        display: none;

      }

      .pricing-stack-term-row {

        grid-template-columns: 1fr;

        gap: 8px;

      }

      .pricing-first-month-promo {

        position: relative;

        top: auto;

        left: auto;

        right: auto;

        bottom: auto;

        width: 100%;

        margin-top: 12px;

        padding: 14px 14px 12px;

        border-radius: 22px;

      }

      .pricing-first-month-promo::before {

        top: -9px;

        left: 26px;

        bottom: auto;

        width: 18px;

        height: 18px;

      }

      .pricing-first-month-promo::after {

        top: 8px;

        right: 12px;

        width: 68px;

        height: 28px;


      }

      .pricing-first-month-promo-title {

        font-size: 19px;

      }

      .pricing-first-month-promo-code {

        font-size: 15px;

      }

      .pricing-term-item {

        min-height: 40px;

        justify-content: flex-start;

        text-align: left;

        padding: 0 11px;

      }

      .pricing-free-card {

        min-height: 0;

        padding: 11px 10px;

      }

      .pricing-account-summary {

        grid-template-columns: auto 1fr;

      }

      .pricing-account-avatar-wrap {

        width: 62px;

        min-width: 62px;

        height: 62px;

        aspect-ratio: auto;

        border-radius: 50%;

        align-self: start;

      }

      .pricing-account-plan {

        grid-column: 1 / -1;

        border-left: 0;

        border-top: 1px solid rgba(255,255,255,0.2);

        padding-left: 0;

        padding-right: 0;

        padding-top: 8px;

        min-width: 0;

        grid-template-columns: 1fr;

      }

      .pricing-account-stat.is-plan-row,

      .pricing-account-stat.is-renewal-row,

      .pricing-account-stat.is-trial-row,

      .pricing-account-stat.is-cancel-row {

        grid-column: auto;

        grid-row: auto;

        min-height: 0;

      }

      .pricing-account-plan.is-no-cancel-row .pricing-account-stat.is-renewal-row,

      .pricing-account-plan.is-no-cancel-row .pricing-account-stat.is-trial-row {

        grid-column: auto;

        grid-row: auto;

      }

      .pricing-account-stat.is-cancel-row::before {

        display: none;

        height: 0;

      }

      .pricing-option-plan { font-size: 14px; }

      .pricing-option-new { font-size: 17px; }

      .pricing-proceed-wrap {

        flex-direction: column;

        align-items: stretch;

        gap: 14px;

      }

      .pricing-proceed-main {

        width: 100%;

      }

      .pricing-proceed-right {

        width: 100%;

        max-width: 420px;

        flex: none;

        justify-content: flex-start;

        gap: 8px;

        padding-top: 0;

        transform: none;

      }

      .pricing-proceed-visual {

        width: 100%;

        margin: 7px 0 9px;

      }

      .pricing-proceed-title {

        font-size: 22px;

        text-align: center;

      }

      .pricing-proceed-btn {

        width: 100%;

        max-width: 420px;

        height: 52px;

        flex-direction: row;

        gap: 9px;

      }

      .pricing-proceed-side {

        width: 100%;

        max-width: none;

        flex-direction: column;

        margin-top: 0;

      }

      .pricing-proceed-selected-badge {

        width: 100%;

        min-width: 0;

        justify-content: center;

      }

      .pricing-consent-wrap {

        margin-top: 0;

        width: 100%;

        margin-left: 0;

        margin-right: 0;

        flex: none;

        display: block;

      }

      .pricing-lifetime-cta-wrap {

        justify-content: center;

        padding: 0;

      }

      .pricing-lifetime-cta {

        text-align: center;

        font-size: 14px;

      }

      .pricing-lifetime-body {

        grid-template-columns: 1fr;

      }

      .pricing-faq-section {

        padding: 24px 20px;

        border-radius: 24px;

      }

      .pricing-faq-title {

        font-size: 26px;

      }

      .pricing-faq-question {

        padding: 17px 18px;

        font-size: 16px;

      }

      .pricing-faq-qindex {

        font-size: 13px;

      }

      .pricing-faq-answer {
        font-size: 15px;
        padding-left: 18px;
        padding-right: 18px;

      }

      .pricing-faq-item[open] .pricing-faq-answer {

        padding-bottom: 18px;

      }

      .pricing-lifetime-pass {

        min-height: 0;

      }

      .pricing-lifetime-pass-visual {

        min-height: 0;

        transform: none;

      }

      .pricing-lifetime-offer {

        min-height: 0;

      }

      .pricing-proceed-btn-icon {

        width: 40px;

        height: 40px;

        flex-basis: 40px;

      }

    }

    @media (max-width: 720px) {

      .wrap {

        margin: 16px auto;

        padding: 0 10px 76px;

      }

      .shell {

        padding: 18px 10px 22px;

      }

      .home-btn {

        top: 2px;

        right: 10px;

        width: 48px;

        height: 48px;

        border-radius: 16px;

      }

      h1 {

        font-size: 32px;

        line-height: 1.08;

        max-width: calc(100% - 78px);

      }

      .sub {

        max-width: min(100%, 340px);

        font-size: 13px;

      }

      .pricing-account-summary {

        grid-template-columns: minmax(0, 1fr) auto;

        gap: 12px 14px;

        padding: 16px 16px 14px;

      }

      .pricing-account-main {

        grid-column: 1;

        grid-row: 1;

        align-self: start;

        gap: 7px;

      }

      .pricing-account-avatar-wrap {

        grid-column: 2;

        grid-row: 1;

        width: 74px;

        min-width: 74px;

        height: 74px;

      }

      .pricing-account-title {

        font-size: 11px;

      }

      .pricing-account-name-row {

        width: 100%;

        flex-wrap: wrap;

        align-items: flex-start;

        gap: 8px;

      }

      .pricing-account-name {

        white-space: normal;

        overflow: visible;

        text-overflow: clip;

      }

      .pricing-account-name-badge {

        --pricing-tier-scale: 0.9;

      }

      .pricing-account-email {

        white-space: normal;

        overflow: visible;

        text-overflow: clip;

        word-break: break-word;

      }

      .pricing-account-plan {

        grid-column: 1 / -1;

        grid-row: 2;

        grid-template-columns: 1fr;

        gap: 12px;

        padding-top: 14px;

        padding-left: 0;

        padding-right: 0;

      }

      .pricing-account-stat,

      .pricing-account-stat.is-plan-row,

      .pricing-account-stat.is-renewal-row,

      .pricing-account-stat.is-trial-row,

      .pricing-account-stat.is-cancel-row {

        align-items: flex-start;

        justify-content: flex-start;

        text-align: left;

        gap: 3px;

      }

      .pricing-account-plan-label {

        text-align: left;

      }

      .pricing-account-meta-value {

        white-space: normal;

      }

      .pricing-account-cancel-btn {

        width: 100%;

        max-width: none;

        margin: 0;

        min-height: 42px;

        font-size: 14px;

      }

      .free-box {

        min-height: 0;

        padding: 16px 16px 18px;

      }

      .free-title {

        font-size: 17px;

      }

      .free-desc {

        font-size: 13px;

      }

      .pricing-compare-aside.is-customize-overlay .customize-group-box {

        padding: 16px 16px 18px;

      }

      .customize-group-box {

        min-height: 0;

        padding: 16px;

      }

      .customize-group-box::after {

        display: none;

      }

      .customize-group-copy {

        gap: 12px;

      }

      .customize-group-tag {

        min-width: 0;

        max-width: 100%;

        transform: none;

        padding: 7px 16px;

        font-size: 14px;

      }

      .customize-group-title {

        width: 100%;

        font-size: clamp(26px, 13vw, 56px);

        line-height: 1.08;

      }

      .table-wrap {

        overflow-x: auto;

        overflow-y: hidden;

        -webkit-overflow-scrolling: touch;

      }

      table {

        min-width: 700px;

      }

      .pricing-stack {

        padding: 14px 10px;

      }

      .pricing-stack-title {

        font-size: 17px;

      }

      .pricing-stack-desc {

        font-size: 12px;

      }

      .pricing-term-item {

        min-height: 48px;

      }

      .pricing-option {

        padding: 16px 16px;

      }

      .pricing-first-month-promo {

        margin-top: 14px;

      }

      .pricing-first-month-promo-kicker {

        min-height: 24px;

        padding: 0 9px;

        font-size: 9.5px;

      }

      .pricing-first-month-promo-title {

        font-size: 18px;

      }

      .pricing-first-month-promo-copy {

        font-size: 12px;

      }

      .pricing-first-month-promo-code-row {

        gap: 7px;

      }

      .pricing-first-month-promo-code {

        min-height: 32px;

        padding: 0 10px;

        font-size: 14px;

      }

      .pricing-first-month-promo-copy-btn {

        width: 32px;

        height: 32px;

        border-radius: 10px;

      }

      .pricing-option-plan {

        gap: 7px;

        font-size: 13px;

      }

      .pricing-option-new {

        font-size: 16px;

      }

      .pricing-option-total {

        font-size: 12px;

      }

      .pricing-option-discount {

        font-size: 10px;

        padding: 3px 7px;

      }

      .site-bottom-info {

        bottom: 8px;

        flex-direction: column;

        align-items: flex-start;

        gap: 4px;

      }

      .site-bottom-info-right {

        gap: 12px;

        flex-wrap: wrap;

        margin-left: 0;

      }

      .pricing-faq-section {

        padding: 22px 16px;

      }

      .pricing-faq-kicker {

        font-size: 11px;

      }

      .pricing-faq-title {

        font-size: 23px;

      }

      .pricing-faq-desc,

      .pricing-faq-answer {

        font-size: 14px;

      }

      .pricing-faq-question {

        padding: 16px 16px;

        gap: 12px;

        font-size: 15px;

      }

      .pricing-faq-question-main {

        gap: 8px;

      }

      .pricing-faq-qindex {

        font-size: 12px;

      }

      .pricing-faq-chevron {

        width: 32px;

        height: 32px;

      }

      .pricing-faq-answer {
        padding-left: 16px;
        padding-right: 16px;
      }

      .pricing-faq-item[open] .pricing-faq-answer {

        padding-bottom: 16px;

      }

    }

    @media (max-width: 520px) {

      .pricing-account-summary {

        grid-template-columns: 1fr;

      }

      .pricing-account-main,

      .pricing-account-avatar-wrap,

      .pricing-account-plan {

        grid-column: 1;

      }

      .pricing-account-avatar-wrap {

        grid-row: 1;

        justify-self: end;

        width: 68px;

        min-width: 68px;

        height: 68px;

      }

      .pricing-account-main {

        grid-row: 1;

        padding-right: 82px;

      }

      .pricing-account-plan {

        grid-row: 2;

      }

      .customize-group-title {

        font-size: clamp(24px, 12vw, 46px);

      }

      table {

        min-width: 660px;

      }

    }

    @media (prefers-reduced-motion: reduce) {

      .pricing-faq-answer,

      .pricing-faq-chevron {

        transition: none;

      }

    }

    body.pricing-payment-notice-open {

      overflow: hidden;

    }

    .pricing-payment-notice-overlay {

      position: fixed;

      inset: 0;

      z-index: 2147483001;

      display: none;

      align-items: center;

      justify-content: center;

      padding: 14px;

      background: rgba(0, 0, 0, 0.34);

    }

    .pricing-payment-notice-overlay.open {

      display: flex;

    }

    .pricing-payment-notice-modal {

      width: min(92vw, 460px);

      padding: 20px 18px 18px;

      border-radius: 10px;

      display: flex;

      flex-direction: column;

      gap: 14px;

      border: 1px solid rgba(173, 218, 255, 0.32);

      background: rgba(44, 44, 44, 0.62);

      box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);

      backdrop-filter: blur(5px);

      -webkit-backdrop-filter: blur(5px);

    }

    .pricing-payment-notice-title {

      margin: 0;

      font-size: 18px;

      font-weight: 700;

      text-align: center;

      color: #ffd74d;

      text-shadow: 0 1px 5px rgba(0, 0, 0, 0.42);

    }

    .pricing-payment-notice-content {

      font-size: 15px;

      line-height: 1.45;

      color: rgba(236, 246, 255, 0.94);

      text-align: center;

      white-space: normal;

      word-break: keep-all;

    }

    .pricing-payment-notice-actions {

      display: flex;

      justify-content: center;

    }

    .pricing-payment-notice-close-btn {

      min-width: 120px;

      height: 36px;

      border: 1px solid rgba(255, 116, 136, 0.68);

      border-radius: 999px;

      background: rgba(164, 26, 44, 0.42);

      color: #fff;

      font-family: inherit;

      font-size: 13px;

      font-weight: 400;

      letter-spacing: 0.8px;

      text-transform: uppercase;

      cursor: pointer;

      box-shadow:

        0 0 0 1px rgba(255, 106, 128, 0.28),

        0 0 10px rgba(214, 56, 82, 0.35),

        0 0 20px rgba(214, 56, 82, 0.24);

    }

    .pricing-payment-notice-close-btn:hover {

      background: rgba(188, 31, 51, 0.5);

      border-color: rgba(255, 143, 159, 0.84);

      box-shadow:

        0 0 0 1px rgba(255, 134, 152, 0.36),

        0 0 14px rgba(230, 70, 98, 0.44),

        0 0 28px rgba(230, 70, 98, 0.3);

    }