.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#666}.input-field{width:100%;padding:.75rem 3rem .75rem 2.5rem;border:1px solid #e0e0e0;border-radius:.5rem;transition:all .2s ease}.input-field:focus{border-color:#ff6b00;box-shadow:0 0 0 2px rgba(255,107,0,.1);outline:none}.unit-switcher{display:flex;border:1px solid #e0e0e0;border-radius:.5rem;overflow:hidden}.unit-option{flex:1;padding:.75rem;text-align:center;cursor:pointer;transition:all .2s ease}.unit-option.active{background-color:#ff6b00;color:#fff}.result-display{margin-bottom:1.5rem;padding:1rem;border-radius:.5rem;background-color:#f7f7f7}.result-display.highlight{background-color:rgba(255,107,0,.05);border:1px solid rgba(255,107,0,.1)}.result-highlight{font-weight:700;color:#ff6b00;font-size:1.1rem}.info-card{background-color:rgba(255,107,0,.05);border-left:4px solid #ff6b00;padding:1.25rem;border-radius:.5rem;margin:1.5rem 0;transition:all .2s ease-in-out;position:relative}.info-card:hover{background-color:rgba(255,107,0,.08);transform:translateX(3px)}.info-card:before{content:"💡";position:absolute;top:-.75rem;left:-.75rem;width:2rem;height:2rem;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;border:2px solid #ff6b00;box-shadow:0 2px 4px rgba(0,0,0,.05)}.key-value{font-weight:600;color:#ff6b00}.step-card{background-color:#fff;border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem;border-left:3px solid #ff6b00;transition:all .2s ease-in-out;position:relative;box-shadow:0 2px 6px rgba(0,0,0,.08)}.step-card:hover{transform:translateX(3px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.step-number{position:absolute;top:-.75rem;left:-.75rem;width:2rem;height:2rem;background-color:#ff6b00;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.faq-item{border:1px solid #e0e0e0;border-radius:.5rem;overflow:hidden;transition:all .3s ease;margin-bottom:1rem;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.05)}.faq-question{padding:1.25rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:#333;position:relative;transition:background-color .2s ease}.faq-question:hover{background-color:#f9f9f9}.faq-toggle{transition:transform .3s ease;color:#ff6b00}.faq-toggle.open{transform:rotate(180deg)}.faq-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;background-color:#fff;border-top:0}.faq-content.open{max-height:500px;border-top:1px solid #e0e0e0}.faq-answer{padding:1.25rem;color:#666;line-height:1.6}.faq-answer a{color:#ff6b00;text-decoration:none;font-weight:500;transition:color .2s ease}.faq-answer a:hover{text-decoration:underline;color:#e05a00}.outbound-link-icon{font-size:.75rem;vertical-align:super;margin-left:2px}.section-bg-alt{background-color:#f7f7f7;border-radius:.75rem}.before-after{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:2rem 0}.before-after-item{flex:1;min-width:250px;max-width:400px;text-align:center;padding:1.5rem;background-color:#f7f7f7;border-radius:.5rem;transition:all .2s ease-in-out;box-shadow:0 2px 4px rgba(0,0,0,.05)}.before-after-item:hover{transform:translateY(-5px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.before-after-icon{height:120px;width:120px;border-radius:50%;margin:0 auto 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.diy-icon{background-color:rgba(59,130,246,.1);color:#3b82f6}.pro-icon{background-color:rgba(16,185,129,.1);color:#10b981}.before-after-label{position:absolute;bottom:-10px;background-color:#fff;color:#333;font-weight:600;padding:.25rem 1rem;border-radius:1rem;box-shadow:0 2px 4px rgba(0,0,0,.1);font-size:.875rem}.before-after-title{font-weight:600;font-size:1.25rem;color:#333;margin-bottom:.5rem;margin-top:.5rem}.before-after-description{color:#666;font-size:.875rem}.infographic{background-color:#fff;border-radius:.5rem;padding:1.5rem;margin:2rem 0;border:1px solid #e0e0e0;box-shadow:0 2px 6px rgba(0,0,0,.08)}.infographic-title{font-weight:600;color:#ff6b00;margin-bottom:1rem;text-align:center}@media (max-width:768px){.before-after{gap:1rem}.before-after-item{padding:1rem}.before-after-icon{height:100px;width:100px}.before-after-title{font-size:1.125rem}}.related-calculator{background-color:#fff;border-radius:.5rem;padding:1rem;margin-bottom:1rem;transition:all .2s ease-in-out;display:flex;align-items:center;text-decoration:none;border:1px solid #e0e0e0;box-shadow:0 2px 4px rgba(0,0,0,.05)}.related-calculator:hover{transform:scale(1.03);box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:#ff6b00}.related-calculator-icon{width:2.5rem;height:2.5rem;background-color:rgba(255,107,0,.1);border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-right:1rem;color:#ff6b00;font-size:1.25rem}.related-calculator-content{flex:1}.related-calculator-title{font-weight:600;color:#333;margin-bottom:.25rem}.related-calculator-description{font-size:.875rem;color:#666}@media (max-width:768px){.related-calculator{flex-direction:column;align-items:flex-start}.related-calculator-icon{margin-bottom:.75rem;margin-right:0}}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background-color:#e0e0e0}.timeline-item{position:relative;padding-bottom:2rem}.timeline-item:last-child{padding-bottom:0}.timeline-marker{position:absolute;left:-2rem;top:0;width:1rem;height:1rem;border-radius:50%;background-color:#ff6b00;border:2px solid #fff;box-shadow:0 0 0 2px #ff6b00}.timeline-title{font-weight:600;color:#333;margin-bottom:.25rem}.timeline-duration{font-size:.875rem;color:#ff6b00;font-weight:500;margin-bottom:.5rem}.timeline-description{font-size:.875rem;color:#666}.warning-card{background-color:#fff8f0;border-left:4px solid #f0ad4e;padding:15px;margin:20px 0;border-radius:var(--radius-sm)}.checkmark-list{list-style:none;margin:15px 0}.checkmark-list li{position:relative;padding-left:30px;margin-bottom:10px}.checkmark-list li:before{content:"✓";position:absolute;left:0;color:var(--primary-color);font-weight:700}