@keyframes pricing-rise-in{0%{transform:translateY(var(--pricing-travel))}}@keyframes pricing-rise-out{0%{transform:none}}.pricing{--pricing-headline:900px;--pricing-measure:800px;--pricing-label:fit-content(50%);--pricing-row:44px;--pricing-travel:120%;--pricing-stagger:30ms;--pricing-swap:.15s;--pricing-mark:var(--spacing-24);--pricing-mark-nominal:var(--spacing-4);background:var(--color-surface);color:var(--color-ink);text-align:center;overflow:clip}@media (min-width:1024px){.pricing{--pricing-row:48px}}.pricing-sheet{background:var(--color-canvas);box-shadow:var(--shadow-raised)}.pricing-sheet-over{padding-block:calc(var(--spacing-3) + (var(--spacing-control) + 2 * var(--spacing-1)) + var(--spacing-section-m)) var(--spacing-section-l);border-end-end-radius:var(--sheet-radius);border-end-start-radius:var(--sheet-radius)}.pricing-sheet-under{height:var(--sheet-radius);border-start-start-radius:var(--sheet-radius);border-start-end-radius:var(--sheet-radius)}.pricing-band{padding-block:var(--spacing-section-l)}.pricing-header .section-heading{max-width:var(--pricing-headline)}.pricing-toggle{--pricing-toggle-x:0%;width:max-content;max-width:100%;margin:var(--spacing-section-m) auto 0;text-align:start;touch-action:manipulation}.pricing-toggle[data-billing=monthly]{--pricing-toggle-x:100%}.pricing-toggle-row{height:var(--nav-seg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pricing-toggle-segment{--nav-pad-start:var(--spacing-3);--nav-pad-end:var(--spacing-3)}@media (min-width:768px){.pricing-toggle-segment{--nav-pad-start:var(--spacing-4);--nav-pad-end:var(--spacing-4)}}.pricing-toggle-segment:before{content:none}.pricing-toggle-tag{font-size:var(--text-body-s);line-height:var(--text-body-s--line-height);letter-spacing:var(--text-body-s--letter-spacing);transition:background-color var(--pricing-swap) var(--ease-out-expo)}.pricing-toggle[data-billing=annual] .pricing-toggle-tag{--control-fill:var(--color-surface)}.pricing-toggle-highlight{top:var(--nav-pad);left:var(--nav-pad);z-index:0;width:calc((100% - 2 * var(--nav-pad)) / 2);height:var(--nav-seg);border-radius:var(--radius-md);background:var(--color-white);transform:translateX(var(--pricing-toggle-x));transition:transform var(--duration-spring-default) var(--ease-spring-default);position:absolute}@media (prefers-reduced-motion:reduce){.pricing{--pricing-stagger:0s;--pricing-swap:0s}}.pricing-plans{gap:var(--spacing-6);margin-top:var(--spacing-8);text-align:start;display:grid}@media (min-width:1024px){.pricing-plans{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}}.plan{min-width:0;padding:var(--spacing-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-rest);flex-direction:column;display:flex}.plan-price{margin-top:var(--spacing-3)}.plan-line{margin-top:var(--spacing-2)}.plan-description{margin-top:var(--spacing-4)}.plan-rule{height:1px;margin:var(--spacing-6) 0;background:var(--color-divider);border:0}.plan-logos{align-items:center;gap:var(--spacing-2) var(--spacing-6);min-height:var(--spacing-8);margin:var(--spacing-3) 0 0;flex-wrap:nowrap;padding:0;list-style:none;display:flex}.plan-logo{min-width:0;width:min(calc(var(--mark-scale) * var(--mark-nudge,1) * var(--pricing-mark-nominal) * var(--plan-logo-ratio)), var(--pricing-mark), calc(var(--spacing-8) * var(--plan-logo-ratio)));aspect-ratio:var(--plan-logo-ratio);background-color:var(--color-ink);-webkit-mask:var(--plan-logo-mask) center / contain no-repeat;-webkit-mask:var(--plan-logo-mask) center / contain no-repeat;-webkit-mask:var(--plan-logo-mask) center / contain no-repeat;mask:var(--plan-logo-mask) center / contain no-repeat;-webkit-mask:var(--plan-logo-mask) center / contain no-repeat;flex:0 auto}.plan-logo-name{line-height:var(--spacing-8);white-space:nowrap;flex:none}.plan-chosen{margin-top:auto}.pricing-figures{display:inline-flex}.pricing-still{white-space:pre}.pricing-slot{clip-path:inset(-.06em 0 -.12em);justify-items:center;display:inline-grid}.pricing-figure{grid-area:1/1}@media not all and (min-width:1024px){.pricing-figure{transition:opacity var(--pricing-swap) var(--ease-out-expo)}}.pricing-figure[data-roll=wait]{transform:translateY(var(--pricing-travel))}@media not all and (min-width:1024px){.pricing-figure[data-roll=wait]{opacity:0;transform:none}}.pricing-figure[data-roll=in]{animation:pricing-rise-in var(--duration-spring-default) var(--ease-spring-default) backwards;animation-delay:calc(var(--pricing-i) * var(--pricing-stagger))}@media not all and (min-width:1024px){.pricing-figure[data-roll=in]{animation:none}}.pricing-figure[data-roll=out]{transform:translateY(calc(-1 * var(--pricing-travel)));animation:pricing-rise-out var(--duration-spring-default) var(--ease-spring-default) backwards;animation-delay:calc(var(--pricing-i) * var(--pricing-stagger))}@media not all and (min-width:1024px){.pricing-figure[data-roll=out]{opacity:0;animation:none;transform:none}}.pricing-pair{display:inline-grid}.pricing-pair>span{opacity:0;transition:opacity var(--pricing-swap) var(--ease-out-expo);grid-area:1/1}.pricing-pair>span[data-shown]{opacity:1}.pricing-features{gap:var(--spacing-3);margin:0;padding:0;list-style:none;display:grid}.pricing-feature{align-items:flex-start;gap:var(--spacing-3);display:flex}.pricing-check{width:var(--spacing-4);height:var(--spacing-4);margin-top:calc((var(--text-body--line-height) * 1em - var(--spacing-4)) / 2);color:var(--color-ink);flex:none}.pricing-cross{width:var(--spacing-4);height:var(--spacing-4);color:var(--color-tertiary);flex:none}.pricing-vat{margin-top:var(--spacing-6)}.pricing-compare{max-width:var(--pricing-measure);margin-inline:auto}.pricing-compare-heading{margin-top:var(--spacing-3)}.pricing-list{grid-template-columns:var(--pricing-label) repeat(2, minmax(0, 1fr));margin-top:var(--spacing-section-m);font-size:var(--text-body-s);line-height:var(--text-body-s--line-height);color:var(--color-ink);text-align:start;display:grid}@media (min-width:1024px){.pricing-list{font-size:var(--text-body);line-height:var(--text-body--line-height)}}.pricing-head,.pricing-body{display:contents}.pricing-head-row{top:calc(var(--spacing-3) + (var(--spacing-control) + 2 * var(--spacing-1)));z-index:1;grid-column:1/-1;grid-template-columns:subgrid;background:var(--color-surface);box-shadow:calc(-1 * var(--spacing-4)) 0 var(--color-surface), var(--spacing-4) 0 var(--color-surface);display:grid;position:sticky}@media (min-width:1024px){.pricing-head-row{box-shadow:none;background:0 0;position:static}}.pricing-head-row:before{content:"";inset-inline:calc(-1 * var(--spacing-4));height:calc(var(--spacing-3) + (var(--spacing-control) + 2 * var(--spacing-1)));background:inherit;position:absolute;bottom:100%}@media (min-width:1024px){.pricing-head-row:before{content:none}}.pricing-head-blank{grid-column:1}.pricing-head-name{padding-block:var(--spacing-3);font-weight:var(--font-weight-medium);text-align:center;overflow-wrap:anywhere;place-items:center;display:grid}@media (min-width:1024px){.pricing-head-name{font-family:var(--font-display);font-size:var(--text-heading);font-weight:var(--font-weight-regular);line-height:var(--text-heading--line-height);letter-spacing:var(--text-heading--letter-spacing);font-feature-settings:var(--font-display--font-feature-settings)}}.pricing-row{grid-column:1/-1;grid-template-columns:subgrid;min-height:var(--pricing-row);padding-block:calc((var(--pricing-row) - 1lh) / 2);display:grid}.pricing-label{overflow-wrap:anywhere;align-items:center;padding-inline-end:var(--spacing-2);display:flex}.pricing-label-text{display:block}.pricing-label .tag{width:fit-content;margin-block-start:var(--spacing-1);margin-inline-start:0;display:block}@media (min-width:1024px){.pricing-label .tag{margin-block-start:0;margin-inline-start:var(--spacing-2);display:inline-block}}.pricing-cell{text-align:center;overflow-wrap:anywhere;justify-content:center;align-items:center;display:flex}.pricing-group{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.pricing-group-label{padding-block:var(--spacing-8) var(--spacing-3);color:var(--color-ink);grid-column:1/-1}.pricing-cell>.tag{white-space:normal;overflow-wrap:normal;text-align:center;width:min-content;margin-inline-start:0}@media (min-width:768px){.pricing-cell>.tag{white-space:nowrap;width:auto}}.pricing-cell>.pricing-check{margin:0}
