.pricing-page{--pricing-primary:var(--brand-blue);--pricing-saving:var(--brand-mint);--pricing-label:var(--brand-sage);--pricing-black:var(--on-accent);--pricing-canvas:var(--canvas);--pricing-ink:var(--label);--pricing-secondary:var(--secondary);--pricing-line:var(--line);--pricing-nav:var(--toolbar);background:var(--pricing-canvas);min-height:100vh;color:var(--pricing-ink)}.pricing-nav{z-index:20;background:var(--pricing-nav);-webkit-backdrop-filter:blur(20px)saturate(130%);backdrop-filter:blur(20px)saturate(130%);justify-content:space-between;align-items:center;gap:1.5rem;width:min(71rem,100% - 4rem);min-height:5.25rem;margin:auto;display:flex;position:sticky;top:0}.pricing-brand{letter-spacing:-.065em;color:var(--pricing-ink);align-items:center;gap:.6rem;font-size:1.5rem;font-weight:700;text-decoration:none;display:inline-flex}.pricing-brand>.brand-beta{letter-spacing:.055em;color:var(--pricing-black);background:var(--pricing-label);text-transform:uppercase;border-radius:.25rem;padding:.2rem .35rem;font-size:.5625rem;font-weight:650}.pricing-nav nav{align-items:center;gap:1.75rem;display:flex}.pricing-nav nav a,.pricing-footer a{min-height:2.75rem;color:var(--pricing-ink);align-items:center;gap:.5rem;font-size:.8125rem;text-decoration:none;display:inline-flex}.pricing-nav nav .pricing-signin{border:1px solid var(--pricing-line);border-radius:.625rem;padding-inline:1rem}.pricing-nav .icon-button{color:var(--pricing-secondary);width:2.75rem;height:2.75rem}.pricing-page a:focus-visible,.pricing-page button:focus-visible{outline:2px solid var(--pricing-ink);outline-offset:4px}.pricing-content{width:min(67rem,100% - 4rem);max-width:none;margin:auto;padding:0}.pricing-intro{justify-content:space-between;align-items:flex-end;gap:2rem;padding:3.5rem 0 2.75rem;display:flex}.pricing-eyebrow{letter-spacing:.12em;color:var(--pricing-secondary);align-items:center;gap:.5rem;font-size:.625rem;font-weight:650;display:inline-flex}.pricing-eyebrow>span{background:var(--pricing-primary);width:.5rem;height:.5rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--pricing-primary) 20%, transparent);border-radius:50%}.pricing-intro h1{letter-spacing:-.065em;margin:1.125rem 0 1.25rem;font-size:clamp(2.5rem,5vw,4.125rem);font-weight:650;line-height:1.065}.pricing-intro h1 span{color:var(--pricing-secondary)}.pricing-intro p{color:var(--pricing-secondary);margin:0;font-size:.9375rem;line-height:1.65}.pricing-choice{flex:none;padding-bottom:.25rem}.pricing-choice>p{text-align:center;margin-top:.75rem;font-size:.6875rem}.billing-interval{min-inline-size:0;border:1px solid var(--line);background:var(--surface-soft);border-radius:.875rem;flex-wrap:wrap;gap:.25rem;max-width:100%;margin:0;padding:.25rem;display:inline-flex}.billing-interval label{cursor:pointer;min-height:2.75rem;color:var(--secondary);border-radius:.625rem;flex-flow:wrap;justify-content:center;align-items:center;gap:.5rem;padding:.625rem .875rem;font-size:.75rem;font-weight:550;transition:color .12s,background-color .12s;display:flex;position:relative}.billing-interval label.selected{background:var(--label);color:var(--canvas);box-shadow:none}.billing-interval input[type=radio]{clip-path:inset(50%);width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.billing-interval label:has(input:focus-visible){outline:2px solid var(--label);outline-offset:2px}.billing-interval span{background:var(--brand-mint);color:var(--on-accent);white-space:nowrap;border-radius:.3rem;padding:.1875rem .35rem;font-size:.625rem;font-weight:650}.pricing-page .billing-interval{background:color-mix(in srgb, var(--pricing-ink) 4%, var(--pricing-canvas));border-color:var(--pricing-line)}.pricing-page .billing-interval label{color:var(--pricing-secondary)}.pricing-page .billing-interval label.selected{background:var(--pricing-ink);color:var(--pricing-canvas);box-shadow:none}.pricing-page .billing-interval span{background:var(--pricing-saving);color:var(--pricing-black)}.pricing-page .billing-interval label:has(input:focus-visible){outline-color:var(--pricing-ink)}.plan-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.plan-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:1.5rem;padding:2rem;container-type:inline-size}.plan-card-pro{--plan-pro-surface:var(--code-surface);--plan-pro-ink:var(--code-ink);--plan-pro-secondary:#c5c5c5;--plan-pro-line:var(--code-line);background:var(--plan-pro-surface,var(--surface));color:var(--plan-pro-ink,var(--label));border-color:var(--plan-pro-line,var(--line))}.pricing-page .plan-card{border-color:var(--pricing-line);box-shadow:0 2px 4px #00000005}.pricing-page .plan-card-pro{border-color:#0000}.plan-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;min-height:2rem;display:flex}.plan-title-row h2{letter-spacing:-.035em;margin:0;font-size:1.375rem;font-weight:650}.plan-category,.plan-label{color:var(--secondary);font-size:.625rem;font-weight:550}.plan-label{background:var(--brand-sage);color:var(--on-accent);border-radius:.375rem;padding:.3rem .55rem}.pricing-page .plan-label{background:var(--pricing-label);color:var(--pricing-black)}.plan-description{color:var(--secondary);margin:.5rem 0 1.75rem;font-size:.8125rem}.pricing-page .plan-description,.pricing-page .plan-category{color:var(--pricing-secondary)}.plan-card-pro .plan-description{color:var(--plan-pro-secondary,var(--secondary))}.plan-price{flex-wrap:wrap;align-items:baseline;gap:.5rem;min-height:4.5rem;display:flex}.plan-price strong{letter-spacing:-.065em;font-variant-numeric:tabular-nums;font-size:3.875rem;font-weight:600;line-height:1.1}.plan-price>span{color:var(--secondary);font-size:.8125rem}.plan-price-note{color:var(--secondary);min-height:2.25rem;margin:0 0 1.125rem;font-size:.6875rem}.plan-card-pro .plan-price>span,.plan-card-pro .plan-price-note{color:var(--plan-pro-secondary,var(--secondary))}.plan-card>.button{border-radius:.75rem;justify-content:center;width:100%;min-height:3rem;text-decoration:none}.pricing-page .plan-card>.button{color:var(--pricing-ink);border-color:var(--pricing-line);background:var(--pricing-canvas);box-shadow:none}.pricing-page .plan-card-pro>.button.primary{background:var(--pricing-primary);color:var(--pricing-black);border-color:var(--pricing-primary)}.pricing-page .plan-card-pro>.button.primary:hover{background:var(--accent-fill-hover)}.pricing-page .plan-card-pro>.button:focus-visible{outline-color:var(--pricing-primary)}.plan-allowances{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:.8fr 1.3fr .85fr;gap:.75rem;margin:1.5rem 0 0;padding:1.5rem 0;display:grid}.plan-allowances>div{flex-direction:column-reverse;gap:.375rem;display:flex}.plan-allowances dt{color:var(--secondary);font-size:.625rem;line-height:1.4}.plan-allowances dd{letter-spacing:-.05em;margin:0;font-size:1.5rem;font-weight:550;line-height:1.2}.plan-allowances dd span{letter-spacing:0;font-size:.75rem}.plan-card-pro .plan-allowances{border-color:var(--plan-pro-line,var(--line))}.plan-card-pro .plan-allowances dt{color:var(--plan-pro-secondary,var(--secondary))}.plan-feature-heading{margin:1.5rem 0 1rem;font-size:.6875rem;font-weight:550}.plan-card ul{margin:0;padding:0;list-style:none}.plan-card li{align-items:flex-start;gap:.625rem;margin:0 0 .875rem;font-size:.75rem;line-height:1.6;display:flex}.plan-card li:last-child{margin-bottom:0}.plan-card li svg{color:var(--secondary);flex:none;margin-top:.125rem}.pricing-page .plan-card-pro li svg{color:var(--pricing-primary)}.pricing-included{justify-content:center;align-items:center;gap:2.25rem;margin:1.75rem 0 0;display:flex}.pricing-included>span{color:var(--pricing-secondary);align-items:center;gap:.4rem;font-size:.6875rem;display:inline-flex}.pricing-footnote{text-align:center;color:var(--secondary);margin:1rem 0 3rem;font-size:.6875rem;line-height:1.8}.pricing-page .pricing-footnote{color:var(--pricing-secondary)}.pricing-footnote svg{vertical-align:middle;margin-right:.375rem}.billing-faq{max-width:50rem;margin:3.5rem auto}.billing-faq-heading>span{display:none}.billing-faq h2{letter-spacing:-.04em;margin:0 0 .75rem;font-size:1.625rem;font-weight:600}.billing-faq-heading p{color:var(--secondary);margin:0 0 1.5rem;font-size:.8125rem}.billing-faq details{border-bottom:1px solid var(--line);padding:1.125rem 0}.billing-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;min-height:2.75rem;font-size:.8125rem;font-weight:550;list-style:none;display:flex}.billing-faq summary::-webkit-details-marker{display:none}.billing-faq summary svg{color:var(--secondary);flex:none;transition:transform .16s}.billing-faq details[open] summary svg{transform:rotate(180deg)}.billing-faq details p{color:var(--secondary);margin:.75rem 1.5rem 0 0;font-size:.8125rem;line-height:1.8}.pricing-page .billing-faq{border-top:1px solid var(--pricing-line);grid-template-columns:.8fr 1.5fr;gap:4rem;max-width:none;margin:4rem 0;padding-top:3rem;display:grid}.pricing-page .billing-faq-heading>span{color:var(--pricing-secondary);letter-spacing:.12em;margin:0 0 1rem;font-size:.5625rem;font-weight:600;display:block}.pricing-page .billing-faq-heading p,.pricing-page .billing-faq details p{color:var(--pricing-secondary)}.pricing-page .billing-faq details{border-color:var(--pricing-line)}.pricing-page .billing-faq details:first-child{padding-top:0}.pricing-footer{border-top:1px solid var(--pricing-line);justify-content:space-between;align-items:center;gap:1.25rem;padding:1.5rem 0 2.5rem;display:flex}.pricing-footer>span{color:var(--pricing-secondary);font-size:.6875rem}.pricing-footer a{font-size:.6875rem}.billing-current{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.billing-page>.section-card{margin-top:1.5rem}.billing-current h2{margin-bottom:.375rem}.billing-meters{grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.25rem 0 .75rem;display:grid}.billing-meters .section-card{gap:.75rem;padding:1.375rem;display:grid}.billing-meters .section-card>span{color:var(--secondary);font-size:.75rem}.billing-meters strong{font-size:1.625rem;font-weight:600}.billing-meters small{color:var(--secondary);font-size:.9375rem;font-weight:400}.billing-meters meter{width:100%;height:.5rem;accent-color:var(--info)}.billing-plan-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:2.5rem 0 1.375rem;display:flex}.billing-plan-heading h2{letter-spacing:-.025em;margin:0;font-size:1.375rem}.billing-notice,.billing-error{background:var(--info-soft);color:var(--info);overflow-wrap:anywhere;border-radius:.75rem;margin:0 0 1.25rem;padding:1rem 1.25rem;line-height:1.7}.billing-error{background:var(--danger-soft);color:var(--danger)}.billing-notice a{color:inherit}.billing-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pricing-skip{z-index:100;background:var(--pricing-ink);max-width:calc(100% - 2rem);color:var(--pricing-canvas);border-radius:.5rem;padding:.75rem 1.25rem;position:fixed;top:.75rem;left:1rem;transform:translateY(calc(-100% - 2rem))}.pricing-skip:focus{transform:none}@media (hover:hover){.pricing-signin:hover,.pricing-page .plan-card>.button:not(.primary):hover{background:color-mix(in srgb, var(--pricing-ink) 6%, var(--pricing-canvas))}}.billing-interval label:active,.pricing-signin:active{transform:scale(.97)}@media (width<=900px){.pricing-page .billing-faq{gap:2rem}}@media (width<=760px){.pricing-intro{flex-direction:column;align-items:flex-start;gap:1.5rem}.pricing-choice{align-self:stretch}}@media (width<=680px){.pricing-nav{flex-wrap:wrap;row-gap:.25rem;width:calc(100% - 2.5rem);min-height:4.5rem;padding-block:.5rem}.pricing-nav nav{flex-wrap:wrap;gap:.75rem;margin-left:auto}.pricing-nav nav a{font-size:.75rem}.pricing-nav nav .pricing-signin{padding-inline:.625rem}.pricing-signin svg{display:none}.pricing-brand{gap:.375rem;font-size:1.375rem}.pricing-content{width:calc(100% - 2.5rem)}.pricing-intro{padding:2rem 0 1.75rem}.pricing-intro h1{letter-spacing:-.055em;font-size:clamp(2.5rem,9.5vw,3.5rem)}.pricing-intro p{font-size:.8125rem}.pricing-choice{align-self:stretch}.pricing-choice .billing-interval{display:flex}.pricing-choice .billing-interval label{flex:8rem}.plan-grid,.billing-meters{grid-template-columns:1fr}.plan-card{border-radius:1.25rem;padding:min(1.5rem,5vw)}.plan-description{min-height:0;margin-bottom:1.5rem}.plan-price strong{font-size:min(clamp(2rem,10vw + 1rem,3.875rem),28cqi)}.plan-price-note{min-height:2.25rem}.pricing-included{flex-direction:column;align-items:flex-start;gap:.625rem;padding-inline:.25rem}.pricing-footnote{text-align:left}.pricing-page .billing-faq{grid-template-columns:1fr;gap:1rem;margin:2.5rem 0;padding-top:2rem}.pricing-footer{flex-wrap:wrap;gap:.5rem 1rem}.pricing-footer>span{display:none}.billing-current{flex-direction:column;align-items:flex-start}}@media (width<=360px){.pricing-brand>.brand-beta{display:none}.pricing-nav nav,.plan-title-row{gap:.5rem}}@media (prefers-reduced-motion:reduce){.pricing-page *,.billing-interval label,.billing-faq summary svg{transition:none}.pricing-page .button:active,.pricing-signin:active,.billing-interval label:active{transform:none}}@media (prefers-reduced-transparency:reduce){.pricing-nav{background:var(--pricing-canvas);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-contrast:more){.pricing-nav{background:var(--pricing-canvas);-webkit-backdrop-filter:none;backdrop-filter:none}.pricing-page .plan-card,.pricing-page .billing-interval{border-color:var(--pricing-ink)}.pricing-page .plan-card-pro{border-color:var(--pricing-primary)}}@container (width<=16rem){.plan-allowances{grid-template-columns:minmax(0,1fr);gap:.75rem}.plan-allowances>div{flex-flow:wrap;justify-content:space-between;align-items:baseline}}
