html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{background-color:#f5f5f5}.container{width:80%;text-align:center;margin:20px auto}.steps-container{display:flex;align-items:center;gap:2rem;width:70%;margin:0 auto}svg{width:100px}.welcome{line-height:.95;color:#000;font-weight:900;font-size:50px;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.container p{margin:20px 0}.welcome-subtitle{font-size:1.5rem;line-height:2rem;font-weight:600;margin-bottom:1.5rem;color:#333}.steps-list{list-style:none;padding:0;margin:0 auto;max-width:600px}.step-item{display:flex;align-items:center;padding:1rem;border-radius:.5rem;background-color:#f3f4f6;text-align:left}.step-number{flex-shrink:0;width:2.5rem;height:2.5rem;background-color:#e0e7ff;color:#4f46e5;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;line-height:1.75rem;margin-right:1rem}.step-content p{font-size:1rem;line-height:1.625;margin:0;color:#374151}.step-icon{display:inline-block;height:1.25rem;width:1.25rem;margin-left:.25rem;margin-right:.25rem;vertical-align:text-bottom}.demo-gif{max-width:300px;height:auto;border-radius:8px}.steps-container{display:flex;flex-direction:column;align-items:center}.steps-list{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;margin:0 auto;padding:0;gap:32px}.step-item{display:flex;flex-direction:column;align-items:center;margin-bottom:0;width:320px;max-width:100%}.step-demo-img{width:264px;height:264px;object-fit:contain;margin-right:20px;flex-shrink:0}.step-number{font-size:1.5em;font-weight:700;margin-right:16px}.step-content{flex:1}
