.pricing{position:relative;color:var(--color-text);background:linear-gradient(135deg,color-mix(in oklab,var(--color-surface) 97%,var(--color-primary-soft, var(--color-primary)) 3%),color-mix(in oklab,var(--color-background) 96%,var(--color-surface) 4%));margin:0 auto;padding:clamp(var(--space-4),4vw,var(--space-6));border-radius:var(--radius-2xl);box-shadow:var(--shadow-xs);border:1px solid color-mix(in oklab,var(--color-border-subtle, #e5e7eb) 80%,transparent);max-width:var(--layout-max-width, 72rem)}.pricing__grid{display:grid;gap:var(--space-5);grid-template-columns:1fr;padding-block:var(--space-3)}@media(min-width:768px){.pricing__grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-block:var(--space-4)}}@media(min-width:1024px){.pricing__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.pricing__card{position:relative;display:grid;grid-template-rows:auto 1fr auto;min-block-size:100%;gap:var(--space-3);padding:var(--space-4) var(--space-3);background:var(--color-surface);border:1px solid color-mix(in oklab,var(--color-border-subtle, #e5e7eb) 90%,transparent);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.pricing__card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:color-mix(in oklab,var(--color-primary) 22%,var(--color-border-subtle, #e5e7eb));background:color-mix(in oklab,var(--color-surface) 94%,var(--color-primary-soft, var(--color-primary)) 6%)}.pricing__card.is-highlight{background:color-mix(in oklab,var(--color-surface) 90%,var(--color-primary-soft, var(--color-primary)) 10%);border-color:color-mix(in oklab,var(--color-primary) 45%,transparent);box-shadow:var(--shadow-md);transform:translateY(-2px);padding-top:calc(var(--space-4) + 1.5rem);padding-left:calc(var(--space-3) + .5rem)}.pricing__badge{position:absolute;top:var(--space-3);left:var(--space-3);margin:0;font-size:var(--fs-xxs, .7rem);text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:var(--color-on-primary);z-index:2;pointer-events:none;transform:rotate(-10deg);transform-origin:left center}.pricing__badgeLabel{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .7rem;border-radius:999px;background:linear-gradient(135deg,color-mix(in oklab,var(--color-accent) 90%,var(--color-primary) 10%),color-mix(in oklab,var(--color-accent) 70%,#ffffff 12%));box-shadow:0 3px 8px color-mix(in oklab,var(--color-accent) 30%,transparent);border:1px solid color-mix(in oklab,var(--color-accent) 60%,transparent)}.pricing__badgeLabel:before{content:"★";font-size:.75em}.pricing__cardHead{display:grid;gap:.25rem;text-align:center}.pricing__planName{margin:0;font-weight:700;font-size:var(--fs-md);line-height:1.3;position:relative;padding-bottom:var(--space-2);margin-bottom:var(--space-1)}.pricing__planName:after{content:"";position:absolute;left:50%;transform:translate(-50%);inline-size:3rem;block-size:2px;border-radius:999px;background:color-mix(in oklab,var(--color-accent) 80%,var(--color-border-subtle, #e5e7eb) 20%)}.pricing__planDesc{margin:0;color:var(--color-text);font-size:var(--fs-xs, .85rem);line-height:1.5;padding-bottom:var(--space-2);margin-bottom:var(--space-1);border-bottom:1px solid color-mix(in oklab,var(--color-border-subtle, #e5e7eb) 85%,transparent)}.pricing__priceOriginal{position:relative;margin:0 0 var(--space-1);font-size:var(--fs-xs, .85rem);line-height:1.4;text-align:center;font-weight:500;color:color-mix(in oklab,var(--color-text) 70%,var(--color-border-subtle, #e5e7eb) 30%)}.pricing__priceOriginal:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:-.35rem;inline-size:2rem;block-size:2px;border-radius:999px;background:color-mix(in oklab,var(--color-accent) 80%,var(--color-surface) 20%)}.pricing__priceOriginalValue{text-decoration:line-through;text-decoration-thickness:1px;text-underline-offset:.12em}.pricing__price{margin:var(--space-1) 0 0;font-weight:800;line-height:1.1;color:var(--color-primary);font-size:clamp(1.15rem,1rem + .7vw,1.6rem);display:inline-flex;align-items:baseline;justify-content:center;padding:.25rem .9rem;border-radius:999px;background:color-mix(in oklab,var(--color-primary-soft, var(--color-primary)) 14%,var(--color-surface) 86%);box-shadow:0 0 0 1px color-mix(in oklab,var(--color-primary-soft, var(--color-primary)) 25%,transparent)}.pricing__priceNote{margin:var(--space-1) 0 0;font-size:var(--fs-2xs, .75rem);line-height:1.4;text-align:center;color:color-mix(in oklab,var(--color-text) 60%,var(--color-border-subtle, #e5e7eb) 40%)}.pricing__features{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.pricing__feature{display:grid;grid-template-columns:1.05rem 1fr;align-items:start;gap:.4rem;color:var(--color-text);font-size:var(--fs-sm)}.pricing__feature strong{font-weight:600;color:color-mix(in oklab,var(--color-text) 92%,var(--color-border-subtle, #e5e7eb) 8%)}.pricing__feature:before{content:"✓";display:inline-grid;place-items:center;inline-size:1.05rem;block-size:1.05rem;border-radius:9999px;font-size:.7rem;line-height:1;color:var(--color-on-primary);background:var(--color-accent);margin-top:.1rem}.pricing__actions{align-self:end;display:grid;justify-items:center;margin-top:var(--space-1)}.pricing__cta{align-self:end;min-block-size:44px}.pricing :where(a,button):focus-visible{outline:2px solid transparent;box-shadow:0 0 0 3px var(--color-focus-ring);border-radius:.25rem}@media(min-width:640px){.pricing__card{padding:var(--space-5) var(--space-4)}}@media(min-width:768px){.pricing__card{gap:var(--space-3)}.pricing__planName{font-size:var(--fs-lg)}}@media(min-width:1024px){.pricing__price{font-size:clamp(1.3rem,1.1rem + .7vw,1.8rem)}}@media(min-width:1280px){.pricing__card{padding:var(--space-5) var(--space-4)}}@media(min-width:1536px){.pricing__card{padding:var(--space-6) var(--space-4)}}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.pricing__card,.pricing__cta{transition:none}}