@layer components{.pricing-card_wrap{--_panel:color-mix(in lab, var(--role-neutral-dark) 5%, var(--light-100));grid-row:span 2;grid-template-rows:subgrid;padding:var(--space-2);background-color:var(--light-100);border-radius:calc(var(--radius-main) * 1.75);box-shadow:var(--shadow-card);color:var(--role-neutral-dark);row-gap:0;display:grid;position:relative}.pricing-card_panel{gap:var(--space-4);padding:var(--space-5);background-color:var(--_panel);border-radius:calc(var(--radius-main) * 1.25);flex-direction:column;display:flex;position:relative;overflow:hidden}.pricing-card_wrap.featured .pricing-card_panel{background:radial-gradient(60% 70% at 85% 0%, color-mix(in lab, var(--role-primary) 70%, transparent), transparent), radial-gradient(55% 60% at 100% 100%, color-mix(in lab, var(--accent-pop) 45%, transparent), transparent), radial-gradient(70% 70% at 0% 100%, color-mix(in lab, var(--role-secondary) 60%, transparent), transparent), radial-gradient(60% 60% at 10% 0%, var(--role-accent), transparent), var(--role-neutral-light)}.pricing-card_top{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.pricing-card_name{background-color:var(--light-100);border-radius:var(--radius-round);font-family:var(--heading-family);font-size:var(--text-small);font-weight:var(--primary-bold);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;margin:0;padding:.4em .9em;line-height:1.2}.pricing-card_badge{top:var(--space-3);right:var(--space-3);background-color:var(--accent-pop);border-radius:var(--radius-round);color:var(--role-neutral-dark);font-family:var(--heading-family);font-size:.75rem;font-weight:var(--primary-bold);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:.3em .75em;line-height:1.2;position:absolute}.pricing-card_prices{margin-top:var(--space-5)}.pricing-card_price{align-items:baseline;gap:.25em;margin:0;display:flex;position:relative}.pricing-card_price[data-billing-show=yearly]{display:none}[data-billing=yearly] .pricing-card_wrap[data-has-yearly] .pricing-card_price[data-billing-show=monthly]{display:none}[data-billing=yearly] .pricing-card_wrap[data-has-yearly] .pricing-card_price[data-billing-show=yearly]{display:flex}.pricing-card_from{color:var(--text-2);font-size:.8125rem;line-height:1;position:absolute;bottom:100%;left:0}.pricing-card_amount{font-family:var(--heading-family);font-size:var(--h2);font-weight:var(--primary-bold);letter-spacing:-.02em;line-height:1}.pricing-card_unit{font-size:var(--text-main);opacity:.7}.pricing-card_note{margin:var(--space-1) 0 0;font-size:var(--text-small);opacity:.7}.pricing-card_audience{max-width:34ch;margin:0}.pricing-card_button{--button-background:var(--role-neutral-dark);--button-border:var(--role-neutral-dark);--button-text:var(--role-neutral-light);--button-background-hover:var(--role-primary);--button-border-hover:var(--role-primary);--button-text-hover:var(--role-neutral-dark);--button-radius:var(--radius-round);justify-content:center;align-self:stretch;margin-top:auto}.pricing-card_body{gap:var(--space-3);padding:var(--space-5) var(--space-3) var(--space-4);flex-direction:column;display:flex}.pricing-card_intro{font-weight:var(--primary-bold);margin:0}.pricing-card_list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pricing-card_item{text-wrap:wrap;align-items:flex-start;gap:.5em;line-height:1.4;display:flex}.pricing-card_footnote{padding-top:var(--space-3);border-top:var(--border-width) solid color-mix(in lab, var(--role-neutral-dark) 10%, transparent);font-size:calc(var(--text-small) * .875);opacity:.7;margin:auto 0 0;line-height:1.4}.pricing-card_check{color:var(--role-primary);flex:none;margin-top:.15em}.pixel-scatter{z-index:0;pointer-events:none;width:60%;height:auto;position:absolute}.pixel-scatter.top-right{top:0;right:0}.pixel-scatter.top-left{top:0;left:0}.pixel-scatter.bottom-right{bottom:0;right:0}.pixel-scatter.bottom-left{bottom:0;left:0}.pricing_wrap{align-items:center;gap:var(--space-7);flex-direction:column;width:100%;display:flex}.pricing_controls{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.pricing_nav{border:var(--border-width) solid var(--role-primary);border-radius:var(--radius-round);padding:.4375rem;display:inline-flex;position:relative}.pricing_wrap:not([data-pricing-ready]) .pricing_nav{display:none}.pricing_indicator{inset-block:.4375rem;width:var(--_w,0);background-color:var(--role-neutral-dark);border-radius:var(--radius-round);translate:var(--_x,0) 0;transition:translate .5s cubic-bezier(.34,1.4,.64,1),width .5s cubic-bezier(.34,1.4,.64,1);position:absolute;left:0}@media (prefers-reduced-motion:reduce){.pricing_indicator{transition:none}}.pricing_tab{z-index:1;border-radius:var(--radius-round);color:var(--role-neutral-dark);font-family:var(--heading-family);font-size:var(--text-main);font-weight:var(--primary-bold);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:.75em 1.5em;transition:color .3s;position:relative}.pricing_tab[aria-selected=true]{color:var(--role-neutral-light)}.pricing_tab:focus-visible{outline:var(--border-width) solid var(--role-primary);outline-offset:.125rem}.pricing_billing{color:var(--role-neutral-dark);font:inherit;font-size:var(--text-small);font-weight:var(--primary-bold);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;align-items:center;gap:.75em;padding:.25em;display:inline-flex}.pricing_wrap:not([data-pricing-ready]) .pricing_billing{display:none}.pricing_billing:focus-visible{outline:var(--border-width) solid var(--role-primary);outline-offset:.25rem;border-radius:var(--radius-small)}.pricing_billing-label{opacity:.5;transition:opacity .2s}.pricing_billing[aria-checked=false] .pricing_billing-label.is--monthly,.pricing_billing[aria-checked=true] .pricing_billing-label.is--yearly{opacity:1}.pricing_billing-track{background-color:color-mix(in lab, var(--role-neutral-dark) 15%, transparent);border-radius:var(--radius-round);width:2.75em;height:1.5em;transition:background-color .2s;position:relative}.pricing_billing[aria-checked=true] .pricing_billing-track{background-color:var(--role-primary)}.pricing_billing-thumb{background-color:var(--light-100);width:1.125em;height:1.125em;box-shadow:0 .0625rem .25rem color-mix(in lab, var(--role-neutral-dark) 25%, transparent);border-radius:50%;transition:translate .3s cubic-bezier(.34,1.4,.64,1);position:absolute;top:.1875em;left:.1875em}.pricing_billing[aria-checked=true] .pricing_billing-thumb{translate:1.25em}.pricing_panel{align-items:center;gap:var(--space-6);width:100%;scroll-margin-top:calc(var(--nav-height,5rem) + 9rem);flex-direction:column;display:flex}.pricing_wrap[data-pricing-ready] .pricing_panel:not([data-active]){display:none}.pricing_wrap[data-pricing-ready] .pricing_panel[data-active]{animation:.8s cubic-bezier(.22,1,.36,1) both pricing-in}@media (prefers-reduced-motion:reduce){.pricing_wrap[data-pricing-ready] .pricing_panel[data-active]{animation:none}}.pricing_list{column-gap:var(--space-5);row-gap:var(--space-5);width:100%;max-width:var(--max-width-main);display:grid}@media (min-width:48rem){.pricing_list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.pricing_list{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing_list[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}}.pricing_list[data-count="2"]{max-width:50rem}.pricing_compare{width:100%;max-width:var(--max-width-main)}.pricing_compare-toggle{border:var(--border-width) solid var(--role-neutral-dark);border-radius:var(--radius-round);width:fit-content;font-family:var(--heading-family);font-weight:var(--primary-bold);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;align-items:center;gap:.5em;margin-inline:auto;padding:.6em 1.2em;list-style:none;transition:background-color .2s,color .2s;display:flex}.pricing_compare-toggle::-webkit-details-marker{display:none}.pricing_compare-toggle:hover{background-color:var(--role-neutral-dark);color:var(--role-neutral-light)}.pricing_compare[open] .pricing_compare-toggle{margin-bottom:var(--space-5)}.pricing_compare-icon{transition:rotate .3s;rotate:90deg}.pricing_compare[open] .pricing_compare-icon{rotate:-90deg}.compare_wrap{--_line:color-mix(in lab, var(--role-neutral-dark) 10%, transparent);--_radius:calc(var(--radius-main) * 1.25);background-color:var(--light-100);border-radius:var(--_radius);width:100%;box-shadow:var(--shadow-card);position:relative}.compare_header{top:calc(var(--nav-height,5rem) + var(--space-2));z-index:2;background-color:var(--light-100);border-bottom:var(--border-width) solid var(--_line);border-radius:var(--_radius) var(--_radius) 0 0;display:flex;position:sticky}.compare_corner{min-width:0;max-width:calc(100% / (var(--columns-in-view) + 1));flex:1}@media not (min-width:48rem){.compare_corner{display:none}}.compare_header-list,.compare_cells{flex:var(--columns-in-view);min-width:0;max-width:calc(var(--columns-in-view) * 100% / (var(--columns-in-view) + 1));display:flex}@media not (min-width:48rem){.compare_header-list,.compare_cells{max-width:none}}.compare_col,.compare_cell{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.compare_col{padding:var(--space-5) var(--space-2);gap:.3em}.compare_col-name{font-family:var(--heading-family);font-size:var(--text-large);font-weight:var(--primary-bold);letter-spacing:.05em;text-transform:uppercase;margin:0;line-height:1}@media not (min-width:48rem){.compare_col-name{font-size:var(--text-small)}}.compare_col-meta{font-size:var(--text-small);opacity:.6;margin:0;line-height:1.2}.compare_row{border-bottom:var(--border-width) solid var(--_line);display:flex}.compare_row:nth-of-type(2n){background-color:color-mix(in lab, var(--role-accent) 35%, var(--light-100))}.compare_row:last-child{border-radius:0 0 var(--_radius) var(--_radius);border-bottom:none}@media not (min-width:48rem){.compare_row{flex-direction:column}}.compare_row-name{max-width:calc(100% / (var(--columns-in-view) + 1));padding:var(--space-4) var(--space-5);font-weight:var(--primary-bold);flex:1;align-items:center;line-height:1.3;display:flex}@media not (min-width:48rem){.compare_row-name{max-width:none;padding:var(--space-3) var(--space-3) 0;font-size:var(--text-small);justify-content:center}}.compare_cell{padding:var(--space-4) var(--space-2)}@media not (min-width:48rem){.compare_cell{padding:var(--space-2) var(--space-1) var(--space-4)}}.compare_label{font-size:var(--text-small);margin:0;line-height:1.2}.compare_icon{aspect-ratio:1;width:1.25em;color:var(--role-primary)}.compare_cell.is--none .compare_icon{color:color-mix(in lab, var(--role-neutral-dark) 30%, transparent)}.compare_pill{background-color:color-mix(in lab, var(--accent-pop) 25%, var(--light-100));border-radius:var(--radius-round);font-size:.75rem;font-weight:var(--primary-bold);white-space:nowrap;padding:.5em .75em;line-height:1}.pricing_extras{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;width:100%;display:flex}.pricing_extras-label{font-family:var(--heading-family);font-size:var(--h5);font-weight:var(--primary-bold);margin:0;line-height:1.2}.pricing_band{gap:var(--space-2);flex-direction:column;width:100%;display:flex;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.pricing_band:hover .pricing_chips{animation-play-state:paused}.pricing_band[data-band-js] .pricing_chips{animation:none}@media (prefers-reduced-motion:reduce){.pricing_band{mask-image:none}}.pricing_band-row{width:max-content;display:flex}@media (prefers-reduced-motion:reduce){.pricing_band-row{justify-content:center;width:auto}}.pricing_chips{gap:var(--space-2);padding:0 var(--space-2) 0 0;flex:none;margin:0;list-style:none;animation:45s linear infinite pricing-band;display:flex}.pricing_band-row.reverse .pricing_chips{animation-direction:reverse}@media (prefers-reduced-motion:reduce){.pricing_chips{flex-wrap:wrap;flex:auto;justify-content:center;animation:none}.pricing_chips[aria-hidden]{display:none}}.pricing_chip{background-color:var(--light-100);border:var(--border-width) solid color-mix(in lab, var(--role-neutral-dark) 12%, transparent);border-radius:var(--radius-round);font-size:var(--text-small);white-space:nowrap;padding:.5em 1em}.pricing_extras-button{--button-radius:var(--radius-round)}.pricing_enterprise{justify-content:space-between;align-items:center;gap:var(--space-5);width:100%;max-width:var(--max-width-main);padding:var(--space-6);background-color:var(--role-neutral-dark);border-radius:calc(var(--radius-main) * 1.75);color:var(--role-neutral-light);display:flex}@media not (min-width:48rem){.pricing_enterprise{flex-direction:column;align-items:flex-start}}.pricing_enterprise-text{gap:var(--space-2);flex-direction:column;max-width:52ch;display:flex}.pricing_enterprise-name{font-family:var(--heading-family);font-size:var(--h4);font-weight:var(--primary-bold);letter-spacing:.05em;text-transform:uppercase;margin:0;line-height:1}.pricing_enterprise-price{color:var(--role-primary);font-weight:var(--primary-bold);margin:0}.pricing_enterprise-body{opacity:.85;margin:0}.pricing_enterprise-button{--button-background:var(--role-primary);--button-border:var(--role-primary);--button-text:var(--role-neutral-dark);--button-background-hover:var(--role-accent);--button-border-hover:var(--role-accent);--button-text-hover:var(--role-neutral-dark);--button-radius:var(--radius-round);flex:none}.pricing_note{text-align:center;opacity:.8;max-width:50ch;margin:0}.pricing_help{align-items:center;gap:var(--space-2);width:100%;max-width:var(--max-width-main);padding:var(--space-7) var(--space-5);background-color:var(--role-secondary);border:.375rem solid var(--light-100);border-radius:calc(var(--radius-main) * 1.75);color:var(--role-neutral-dark);text-align:center;flex-direction:column;display:flex;position:relative;overflow:hidden}.pricing_help>:not(.pixel-scatter){z-index:1;position:relative}.pixel-scatter.pricing_help-pixels{width:35%}@media not (min-width:48rem){.pixel-scatter.pricing_help-pixels{width:60%}}.pricing_help-avatar{width:3.5rem;height:3.5rem;margin-bottom:var(--space-2);border:.1875rem solid var(--light-100);object-fit:cover;border-radius:50%}.pricing_help-heading{font-family:var(--heading-family);font-size:var(--h5);font-weight:var(--primary-bold);margin:0;line-height:1.2}.pricing_help-text{max-width:48ch;margin:0}.pricing_help-button{--button-background:var(--role-neutral-dark);--button-border:var(--role-neutral-dark);--button-text:var(--role-neutral-light);--button-radius:var(--radius-round);margin-top:var(--space-3)}@keyframes pricing-band{to{translate:-100%}}@keyframes pricing-in{0%{opacity:0;translate:0 1.5rem}}}
