@layer components{.billing{display:inline-flex;gap:4px;padding:4px;margin-top:28px;border:1px solid var(--film-16);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;gap:8px;height:34px;padding:0 16px;border-radius:var(--radius-pill);font-size:14px;color:var(--text-muted);cursor:pointer;transition:background .2s ease,color .2s ease}.billing input:checked+label{background:var(--film-8);color:var(--text)}.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)}.compare-scroll{margin-top:28px}.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}}
