.price-transparency{--pricing-panel-background: linear-gradient(145deg, var(--surface-raised), var(--glass));--pricing-panel-radius: 16px;padding-block:clamp(2rem,4vw,3.5rem)}.pricing-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto repeat(2,1fr);align-items:stretch;gap:24px}.pricing-intro{min-width:0}.pricing-intro h2{margin:0;max-width:24ch;font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.12;font-weight:650;letter-spacing:-.035em}.pricing-intro>p{margin:10px 0 0;max-width:37ch;color:var(--muted);font-size:.875rem;line-height:1.6}.pricing-breakdown{position:relative;min-width:0;padding:20px;border:1px solid var(--line);border-radius:var(--pricing-panel-radius);background:var(--pricing-panel-background);box-shadow:inset 0 1px #ffffff17;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pricing-breakdown h3{margin:0;color:var(--fg);font-size:.875rem;line-height:1.4;font-weight:550}.pricing-equation{margin:14px 0 0}.pricing-equation>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.pricing-equation>div:last-child{border-bottom:0}.pricing-equation dt{min-width:0;color:var(--muted);font-size:.8125rem;line-height:1.4}.pricing-equation dd{flex:none;margin:0;color:var(--fg);font-size:1.125rem;line-height:1.25;font-weight:550;font-variant-numeric:tabular-nums;white-space:nowrap}.pricing-equation dd small{font-size:.625rem;font-weight:400;color:var(--muted)}.pricing-equation .pricing-sale{padding-top:0}.pricing-equation .pricing-sale dt{color:var(--fg)}.pricing-equation .pricing-sale dd{font-size:1.5rem;font-weight:650;letter-spacing:-.025em}.pricing-header .pricing-sale{padding-bottom:0}.pricing-components{margin:16px 0 0;padding:8px 0;border-block:1px solid var(--line);list-style:none}.pricing-components>li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-height:28px;padding:4px 0;color:var(--fg);font-size:.8125rem;line-height:1.4}.pricing-components small{color:var(--muted);font-size:.6875rem;line-height:1.4;text-align:right}.pricing-total{margin-top:16px}.pricing-equation .pricing-cost{display:block;padding:0 0 14px}.pricing-equation .pricing-cost dt{margin-bottom:6px;color:var(--fg);font-size:.875rem;font-weight:550}.pricing-equation .pricing-cost dd{font-size:1.875rem;font-weight:650;letter-spacing:-.025em}.pricing-equation .pricing-cost-caption{display:block;margin-top:6px;color:var(--muted);font-size:.6875rem;line-height:1.4;font-weight:400;letter-spacing:normal;white-space:nowrap}.pricing-equation .pricing-margin{padding-block:12px 0}.pricing-equation .pricing-margin dt{color:var(--accent-text)}.pricing-margin dt span{display:inline-block;margin-left:4px;font-size:.6875rem}.pricing-graphic{display:flex;min-width:0;margin:0}.pricing-bar-chart{--pricing-reference-height: 280px;--pricing-ref-front: #eeeede;--pricing-ref-edge: #bdc5b9;--pricing-ref-side: #89958b;--pricing-label-height: 52px;--pricing-chart-padding: 20px;position:relative;display:grid;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0;padding:var(--pricing-chart-padding);border:1px solid var(--line);border-radius:var(--pricing-panel-radius);background:var(--pricing-panel-background);box-shadow:inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);isolation:isolate}:root[data-theme=light] .pricing-bar-chart{--pricing-ref-front: #f6f3eb;--pricing-ref-edge: #d4d9cd;--pricing-ref-side: #a3afa0}.pricing-bar-chart:after{position:absolute;bottom:calc(var(--pricing-chart-padding) + var(--pricing-label-height));inset-inline:var(--pricing-chart-padding);height:1px;background:var(--line);content:"";z-index:-1}.pricing-bar-column{--pricing-column-height: calc(var(--pricing-reference-height) / 10);display:grid;grid-template-rows:minmax(calc(var(--pricing-reference-height) + 76px),1fr) var(--pricing-label-height);min-width:0}.pricing-column-reference{--pricing-column-height: var(--pricing-reference-height)}.pricing-bar-stage{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:0}.pricing-bar-price{position:absolute;bottom:calc(var(--pricing-column-height) + 10px);left:50%;display:flex;flex-direction:column;align-items:center;width:max-content;max-width:calc(100% + 8px);margin:0;translate:-50% 0;color:var(--fg);font-size:1rem;line-height:1.3;font-weight:550;font-variant-numeric:tabular-nums}.pricing-amount-row{display:flex;align-items:center;gap:4px;white-space:nowrap}.pricing-amount-row strong{font:inherit}.pricing-column-reference .pricing-amount-row{white-space:normal;text-align:center}.pricing-bar-price>small{margin-top:2px;color:var(--muted);font-size:.5625rem;line-height:1.3;font-weight:400}.pricing-price-column{position:relative;display:block;width:min(72px,100%);height:var(--pricing-column-height);overflow:hidden;border:1px solid rgb(255 255 255 / 22%);border-radius:7px 7px 3px 3px;background:var(--accent);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 72%,#000),var(--accent) 22%,color-mix(in srgb,var(--accent) 84%,#f4f1e9) 58%,var(--accent) 90%);box-shadow:inset 1px 0 #ffffff47,inset -3px 0 6px #0000001f,0 0 16px #ff86451f}.pricing-column-reference .pricing-price-column{border-color:var(--pricing-ref-edge);background:linear-gradient(90deg,var(--pricing-ref-side),var(--pricing-ref-edge) 12%,var(--pricing-ref-front) 58%,var(--pricing-ref-edge));box-shadow:inset 1px 0 #ffffff8c,inset -3px 0 8px #0000001a}.pricing-price-column:before{position:absolute;inset-block:0;left:-40%;width:35%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 20%),transparent);opacity:0;content:"";pointer-events:none}.pricing-column-saint .pricing-bar-price.text-reveal.is-visible+.pricing-price-column:before{animation:pricing-column-shine .42s var(--ease) both}.pricing-bar-name{min-height:0;margin:0;padding-top:12px;color:var(--fg);font-size:.6875rem;line-height:1.4;font-weight:500;text-align:center;overflow-wrap:anywhere}@media(max-width:639px){.price-transparency{padding-block:24px}.pricing-layout{grid-template-rows:auto auto auto;align-items:start;gap:16px}.pricing-intro h2{max-width:none;font-size:clamp(1.5rem,6vw,1.75rem);line-height:1.12}.pricing-intro>p{max-width:none;margin-top:8px;font-size:.8125rem;line-height:1.5}.pricing-breakdown{padding:16px}.pricing-breakdown h3{font-size:.8125rem}.pricing-header{margin-top:8px}.pricing-equation>div{gap:8px}.pricing-equation .pricing-sale dd{font-size:1.375rem}.pricing-components{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;margin-top:12px}.pricing-components>li{min-height:20px;padding:0;font-size:.8125rem}.pricing-total{margin-top:12px}.pricing-equation .pricing-cost{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:baseline;padding-bottom:30px}.pricing-equation .pricing-cost dt{margin-bottom:0;font-size:.8125rem}.pricing-equation .pricing-cost dd{min-width:0;font-size:1.5rem;text-align:right}.pricing-equation .pricing-cost-caption{position:absolute;inset-inline:0;bottom:10px;margin-top:0;line-height:1.4;text-align:right}.pricing-equation .pricing-margin dd{font-size:1.125rem}.pricing-bar-chart{--pricing-reference-height: 160px;--pricing-label-height: 36px;--pricing-chart-padding: 16px}.pricing-bar-column{grid-template-rows:calc(var(--pricing-reference-height) + 64px) var(--pricing-label-height)}.pricing-bar-price{bottom:calc(var(--pricing-column-height) + 8px);max-width:100%;font-size:.9375rem}.pricing-price-column{width:min(56px,100%)}.pricing-bar-name{padding-top:8px}}@media(min-width:640px){.pricing-layout{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:28px}.pricing-intro{grid-column:1 / -1}.pricing-intro>p{max-width:58ch}.pricing-breakdown{padding:24px}.pricing-bar-chart{--pricing-chart-padding: 24px}}@media(min-width:960px){.pricing-layout{grid-template-columns:minmax(0,.95fr) repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:32px}.pricing-intro{grid-column:auto}.pricing-intro>p{max-width:none}}@media(prefers-reduced-transparency:reduce){.pricing-breakdown,.pricing-bar-chart{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}}@keyframes pricing-column-shine{0%{opacity:0;transform:translate(0)}25%{opacity:.6}to{opacity:0;transform:translate(400%)}}@media(prefers-reduced-motion:reduce){.pricing-column-saint .pricing-bar-price.text-reveal.is-visible+.pricing-price-column:before{animation:none}}:root[data-motion=paused] .pricing-column-saint .pricing-bar-price.text-reveal.is-visible+.pricing-price-column:before{animation:none}
/*# sourceMappingURL=/cdn/shop/t/7/assets/ss-price-transparency.css.map */