/* AutoBuilder account surfaces share the marketing site's type and colour system. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;650;700&family=Manrope:wght@500;600;650;700;800&display=swap');
:root{--bg:#171d32;--card:#22293f;--ink:#eef0fa;--mute:#a5b0c8;--hair:#3b445e;--line:#303a53;--accent:#b1b4ff;--accent-2:#c0c3ff;--accent-bg:#303455;--cta:#777bf5;--cta-2:#898cfa;--cta-ink:#fff;--nav:#171d32ed;--code:#2b344c;--body-c:#cbd2e4}
html[data-theme=light]{--bg:#f7f8fc;--card:#fff;--ink:#1a2136;--mute:#657087;--hair:#dfe3ee;--line:#e8ebf3;--accent:#5458ec;--accent-2:#484cce;--accent-bg:#eff0ff;--cta:#5458ec;--cta-2:#4044d0;--cta-ink:#fff;--nav:#f7f8fced;--code:#eef0f8;--body-c:#3d4860}
body{font-family:'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,.brand,.btn,.pill,.chip,.bignum{font-family:'Manrope',system-ui,sans-serif}
.nav{padding:19px 28px}.nav .brand{display:inline-flex;align-items:center;gap:9px;font-size:21px;font-weight:800;letter-spacing:-.8px}.nav .brand img{width:32px;height:32px}.nav a{font-size:13px}.nav .links{gap:20px}.nav .right{gap:18px}.nav .brand:hover{text-decoration:none}
.btn{border-radius:9px;font-size:13px;padding:12px 21px;transition:background 200ms,transform 120ms cubic-bezier(.22,1,.36,1)}.btn:active{transform:scale(.98)}.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #969bff;outline-offset:3px}.card{border-radius:14px;padding:28px}.wrap{max-width:860px;margin-block:48px}h1{font-size:35px;line-height:1.25;letter-spacing:-1.2px;font-weight:700}h2{letter-spacing:-.4px}.brand-mark{background:#5458ec;border-radius:11px}.authwrap{max-width:440px;margin:46px auto}.authwrap .card{padding:36px}.authwrap h1{font-size:27px;letter-spacing:-.8px;margin-bottom:10px}.authwrap .sub{font-size:13px;line-height:1.7}.authwrap label{font-size:12px;color:var(--ink)}.authwrap input{font-size:14px;padding:12px;border-radius:8px}.authwrap .muted{font-size:12px}.benefits{font-size:12px;gap:7px}.benefits li::before{color:var(--accent)}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:.12em;font-weight:700}.bignum{font-size:42px;letter-spacing:-1.5px}.grid2{gap:20px}.card.plan ul{font-size:13px}
@media(max-width:760px){.nav{padding:15px 20px}.nav-in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:13px}.nav .links{order:3;justify-content:center;width:100%}.nav .links:empty{display:none}.nav .right{gap:13px;flex-wrap:wrap}.nav .right .chip{display:none}.nav .brand{font-size:19px}.nav .brand img{width:28px;height:28px}.wrap{padding-inline:20px;margin-block:32px}.authwrap{margin:25px auto}.authwrap .card{padding:26px}h1{font-size:30px}.nav .btn{font-size:11px;padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.btn{transition:none}}

.brand-wordmark{display:flex;flex-direction:column;line-height:1.1;gap:4px}.brand-wordmark small{font-family:"DM Sans",system-ui,sans-serif;font-size:9px;font-weight:500;letter-spacing:.02em;color:var(--muted,var(--mute))}.brand-wordmark .brand-dot{margin-left:0}
