:root{--color-sage: #7fa897;--color-brass: #c9a46b;--color-linen: #f6f7f5;--color-white: #ffffff;--color-border: #dadfd8;--color-text-primary: #1f2933;--color-text-muted: #8b95a5;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-6: 24px;--spacing-8: 32px}.tool-calculator{display:flex;flex-direction:column;gap:var(--spacing-4);margin-top:var(--spacing-4)}.tool-section{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md)}.tool-section-title{font-family:Fraunces,serif;font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0}.tool-subsection-title{font-family:Fraunces,serif;font-size:14px;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-2) 0}.tool-label{display:block;font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.tool-form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.tool-input,.tool-select{padding:8px 12px;font-family:Inter,sans-serif;font-size:13px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-white);color:var(--color-text-primary);transition:border-color .2s;height:36px;box-sizing:border-box}.tool-input:focus,.tool-select:focus{outline:none;border-color:var(--color-sage);box-shadow:0 0 0 2px #7fa8971a}.tool-input::placeholder{color:var(--color-text-muted)}.tool-components-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.tool-component-row{display:grid;grid-template-columns:1fr 70px 60px 36px;gap:var(--spacing-2);align-items:center}@media (max-width: 640px){.tool-component-row{grid-template-columns:1fr 50px;gap:var(--spacing-2)}.tool-component-row .tool-input-amount{grid-column:1;grid-row:2;width:100%;text-align:left}.tool-component-row .tool-select{grid-column:2;grid-row:2}.tool-component-row .tool-btn-remove{grid-column:1 / -1;grid-row:3;width:100%;justify-self:stretch;min-width:unset}}.tool-btn{padding:8px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;height:36px;display:inline-flex;align-items:center;justify-content:center}.tool-btn-secondary{background-color:var(--color-linen);color:var(--color-sage);border:1px solid var(--color-border)}.tool-btn-secondary:hover{background-color:var(--color-white);border-color:var(--color-sage)}.tool-btn-small{padding:6px 10px;font-size:12px;min-width:auto;width:auto;height:auto}.tool-btn-remove{background-color:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);padding:6px 10px;min-width:36px;height:36px;text-align:center;font-size:14px}.tool-btn-remove:hover{background-color:#f5f5f5;color:var(--color-text-primary);border-color:var(--color-sage)}.tool-radio-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.tool-radio{display:flex;align-items:center;gap:var(--spacing-2);font-family:Inter,sans-serif;font-size:13px;color:var(--color-text-primary);cursor:pointer}.tool-radio input[type=radio]{cursor:pointer;accent-color:var(--color-sage);width:16px;height:16px}.tool-result-card{background-color:var(--color-linen);border:1px solid var(--color-border);border-left:4px solid var(--color-sage)}.tool-result-formula-name{display:flex;flex-direction:column;gap:var(--spacing-2)}.tool-result-components{margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-border)}.tool-result-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0;font-family:Inter,sans-serif;font-size:13px}.tool-result-name{font-weight:500;color:var(--color-text-primary)}.tool-result-amount{font-family:Courier New,monospace;color:var(--color-sage);font-weight:600}.tool-result-metadata{margin-top:var(--spacing-3);padding:var(--spacing-3);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.tool-result-metadata p{margin:6px 0;font-family:Inter,sans-serif;font-size:12px;color:var(--color-text-primary);line-height:18px}.tool-result-metadata p:first-child{margin-top:0}.tool-result-metadata p:last-child{margin-bottom:0}.tool-result-actions{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-3)}.tool-result-actions .tool-btn-secondary{flex:1;height:36px}.tool-result-actions .lp-btn{flex:1;height:36px;font-size:13px}.tool-page-wrapper{width:100%}.tool-page-wrapper .lp-section,.tool-page-wrapper .lp-hero-section{padding:var(--spacing-6) 0}.tool-page-wrapper .lp-hero-content{gap:var(--spacing-3)}.tool-page-wrapper .lp-label{font-size:12px;letter-spacing:.5px}.tool-page-wrapper .lp-section-headline{font-size:32px;line-height:1.2;margin:0}.tool-page-wrapper .lp-section-subhead{font-size:15px;line-height:1.6;margin:0;max-width:600px}.tool-page-wrapper .lp-problem-list{gap:var(--spacing-2)}.tool-page-wrapper .lp-problem-item{padding:var(--spacing-2) var(--spacing-3)}.tool-page-wrapper .lp-problem-item p{font-size:13px;line-height:1.5}.tool-page-wrapper .lp-faq-list{gap:var(--spacing-2)}.tool-page-wrapper .lp-faq-item{padding:var(--spacing-2) var(--spacing-3)}.tool-page-wrapper .lp-faq-item summary{font-size:13px}.tool-page-wrapper .lp-faq-item p{font-size:13px;line-height:1.5;margin:var(--spacing-2) 0 0 0}.lp-faq-list{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-4)}.lp-faq-item{padding:var(--spacing-3);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.lp-faq-item summary{font-family:Fraunces,serif;font-size:13px;font-weight:600;color:var(--color-text-primary);outline:none;transition:color .2s}.lp-faq-item summary:hover{color:var(--color-sage)}.lp-faq-item[open] summary{color:var(--color-sage);margin-bottom:var(--spacing-2)}.lp-faq-item p{font-family:Inter,sans-serif;font-size:13px;line-height:20px;color:var(--color-text-primary);margin:var(--spacing-2) 0 0 0}.lp-problem-list{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-4)}.lp-problem-item{padding:var(--spacing-3);background-color:var(--color-white);border-left:3px solid var(--color-sage);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.lp-problem-item p{margin:0;font-family:Inter,sans-serif;font-size:13px;line-height:20px;color:var(--color-text-primary)}@media (max-width: 768px){.tool-section{padding:var(--spacing-3);gap:var(--spacing-2)}.tool-section-title{font-size:14px}.tool-label{font-size:12px}.tool-input,.tool-select{padding:6px 10px;font-size:12px;height:34px}.tool-btn-small{padding:4px 8px;font-size:11px;height:32px}.tool-radio{font-size:12px}.tool-result-row{font-size:12px;padding:var(--spacing-2) 0}.tool-result-metadata p{font-size:11px;margin:4px 0}.tool-result-actions{gap:var(--spacing-2)}.tool-result-actions .tool-btn-secondary,.tool-result-actions .lp-btn{height:34px;font-size:12px;padding:6px 10px}}@media (max-width: 480px){.tool-calculator{gap:var(--spacing-3);margin-top:var(--spacing-3)}.tool-section{padding:var(--spacing-3);gap:var(--spacing-2);border-radius:8px}.tool-section-title{font-size:13px}.tool-label{font-size:11px}.tool-input,.tool-select{padding:6px 10px;font-size:12px;height:36px}.tool-component-row{grid-template-columns:1fr 50px;gap:var(--spacing-2)}.tool-components-list,.tool-radio-group{gap:var(--spacing-2)}.tool-result-actions{flex-direction:column;gap:var(--spacing-2)}.tool-result-actions .tool-btn-secondary,.tool-result-actions .lp-btn{width:100%;height:36px}}@media (max-width: 768px){.tool-page-wrapper .lp-section{padding:var(--spacing-4) 0}.tool-page-wrapper .lp-section-headline{font-size:24px;line-height:1.3}.tool-page-wrapper .lp-section-subhead{font-size:13px;line-height:1.5}.tool-page-wrapper .lp-label{font-size:11px}.tool-page-wrapper .lp-problem-item{padding:var(--spacing-2) var(--spacing-3);border-left-width:2px}.tool-page-wrapper .lp-problem-item p{font-size:12px;line-height:1.5}.tool-page-wrapper .lp-faq-item{padding:var(--spacing-2) var(--spacing-3)}.tool-page-wrapper .lp-faq-item summary{font-size:12px}.tool-page-wrapper .lp-faq-item p{font-size:12px;line-height:1.5}}.tool-page-wrapper .lp-footer-cta .lp-section-subhead{margin-bottom:80px}