:root{--ground:#050608;--panel:#0b0d12;--line:#ffffff14;--ink:#f4f4f5;--muted:#a1a1a1;--dim:#6b7280;--green:#4ade80;--error:#f87171;--ease:cubic-bezier(.22, 1, .36, 1);--serif:var(--font-young-serif), "Young Serif", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}*{box-sizing:border-box}html,body{height:100%}body{background:var(--ground);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--green);outline-offset:3px}.login{min-height:100svh;position:relative;overflow:hidden}@media (min-width:1024px){.login{grid-template-columns:1fr 1fr;display:grid}}.aside{border-right:1px solid var(--line);background:var(--panel);flex-direction:column;padding:40px;display:none;position:relative;overflow:hidden}@media (min-width:1024px){.aside{display:flex}}.aside__fade{z-index:1;background:linear-gradient(to bottom, transparent, transparent, var(--ground));pointer-events:none;position:absolute;inset:0}.paths{pointer-events:none;position:absolute;inset:0}.paths svg{width:100%;height:100%;color:var(--ink);position:absolute;inset:0}.paths path{fill:none;stroke:currentColor;stroke-dasharray:.5 1;animation:flow var(--d) linear infinite alternate}@keyframes flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-1.5px}}.brand{z-index:2;align-items:center;height:24px;display:inline-flex;position:relative}.brand img{width:auto;height:24px;display:block}.statement{z-index:2;flex-direction:column;gap:14px;max-width:520px;margin:auto 0 0;display:flex;position:relative}.statement p{font-family:var(--serif);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:24px;font-weight:400;line-height:1.25}@media (min-width:768px){.statement p{font-size:30px}}.statement em{font-style:italic}.login{--serif:var(--font-hanken), "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--sans:var(--font-hanken), "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;font-family:var(--sans)}.login :is(h1,.statement p){letter-spacing:-.02em;font-weight:600}.login .statement em{font-style:normal}.login h1.h1--line{white-space:nowrap;font-size:42px}.main{flex-direction:column;justify-content:center;min-height:100svh;padding:96px 24px 48px;display:flex;position:relative}.glow{z-index:0;pointer-events:none;opacity:.6;position:absolute;inset:0}.glow:before,.glow:after{content:"";border-radius:999px;position:absolute;top:0;right:0}.glow:before{background:radial-gradient(68.54% 68.72% at 55.02% 31.46%,#f4f4f50f 0,#f4f4f505 50%,#f4f4f503 80%);width:560px;height:1280px;transform:translateY(-352px)}.glow:after{background:radial-gradient(50% 50%,#f4f4f50a 0,#f4f4f503 80%,#0000 100%);width:240px;height:1280px;transform:translate(5%,-50%)}.home{z-index:2;height:36px;color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:0 14px 0 10px;font-size:14px;transition:color .2s,background-color .2s;display:inline-flex;position:absolute;top:24px;left:20px}.home:hover{color:var(--ink);background:#1c1c1c}.home svg{width:16px;height:16px}.panel{z-index:2;flex-direction:column;gap:24px;width:100%;max-width:384px;margin:0 auto;display:flex;position:relative}.panel .brand{display:inline-flex}@media (min-width:1024px){.panel .brand{display:none}}.head{flex-direction:column;gap:8px;display:flex}h1{font-family:var(--serif);letter-spacing:-.025em;margin:0 0 -.12em;padding-bottom:.12em;font-size:36px;font-weight:400;line-height:1.1}@media (min-width:640px){h1{font-size:48px;line-height:1}}.lede{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.stack{flex-direction:column;gap:12px;display:flex}.btn{width:100%;height:48px;font:inherit;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:15px;font-weight:600;transition:transform .2s,background-color .2s,opacity .2s;display:inline-flex}.btn:active{transform:scale(.99)}.btn:disabled{cursor:progress;opacity:.7}.btn svg{flex:none;width:18px;height:18px}.btn--light{color:#000;background:linear-gradient(#fff,#fffffff2 50%,#ffffffbf)}.btn--dark{color:var(--ink);background:#111318;box-shadow:inset 0 0 0 1px #ffffff1f}.btn--dark:hover{background:#181b22}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.or{color:var(--dim);align-items:center;gap:12px;font-size:12px;display:flex}.or:before,.or:after{content:"";background:var(--line);flex:1;height:1px}.field{flex-direction:column;gap:8px;display:flex}.field label{color:var(--ink);font-size:13px;font-weight:500}.field input{height:48px;color:var(--ink);font:inherit;background:#0d0f14;border:0;border-radius:10px;padding:0 14px;font-size:15px;transition:box-shadow .2s;box-shadow:inset 0 0 0 1px #ffffff1f}.field input::placeholder{color:var(--dim)}.field input:focus{outline:none;box-shadow:inset 0 0 0 1px #ffffff59,0 0 0 3px #4ade8040}.field input[aria-invalid=true]{box-shadow:inset 0 0 0 1px var(--error)}.field__error{min-height:18px;color:var(--error);margin:0;font-size:13px}.legal{color:var(--dim);margin:0;font-size:12px;line-height:1.6}.legal a{color:var(--ink);text-underline-offset:4px}.legal a:hover{text-decoration:underline}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.enter{animation:enter .5s var(--ease) both;animation-delay:calc(var(--i,0) * 60ms)}@keyframes enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.enter,.paths path,.spin{animation:none}}
.login--form .main{padding-block:88px 56px}.login--form .panel{gap:20px}.login--checkout .panel{max-width:420px}.form{flex-direction:column;gap:18px;display:flex}.email-row{min-height:48px;box-shadow:inset 0 0 0 1px var(--line);background:#0d0f14;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:0 6px 0 14px;display:flex}.email-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;overflow:hidden}.email-row a{color:var(--muted);border-radius:8px;flex:none;padding:6px 10px;font-size:13px;font-weight:500}.email-row a:hover{color:var(--ink);background:#1c1c1c}.field__hint{color:var(--dim);margin:0;font-size:12.5px;line-height:1.45}.field__status{min-height:18px;color:var(--dim);margin:0;font-size:13px}.field__status.is-ok{color:var(--green)}.field__status:empty{display:none}.field__status.is-bad{color:var(--error)}.form .field__error:empty{display:none}.field input[aria-invalid=false].is-ok{box-shadow:inset 0 0 0 1px #4ade8080}.field__error a,.notice a{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.pw{display:flex;position:relative}.pw input{flex:1;min-width:0;padding-right:72px}.pw button{height:36px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 12px;font-size:13px;font-weight:500;position:absolute;top:6px;right:6px}.pw button:hover{color:var(--ink);background:#1c1c1c}.rules{color:var(--dim);flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;font-size:12.5px;list-style:none;display:flex}.rules li{align-items:center;gap:6px;transition:color .2s;display:inline-flex}.rules li:before{content:"";border-radius:999px;flex:none;width:14px;height:14px;box-shadow:inset 0 0 0 1.5px}.rules li.is-met{color:var(--green)}.rules li.is-met:before{box-shadow:none;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23050608' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 10px no-repeat}.rules.is-flagged li:not(.is-met){color:var(--error)}.check{color:var(--muted);cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;display:flex}.check input{accent-color:var(--green);flex:none;width:16px;height:16px;margin:1px 0 0}.link-btn{color:var(--muted);font:inherit;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;align-self:flex-start;padding:0;font-size:13px;font-weight:500}.link-btn:hover{color:var(--ink);text-decoration:underline}.notice{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.form fieldset{border:0;min-width:0;margin:0;padding:0}.form legend{color:var(--ink);margin-bottom:8px;padding:0;font-size:13px;font-weight:500}.plans{flex-direction:column;gap:8px;display:flex}.plan{box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;background:#0d0f14;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;transition:box-shadow .2s,background-color .2s;display:flex}.plan:hover{background:#12151c}.plan input{accent-color:var(--green);flex:none;width:16px;height:16px;margin:0}.plan:has(input:checked){box-shadow:inset 0 0 0 1.5px var(--green);background:#0f1512}.plan:has(input:focus-visible){outline:2px solid var(--green);outline-offset:2px}.plan__name{flex-wrap:wrap;flex:1;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.plan__tag{color:var(--green);background:#4ade8024;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.plan__price{text-align:right;font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.plan__price small{color:var(--muted);font-size:12px;font-weight:400;display:block}.summary{box-shadow:inset 0 0 0 1px var(--line);background:#0b0d12;border-radius:10px;flex-direction:column;gap:8px;padding:14px;font-size:14px;display:flex}.summary__row{font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;display:flex}.summary__row b{font-weight:600}.summary__row span:first-child{color:var(--muted)}.terms{color:var(--muted);margin:0;font-size:12.5px;line-height:1.55}.terms b{color:var(--ink);font-weight:600}.stripe-form{border-radius:10px;min-height:120px;overflow:hidden}.code-row{gap:8px;display:flex}.code-row input{text-transform:uppercase;flex:1;min-width:0}.code-row input::placeholder{text-transform:none}.code-row .btn{flex:none;width:auto}@media (prefers-reduced-motion:reduce){.rules li,.plan{transition:none}}.uname{display:flex;position:relative}.uname input{flex:1;min-width:0;padding-right:44px}.uname__icon{width:18px;height:18px;color:var(--dim);pointer-events:none;margin-top:-9px;position:absolute;top:50%;right:14px}.uname__icon svg{width:18px;height:18px;display:block}.uname__icon.is-ok{color:var(--green)}.uname__icon.is-bad{color:var(--error)}.trial-skip{color:#fff;background:#ffffff1f;border-radius:999px;align-items:center;height:36px;padding:0 16px;font-size:16px;font-weight:500;transition:background-color .2s;display:flex;position:absolute;top:-52px;right:0}.trial-skip:hover{background:#ffffff2e}.trial-head{text-align:center;align-items:center}.trial-head h1{font-family:var(--serif);letter-spacing:-.02em;font-size:40px;font-weight:600;line-height:46px}.trial-head .lede{color:#fff;font-size:19px;font-weight:600;line-height:24px}.trial-free{color:#60a5fa}.trial-benefits{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;gap:20px;margin:0;padding:22px 18px;list-style:none;display:flex}.trial-benefits li{align-items:center;gap:14px;display:flex}.trial-benefits__mark{color:#fff;background:#333335;border-radius:9px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.trial-benefits__mark svg{width:18px;height:18px}.trial-benefits__text{color:#a1a1a6;flex-direction:column;flex:1;gap:2px;min-width:0;font-size:13px;line-height:18px;display:flex}.trial-benefits__text b{color:#fff;font-size:16px;font-weight:600;line-height:21px}.trial-plans{background:#ffffff13;border:1px solid #ffffff0f;border-radius:24px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.trial-plan{color:#fff;background:0 0;border:0;border-radius:20px;flex-direction:column;align-items:center;min-width:0;padding:16px 4px 12px;transition:background-color .2s;display:flex;position:relative}.trial-plan[aria-checked=true]{background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff2e}.trial-plan:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}.trial-plan__tag{color:#60a5fa;white-space:nowrap;background:#0e1a2b;border:1px solid #60a5fa59;border-radius:999px;height:20px;padding:0 8px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.trial-plan__name{font-size:15px;font-weight:600}.trial-plan__price{letter-spacing:-.3px;font-variant-numeric:tabular-nums;margin-top:6px;font-size:22px;font-weight:700;line-height:26px}.trial-plan__per{color:#a1a1a6;white-space:nowrap;font-size:12px;line-height:16px}.trial-plan__monthly{color:#8e8e93;font-variant-numeric:tabular-nums;white-space:nowrap;min-height:16px;margin-top:2px;font-size:12px;line-height:16px}.trial-start{border-radius:999px;height:54px;font-size:17px;font-weight:600}.trial-renewal{color:#a1a1a6;text-align:center;margin:0 4px;font-size:13px;line-height:18px}.trial-legal{color:#8e8e93;justify-content:center;gap:8px;margin:0;font-size:13px;display:flex}.trial-legal a{color:inherit}.trial-legal a:hover{color:#fff}.setup{flex-direction:column;gap:24px;display:flex}.setup-photo{flex-direction:column;gap:8px;display:flex}.setup-photo__pick{cursor:pointer;align-self:flex-start;align-items:center;gap:16px;display:flex;position:relative}.setup-photo__pic{flex:none;width:64px;height:64px;position:relative}.setup-photo__circle{background:#1c1f26;border-radius:50%;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.setup-photo__circle :is(img,svg){object-fit:cover;width:64px;height:64px;display:block}.setup-photo__pick:has(input:focus-visible) .setup-photo__circle{outline:2px solid var(--green);outline-offset:3px}.setup-photo__plus{background:var(--ink);width:22px;height:22px;box-shadow:0 0 0 3px var(--ground);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-2px;right:-2px}.setup-photo__words{color:var(--dim);flex-direction:column;gap:2px;font-size:13px;display:flex}.setup-photo__words b{color:var(--ink);font-size:15px;font-weight:600}.setup-photo__error{color:var(--error);margin:0;font-size:13px}.setup-fields{flex-direction:column;gap:16px;display:flex}.setup-handle{background:#0d0f14;border-radius:10px;align-items:center;gap:8px;height:48px;padding:0 14px;transition:box-shadow .2s;display:flex;box-shadow:inset 0 0 0 1px #ffffff1f}.setup-handle>span{color:var(--dim);font-size:15px}.setup-handle>svg{color:var(--green);flex:none}.setup-handle:focus-within{box-shadow:inset 0 0 0 1px #ffffff59,0 0 0 3px #4ade8040}.setup-handle.is-bad{box-shadow:inset 0 0 0 1px var(--error)}.field .setup-handle input,.field .setup-handle input:focus,.field .setup-handle input[aria-invalid=true]{min-width:0;height:46px;box-shadow:none;background:0 0;border-radius:0;flex:1;padding:0}.btn--off{color:var(--dim);background:#1a1d24}.setup-crop{--pb-vw:100vw;--pb-vh:100vh;--pb-ink:#f3f4f6;--pb-muted:#9ca3af;--pb-dim:#6b7280;--pb-red:#f87171;--pb-surface:#0d0d0d;--pb-line:#ffffff1a;--pb-line-3:#ffffff1f;--pb-fill-2:#ffffff0d;--pb-fill-3:#ffffff14;--pb-fill-on:#ffffff1a;display:contents}
