.pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:56rem;margin:0 auto;align-items:stretch}.pack-card{position:relative;display:flex;flex-direction:column;background:var(--pack-surface);border:1px solid var(--pack-line);border-radius:18px;padding:22px 18px;box-shadow:var(--pack-shadow);transition:transform .22s,box-shadow .22s,border-color .22s}.pack-card:hover{transform:translateY(-4px);box-shadow:0 34px 70px -26px rgba(23,21,31,.26),inset 0 1px 0 rgba(255,255,255,.7)}.pack-card.reco{border:1.5px solid var(--pack-accent);box-shadow:0 28px 64px -26px color-mix(in oklab,var(--pack-accent) 75%,transparent),inset 0 1px 0 rgba(255,255,255,.7)}.pack-card.reco:hover{box-shadow:0 36px 76px -28px color-mix(in oklab,var(--pack-accent) 85%,transparent),inset 0 1px 0 rgba(255,255,255,.7)}.pack-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--pack-ink);color:#fff;font-size:10px;white-space:nowrap;border-radius:99px;padding:5px 11px;box-shadow:0 6px 14px -6px rgba(23,21,31,.5)}.pack-badge,.pack-name{font-family:var(--font-plex-mono),ui-monospace,monospace;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.pack-name{font-size:11px;color:var(--pack-muted)}.pack-price{display:flex;align-items:baseline;gap:7px;margin-top:11px}.pack-price b{font-family:var(--font-archivo),sans-serif;font-weight:800;font-size:34px;letter-spacing:-.03em;line-height:1}.pack-billed{font-size:12.5px;color:var(--pack-muted);margin-top:6px;margin-bottom:20px}.pack-cta{display:flex;align-items:center;justify-content:center;width:100%;margin-top:auto;height:42px;border-radius:99px;font-family:inherit;font-weight:700;font-size:14.5px;border:1px solid color-mix(in oklab,var(--pack-ink) 18%,transparent);background:transparent;color:var(--pack-ink);cursor:pointer;transition:.18s}.pack-cta:disabled{opacity:.5;cursor:not-allowed}.pack-cta:hover:not(:disabled){border-color:var(--pack-accent);background:var(--pack-accent-soft)}.pack-card.reco .pack-cta{border-color:transparent;color:#fff;box-shadow:0 10px 22px -12px var(--pack-accent)}.pack-card.reco .pack-cta,.pack-card.reco .pack-cta:hover:not(:disabled){background:linear-gradient(180deg,var(--pack-accent-hl),var(--pack-accent))}.pack-card.reco .pack-cta:hover:not(:disabled){filter:brightness(1.06)}.pack-error{margin-top:8px;font-size:12px;line-height:1.4;color:#dc2626}.pack-note{text-align:center;color:var(--pack-faint);font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:12px;margin-top:22px}.pack-manage{display:flex;flex-direction:column;margin-top:auto}.pack-shared{display:none}@media (max-width:860px){.pack-grid{grid-template-columns:minmax(0,1fr);gap:12px;max-width:30rem}.pack-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name   cta" "price  cta" "billed cta" "feats  feats";align-items:center;column-gap:14px;padding:16px 16px 16px 18px}.pack-badge,.pack-card:hover{transform:none}.pack-badge{left:18px}.pack-name{grid-area:name;font-size:12px}.pack-price{grid-area:price;margin-top:5px}.pack-price b{font-size:28px}.pack-billed{grid-area:billed;margin:5px 0 0}.pack-cta,.pack-manage{grid-area:cta}.pack-cta{width:auto;min-width:104px;margin:0;padding:0 18px}.pack-error{grid-column:1/-1}.pack-feats{grid-area:feats;flex-direction:row;flex-wrap:wrap;gap:6px 14px;margin:12px 0 0}.pack-feats li{font-size:12.5px}.pack-feats li.is-shared{display:none}.pack-shared{display:block;max-width:30rem;margin:18px auto 0;padding:0 4px}.pack-shared p{margin:0;font-size:12.5px;font-weight:600;color:var(--pack-ink)}.pack-shared .pack-feats{flex-direction:column;gap:7px;margin:8px 0 0}}.pack-feats{list-style:none;margin:14px 0 18px;padding:0;display:flex;flex-direction:column;gap:7px}.pack-feats li{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.4;color:var(--pack-muted)}.pack-feats li:before{content:"";flex:none;width:5px;height:9px;margin-top:4px;border:solid var(--pack-accent);border-width:0 2px 2px 0;transform:rotate(45deg)}.pack-card .pack-billed.is-plan{margin-bottom:0}.lp-switch{display:flex;justify-content:center;margin-bottom:28px}.lp-seg{display:inline-flex;gap:2px;background:var(--pack-accent-soft);border:1px solid var(--pack-line);border-radius:99px;padding:3px}.lp-seg button{font-family:inherit;font-size:13.5px;font-weight:600;color:var(--pack-muted);background:transparent;border:0;border-radius:99px;padding:8px 16px;cursor:pointer;transition:.2s}.lp-seg button:hover:not(.on){color:var(--pack-ink)}.lp-seg button.on{background:var(--pack-accent);color:#fff}.mode-tabs{display:inline-flex;gap:26px;border-bottom:1px solid var(--mode-line);flex-wrap:wrap}.mode-tabs button{position:relative;background:none;border:0;border-radius:0;padding:0 2px 12px;font-family:inherit;font-weight:600;font-size:14.5px;color:var(--mode-idle);cursor:pointer;transition:color .2s}.mode-tabs button.on,.mode-tabs button:hover:not(.on){color:var(--mode-on)}.mode-tabs button.on:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2.5px;border-radius:2px;background:var(--mode-underline)}.mode-tabs .seg-short{display:none}@media (max-width:860px){.mode-tabs{gap:22px}.mode-tabs button{font-size:16.5px;padding:11px 1px 13px}.mode-tabs button.on:after{height:3px}.mode-tabs .seg-long{display:none}.mode-tabs .seg-short{display:inline}}