.cpu-cmp{--cpu-cmp-line:color-mix(in srgb,var(--cpu-teal) 11%,var(--cpu-surface));--cpu-cmp-card:var(--cpu-surface-tint);--cpu-cmp-accent-cell:color-mix(in srgb,var(--cpu-teal) 5%,var(--cpu-surface))}.cpu-section--tint.cpu-cmp{--cpu-cmp-card:var(--cpu-surface);--cpu-cmp-accent-cell:color-mix(in srgb,var(--cpu-teal) 6%,var(--cpu-surface-tint))}.cpu-cmp__switch{align-items:center;display:flex;flex-wrap:wrap;gap:var(--cpu-sp-3);margin-bottom:var(--cpu-sp-5)}.cpu-cmp__h{flex:1 1 100%;margin:0}@media (min-width:621px){.cpu-cmp__h{flex:1 1 auto}}.cpu-bill{background:var(--cpu-cmp-card);border:0;border-radius:var(--cpu-r-pill);box-shadow:inset 0 0 0 1px var(--cpu-cmp-line);display:none;grid-template-columns:1fr 1fr;margin:0;padding:4px;position:relative}.cpu-js .cpu-bill{display:inline-grid;visibility:hidden}.cpu-js .cpu-bill.is-ready{visibility:visible}.cpu-js .cpu-bill[hidden]{display:none}.cpu-bill:before{background:var(--cpu-ink);border-radius:var(--cpu-r-pill);bottom:4px;content:"";left:4px;position:absolute;top:4px;transition:transform var(--cpu-dur) var(--cpu-ease);width:calc(50% - 4px)}.cpu-bill[data-mode=yearly]:before{transform:translateX(100%)}.cpu-bill__opt{cursor:pointer;position:relative;z-index:1}.cpu-bill__opt input{height:1px;opacity:0;position:absolute;width:1px}.cpu-bill__opt span{border-radius:var(--cpu-r-pill);color:var(--cpu-text-muted);display:block;font-size:14px;font-weight:700;min-width:100px;padding:9px 18px;text-align:center;transition:color var(--cpu-dur) var(--cpu-ease)}.cpu-bill__opt input:checked+span{color:var(--cpu-text-invert)}.cpu-bill__opt input:focus-visible+span{outline:2px solid var(--cpu-bright);outline-offset:2px}.cpu-bill__save{color:var(--cpu-teal-500);font-family:var(--cpu-font-mono);font-size:12px;font-weight:500}.cpu-cmp__table{border-collapse:collapse;display:block;font-size:14px;width:100%}.cpu-cmp__table tbody,.cpu-cmp__table thead{display:block}.cpu-cmp__table tr{display:grid;grid-template-columns:repeat(var(--cpu-cmp-cols,3),minmax(0,1fr))}.cpu-cmp__table thead th:first-child{display:none}.cpu-cmp__table thead tr{gap:var(--cpu-sp-2);grid-template-columns:1fr;margin-bottom:var(--cpu-sp-4)}.cpu-cmp__plan{align-items:center;background:var(--cpu-cmp-card);border-radius:var(--cpu-r-lg);column-gap:var(--cpu-sp-3);display:grid;font-weight:400;grid-template-areas:"name btn" "price btn" "note btn";grid-template-columns:minmax(0,1fr) auto;padding:var(--cpu-sp-3) var(--cpu-sp-4);text-align:left}.cpu-cmp__plan--accent{background:var(--cpu-ink);--cpu-text:var(--cpu-text-invert);--cpu-text-muted:var(--cpu-text-invert-muted)}.cpu-cmp__name{font-family:var(--cpu-font-display);font-size:17px;font-weight:700;grid-area:name}.cpu-cmp__name,.cpu-cmp__price{color:var(--cpu-text);display:block}.cpu-cmp__price{font-variant-numeric:tabular-nums;grid-area:price;margin-top:2px}.cpu-cmp__amount{font-family:var(--cpu-font-display);font-size:26px;font-weight:800;letter-spacing:-.02em}.cpu-cmp__note,.cpu-cmp__per{color:var(--cpu-text-muted);font-size:12px}.cpu-cmp__note{display:block;grid-area:note;line-height:1.35}.cpu-cmp__plan .cpu-btn{box-sizing:border-box;font-size:14px;grid-area:btn;height:auto;justify-content:center;line-height:1.2;max-width:100%;padding:10px 16px;white-space:nowrap}.cpu-cmp__plan--accent .cpu-btn--primary{background:var(--cpu-surface);color:var(--cpu-ink)}@keyframes cpuCmpFlip{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.cpu-cmp .is-flip{animation:cpuCmpFlip .22s var(--cpu-ease);display:inline-block}.cpu-cmp__group th{color:var(--cpu-teal-500);font-family:var(--cpu-font-mono);font-size:12px;font-weight:500;grid-column:1/-1;letter-spacing:var(--cpu-ls-wide);line-height:1;padding:var(--cpu-sp-5) 0 var(--cpu-sp-2);text-align:left;text-transform:uppercase}.cpu-cmp__row{border-top:1px solid var(--cpu-cmp-line);padding:var(--cpu-sp-2) 0}.cpu-cmp__row th{color:var(--cpu-text);font-weight:600;grid-column:1/-1;padding-bottom:var(--cpu-sp-1);text-align:left}.cpu-cmp__row td{color:var(--cpu-text);font-variant-numeric:tabular-nums;text-align:center}.cpu-cmp__row td:before{color:var(--cpu-text-muted);content:attr(data-plan);display:block;font-family:var(--cpu-font-mono);font-size:10px;font-weight:500;letter-spacing:.06em;line-height:1.2;margin-bottom:2px;text-transform:uppercase}.cpu-yes{color:var(--cpu-teal-500);display:inline-flex}.cpu-no{color:color-mix(in srgb,var(--cpu-text-muted) 60%,transparent)}.cpu-cmp__badge{background:color-mix(in srgb,var(--cpu-bright) 22%,transparent);border-radius:var(--cpu-r-pill);color:var(--cpu-teal);font-family:var(--cpu-font-mono);font-size:10px;font-weight:500;line-height:1.4;margin-left:6px;padding:1px 6px;vertical-align:1px}@media (min-width:621px){.cpu-cmp__table{display:table;font-size:15px;table-layout:fixed}.cpu-cmp__table thead{display:table-header-group}.cpu-cmp__table tbody{display:table-row-group}.cpu-cmp__table tr{display:table-row}.cpu-cmp__table td,.cpu-cmp__table th{display:table-cell}.cpu-cmp__table thead th:first-child{display:table-cell;width:30%}.cpu-cmp__table thead th{border-bottom:1px solid var(--cpu-cmp-line);padding:var(--cpu-sp-4) var(--cpu-sp-2) var(--cpu-sp-3);vertical-align:bottom}.cpu-cmp__plan{background:transparent;border-radius:0;padding-inline:var(--cpu-sp-2);text-align:center}.cpu-cmp__table thead th.cpu-cmp__plan--accent{background:var(--cpu-ink);border-bottom-color:transparent;border-radius:var(--cpu-r-md) var(--cpu-r-md) 0 0}.cpu-cmp__name{font-size:18px}.cpu-cmp__price{margin-top:var(--cpu-sp-1)}.cpu-cmp__amount{font-size:30px}.cpu-cmp__note{margin:2px 0 var(--cpu-sp-2);min-height:2.7em}.cpu-cmp__plan .cpu-btn{display:flex;font-size:13px;min-height:40px;padding:8px 10px;white-space:normal;text-wrap:balance;width:100%}.cpu-cmp__group th{padding:var(--cpu-sp-6) var(--cpu-sp-2) var(--cpu-sp-2) 0}.cpu-cmp__row{padding:0}.cpu-cmp__row td,.cpu-cmp__row th{border-top:1px solid var(--cpu-cmp-line);padding:var(--cpu-sp-3) var(--cpu-sp-2);vertical-align:middle}.cpu-cmp__row th{font-weight:500;padding-left:0}.cpu-cmp__row td:before{content:none}.cpu-cmp__row td.is-accent{background:var(--cpu-cmp-accent-cell)}}@media (min-width:981px){.cpu-cmp__table thead th:first-child{width:38%}.cpu-cmp__plan .cpu-btn{font-size:14px;padding:11px 14px}.cpu-cmp__amount{font-size:32px}}.cpu-cmp__foot{margin:var(--cpu-sp-5) 0 0;max-width:820px}@media (prefers-reduced-motion:reduce){.cpu-bill:before,.cpu-bill__opt span{transition:none}.cpu-cmp .is-flip{animation:none}}