.period-bar.pr-period-bar { margin-bottom: var(--lx-space-56); }

.section.pr-section-white { background: var(--bs-white); }

.one { max-width: 1180px; margin: 0 auto; border: 1px solid var(--color-border); background: var(--bs-white); position: relative; }
.one::before { content: ""; position: absolute; inset: calc(-1 * var(--lx-space-1)) calc(-1 * var(--lx-space-1)) auto calc(-1 * var(--lx-space-1)); height: 3px; background: linear-gradient(90deg, var(--color-primary)); }
.one-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 380px); gap: var(--wui-space-xl) var(--wui-space-3xl); padding: var(--lx-space-36) var(--lx-space-40) var(--lx-space-28); border-bottom: 1px solid var(--color-border); }
.one-top { display: flex; align-items: center; gap: var(--wui-space-md); flex-wrap: wrap; }
.one-name { font-size: var(--lx-fs-28); font-weight: var(--wui-fw-semibold); letter-spacing: -.02em; color: var(--lx-heading); margin: 0; }
.one-head-l h4 { margin: var(--wui-space-md) 0 0; font-size: var(--lx-fs-h3); font-weight: var(--wui-fw-medium); letter-spacing: -.02em; color: var(--lx-heading); }
.one-head-l p { margin: var(--wui-space-sm) 0 0; font-size: var(--lx-fs-15-5); line-height: var(--wui-lh-body); color: var(--lx-text-2); max-width: 54ch; }
.one-cta { margin-top: var(--wui-space-lg); }
.one-cta .btn { width: 100%; justify-content: center; }
.one-jump { margin: var(--wui-space-md) 0 0; font-size: var(--lx-fs-14); color: var(--lx-text-2); }
.one-jump a { font-weight: var(--wui-fw-semibold); }
.one-trial { margin: var(--wui-space-md) 0 0; font-size: var(--lx-fs-13); line-height: var(--wui-lh-body); color: var(--lx-text-3); }
.one-label { padding: var(--wui-space-xl) var(--lx-space-40) 0; font-size: var(--lx-fs-14); font-weight: var(--wui-fw-semibold); color: var(--lx-text-2); }
.one-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--lx-space-28) var(--lx-space-40); padding: var(--wui-space-lg) var(--lx-space-40) var(--lx-space-36); }
.one-g h5 { display: flex; align-items: center; gap: var(--wui-space-sm); margin: 0 0 var(--wui-space-sm); font-size: var(--lx-fs-16); font-weight: var(--wui-fw-semibold); color: var(--lx-heading); }
.one-g ul { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--wui-space-sm); }
.one-g li { display: flex; gap: var(--wui-space-sm); align-items: flex-start; font-size: var(--lx-fs-14); line-height: var(--lx-lh-1-45); color: var(--lx-text-1); }
.one-g li .p2-ic { color: var(--color-primary); }
.one-g li b { font-weight: var(--wui-fw-semibold); color: var(--lx-heading); }
.one-ent { display: grid; grid-template-columns: minmax(0, 250px) minmax(0, 1fr) minmax(0, 260px); gap: var(--lx-space-28) var(--lx-space-40); padding: var(--wui-space-2xl) var(--lx-space-40);
  color: var(--bs-white); background: linear-gradient(115deg, var(--lx-heading) 0%, color-mix(in srgb, var(--color-primary) 62%, var(--lx-heading)) 100%); }
.one-ent-name { font-size: var(--lx-fs-24); font-weight: var(--wui-fw-semibold); letter-spacing: -.02em; margin: 0; color: var(--bs-white); }
.one-ent-sub { margin: var(--wui-space-xs) 0 0; font-size: var(--lx-fs-14-5); line-height: var(--wui-lh-body); color: var(--lx-text-on-dark); }
.one-ent ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--lx-space-14) var(--lx-space-28); align-content: center; }
.one-ent li { display: flex; gap: var(--wui-space-sm); align-items: flex-start; font-size: var(--lx-fs-14-5); line-height: var(--lx-lh-1-45); color: var(--bs-white); }
.one-ent .p2-price { color: var(--bs-white); }
.one-ent .p2-unit, .one-ent .p2-terms { color: var(--lx-text-on-dark); }
.one-ent .btn { width: 100%; justify-content: center; margin-top: var(--wui-space-lg); }
.one-tax { max-width: 1180px; margin: var(--wui-space-lg) auto 0; font-size: var(--lx-fs-13); color: var(--lx-text-3); }
@media (max-width: 1199.98px) { .one-ent { grid-template-columns: minmax(0, 1fr) minmax(0, 260px); } .one-ent ul { grid-column: 1 / -1; grid-row: 2; } }
@media (max-width: 991.98px) {
  .one-head { grid-template-columns: minmax(0, 1fr); padding: var(--lx-space-28) var(--wui-space-xl) var(--wui-space-xl); }
  .one-label { padding: var(--lx-space-20) var(--wui-space-xl) 0; }
  .one-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: var(--lx-space-14) var(--wui-space-xl) var(--lx-space-28); }
  .one-ent { grid-template-columns: minmax(0, 1fr); padding: var(--lx-space-28) var(--wui-space-xl); }
  .one-ent ul { grid-row: auto; }
}
@media (max-width: 575.98px) {
  .one-grid { grid-template-columns: minmax(0, 1fr); gap: var(--wui-space-xl); }
  .one-ent ul { grid-template-columns: minmax(0, 1fr); }
}

.p2-ic { flex: 0 0 auto; display: inline-block; vertical-align: middle; }
.p2-soon { display: inline-flex; align-items: center; gap: var(--wui-space-xs); padding: var(--wui-space-xxs) var(--wui-space-sm); border-radius: var(--wui-radius-pill); font-size: var(--lx-fs-12); font-weight: var(--wui-fw-semibold);
line-height: var(--wui-lh-body); white-space: nowrap; color: var(--color-warning-text); background: var(--lx-warning-10); }
.p2-price-row { display: flex; align-items: baseline; gap: var(--wui-space-xs); flex-wrap: wrap; }
.p2-price { font-size: clamp(var(--lx-fs-32), 7vw, var(--lx-fs-42)); font-weight: var(--wui-fw-medium); letter-spacing: -.03em; line-height: var(--wui-lh-display); color: var(--lx-heading); font-variant-numeric: tabular-nums; white-space: nowrap; }
.p2-unit { font-size: var(--lx-fs-15); font-weight: var(--wui-fw-medium); color: var(--lx-text-3); white-space: nowrap; }
.p2-terms { margin: var(--wui-space-sm) 0 0; font-size: var(--lx-fs-13); line-height: var(--wui-lh-body); color: var(--lx-text-3); }
.p2-flag { font-size: var(--lx-fs-12); font-weight: var(--wui-fw-semibold); color: var(--color-primary); background: var(--color-primary-soft); padding: var(--wui-space-xs) var(--wui-space-sm); border-radius: var(--wui-radius-pill); white-space: nowrap; }

.vm { display: grid; grid-template-columns: minmax(0, 380px) minmax(0, 1fr); gap: var(--lx-space-40) var(--wui-space-4xl); max-width: 1180px; margin: 0 auto; align-items: center; }
.vm .section-head { text-align: left; margin: 0; max-width: none; }
.vm .section-head-lead { margin-left: 0; }
.vm-facts { list-style: none; margin: var(--lx-space-28) 0 0; padding: 0; display: grid; gap: var(--wui-space-md); }
.vm-facts li { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: var(--wui-space-md); align-items: start; font-size: var(--lx-fs-14-5); line-height: var(--wui-lh-body); color: var(--lx-text-2); }
.vm-facts b { display: block; font-size: var(--lx-fs-15); font-weight: var(--wui-fw-semibold); color: var(--lx-heading); }
.vm-chart svg { display: block; width: 100%; height: auto; }
.vm-chart .vm-narrow { display: none; }
.vm-cap { margin: var(--wui-space-md) 0 0; font-size: var(--lx-fs-13); line-height: var(--wui-lh-body); color: var(--lx-text-3); }
.vm-legend { display: flex; flex-wrap: wrap; gap: var(--wui-space-sm) var(--lx-space-20); margin: 0 0 var(--wui-space-sm); font-size: var(--lx-fs-13); font-weight: var(--wui-fw-medium); color: var(--lx-text-2); }
.vm-legend span { display: inline-flex; align-items: center; gap: var(--wui-space-sm); }
.vm-sw-bar { width: 14px; height: 14px; border: 2px solid var(--lx-divider-strong); background: var(--color-primary-soft); border-radius: var(--lx-radius-2); }
.vm-sw-line { width: 20px; height: 3px; background: var(--color-primary); border-radius: var(--lx-radius-2); }
.lxd .vm-v { font-size: var(--lx-fs-12); font-weight: var(--wui-fw-semibold); fill: var(--lxd-text-sub, var(--lx-text-3)); text-anchor: middle; }
.lxd .vm-m { font-size: var(--lx-fs-12); font-weight: var(--wui-fw-medium); fill: var(--lxd-text-sub, var(--lx-text-3)); text-anchor: middle; }
.lxd .vm-pay { font-size: var(--lx-fs-15); font-weight: var(--wui-fw-bold); fill: var(--lxd-accent, var(--color-primary)); }
.lxd .vm-note { font-size: var(--lx-fs-13); font-weight: var(--wui-fw-semibold); fill: var(--lxd-text, var(--color-text)); }
.lxd .vm-line { fill: none; stroke: var(--lxd-accent, var(--color-primary)); stroke-width: 3; stroke-linecap: round; }
.lxd .vm-bar { fill: var(--lxd-accent-soft, var(--color-primary-soft)); stroke: var(--lxd-line, var(--lx-divider-strong)); stroke-width: 1.5; }
.lxd .vm-bar.hi { stroke: var(--lxd-ink, var(--color-text-muted)); stroke-width: 2; }
@media (max-width: 991.98px) { .vm { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 575.98px) { .vm-chart .vm-wide { display: none; } .vm-chart .vm-narrow { display: block; } }

.sh { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--lx-space-40) var(--wui-space-3xl); max-width: 1080px; margin: var(--wui-space-sm) auto 0; }
.sh-item { display: flex; flex-direction: column; align-items: flex-start; }
.sh-cover { width: 100%; display: flex; justify-content: center; padding: var(--lx-space-28) 0 0; border-bottom: 2px solid var(--lx-divider-strong);
  background: linear-gradient(180deg, transparent 40%, color-mix(in srgb, var(--color-primary) 7%, transparent) 100%); }
.sh-cover .p2-cover { width: min(196px, 76%); height: auto; display: block; transform: translateY(1px); transition: transform .2s ease; }
@media (hover: hover) { .sh-item:hover .p2-cover { transform: translateY(-5px); } }
@media (prefers-reduced-motion: reduce) { .sh-cover .p2-cover { transition: none; } .sh-item:hover .p2-cover { transform: translateY(1px); } }
.sh-item h3 { margin: var(--lx-space-20) 0 0; font-size: var(--lx-fs-h4); font-weight: var(--wui-fw-semibold); letter-spacing: -.015em; color: var(--lx-heading); }
.sh-item p { margin: var(--wui-space-xs) 0 0; font-size: var(--lx-fs-14); line-height: var(--wui-lh-body); color: var(--lx-text-3); }
.sh-item .btn { margin-top: var(--wui-space-lg); display: inline-flex; align-items: center; gap: var(--wui-space-sm); }
.sh-insp { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; gap: var(--wui-space-lg) var(--lx-space-20); align-items: center; max-width: 1080px; margin: var(--wui-space-3xl) auto 0; padding-top: var(--lx-space-28); border-top: 1px solid var(--color-border); }
.sh-insp .p2-ic { width: 48px; height: 48px; }
.sh-insp h3 { margin: 0; font-size: var(--lx-fs-17); font-weight: var(--wui-fw-semibold); color: var(--lx-heading); }
.sh-insp p { margin: var(--wui-space-xs) 0 0; font-size: var(--lx-fs-14-5); line-height: var(--wui-lh-body); color: var(--lx-text-2); max-width: 66ch; }
.sh-stds { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--wui-space-xs); justify-content: flex-end; }
.sh-stds li { padding: var(--wui-space-xs) var(--wui-space-sm); border: 1px solid var(--color-primary); border-radius: var(--wui-radius-pill); font: var(--wui-fw-semibold) var(--lx-fs-12)/var(--lx-lh-1-4) 'JetBrains Mono', monospace; color: var(--lx-heading); white-space: nowrap; }
@media (max-width: 991.98px) { .sh { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--wui-space-2xl) var(--lx-space-20); } .sh-insp { grid-template-columns: 48px minmax(0, 1fr); } .sh-stds { grid-column: 2; justify-content: flex-start; } }
@media (max-width: 767.98px) { .sh { grid-template-columns: minmax(0, 1fr); max-width: 420px; } .sh-cover .p2-cover { width: min(180px, 62%); } }
@media (max-width: 575.98px) {
  .sh { gap: 0; }
  .sh-item { display: grid; grid-template-columns: 104px minmax(0, 1fr); column-gap: var(--wui-space-lg); align-items: start; padding: var(--lx-space-20) 0; border-bottom: 1px solid var(--color-border); }
  .sh-item:first-child { padding-top: 0; } .sh-item:last-child { border-bottom: 0; }
  .sh-cover { grid-row: span 4; padding: 0; border-bottom: 0; background: none; }
  .sh-cover .p2-cover { width: 104px; }
  .sh-item h3 { margin-top: 0; }
  .sh-item .btn { justify-self: start; }
  .sh-insp { grid-template-columns: minmax(0, 1fr); margin-top: var(--lx-space-28); } .sh-stds { grid-column: auto; }
}

.one-ent h4 { margin: var(--wui-space-xs) 0 0; font-size: var(--lx-fs-h3); font-weight: var(--wui-fw-medium); letter-spacing: -.02em; color: var(--bs-white); }
.vm-chart { margin: 0; }
.p2-cover .lxd { width: 176px; height: 84px; max-width: none; }
.p2-cover .lxd-wide { display: block; }
.p2-cover .lxd-narrow { display: none; }
