:root{--signup-shell:min(1380px,100%)}
html,body{background:#ededed}.signup-skip{position:fixed;left:16px;top:16px;z-index:20;background:#fff;color:#000;padding:9px 12px;border-radius:10px;transform:translateY(-180%)}.signup-skip:focus{transform:none}.signup-shell{width:var(--signup-shell);min-height:100vh;margin:auto;display:grid;grid-template-columns:minmax(390px,.86fr) minmax(600px,1.14fr);background:#fff;box-shadow:0 0 60px rgba(0,0,0,.08)}.signup-brand{position:sticky;top:0;height:100vh;background:#000;color:#fff;padding:42px 48px;display:flex;flex-direction:column;overflow:hidden}.signup-brand:after{content:"";position:absolute;width:430px;height:430px;border:1px solid #2b2b2b;border-radius:50%;right:-210px;top:24%;box-shadow:0 0 0 70px #080808,0 0 0 71px #262626,0 0 0 140px #080808,0 0 0 141px #232323}.signup-logo-link{position:relative;z-index:2;width:max-content}.signup-logo{width:80px!important;height:54px;color:#fff}.brand-story{position:relative;z-index:2;margin:auto 0;max-width:560px}.brand-story .caps{color:#8d8d8d}.brand-story h1{font:600 clamp(42px,5vw,72px)/.98 var(--display);letter-spacing:-.055em;max-width:520px;margin-top:17px}.brand-story>p:last-child{max-width:500px;color:#aaa;font-size:15px;line-height:1.7;margin-top:22px}.brand-proof{position:relative;z-index:2;display:grid;border-top:1px solid #2c2c2c}.brand-proof>div{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:15px 0;border-bottom:1px solid #222}.brand-proof span{color:#666;font:700 9px var(--display)}.brand-proof p{display:grid;gap:3px}.brand-proof b{font-size:11px}.brand-proof small{color:#777;line-height:1.4}.signup-panel{min-height:100vh;background:#f6f6f4;display:grid;grid-template-rows:auto 1fr auto}.signup-topbar{min-height:82px;padding:20px 34px;background:#fff;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;justify-content:space-between;gap:24px}.signup-topbar>div{display:flex;align-items:center;gap:18px}.signup-topbar p{font-size:11px;color:#777}.signup-topbar a{color:#000;font-weight:700;text-decoration:underline;text-underline-offset:3px}.signup-progress{display:flex;align-items:center;gap:5px}.signup-progress span{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;border:1px solid #ccc;background:#fff;color:#999;font-size:8px;font-weight:800}.signup-progress span.active,.signup-progress span.done{background:#000;color:#fff;border-color:#000}.signup-progress i{width:20px;height:1px;background:#ddd}.signup-progress i.done{background:#000}.signup-content{padding:54px 34px 36px;display:flex}.signup-content form{width:min(700px,100%);margin:auto}.signup-step{animation:stepIn .18s ease}.step-heading{max-width:650px;margin-bottom:30px}.step-heading>span{font-size:9px;font-weight:800;color:#8b8b8b;text-transform:uppercase;letter-spacing:.1em}.step-heading h2{font:600 clamp(30px,4vw,43px)/1.06 var(--display);letter-spacing:-.045em;margin-top:11px}.step-heading p{color:#777;line-height:1.6;font-size:13px;margin-top:12px}.social-signup{display:grid;grid-template-columns:1fr 1fr;gap:10px}.social-btn{height:48px;border:1px solid #ccc;border-radius:13px;background:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700}.social-btn b{width:20px;height:20px;display:grid;place-items:center;border:1px solid #ccc;border-radius:6px;font-size:10px}.divider{display:flex;align-items:center;gap:12px;color:#999;font-size:9px;margin:22px 0}.divider:before,.divider:after{content:"";height:1px;background:#ddd;flex:1}.signup-form-grid{gap:15px}.field small{color:#888;font-size:9px;line-height:1.5}.input,.select{background:#fff}.password-wrap{position:relative}.password-wrap .input{padding-right:48px}.password-wrap button{position:absolute;right:7px;top:5px;width:34px;height:34px;border:0;background:#f1f1f1;border-radius:9px;display:grid;place-items:center}.password-wrap .material-symbols-rounded{font-size:18px}.check-row{display:grid;grid-template-columns:18px 1fr;gap:9px;align-items:start;margin-top:18px;color:#666;font-size:10px;line-height:1.5}.check-row input{margin-top:2px;accent-color:#000}.check-row a{color:#000;text-decoration:underline}.form-feedback{min-height:17px;color:#9a1717;font-size:10px;margin-top:10px}.workspace-preview{display:grid;grid-template-columns:54px 1fr auto;gap:15px;align-items:center;padding:18px}.workspace-mark{width:54px;height:54px;border-radius:14px;background:#000;color:#fff;display:grid;place-items:center;font:700 14px var(--display)}.workspace-preview h3,.final-summary h3{font:600 18px var(--display);margin:4px 0}.workspace-preview p,.final-summary p{color:#777;font-size:10px}.workspace-field{margin-top:18px}.slug-control{display:flex;align-items:center;border:1px solid #ccc;border-radius:12px;background:#fff;overflow:hidden}.slug-control .input{border:0;border-radius:0}.slug-control span{padding:0 13px;color:#777;font-size:11px;font-weight:700;white-space:nowrap}.info-box,.build-note{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;margin-top:17px;padding:15px;border-radius:13px;background:#e8e8e5}.info-box .material-symbols-rounded,.build-note .material-symbols-rounded{font-size:20px}.info-box p,.build-note p{display:grid;gap:3px}.info-box b,.build-note b{font-size:11px}.info-box small,.build-note small{color:#777;font-size:9px;line-height:1.55}.trial-banner{display:grid;grid-template-columns:44px 1fr;gap:13px;align-items:center;padding:16px;border:1px solid #d5d5d5;border-radius:15px;background:#fff}.trial-banner>div{width:42px;height:42px;border-radius:12px;background:#000;color:#fff;display:grid;place-items:center}.trial-banner p{display:grid;gap:4px}.trial-banner b{font-size:13px}.trial-banner small{color:#777;font-size:9px;line-height:1.5}.plan-recommendation{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:14px;padding:20px;border-radius:16px;background:#000;color:#fff}.recommendation-copy .caps{color:#8b8b8b}.recommendation-copy h3{font:600 24px var(--display);margin-top:7px}.recommendation-copy p{color:#999;font-size:9px;margin-top:5px}.recommendation-price{text-align:right;white-space:nowrap}.recommendation-price b{display:block;font:600 25px var(--display)}.recommendation-price span{color:#888;font-size:9px}.plan-grid{border:0;margin:25px 0 0;padding:0}.plan-grid legend{font-size:10px;font-weight:800;margin-bottom:10px}.plan-grid legend span{color:#999;font-weight:500}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.plan-grid legend{grid-column:1/-1}.plan-card{display:block}.plan-card input{position:absolute;opacity:0;pointer-events:none}.plan-card>span{min-height:108px;display:grid;grid-template-columns:1fr auto;align-content:start;gap:6px 12px;padding:15px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;cursor:pointer}.plan-card input:checked+span{border-color:#000;box-shadow:inset 0 0 0 1px #000}.plan-card b{font-size:12px}.plan-card small{grid-column:1;color:#888;font-size:9px}.plan-card strong{grid-column:2;grid-row:1/span 2;align-self:center;font:600 16px var(--display)}.setup-grid{display:grid;gap:10px}.setup-card{position:relative;display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:center;padding:16px}.setup-number{color:#999;font:700 9px var(--display)}.setup-card>div:nth-child(2){display:grid;gap:3px}.setup-card b{font-size:11px}.setup-card small{color:#888;font-size:9px;line-height:1.45}.setup-card .field{grid-column:2/-1;margin-top:5px}.setup-card.complete>.material-symbols-rounded{font-size:23px}.invite-card{grid-template-columns:32px 1fr}.invite-link-box{grid-column:2;display:flex;align-items:center;gap:8px;padding:8px 8px 8px 12px;border:1px solid #ddd;border-radius:11px;background:#f7f7f7;min-width:0}.invite-link-box code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 10px var(--font)}.invite-link-box button{margin-left:auto;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:9px;background:#000;color:#fff}.invite-link-box .material-symbols-rounded{font-size:17px}.preview-link{grid-column:2;color:#000;font-size:9px;font-weight:800;text-decoration:underline;text-underline-offset:3px}.final-summary{display:grid;grid-template-columns:54px 1fr auto;gap:14px;align-items:center;margin-top:14px;padding:16px}.signup-actions{display:flex;justify-content:space-between;gap:10px;margin-top:28px}.signup-actions .btn{min-width:130px}.signup-actions [data-next],.signup-actions [data-open-preview]{margin-left:auto}.signup-footer{min-height:58px;display:flex;align-items:center;justify-content:center;gap:7px;color:#888;font-size:9px}.signup-footer a{text-decoration:underline;text-underline-offset:3px}.toast{font-size:11px}.social-btn:focus-visible,.plan-card input:focus-visible+span,.signup-actions .btn:focus-visible,.input:focus-visible,.select:focus-visible,.slug-control:focus-within{outline:3px solid #7ab1ff;outline-offset:2px}.input:user-invalid,.select:user-invalid{border-color:#b32929}.build-note{background:#fff2d8;border:1px solid #ead6a2}
@keyframes stepIn{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.signup-shell{grid-template-columns:340px 1fr}.signup-brand{padding:35px 28px}.brand-story h1{font-size:46px}.signup-topbar{padding-inline:26px}.signup-content{padding-inline:26px}}
@media(max-width:820px){.signup-shell{display:block}.signup-brand{position:relative;height:auto;min-height:250px;padding:27px 24px}.signup-brand:after{display:none}.signup-logo{width:60px!important;height:40px}.brand-story{margin:34px 0 20px}.brand-story h1{font-size:36px;max-width:500px}.brand-story>p:last-child{font-size:12px;margin-top:12px}.brand-proof{display:none}.signup-panel{min-height:auto}.signup-topbar{position:sticky;top:0;z-index:10;padding:14px 18px}.signup-topbar>div>.caps{display:none}.signup-topbar p{display:none}.signup-content{padding:34px 18px 26px}.step-heading h2{font-size:33px}.signup-footer{background:#fff}}
@media(max-width:560px){.signup-brand{min-height:215px}.brand-story h1{font-size:31px}.brand-story>p:last-child{font-size:11px}.signup-progress i{width:10px}.signup-form-grid,.social-signup,.plan-grid{grid-template-columns:1fr}.signup-form-grid .field.full{grid-column:auto}.plan-grid legend{grid-column:1}.workspace-preview,.final-summary{grid-template-columns:46px 1fr}.workspace-mark{width:46px;height:46px}.workspace-preview .status-chip,.final-summary .status-chip{grid-column:2;width:max-content}.plan-recommendation{align-items:flex-start}.recommendation-price b{font-size:20px}.setup-card{grid-template-columns:26px 1fr}.setup-card>.material-symbols-rounded{grid-column:2}.signup-actions{position:sticky;bottom:0;padding:12px 0;background:linear-gradient(180deg,rgba(246,246,244,0),#f6f6f4 25%)}.signup-actions .btn{min-width:105px}.signup-actions [data-next],.signup-actions [data-open-preview]{flex:1}.slug-control span{padding-inline:8px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.signup-step{animation:none}}