.plans-page{isolation:isolate;background:radial-gradient(110% 70% at 8% -8%, color-mix(in oklab, var(--accent) 22%, transparent), transparent 58%), radial-gradient(85% 55% at 100% 0%, color-mix(in oklab, var(--accent) 12%, transparent), transparent 52%), linear-gradient(180deg, color-mix(in oklab, var(--accent) 6%, var(--surface-0)) 0%, var(--surface-0) 40%, var(--surface-0) 100%);min-height:70vh;position:relative;overflow-x:clip}.plans-page:before{content:"";pointer-events:none;z-index:0;opacity:.4;background-image:linear-gradient(color-mix(in oklab, var(--border-1) 70%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, var(--border-1) 70%, transparent) 1px, transparent 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 50% at 50% 12%,#000 15%,#0000 72%);mask-image:radial-gradient(75% 50% at 50% 12%,#000 15%,#0000 72%)}.plans-page-inner{z-index:1;gap:var(--space-12);width:100%;max-width:72rem;padding:var(--space-12) var(--space-6);flex-direction:column;margin-inline:auto;display:flex;position:relative}@media (min-width:768px){.plans-page-inner{gap:var(--space-16);padding-block:var(--space-16)}}.plans-page-hero{text-align:center;flex-direction:column;align-items:center;max-width:44rem;margin-inline:auto;display:flex}.plans-page-title{font-size:var(--text-4xl);letter-spacing:-.03em;color:var(--fg-1);animation:plans-rise .75s var(--ease-out-quart) both;font-weight:650;line-height:1.1}@media (min-width:768px){.plans-page-title{font-size:var(--text-5xl)}}.plans-page-lead{margin-top:var(--space-4);max-width:36rem;font-size:var(--text-md);line-height:var(--lh-normal);color:var(--fg-2);animation:plans-rise .75s var(--ease-out-quart) 80ms both}.plans-compare{gap:var(--space-6);padding-block:var(--space-3);display:grid}@media (min-width:1024px){.plans-compare{align-items:stretch;gap:var(--space-7);grid-template-columns:1fr 1fr}}.plans-card{--plans-card-lift:0px;--plans-card-border:var(--border-1);--plans-card-bar:color-mix(in oklab, var(--fg-1) 18%, var(--border-1));--plans-card-bar-h:3px;--plans-card-surface:var(--surface-1);border-radius:calc(var(--radius-md) + 4px);padding:var(--space-7) var(--space-6);border:1.5px solid var(--plans-card-border);background:var(--plans-card-surface);box-shadow:0 1px 0 color-mix(in oklab, var(--fg-1) 6%, transparent), 0 8px 16px -12px color-mix(in oklab, var(--fg-1) 22%, transparent);transform:translateY(var(--plans-card-lift));transition:transform var(--dur-normal) var(--ease-out-quart), border-color var(--dur-fast) var(--ease-out-quart), background-color var(--dur-normal) var(--ease-out-quart), box-shadow var(--dur-normal) var(--ease-out-quart);animation:plans-rise .8s var(--ease-out-quart) both;flex-direction:column;display:flex;position:relative;overflow:hidden}.plans-card:before{content:"";height:var(--plans-card-bar-h);background:var(--plans-card-bar);transition:height var(--dur-fast) var(--ease-out-quart), background-color var(--dur-fast) var(--ease-out-quart);position:absolute;top:0;left:0;right:0}.plans-card:first-child{animation-delay:.12s}.plans-card:nth-child(2){animation-delay:.2s}.plans-card:hover{--plans-card-lift:-4px;--plans-card-border:color-mix(in oklab, var(--accent) 45%, var(--border-1));--plans-card-bar:var(--accent);--plans-card-bar-h:4px;--plans-card-surface:color-mix(in oklab, var(--accent) 5%, var(--surface-1));box-shadow:0 1px 0 color-mix(in oklab, var(--fg-1) 8%, transparent), 0 12px 20px -14px color-mix(in oklab, var(--fg-1) 28%, transparent)}.plans-card--selected{--plans-card-lift:-2px;--plans-card-border:var(--accent);--plans-card-bar:var(--accent);--plans-card-bar-h:4px;--plans-card-surface:color-mix(in oklab, var(--accent) 9%, var(--surface-1));box-shadow:0 1px 0 color-mix(in oklab, var(--accent) 30%, transparent), 0 12px 20px -14px color-mix(in oklab, var(--fg-1) 26%, transparent);cursor:default}.plans-card--selected:hover{--plans-card-lift:-3px;--plans-card-border:var(--accent);--plans-card-surface:color-mix(in oklab, var(--accent) 11%, var(--surface-1))}.plans-card:not(.plans-card--selected){cursor:pointer}.plans-card-total{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid color-mix(in oklab, var(--accent) 35%, var(--border-1));background:color-mix(in oklab, var(--accent) 8%, var(--surface-1));font-size:var(--text-sm);color:var(--fg-1);font-weight:600}.plans-card-name{font-size:var(--text-2xl);letter-spacing:-.02em;color:var(--fg-1);font-weight:650}.plans-card-tagline{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--fg-3)}.plans-card-price{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid color-mix(in oklab, var(--border-1) 85%, var(--accent));align-items:baseline;gap:var(--space-2);letter-spacing:-.04em;color:var(--fg-1);flex-wrap:wrap;font-size:clamp(2.25rem,4vw,3rem);font-weight:700;line-height:1;display:flex}.plans-card-price-unit{font-size:var(--text-sm);letter-spacing:0;color:var(--fg-3);font-weight:500}.plans-card-features{margin-top:var(--space-5);gap:var(--space-2);flex-direction:column;display:flex}.plans-card-feature{gap:var(--space-2);font-size:var(--text-sm);color:var(--fg-2);display:flex}.plans-card-check{border:1px solid color-mix(in oklab, var(--success) 40%, var(--border-1));background:color-mix(in oklab, var(--success) 14%, transparent);width:1.15rem;height:1.15rem;color:var(--success);transition:background-color var(--dur-fast) var(--ease-out-quart), border-color var(--dur-fast) var(--ease-out-quart);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;margin-top:.15rem;display:inline-flex}.plans-card:hover .plans-card-check,.plans-card--selected .plans-card-check{background:color-mix(in oklab, var(--success) 22%, transparent);border-color:var(--success)}.plans-card-footer{padding-top:var(--space-6);margin-top:auto}.plans-interval{margin-top:var(--space-4);gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border-1);display:inline-flex}.plans-faq-wrap{animation:plans-rise .85s var(--ease-out-quart) .28s both}.plans-faq-wrap ul{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-md)}@keyframes plans-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.plans-page-title,.plans-page-lead,.plans-card,.plans-faq-wrap{animation:none!important}.plans-card,.plans-card:hover,.plans-card--selected,.plans-card--selected:hover{--plans-card-lift:0px}}