:root{--ground:#0b0b0b;--raised:#1a1a1a;--line:#5a5a5a;--hair:#333;--ink:#f2f2f2;--muted:#d0d0d0;--orange:#ff7824;--orange-light:#ff9654;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--ground);color:var(--ink);margin:0}body{-webkit-font-smoothing:antialiased;font-family:Archivo,sans-serif;font-size:17px;line-height:1.45}h1{margin:0;font-size:30px;font-weight:500;font-stretch:125%;line-height:1.16}p{margin:0}a{color:inherit}:focus-visible{outline:2px solid var(--orange-light);outline-offset:2px}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}.shell{flex-direction:column;gap:28px;max-width:520px;min-height:100dvh;margin:0 auto;padding:24px 20px 40px;display:flex}.top{justify-content:space-between;align-items:center;gap:16px;display:flex}.wordmark{width:128px;height:auto;display:block}.body{flex-direction:column;gap:24px;display:flex}.stack{flex-direction:column;gap:10px;display:flex}.muted{color:var(--muted)}.small{font-size:15px}.accent{letter-spacing:.1em;color:var(--muted);font-size:13px}.label{letter-spacing:.1em;color:#c8c8c8;padding:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px}.link{letter-spacing:.08em;text-transform:uppercase;padding:12px 0;font-size:12px;text-decoration:none}.foot{text-align:center;padding:8px 0 20px;font-size:13px}.foot a{color:#a8a8a8;margin:0 8px}.quiet{color:#c8c8c8;align-self:center;padding:12px 0;font-size:15px}.plain{cursor:pointer;background:0 0;border:0;margin:0 auto;font-family:inherit;text-decoration:underline;display:block}.rows{border-top:1px solid var(--hair);flex-direction:column;display:flex}.rows>form{display:block}.row{border:0;border-bottom:1px solid var(--hair);width:100%;min-height:54px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;text-decoration:none;transition:color .2s;display:flex}.row:after{content:"→";transition:transform .2s}.row:hover{color:var(--orange-light)}.row:hover:after{transform:translate(4px)}.go>summary{list-style:none}.go>summary::-webkit-details-marker{display:none}.go-button{background:var(--ink);color:#0b0b0b;width:100%;min-height:52px;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;font-weight:500;display:flex}.go-button:hover{background:#fff}.go[open]>.go-button{box-shadow:0 0 0 3px var(--ground), 0 0 0 4px var(--line);pointer-events:none;cursor:default}.go-button .when-open,.go[open]>.go-button .when-closed{display:none}.go[open]>.go-button .when-open{display:inline}.methods{flex-wrap:wrap;gap:8px;padding-top:16px;display:flex}.method{min-width:96px;min-height:46px;color:var(--ink);border:1px solid var(--line);font:inherit;cursor:pointer;background:0 0;border-radius:999px;flex:1 1 0;justify-content:center;align-items:center;padding:0 18px;transition:background .2s,color .2s,border-color .2s;display:inline-flex;position:relative}.method:hover{border-color:var(--ink)}.method-email input{opacity:0;width:1px;height:1px;position:absolute}.method-email:has(input:checked){background:var(--ink);border-color:var(--ink);color:#0b0b0b}.method-email:has(input:focus-visible){outline:2px solid var(--orange-light);outline-offset:2px}.email-fields{flex-direction:column;gap:18px;padding-top:20px;display:none}.go:has(.method-email input:checked) .email-fields{display:flex}@supports not selector(:has(a)){.email-fields{display:flex}}.footnote{color:#b4b4b4;font-size:13px;line-height:1.45}.form{flex-direction:column;gap:24px;display:flex}.field{border:0;flex-direction:column;gap:2px;min-width:0;margin:0;padding:0;display:flex}input[type=text],input[type=email],input:not([type]){width:100%;color:var(--ink);border:0;border-bottom:1px solid var(--line);font:inherit;background:0 0;border-radius:0;padding:8px 0 10px}input[type=text]:focus,input[type=email]:focus,input:not([type]):focus{border-bottom-color:var(--ink);outline:none}.cards,.plans{border:0;min-width:0;margin:0;padding:0}.cards legend,.plans legend{padding:0}.card-choice input,.plan-choice input{opacity:0;width:1px;height:1px;position:absolute}.card-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:12px;display:grid}.card-choice{cursor:pointer;flex-direction:column;gap:10px;display:flex}.card-image{display:block;position:relative}.card-image img{filter:blur(5px)brightness(.72);width:100%;height:auto;transition:filter .5s,transform .5s;display:block;transform:scale(.97)}.card-black .card-image img{filter:blur(5px)brightness(1.5)}.card-image .when-monthly{opacity:0;position:absolute;inset:0}form:has(input[value=monthly]:checked) .card-image .when-monthly{opacity:1}form:has(input[value=monthly]:checked) .card-chrome .when-annual{opacity:0}.card-choice:has(input:checked) .card-image img{filter:none;transform:scale(1)translateY(-4px)}.card-choice:has(input:focus-visible) .card-image{outline:2px solid var(--orange-light);outline-offset:3px}.card-name{letter-spacing:.12em;text-transform:uppercase;text-align:center;color:#b4b4b4;font-size:12px;transition:color .3s}.card-choice:has(input:checked) .card-name{color:var(--ink)}.plan-row{border:1px solid var(--line);border-radius:999px;gap:2px;margin-top:8px;padding:3px;display:inline-flex}.plan-choice{min-height:40px;color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;padding:0 22px;font-size:16px;transition:background .2s,color .2s;display:flex;position:relative}.plan-choice:has(input:checked){background:var(--ink);color:#0b0b0b}.plan-choice:has(input:focus-visible){outline:2px solid var(--orange-light);outline-offset:2px}form:has(input[name=tier][value=black]:checked) .plan-row{border-color:var(--hair)}form:has(input[name=tier][value=black]:checked) .plan-choice{pointer-events:none;cursor:default}form:has(input[name=tier][value=black]:checked) .plan-annual{color:#0b0b0b;background:#8f8f8f}form:has(input[name=tier][value=black]:checked) .plan-monthly{color:#6f6f6f;background:0 0}.plan-wrap{max-width:100%;display:inline-block;position:relative}.plan-tip{z-index:2;background:var(--ink);color:#0b0b0b;border-radius:4px;width:max-content;max-width:min(320px,86vw);padding:7px 10px;font-size:14px;line-height:1.25;display:none;position:absolute;bottom:calc(100% + 6px);left:0}form:has(input[name=tier][value=black]:checked) .plan-wrap:hover .plan-tip{display:block}form:has(input[name=tier][value=black]:checked) .plan-wrap:has(input:focus-visible) .plan-tip{display:block}@media (hover:none){form:has(input[name=tier][value=black]:checked) .plan-tip{color:var(--muted);background:0 0;padding:8px 0 0;display:block;position:static}}.dues{flex-wrap:wrap;justify-content:space-between;gap:2px 12px;font-size:clamp(16px,4.5vw,19px);font-weight:500;font-stretch:125%;line-height:1.2;display:flex}.dues-label{color:var(--muted)}.price{color:var(--ink);text-align:right}.was{color:#a8a8a8;margin-right:8px;font-weight:400}.rate{letter-spacing:.08em;text-transform:uppercase;color:var(--orange);margin-top:4px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;font-weight:500;font-stretch:100%;display:block}.price>span{display:none}form:has(input[name=tier][value=chrome]:checked):has(input[value=annual]:checked) .price-chrome.when-annual{display:inline}form:has(input[name=tier][value=chrome]:checked):has(input[value=monthly]:checked) .price-chrome.when-monthly{display:inline}form:has(input[name=tier][value=black]:checked) .price-black{display:inline}.trap{height:1px;position:absolute;left:-9999px;overflow:hidden}.error{color:var(--orange-light)}.facts{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);justify-content:space-between;gap:12px;margin:0;padding:14px 0;display:flex}.facts dd{margin:2px 0 0;font-weight:500}.facts .end{text-align:right}.focus{padding:18px 8px;position:relative;overflow:hidden}.defocus{--lift:.55;width:100%;height:auto;filter:blur(3px) brightness(var(--lift));animation:1.8s ease-out rack;display:block}.defocus-black{--lift:1.5}@keyframes rack{0%{filter:blur(14px) brightness(var(--lift))}to{filter:blur(3px) brightness(var(--lift))}}.focus-note{letter-spacing:.1em;text-align:center;text-transform:uppercase;color:var(--orange-light);text-shadow:0 0 10px #000000bf;justify-content:center;align-items:center;padding:0 24px;font-size:14px;font-weight:500;display:flex;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.defocus{animation:none}}.copy-draft{-webkit-text-decoration:underline dotted var(--orange);text-decoration:underline dotted var(--orange);text-underline-offset:3px}