@media (min-width:1024px){.ca-start-grid{grid-template-rows:auto auto 1fr;grid-template-areas:"head card""picker card""incl card"}.ca-start-head{grid-area:head}.ca-start-picker{grid-area:picker}.ca-start-incl{grid-area:incl}.ca-start-aside{top:calc(var(--nav-h) + 1.5rem);grid-area:card;align-self:start;position:sticky}}.ca-start-stack{display:grid}.ca-start-stack>*{grid-area:1/1}:is(.ca-start:not(:has(input[name=plan][value=starter]:checked)) [data-plan=starter],.ca-start:not(:has(input[name=plan][value=team]:checked)) [data-plan=team],.ca-start:not(:has(input[name=plan][value=pro]:checked)) [data-plan=pro],.ca-start:not(:has(input[name=interval][value=year]:checked)) [data-interval=yearly],.ca-start:has(input[name=interval][value=year]:checked) [data-interval=monthly]){visibility:hidden;opacity:0;transform:translateY(.35em)}@supports not selector(:has(*)){.ca-start .ca-start-ssr-off{visibility:hidden;opacity:0}.ca-start .ca-start-switch{display:none}}@media (prefers-reduced-motion:no-preference){.ca-start-stack>*{transition:opacity var(--dur-2) var(--ease-out), transform var(--dur-3) var(--ease-out), visibility var(--dur-3) var(--ease-out)}}.ca-start:has(input[name=interval][value=year]:checked) .ca-interval-thumb{transform:translate(100%)}.ca-start-row{background-color:rgb(var(--surface));cursor:pointer;transition:box-shadow var(--dur-2) var(--ease-out), background-color var(--dur-2) var(--ease-out);border-radius:16px;align-items:flex-start;gap:.875rem;padding:1rem 1.125rem;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}@media (min-width:640px){.ca-start-row{padding:1.125rem 1.375rem}}@media (hover:hover){.ca-start-row:hover{box-shadow:inset 0 0 0 1px #fff3}}.ca-start-row:has(:checked){background-color:rgb(var(--fg) / .05);box-shadow:inset 0 0 0 1px rgb(var(--fg) / .62)}.ca-start-row:has(:focus-visible){outline:2px solid rgb(var(--focus));outline-offset:2px}.ca-start-dot{width:1.125rem;height:1.125rem;box-shadow:inset 0 0 0 1.5px rgb(var(--fg) / .35);border-radius:9999px;flex:none;position:relative}.ca-start-dot:after{content:"";border-radius:inherit;background-color:rgb(var(--fg));position:absolute;inset:4px;transform:scale(0)}.ca-start-row:has(:checked) .ca-start-dot{box-shadow:inset 0 0 0 1.5px rgb(var(--fg))}.ca-start-row:has(:checked) .ca-start-dot:after{transform:scale(1)}@media (prefers-reduced-motion:no-preference){.ca-start-dot:after{transition:transform var(--dur-2) var(--ease-out)}}.ca-start-card{background-color:rgb(var(--surface));border-radius:20px;position:relative;box-shadow:inset 0 0 0 1px #ffffff1f}.ca-start-line{height:9px;position:relative}.ca-start-line:before{content:"";inset-inline:0;background-color:rgb(var(--fg) / .22);transform-origin:0;height:1px;position:absolute;top:4px}.ca-start-tick{background-color:rgb(var(--fg) / .45);width:1px;height:9px;position:absolute;top:0;left:0}.ca-start-tick[data-charge]{background-color:rgb(var(--gold));left:auto;right:0}@media (prefers-reduced-motion:no-preference){.ca-start-line:before{animation:ca-start-draw var(--dur-3) var(--ease-in-out) .15s both}.ca-start-tick[data-charge]{animation:ca-start-in var(--dur-2) var(--ease-out) .55s both}}@keyframes ca-start-draw{0%{transform:scaleX(0)}}@keyframes ca-start-in{0%{opacity:0}}.ca-start-input{background-color:rgb(var(--fg) / .05);width:100%;min-width:0;height:3rem;color:rgb(var(--fg));box-shadow:inset 0 0 0 1px rgb(var(--line-strong) / var(--line-strong-a));transition:box-shadow var(--dur-1) var(--ease-out);border-radius:12px;padding-inline:.9375rem;font-size:1rem;line-height:1.25;display:block}.ca-start-input::placeholder{color:rgb(var(--muted))}@media (hover:hover){.ca-start-input:hover{box-shadow:inset 0 0 0 1px rgb(var(--fg) / .32)}}.ca-start-input:focus-visible{outline:2px solid rgb(var(--focus));outline-offset:2px;box-shadow:inset 0 0 0 1px rgb(var(--fg) / .55)}.ca-start-input[aria-invalid=true]{box-shadow:inset 0 0 0 1.5px rgb(var(--danger))}@media (forced-colors:active){.ca-start-row,.ca-start-card,.ca-start-input{border:1px solid canvastext}.ca-start-row:has(:checked){outline-offset:-2px;outline:2px solid highlight}.ca-start-dot{border:1px solid canvastext}.ca-start-dot:after,.ca-start-tick{forced-color-adjust:none;background-color:highlight}}