/* StaqOn — workspace wizard + landing */
.wiz-wrap{min-height:100vh; display:flex; flex-direction:column; align-items:center; padding:40px 20px; background:var(--surface-0)}
.wiz-top{display:flex; justify-content:center; margin-bottom:28px}
.wiz-card{width:100%; max-width:560px; background:#fff; border:1px solid var(--border); border-radius:var(--r-lg); box-shadow:var(--shadow-card); padding:36px 40px}
.wiz-steps{display:flex; gap:8px; margin-bottom:30px}
.wiz-steps .step{flex:1; height:5px; border-radius:3px; background:var(--border)}
.wiz-steps .step.active{background:var(--brand)}
.wiz-card h2{font-size:21px; font-weight:600; margin-bottom:6px}
.wiz-card .lead{color:var(--text-2); font-size:14px; margin-bottom:26px}
.slug-row{display:flex; align-items:center; border:1px solid var(--border); border-radius:var(--r-sm); overflow:hidden; background:#F9FAFB}
.slug-row .prefix{padding:0 10px; color:var(--text-muted); font-size:13px; background:#F3F4F6; height:36px; display:flex; align-items:center; white-space:nowrap; border-right:1px solid var(--border)}
.slug-row input{border:none; background:transparent; height:36px; flex:1; padding:0 10px; font-size:14px; outline:none}
.slug-status{font-size:12px; margin-top:6px}
.slug-status.ok{color:var(--success)} .slug-status.bad{color:var(--danger)}
.invite-row{display:flex; gap:10px; margin-bottom:10px}
.invite-row .input{flex:1}
.invite-row select.input{width:120px; flex:0 0 120px}
.add-row{background:none; border:none; color:var(--brand); font-size:13px; font-weight:500; padding:6px 0}
.wiz-actions{display:flex; justify-content:space-between; align-items:center; margin-top:30px}
.invite-link-box{display:flex; gap:8px; margin-top:12px}
.invite-link-box input{flex:1; font-size:13px}

/* landing */
.land-nav{display:flex; align-items:center; justify-content:space-between; padding:18px 40px; max-width:1100px; margin:0 auto}
.land-hero{max-width:760px; margin:60px auto 40px; text-align:center; padding:0 20px}
.land-hero h1{font-size:46px; font-weight:600; letter-spacing:-.5px; margin-bottom:16px; color:var(--text)}
.land-hero p{font-size:18px; color:var(--text-2); margin-bottom:28px}
.land-cta{display:flex; gap:12px; justify-content:center}
.land-features{max-width:1000px; margin:60px auto; padding:0 20px; display:grid; grid-template-columns:repeat(3,1fr); gap:24px}
.feat{background:#fff; border:1px solid var(--border); border-radius:var(--r-lg); padding:26px; box-shadow:var(--shadow-card)}
.feat .ic{width:44px;height:44px;border-radius:var(--r-md);background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.feat h3{font-size:16px; font-weight:600; margin-bottom:6px}
.feat p{font-size:14px; color:var(--text-2)}
.land-foot{text-align:center; padding:30px; color:var(--text-muted); font-size:13px; border-top:1px solid var(--border)}
@media(max-width:760px){.land-features{grid-template-columns:1fr}.land-hero h1{font-size:34px}}