@layer components{.pricing-compare{overflow:clip}.billing{position:relative;isolation:isolate;display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:4px;margin-top:28px;border:1px solid var(--border-control);border-radius:var(--radius-pill)}.billing input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.billing label{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 18px;border-radius:var(--radius-pill);font-size:14px;color:var(--text-body);cursor:pointer}.billing input:checked+label{background-color:var(--text);color:var(--ground-room)}.billing input:checked+label .billing__save{color:var(--ground-room)}@supports selector(:has(*)){.billing:before{content:"";position:absolute;z-index:-1;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:var(--radius-pill);background-color:var(--text);pointer-events:none}.billing:has(#bill-yearly:checked):before{transform:translate(100%)}@media(prefers-reduced-motion:no-preference){:where(html.js:not([data-motion=off])) .billing:before{transition:transform .42s cubic-bezier(.16,1,.3,1)}:where(html.js:not([data-motion=off])) .billing label,:where(html.js:not([data-motion=off])) .billing label .billing__save{transition:background-color 0s,color .2s ease}:where(html.js:not([data-motion=off])) .billing input:checked+label{transition:background-color 0s linear .3s,color .2s ease .12s}:where(html.js:not([data-motion=off])) .billing input:checked+label .billing__save{transition:color .2s ease .12s}}}.billing input:focus-visible+label{outline:2px solid var(--lamp);outline-offset:2px}.billing__save{font-family:var(--font-mono);font-size:11px;letter-spacing:0;color:var(--lamp)}@media(max-width:440px){.billing label{padding:0 8px;gap:6px}}.compare-scroll{margin-top:28px}.pricing-compare__media{min-height:clamp(280px,38vw,460px);margin-top:clamp(44px,7vw,88px);box-shadow:0 18px 48px #00000047}.compare{width:100%;min-width:780px;border-collapse:collapse;font-size:14.5px;color:inherit}.compare th,.compare td{color:inherit}.compare thead th{padding:0 16px 12px 0;border-bottom:1px solid var(--film-16);text-align:left;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}.compare thead th:nth-child(2){color:var(--text)}.compare td{padding:13px 16px 13px 0;border-bottom:1px solid var(--film-8);vertical-align:top}.compare tbody th{padding:13px 24px 13px 0;border-bottom:1px solid var(--film-8);text-align:left;font-variation-settings:"wdth" var(--wdth-text),"wght" 500;color:var(--text-muted);white-space:nowrap}.compare td:first-of-type{color:var(--text)}@media(max-width:700px){.compare tbody th,.compare thead th:first-child{position:sticky;left:0;z-index:1;max-width:44vw;padding-right:14px;white-space:normal;background:var(--ground-room)}}.compare .n{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:0}:is(.pricing-compare,.cmp__tableband,.plan-includes) .compare{border-collapse:separate;border-spacing:0;font-size:15px;line-height:1.45}:is(.pricing-compare,.cmp__tableband,.plan-includes) .compare thead th{padding:0 18px 16px 0;vertical-align:bottom;font-family:var(--font);font-size:16px;font-weight:700;font-variation-settings:"wdth" 100,"wght" 700;letter-spacing:0;text-transform:none;color:var(--text)}:is(.pricing-compare,.cmp__tableband,.plan-includes) .compare thead th:first-child{width:23%;font-family:var(--font-mono);font-size:11px;font-weight:500;font-variation-settings:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}:is(.pricing-compare,.cmp__tableband,.plan-includes) .compare :is(tbody th,td){padding:15px 16px 15px var(--pad-l, 0px);vertical-align:top;border-bottom:1px solid var(--film-8)}:is(.pricing-compare,.cmp__tableband,.plan-includes) .compare td{--pad-l: 22px}:is(.pricing-compare,.cmp__tableband,.plan-includes) .compare thead th:not(:first-child){--pad-l: 22px;padding-left:var(--pad-l)}:is(.pricing-compare,.cmp__tableband,.plan-includes) .compare tbody th{white-space:normal;color:var(--text-body);font-variation-settings:"wdth" var(--wdth-text),"wght" 600}:is(.pricing-compare,.cmp__tableband,.plan-includes) .compare tbody tr:last-child>*{border-bottom:0}:is(.pricing-compare,.cmp__tableband,.plan-includes) .compare .compare__us{--pad-l: 20px;width:22%;padding-right:20px}:is(.pricing-compare,.cmp__tableband,.plan-includes) .compare thead th.compare__us{--pad-l: 20px;padding-top:22px;border-radius:20px 20px 0 0;font-size:18px;font-variation-settings:"wdth" 100,"wght" 800}:is(.pricing-compare,.cmp__tableband,.plan-includes) .compare thead .compare__us:before{content:"";display:block;width:26px;height:3px;margin-bottom:12px;border-radius:2px;background:var(--lamp)}:is(.pricing-compare,.cmp__tableband,.plan-includes) .compare tbody tr:last-child .compare__us{padding-bottom:22px;border-radius:0 0 20px 20px}:is(.pricing-compare,.cmp__tableband,.plan-includes) .compare td:is([data-mark=yes],[data-mark=no]){padding-left:calc(var(--pad-l) + 27px);text-indent:-27px}:is(.pricing-compare,.cmp__tableband,.plan-includes) .compare td:is([data-mark=yes],[data-mark=no]):before{content:"";display:inline-block;width:18px;height:18px;margin-right:9px;vertical-align:-4px;text-indent:0;background-color:currentColor;-webkit-mask:var(--mark) center / contain no-repeat;mask:var(--mark) center / contain no-repeat}:is(.pricing-compare,.cmp__tableband,.plan-includes) .compare td[data-mark=yes]{--mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cmask id='c'%3E%3Crect width='18' height='18' fill='%23fff'/%3E%3Cpath d='M5.2 9.4l2.5 2.5 5.1-5.4' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/mask%3E%3Ccircle cx='9' cy='9' r='9' mask='url(%23c)'/%3E%3C/svg%3E")}:is(.pricing-compare,.cmp__tableband,.plan-includes) .compare td[data-mark=no]{--mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='8.1' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3Cpath d='M5.7 9h6.6' stroke='%23000' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E")}:is(.pricing-compare,.cmp__tableband,.plan-includes) .compare td[data-mark=unknown]{color:var(--text-muted)}@media(any-hover:hover){:is(.pricing-compare,.cmp__tableband,.plan-includes) .compare tbody tr:hover>*{background-image:linear-gradient(var(--film-4),var(--film-4))}}@media(max-width:700px){:is(.pricing-compare,.cmp__tableband,.plan-includes) .compare thead .compare__us{font-size:16px}}.plan-includes .plan-includes__table{min-width:640px}.plan-includes .plan-includes__table thead th:first-child{width:34%}.plan-includes .plan-includes__table .compare__us{width:24%}.plan-includes .plan-includes__table tbody th a{color:inherit;text-underline-offset:4px}.preview-shown__inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,72px)}.preview-shown__screen{rotate:-1deg}.preview-shown__list{display:grid;gap:0;margin:26px 0 0;padding:0;list-style:none}.preview-shown__list li{display:grid;gap:4px;padding:16px 0;border-top:1px solid var(--film-8);color:var(--text-body)}.preview-shown__list li:last-child{border-bottom:1px solid var(--film-8)}.preview-shown__list strong{color:var(--text);font-weight:700}.preview-shown__close{margin-top:22px;color:var(--text-muted)}@media(max-width:900px){.preview-shown__inner{grid-template-columns:minmax(0,1fr)}.preview-shown__screen{rotate:0deg}}}