.pricing{background:var(--color-surface-page)}.pricing-hero{padding:clamp(32px,6vw,64px);display:flex;flex-direction:column;gap:32px;align-items:center}.pricing-hero h1{margin:0;font-size:var(--fs-display);line-height:var(--lh-display);color:var(--color-text-headings);text-align:center}.pricing-controls{display:flex;flex-wrap:wrap;gap:32px;align-items:center;justify-content:center;padding:12px 24px;background:var(--color-surface-page);border-radius:var(--radius-md);box-shadow:0 0 10px rgb(var(--color-primary-300-rgb) / .6)}.pricing-controls__group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pricing-controls__group span{font-size:var(--fs-body);line-height:var(--lh-body)}.pricing-input{width:180px;height:48px;border:1px solid var(--color-border-disabled);border-radius:var(--radius-sm);background:var(--color-surface-page);padding:0 12px;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-text-body)}.pricing-radio{display:inline-flex;align-items:center;gap:8px;border:none;background:transparent;cursor:pointer;padding:0}.pricing-radio span{font-size:var(--fs-body);line-height:var(--lh-body)}.pricing-radio img{width:24px;height:24px;flex-shrink:0}.pricing-save{background:var(--color-surface-information);color:var(--color-text-primary);border-radius:var(--radius-sm);padding:4px 8px;font-weight:600;font-size:var(--fs-small);line-height:var(--lh-small)}.pricing-plans{padding:0 clamp(24px,6vw,64px) clamp(32px,6vw,64px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,6vw,111px);align-items:stretch}.plan-card{position:relative;background:var(--color-surface-default);border-radius:var(--radius-md);padding:24px;display:flex;flex-direction:column;gap:24px;box-shadow:0 0 10px rgb(var(--color-primary-300-rgb) / .6)}.plan-card--free{background:var(--color-surface-default)}.plan-card__header h2{margin:0;font-size:var(--fs-heading);line-height:var(--lh-heading);text-align:center;color:var(--color-text-body);border-bottom:1px solid var(--color-primary-300)}.plan-card__header p{margin:0;font-size:var(--fs-body);line-height:var(--lh-body);text-align:center;color:var(--color-text-body)}.plan-card__price{text-align:center;font-size:var(--fs-heading);line-height:var(--lh-heading);color:var(--color-text-body)}.plan-card__section h3{margin:0 0 8px;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-text-body)}.plan-card__section ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.plan-card__section li{display:flex;align-items:center;gap:8px;color:var(--color-text-body);font-size:var(--fs-body);line-height:var(--lh-body)}.plan-card__section img{flex-shrink:0}.plan-card--pro{overflow:hidden;background:var(--color-surface-default)}.plan-card__pricing{display:flex;align-items:center;gap:16px;justify-content:center;flex-wrap:wrap}.plan-card__price-box{position:relative;background:var(--color-surface-page);border-radius:var(--radius-sm);padding:16px 24px;box-shadow:0 0 8px rgb(var(--color-primary-200-rgb) / .8);min-width:200px;text-align:center;overflow:hidden}.plan-card__price-box strong{display:block;font-size:var(--fs-heading);line-height:var(--lh-heading)}.plan-card__price-box span{font-size:var(--fs-small);line-height:var(--lh-small)}.plan-card__radio{position:absolute;top:8px;left:8px}.plan-card__or{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-text-body)}.plan-card__note{text-align:center;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-text-body)}.plan-ribbon{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none;background:var(--color-surface-action);color:var(--color-text-on-action);font-weight:600;font-size:var(--fs-ribbon);line-height:var(--lh-ribbon);height:28px;white-space:nowrap}.plan-ribbon span{position:static}.plan-ribbon--corner{width:200px;right:-45px;bottom:92%;transform:rotate(40deg)}.plan-ribbon--price{top:10%;width:75px;right:-18px;height:20px;transform:rotate(45deg)}.plan-ribbon__bg{display:none}.plan-card__cta{display:block}.pricing-controls--bottom{margin:40px auto 64px;width:min(1200px,92%)}.pricing-controls--bottom-inner{width:100%}@media(min-width:3200px){.plan-ribbon--corner{bottom:93%}}@media(max-width:1366px){.pricing-plans{grid-template-columns:1fr}}@media(max-width:640px){.pricing-controls{padding:16px}}
