*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f9f2e9;color:#333;line-height:1.6;min-height:100vh}.main-container{display:grid;grid-template-columns:1fr auto 1fr;gap:40px;max-width:1600px;margin:0 auto;padding:40px 20px;min-height:100vh;align-items:stretch}.left-column{display:flex;flex-direction:column;justify-content:flex-start;padding-right:20px;padding-top:40px}.main-heading{font-size:3.2rem;font-weight:500;color:#333;line-height:1.1;margin-bottom:20px}.center-column{display:flex;justify-content:center;align-items:stretch;padding:0 20px}.tank-illustration{width:400px;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.tank-illustration img{width:100%;height:100%;object-fit:contain}.right-column{display:flex;flex-direction:column;justify-content:flex-start;padding-left:30px;padding-top:30px;height:100%}.title{font-size:1.8rem;font-weight:700;margin-bottom:10px;color:#333}.description{margin-bottom:20px;font-size:.95rem;color:#666;line-height:1.4}.progress-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;position:relative;width:100%}.progress-step{width:35px;height:35px;border-radius:50%;border:2px solid #333;display:flex;align-items:center;justify-content:center;font-weight:700;position:relative;z-index:2}.progress-step.active{background-color:#ff8400;border-color:#ff8400;color:#fff}.progress-step.inactive{background-color:#fff;color:#333}.progress-step.clickable{cursor:pointer}.progress-step.clickable:hover{opacity:.8}.progress-line{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);height:2px;background-color:#ddd;z-index:1;margin:0 35px}.section-title{font-size:1.4rem;font-weight:600;margin-bottom:8px;color:#333}.section-description{margin-bottom:18px;color:#666;font-size:.85rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:600;margin-bottom:8px;color:#333;font-size:.9rem}.form-group label.required:after{content:"*";color:red;margin-left:4px}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer}.radio-option input[type=radio]{width:18px;height:18px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #333;border-radius:50%;background-color:transparent;cursor:pointer;position:relative}.radio-option input[type=radio]:checked{background-color:#333}.radio-option input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background-color:#000;border-radius:50%}.radio-option label{font-weight:400;margin-bottom:0;cursor:pointer;font-size:.9rem;color:#333}.checkbox-instruction,.radio-instruction{font-size:.8rem;color:#666;margin-bottom:15px;font-style:italic}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-option{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-option input[type=checkbox]{width:18px;height:18px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #333;border-radius:3px;background-color:transparent;cursor:pointer;position:relative}.checkbox-option input[type=checkbox]:checked{background-color:#333}.checkbox-option input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.checkbox-option label{font-weight:400;margin-bottom:0;cursor:pointer;font-size:.9rem;color:#333}.select-group{position:relative}.select-group select{width:100%;padding:10px 14px;border:2px solid #ddd;border-radius:6px;font-size:.9rem;background-color:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.select-group select:focus{outline:none;border-color:#333}.proceed-button{background-color:#555;color:#fff;border:none;padding:12px 25px;font-size:.9rem;font-weight:600;border-radius:6px;cursor:pointer;transition:background-color .3s ease;width:100%;max-width:314px;white-space:nowrap}.proceed-button:hover{background-color:#e67600}.proceed-button:disabled{background-color:#ccc;cursor:not-allowed}.navigation-buttons{display:flex;gap:15px;align-items:center;margin-top:20px}.back-link{color:#666;text-decoration:none;font-size:.9rem;font-weight:500;cursor:pointer;transition:color .3s ease;display:inline-flex;align-items:center;gap:4px;margin-bottom:15px}.back-link:hover{color:#333}.back-link:disabled{color:#ccc;cursor:not-allowed}.back-button{background-color:transparent;color:#333;border:2px solid #333;padding:12px 25px;font-size:1rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.back-button:hover{background-color:#333;color:#fff}.back-button:disabled{background-color:transparent;color:#ccc;border-color:#ccc;cursor:not-allowed}.validation-message{color:#d32f2f;font-size:.85rem;margin-top:8px;font-weight:500}.form-group.error label{color:#d32f2f}.form-group.error .radio-option input[type=radio]{border-color:#d32f2f}.form-group.error .select-group select{border-color:#d32f2f;background-color:#fff5f5}.form-group.error .radio-group{border:1px solid #d32f2f;border-radius:4px;padding:8px;background-color:#fff5f5}.review-details{margin-bottom:30px}.review-section{border-bottom:1px solid #ddd;padding-bottom:15px;margin-bottom:15px}.review-section:last-child{border-bottom:none;margin-bottom:0}.review-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.review-label{color:#666;font-size:.9rem}.review-value{font-weight:600;color:#333;font-size:.9rem}.additional-heat-sources{margin-bottom:30px}.future-proof-button{background-color:#ff8400;color:#fff;border:none;padding:20px 25px;border-radius:8px;cursor:pointer;transition:all .3s ease;width:100%;text-align:left;display:flex;flex-direction:column;gap:4px;box-shadow:0 2px 8px #ff84004d}.future-proof-button:hover{background-color:#e67600;transform:translateY(-1px);box-shadow:0 4px 12px #ff840066}.button-title{font-size:1rem;font-weight:600;display:block}.button-subtitle{font-size:.85rem;font-weight:400;opacity:.9;display:block}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:white;border-radius:8px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 0;border-bottom:1px solid #eee}.modal-title{margin:0;font-size:1.5rem;font-weight:600;color:#333}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.modal-close:hover{background-color:#f5f5f5}.modal-body{padding:20px}.modal-description{margin:0 0 20px;color:#666;line-height:1.5}.modal-checkbox-group{display:flex;flex-direction:column;gap:15px}.modal-checkbox-option{display:flex;align-items:center;gap:10px}.modal-checkbox-option input[type=checkbox]{width:18px;height:18px;accent-color:#FF8400}.modal-checkbox-option label{font-size:1rem;color:#333;cursor:pointer}.modal-footer{padding:20px;border-top:1px solid #eee}.modal-submit-button{background-color:#ff8400;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;width:100%}.modal-submit-button:hover{background-color:#e67600}.product-configuration{padding:20px 0;margin:20px 0;text-align:left}.product-name{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:-8px}.product-detail{font-size:1.1rem;color:#666;font-weight:500}.resources-section{margin:30px 0}.resources-title{font-size:1.1rem;font-weight:400;color:#333;margin:0 0 20px;text-align:left}.resource-links{display:flex;flex-direction:column;gap:15px}.resource-link{display:flex;align-items:center;gap:12px;text-decoration:underline;color:#333;font-weight:700;font-size:1rem;transition:color .2s}.resource-link:hover{color:#666}.contact-section{margin:30px 0;text-align:left}.contact-text{margin:0 0 20px;color:#666;line-height:1.6;font-size:1rem}.contact-button{background-color:#555;color:#fff;border:none;padding:15px 30px;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .2s;display:flex;align-items:left;gap:10px}.contact-button:hover{background-color:#444}.contact-icon{font-size:1.1rem}.configuration-outcome-intro{border-bottom:1px solid #e0e0e0;padding-bottom:20px;margin-bottom:20px}@media (max-width: 1200px){.main-container{grid-template-columns:1fr;gap:30px}.left-column{padding-right:0;text-align:center}.right-column{padding-left:0}.main-heading{font-size:2.5rem}.tank-illustration{width:150px;height:300px}}@media (max-width: 768px){.main-container{padding:20px 15px}.form-grid{grid-template-columns:1fr;gap:15px}.main-heading{font-size:2rem}.title{font-size:1.5rem}.progress-line{width:40px}}