.billing-toggle{border:1px solid var(--border);corner-shape:round;background:var(--surface-sunken);border-radius:999px;grid-template-columns:1fr 1fr;padding:4px;display:inline-grid;position:relative}.billing-toggle-thumb{corner-shape:round;background:color-mix(in srgb, var(--primary) 16%, var(--surface));width:calc(50% - 4px);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 16%, transparent), 0 2px 8px color-mix(in srgb, var(--primary) 10%, transparent);border-radius:999px;transition:transform .38s cubic-bezier(.22,1,.36,1);position:absolute;top:4px;bottom:4px;left:4px}.billing-toggle[data-value=year] .billing-toggle-thumb{transform:translate(100%)}.billing-toggle-option{min-height:44px;color:var(--muted);white-space:nowrap;border-radius:999px;padding:0 24px;transition:color .2s;position:relative}.billing-toggle-option[aria-pressed=true]{color:var(--primary-subtle-fg);font-weight:650}.plan-ticket-list{flex-direction:column;gap:24px;width:100%;max-width:1160px;display:flex}.plan-ticket{--ticket-border:var(--border);--ticket-bw:1px;--ticket-bg:var(--surface);--ticket-shadow:drop-shadow(0 2px 8px color-mix(in srgb, var(--fg) 3%, transparent));isolation:isolate;border:var(--ticket-bw) solid transparent;border-radius:var(--radius-card);background:0 0;gap:22px;min-width:0;padding:24px;transition:transform .28s cubic-bezier(.22,1,.36,1);animation:.52s cubic-bezier(.22,1,.36,1) backwards plan-ticket-in;display:grid;position:relative}.plan-ticket+.plan-ticket{animation-delay:90ms}.plan-ticket.is-recommended{--ticket-border:var(--primary);--ticket-bw:1.5px;--ticket-bg:color-mix(in srgb, var(--primary) 4%, var(--surface))}.plan-ticket-glass{z-index:-1;inset:calc(-1 * var(--ticket-bw));border:var(--ticket-bw) solid var(--ticket-border);border-radius:inherit;-webkit-backdrop-filter:var(--ticket-blur,none);backdrop-filter:var(--ticket-blur,none);clip-path:var(--ticket-clip,none);pointer-events:none;transition:border-color .22s;position:absolute}.plan-ticket-shadow{z-index:-2;inset:calc(-1 * var(--ticket-bw));border-radius:inherit;filter:var(--ticket-shadow);pointer-events:none;transition:filter .28s;position:absolute}.plan-ticket-shadow>span{border-radius:inherit;background:var(--ticket-bg);clip-path:var(--ticket-clip,none);position:absolute;inset:0}.plan-ticket-identity{flex-direction:column;gap:6px;min-width:0;display:flex;position:relative}.plan-ticket-icon{corner-shape:round;width:48px;height:48px;color:var(--primary);background:color-mix(in srgb, var(--primary) 9%, var(--surface));border-radius:50%;place-items:center;margin-bottom:6px;display:grid;position:relative}.plan-ticket-crown{stroke-width:2.2px;width:13px;height:13px;position:absolute;top:5px}.plan-ticket-icon:has(.plan-ticket-crown)>:last-child{margin-top:10px}.plan-ticket-price{font-size:clamp(28px, calc(2.6 * var(--vw)), 36px);letter-spacing:-.03em;color:var(--fg);margin-top:4px;font-weight:700;line-height:1.1}.plan-ticket-features{border-top:1.5px dashed color-mix(in srgb, var(--border) 90%, transparent);padding-top:20px}.plan-feature-grid{gap:14px 24px;width:100%;min-width:0;display:grid}.plan-ticket-cta{justify-content:center;align-items:center;display:flex;position:relative}.plan-ticket-button{text-align:left;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding-inline:24px;font-size:15px;line-height:1.35}.plan-ticket-button svg{transition:transform .28s cubic-bezier(.22,1,.36,1)}.plan-ticket-dots{background-image:radial-gradient(circle, color-mix(in srgb, var(--primary) 28%, transparent) 1.3px, transparent 1.7px);pointer-events:none;background-size:10px 8px;width:60px;height:24px;display:none;position:absolute}.plan-picker-note{text-align:center;text-wrap:balance;justify-content:center;align-items:center;gap:14px;max-width:720px;margin-top:6px;line-height:1.7;display:flex}@media (min-width:640px){.plan-ticket{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;padding:28px}.plan-ticket-features{border-top:0;border-left:1px dashed var(--border-strong);padding:0 0 0 24px}.plan-ticket-cta{border-top:1px solid var(--border);grid-column:1/-1;padding-top:20px}.plan-ticket-button{min-height:50px}}@media (min-width:1024px){.plan-ticket{grid-template-columns:210px minmax(0,1fr) 176px;gap:0;padding:30px 32px}.plan-ticket-identity{justify-content:center;padding-right:20px}.plan-ticket-features{border-right:1px solid var(--border);align-items:center;padding:6px 24px;display:flex}.plan-feature-grid{grid-template-rows:repeat(4,auto);grid-template-columns:1.1fr 1fr;grid-auto-flow:column;column-gap:18px}.plan-ticket-cta{border-top:0;grid-column:auto;padding:0 0 0 24px}.plan-ticket-button{min-height:56px;padding-inline:18px}.plan-ticket-dots{opacity:.45;display:block;bottom:0;right:26px}.plan-ticket-identity>.plan-ticket-dots{display:none}.plan-ticket-cta .plan-ticket-dots{bottom:0;right:2px}.plan-ticket:before,.plan-ticket:after{content:"";border:var(--ticket-bw) solid var(--ticket-border);corner-shape:round;background:0 0;border-radius:50%;width:30px;height:30px;margin-top:-15px;position:absolute;top:50%}.plan-ticket-glass,.plan-ticket-shadow>span{--hole:calc(15px - var(--ticket-bw));-webkit-mask:radial-gradient(circle var(--hole) at 0 50%, #0000 98%, #000), radial-gradient(circle var(--hole) at 100% 50%, #0000 98%, #000);mask:radial-gradient(circle var(--hole) at 0 50%, #0000 98%, #000), radial-gradient(circle var(--hole) at 100% 50%, #0000 98%, #000);-webkit-mask-composite:source-in;mask-composite:intersect}.plan-ticket:before{left:calc(-15px - var(--ticket-bw));clip-path:inset(-2px -2px -2px 50%)}.plan-ticket:after{right:calc(-15px - var(--ticket-bw));clip-path:inset(-2px 50% -2px -2px)}}@media (hover:hover) and (pointer:fine){.plan-ticket{will-change:transform}.plan-ticket:hover{--ticket-shadow:drop-shadow(0 10px 28px color-mix(in srgb, var(--fg) 8%, transparent));transform:translateY(-2px)}.plan-ticket.is-recommended:hover{--ticket-shadow:drop-shadow(0 10px 28px color-mix(in srgb, var(--primary) 16%, transparent))}.plan-ticket-button:hover svg{transform:translate(4px)}.billing-toggle-option:not([aria-pressed=true]):hover{color:var(--fg)}}@keyframes plan-ticket-in{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){.plan-ticket,.billing-toggle-thumb,.plan-ticket-button svg{transition:none;animation:none}}.plan-picker-note>span{max-width:620px}.plan-picker{flex-direction:column;align-items:center;gap:28px;width:100%;min-width:0;display:flex}.plan-ticket-amount{min-height:82px}.plan-ticket-amount-content{animation:.26s ease-out plan-amount-in}.plan-ticket-price{white-space:nowrap;margin-bottom:6px}.plan-ticket-equivalent{margin-top:4px;display:block}.plan-feature-grid li{line-height:1.55}.plan-ticket:focus-within{--ticket-border:var(--primary);--ticket-shadow:drop-shadow(0 0 3px color-mix(in srgb, var(--primary) 30%, transparent))}.plan-ticket-button:active{transform:translateY(1px)}.billing-toggle-option,.plan-ticket{cursor:pointer}.billing-toggle-option:focus-visible,.plan-ticket-button:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.plan-picker-note{border:1px solid var(--border);border-radius:var(--radius-field);background:color-mix(in srgb, var(--surface) 65%, transparent);padding:16px 22px;font-size:13px}@media (min-width:1024px){.plan-ticket{grid-template-columns:238px minmax(0,1fr) 212px;min-height:252px}.plan-feature-grid{grid-template-rows:repeat(4,auto);grid-template-columns:1.1fr 1fr;grid-auto-flow:column;column-gap:20px}}@media (max-width:639px){.plan-picker{gap:22px}.plan-ticket-list{gap:18px}.plan-ticket-identity{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;display:grid}.plan-ticket-icon{margin:0}.plan-ticket-amount{grid-column:1/-1;min-height:80px}.plan-ticket-price{font-size:34px}.plan-ticket-features{padding-top:20px}.plan-ticket-button{min-height:50px}.plan-picker-note{text-align:left;align-items:flex-start;gap:10px;padding:14px}.plan-picker-note>svg{margin-top:2px}}@keyframes plan-amount-in{0%{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.plan-ticket-amount-content{animation:none}.plan-picker *,.plan-ticket{transition:none!important}.plan-ticket:hover,.plan-ticket-button:active,.plan-ticket-button:hover svg,.plan-ticket-button.is-secondary:hover{transform:none}}.plan-ticket.is-skeleton{pointer-events:none;cursor:default}.plan-ticket-button.is-secondary{border-color:color-mix(in srgb, var(--primary) 22%, var(--border));transition:background-color .18s var(--ease-brand), color .18s var(--ease-brand), box-shadow .28s var(--ease-brand), transform .28s var(--ease-brand)}@media (hover:hover) and (pointer:fine){.plan-ticket-button.is-secondary:hover{background:color-mix(in srgb, var(--primary) 10%, var(--surface));color:var(--primary-subtle-fg);box-shadow:var(--sh-hover);transform:translateY(-2px)}}