.zp{--zp-violet:#8939C6;--zp-plan:#FAF8F5;--zp-popular:#FFFDFB;--zp-shade:60 35 15;--zp-cta:hsl(27 96% 61%);--zp-cta-ink:hsl(261 51% 12%);--zp-radius:1.75rem;--zp-btn-radius:14px;container-type:inline-size}.dark .zp{--zp-plan:hsl(var(--card));--zp-popular:hsl(var(--accent));--zp-shade:0 0 0}.zp-grid{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 560px){.zp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width: 900px){.zp-grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (min-width: 1100px){.zp-grid[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}}.zp-reserve{display:none}@container (min-width: 560px){.zp-reserve{display:block}}.zp-card{position:relative;display:flex;flex-direction:column;padding:1.5rem;border-radius:var(--zp-radius);background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0) 55%),var(--zp-plan);box-shadow:inset 0 0 0 1.5px hsl(var(--border)),0 16px 28px rgb(var(--zp-shade)/.14),0 1px 2px rgb(var(--zp-shade)/.06);transition:transform .25s ease,box-shadow .25s ease}.dark .zp-card{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 55%),var(--zp-plan);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.1),0 18px 30px rgba(0,0,0,.5)}.zp-card.zp-popular{z-index:1;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0) 55%),var(--zp-popular);box-shadow:inset 0 0 0 2px var(--zp-violet),0 18px 30px rgb(var(--zp-shade)/.16),0 1px 2px rgb(var(--zp-shade)/.06)}.dark .zp-card.zp-popular{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 55%),var(--zp-popular);box-shadow:inset 0 0 0 2px var(--zp-violet),0 18px 30px rgba(0,0,0,.5)}.zp-card:hover{transform:translateY(-4px)}@container (min-width: 900px){.zp-card.zp-popular{transform:translateY(-4px)}.zp-card.zp-popular:hover{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.zp-card,.zp-card.zp-popular,.zp-card.zp-popular:hover,.zp-card:hover{transform:none}}@supports (grid-template-rows:subgrid){.zp-grid{row-gap:0;margin-bottom:-1.5rem}.zp-card{display:grid;grid-template-rows:subgrid;grid-row:span 10;row-gap:0;margin-bottom:1.5rem}}@supports (corner-shape:squircle){.zp-band,.zp-card{corner-shape:squircle;--zp-radius:2.5rem}}.zp-badge{position:absolute;top:0;left:50%;z-index:2;transform:translate(-50%,-50%);white-space:nowrap;padding:.375rem 1rem;font-size:11px;letter-spacing:.025em;background:var(--zp-cta);color:var(--zp-cta-ink);box-shadow:0 10px 15px -3px rgba(249,115,22,.3)}.zp-badge,.zp-current-pill{border-radius:9999px;font-weight:800}.zp-current-pill{flex-shrink:0;padding:.125rem .5rem;font-size:10px;background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.zp-bar-on{background:var(--zp-violet)}.zp-bar-off{background:hsl(var(--primary)/.15)}.zp-check{flex-shrink:0;width:1.25rem;height:1.25rem;color:#fff;background:var(--zp-violet);border-radius:44% 56% 58% 42%/50% 42% 58% 50%}.zp-btn,.zp-check{display:flex;align-items:center;justify-content:center}.zp-btn{width:100%;gap:.5rem;padding:.875rem 1rem;border-radius:var(--zp-btn-radius);font-size:.875rem;font-weight:700;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,filter .2s ease}.zp-btn:active{transform:scale(.95)}.zp-btn[data-pending]{opacity:.7;pointer-events:none}.zp-btn-plain{background:var(--zp-violet);color:#fff;box-shadow:0 4px 6px -1px rgb(137 57 198/.25)}.dark .zp-btn-plain{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.zp-btn-plain:hover{box-shadow:0 10px 15px -3px rgb(137 57 198/.35)}.zp-btn-popular{background:var(--zp-cta);color:var(--zp-cta-ink);box-shadow:0 10px 15px -3px rgba(249,115,22,.3)}.zp-btn-current{background:hsl(var(--primary)/.1);color:hsl(var(--primary));box-shadow:inset 0 0 0 1px hsl(var(--primary)/.3);cursor:var(--cur-default,default)}@supports (corner-shape:squircle){.zp-btn{corner-shape:squircle;--zp-btn-radius:19.6px}}.zp-periods{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.25rem;padding:.375rem;border-radius:1.4rem;background:hsl(var(--primary)/.08)}.dark .zp-periods{background:rgba(255,255,255,.06)}.zp-period{display:inline-flex;min-height:40px;align-items:center;gap:.375rem;padding:.5rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;color:hsl(var(--foreground));transition:background .2s ease}@container (min-width: 560px){.zp-period{padding:.5rem 1rem;font-size:.875rem}}.zp-period:hover{background:rgba(255,255,255,.8)}.dark .zp-period:hover{background:rgba(255,255,255,.1)}.zp-period.zp-period-on{background:var(--zp-violet);color:#fff;box-shadow:0 10px 15px -3px rgb(137 57 198/.25)}.zp-save{white-space:nowrap;padding:.125rem .375rem;border-radius:9999px;font-size:10px;font-weight:900;background:#047857;color:#fff}.zp-period-on .zp-save{background:#fff;color:var(--zp-violet)}.zp-range{display:block;width:100%;height:.375rem;border-radius:9999px;appearance:none;-webkit-appearance:none;cursor:var(--cur-pointer,pointer);outline:none}.zp-range:focus-visible{box-shadow:0 0 0 2px hsl(var(--primary)/.4)}.zp-range::-webkit-slider-thumb{appearance:none;width:1rem;height:1rem;border-radius:9999px;background:var(--zp-violet);border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.2);cursor:var(--cur-pointer,pointer)}.zp-range::-moz-range-thumb{width:1rem;height:1rem;border-radius:9999px;background:var(--zp-violet);border:2px solid #fff;cursor:var(--cur-pointer,pointer)}.dark .zp-range::-moz-range-thumb,.dark .zp-range::-webkit-slider-thumb{border-color:hsl(var(--background))}.zp-dot{position:absolute;top:50%;width:.5rem;height:.5rem;border-radius:9999px;transform:translate(-50%,-50%);background:var(--zp-violet);opacity:.4}.zp-dot.zp-dot-on{opacity:1}.zp-band{position:relative;overflow:hidden;border-radius:var(--zp-radius);background:linear-gradient(90deg,rgb(137 57 198/.03),transparent),hsl(var(--card));box-shadow:inset 0 0 0 1.5px hsl(var(--border)),0 16px 28px rgb(var(--zp-shade)/.12)}.dark .zp-band{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.1),0 18px 30px rgba(0,0,0,.45)}.zp-band-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;color:var(--zp-violet);background:rgb(137 57 198/.1);border-radius:44% 56% 58% 42%/50% 42% 58% 50%}.dark .zp-band-icon{color:hsl(var(--primary))}.zp-manage{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 2rem;border-radius:var(--zp-radius);background:hsl(var(--card));box-shadow:inset 0 0 0 1.5px hsl(var(--border))}@container (min-width: 560px){.zp-manage{flex-direction:row}}.zp-manage-btn{display:flex;flex-shrink:0;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--zp-btn-radius);font-size:.875rem;font-weight:700;background:hsl(var(--foreground)/.05);box-shadow:inset 0 0 0 1px hsl(var(--foreground)/.15)}.zp-manage-btn:hover{background:hsl(var(--foreground)/.09)}