.pricing{padding:var(--padding-container-xy)}.trackToggle{display:flex;justify-content:center;gap:0;margin-bottom:1.5rem}.pricing .trackToggle .formButton{padding:.75rem 2rem;font-size:var(--text-base);font-weight:500;background-image:none;background-color:var(--color-neutral-800);color:var(--color-neutral-200);border:1px solid var(--color-neutral-700);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default);border-radius:0}.pricing .trackToggle .formButton:first-child{border-radius:var(--radius-lg) 0 0 var(--radius-lg);border-right:none}.pricing .trackToggle .formButton:last-child{border-radius:0 var(--radius-lg) var(--radius-lg) 0}.pricing .trackToggle .formButton.active{background-image:none;background-color:var(--color-primary-100);color:var(--color-neutral-1000);border-color:var(--color-primary-100)}.pricing .trackToggle .formButton:hover:not(.active){background-image:none;background-color:var(--color-neutral-700)}.billingToggle{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:var(--text-sm);color:var(--color-neutral-400)}.billingToggle>span{font-weight:500}.billingToggle>span.active{color:var(--color-primary-200)}.billingToggle .formCheckbox.toggle{display:flex;align-items:center;gap:.75rem}.billingToggle .formCheckbox.toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;width:48px;height:26px;background-color:var(--color-neutral-700);border:none;border-radius:9999px;cursor:pointer;transition:background-color var(--duration-normal) var(--ease-default);flex-shrink:0}.billingToggle .formCheckbox.toggle input[type=checkbox]:before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background-color:var(--color-neutral-400);border-radius:50%;transition:transform var(--duration-normal) var(--ease-default),background-color var(--duration-normal) var(--ease-default)}.billingToggle .formCheckbox.toggle input[type=checkbox]:checked{background-color:var(--color-primary-400)}.billingToggle .formCheckbox.toggle input[type=checkbox]:checked:before{transform:translateX(22px);background-color:var(--color-neutral-1000)}.billingToggle .formCheckbox.toggle label{color:var(--color-neutral-400);cursor:pointer;font-weight:500}.billingToggle .formCheckbox.toggle input[type=checkbox]:checked+label{color:var(--color-primary-200);font-weight:500}.billingToggle .discount{display:inline-block;padding:.125rem .5rem;background-color:var(--color-success-700);color:var(--color-success-200);font-size:var(--text-xs);font-weight:500;border-radius:9999px;margin-left:.25rem}.trackDescription{text-align:center;max-width:600px;margin:0 auto 2rem;line-height:1.6}.pricing .planGroup{margin-bottom:2rem}.planCard{position:relative;background-color:var(--color-neutral-900);border:1px solid var(--color-neutral-700);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;height:100%;transition:transform var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default)}.planCard:hover{transform:translateY(-2px);box-shadow:0 4px 12px oklch(from var(--color-neutral-000) l c h/.1)}.planCard.recommended{border-color:var(--color-primary-300);box-shadow:0 0 0 1px var(--color-primary-300)}.planCard.recommended:hover{box-shadow:0 0 0 1px var(--color-primary-300),0 4px 12px oklch(from var(--color-neutral-000) l c h/.1)}.planCard .badge{position:absolute;top:-.75rem;left:50%;transform:translateX(-50%);background:linear-gradient(to right,var(--color-primary-100),var(--color-primary-200));color:var(--color-neutral-1000);font-size:var(--text-xs);font-weight:500;padding:.25rem .75rem;border-radius:9999px;white-space:nowrap}.planCard h4{font-size:var(--text-xl);font-weight:500;margin:0}.planCard .tagline{font-size:var(--text-sm);margin:0;line-height:1.4}.planCard .priceGroup{display:flex;flex-direction:column;gap:.25rem}.planCard .price{font-size:var(--text-4xl);font-weight:600;color:var(--color-neutral-000)}.planCard .price .period{font-size:var(--text-base);font-weight:400;color:var(--color-neutral-400)}.planCard .annual{font-size:var(--text-sm);color:var(--color-primary-300)}.planCard .savings{display:inline-block;font-size:var(--text-sm);color:var(--color-success-300);font-weight:500}.planCard .features{list-style:none;padding:0;margin:0;flex-grow:1;display:flex;flex-direction:column;gap:.5rem}.planCard .features li{display:flex;align-items:center;gap:.5rem;font-size:var(--text-sm)}.planCard .features li i{font-size:var(--text-lg);flex-shrink:0}.planCard .features li.included i{color:var(--color-success-300)}.planCard .features li.notIncluded,.planCard .features li.notIncluded i{color:var(--color-neutral-500)}.planCard .designNote{font-size:var(--text-xs);font-style:italic;margin:0;padding-top:.5rem;border-top:1px solid var(--color-neutral-500)}.planCard .formButton,.planCard .linkButton{width:100%;text-align:center;margin-top:auto}.pricing .faq{margin-top:3rem;margin-bottom:2rem;text-align:center}.pricing .faq p{margin-bottom:1.5rem}@media (width >= 48rem){.planCard{padding:2rem}.planCard h4{font-size:var(--text-2xl)}.pricing .trackToggle .formButton{padding:.75rem 3rem}}