.process-container{display:flex;flex-direction:column;align-items:center;margin:2rem auto;max-width:600px;width:100%}.house-step{position:relative;width:300px;background-color:var(--primary-500);color:#fff;padding:30px 20px 40px;text-align:center;border-radius:8px 8px 0 0;margin-bottom:0;z-index:1}.house-step:not(:first-child){padding-top:50px;margin-top:-20px;z-index:2}.house-step::after{content:"";position:absolute;bottom:-20px;left:0;right:0;width:0;height:0;margin:0 auto;border-left:150px solid transparent;border-right:150px solid transparent;border-top:20px solid var(--primary-500)}.house-step:nth-child(1){z-index:5}.house-step:nth-child(2){z-index:4}.house-step:nth-child(3){z-index:3}.house-step:nth-child(4){z-index:2}.house-step:nth-child(5){z-index:1}.house-step:last-child::after{display:none}.house-step:last-child{border-radius:8px;padding-bottom:30px}.house-step:first-child::before{content:"";position:absolute;top:-20px;left:0;right:0;width:0;height:0;margin:0 auto;border-left:150px solid transparent;border-right:150px solid transparent;border-bottom:20px solid var(--bg);z-index:6}.step-number{display:inline-block;width:40px;height:40px;background:rgba(255,255,255,.3);border-radius:50%;line-height:40px;margin-bottom:15px;font-weight:700;font-size:1.3em}.step-title{font-size:1.5em;font-weight:700;margin-bottom:10px}.step-desc{font-size:1em;line-height:1.5;margin-top:10px}.house-step.step-1{background-color:var(--primary-100)}.house-step.step-1::after{border-top-color:var(--primary-100)}.house-step.step-1 .step-desc,.house-step.step-1 .step-number,.house-step.step-1 .step-title{color:var(--primary-900)}.house-step.step-1 .step-number{background:rgba(13,71,161,.15)}.house-step.step-2{background-color:var(--primary-200)}.house-step.step-2::after{border-top-color:var(--primary-200)}.house-step.step-2 .step-desc,.house-step.step-2 .step-number,.house-step.step-2 .step-title{color:var(--primary-900)}.house-step.step-2 .step-number{background:rgba(13,71,161,.15)}.house-step.step-3{background-color:var(--primary-400)}.house-step.step-3::after{border-top-color:var(--primary-400)}.house-step.step-3 .step-desc,.house-step.step-3 .step-number,.house-step.step-3 .step-title{color:var(--neutral-50)}.house-step.step-3 .step-number{background:rgba(255,255,255,.25)}.house-step.step-4{background-color:var(--primary-600)}.house-step.step-4::after{border-top-color:var(--primary-600)}.house-step.step-4 .step-desc,.house-step.step-4 .step-number,.house-step.step-4 .step-title{color:var(--neutral-50)}.house-step.step-4 .step-number{background:rgba(255,255,255,.25)}.house-step.step-5{background-color:var(--primary-800)}.house-step.step-5::after{border-top-color:var(--primary-800)}.house-step.step-5 .step-desc,.house-step.step-5 .step-number,.house-step.step-5 .step-title{color:var(--neutral-50)}.house-step.step-5 .step-number{background:rgba(255,255,255,.25)}.visual-guide{background:var(--bg);border:2px solid var(--primary-500);border-radius:var(--radius-lg);padding:1.5rem;margin:2rem 0;text-align:center}.house-demo{display:inline-block;width:100px;height:60px;background:var(--primary-500);position:relative;border-radius:5px 5px 0 0;margin:0 10px}.house-demo::after{content:"";position:absolute;bottom:-10px;left:0;right:0;width:0;height:0;margin:0 auto;border-left:50px solid transparent;border-right:50px solid transparent;border-top:10px solid var(--primary-500)}.padding-demo{background:var(--primary-100);border-left:4px solid var(--primary-500);padding:1rem;margin:1rem 0;color:var(--text)}