body{color:#333;font-family:Poppins,sans-serif;line-height:1.6;margin:0;padding:0}.container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin:0 auto;max-width:1000px;padding:40px}header{margin-bottom:30px;text-align:center}h1{font-size:32px;margin-bottom:10px}h1,h2,h4{color:#2c3e50}h3{color:#fff}.benefits{background-color:#e8f5e9;border-radius:8px;margin-bottom:30px;padding:20px}.benefits ul{list-style-type:none;padding-left:0}.benefits li{margin-bottom:10px}.benefits i{color:#4caf50;margin-right:10px}.progress-container{margin-bottom:30px}.progress-bar{background-color:#e0e0e0;border-radius:5px;height:10px;overflow:hidden;width:100%}.progress{background-color:#4caf50;height:100%;transition:width .3s ease;width:20%}.step-indicator{font-weight:600;margin-top:10px;text-align:center}.step{animation:fadeIn .5s ease-in-out;display:none}.step.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.options{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.options button{align-items:center;background-color:#fff;border:2px solid #2c3e50;border-radius:4px;color:#333;cursor:pointer;display:flex;flex:1 0 calc(50% - 7.5px);font-size:16px;font-weight:600;justify-content:center;padding:15px;transition:all .3s ease}.options button:hover{background-color:#2c3e50;color:#fff}.options button i{margin-right:10px}.back-btn,.btn,.configure-btn{align-items:center;background-color:#2c3e50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;padding:12px 20px;transition:background-color .3s ease}.back-btn{background-color:#f5f5f5;color:#333}.back-btn:hover{background-color:#e0e0e0}.btn:hover,.configure-btn:hover{background-color:#34495e}.back-btn i,.btn i,.configure-btn i{margin-right:10px}.feature-grid{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature{align-items:center;background-color:#f5f5f5;border-radius:4px;cursor:pointer;display:flex;padding:10px;position:relative;transition:background-color .3s ease}.feature:hover{background-color:#e0e0e0}.feature input[type=checkbox]{margin-right:10px}.popup{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:none;left:0;padding:15px;position:absolute;top:100%;width:300px;z-index:1}.feature:hover .popup{display:block}.button-container{display:flex;justify-content:space-between;margin-top:20px}.result-header{background-color:#2c3e50;border-radius:4px 4px 0 0;color:#fff;margin-bottom:20px;padding:20px}.result-content{display:flex;gap:30px}.product-info{flex:1;text-align:center}.product-image{border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.1);height:auto;margin-bottom:20px;max-width:100%}.datasheet-link{background-color:#4caf50;border-radius:4px;color:#fff;display:inline-block;margin-top:10px;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.datasheet-link:hover{background-color:#45a049}.configuration-summary{flex:1}.configuration-summary table{border-collapse:collapse;width:100%}.configuration-summary td{border-bottom:1px solid #e0e0e0;padding:10px}.configuration-summary td:first-child{font-weight:600;width:40%}.cta-buttons{display:flex;gap:20px;justify-content:center;margin-top:30px}#start-over-btn{display:block;margin:30px auto 0}@media (max-width:768px){.container{padding:20px}.options button{flex:1 0 100%}.result-content{flex-direction:column}}