.tool-page{padding-top:100px;min-height:100vh}.tool-hero{padding:var(--space-12) 0 var(--space-8);background:linear-gradient(180deg,var(--color-gray-50) 0%,var(--color-white) 100%)}.tool-hero h1{font-size:var(--font-size-4xl);margin-bottom:var(--space-4)}.tool-intro{font-size:var(--font-size-lg);color:var(--color-gray-600);max-width:600px}.tool-content{display:grid;grid-template-columns:1fr 300px;gap:var(--space-8);padding:var(--space-8) 0 var(--space-16)}.calculator-card{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden}.calculator-form{padding:var(--space-8)}.calculator-form .form-group{margin-bottom:var(--space-6)}.calculator-form .form-label{display:block;font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);color:var(--color-secondary)}.calculator-results{padding:var(--space-8);background:var(--color-gray-50);border-top:1px solid var(--color-gray-200)}.calculator-results h3{font-size:var(--font-size-xl);margin-bottom:var(--space-6);text-align:center}.result-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}.result-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-5);text-align:center;box-shadow:var(--shadow-sm)}.result-card.highlight{background:var(--color-secondary);color:var(--color-white)}.result-card.primary{background:var(--color-primary)}.result-label{display:block;font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--space-2)}.result-card.highlight .result-label{color:#ffffffb3}.result-value{display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-secondary)}.result-card.highlight .result-value{color:var(--color-white)}.result-sublabel{display:block;font-size:var(--font-size-xs);color:var(--color-gray-400);margin-top:var(--space-1)}.results-cta{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center}.results-cta h4{font-size:var(--font-size-lg);margin-bottom:var(--space-3)}.results-cta p{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--space-4)}.results-benefits{list-style:none;padding:0;margin:0 0 var(--space-6);text-align:left}.results-benefits li{padding:var(--space-2) 0;font-size:var(--font-size-sm);color:var(--color-gray-700)}.tool-sidebar{position:sticky;top:120px;height:fit-content}.sidebar-info{background:var(--color-primary-bg);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)}.sidebar-info h4{font-size:var(--font-size-base);margin-bottom:var(--space-4)}.sidebar-info ul{list-style:none;padding:0;margin:0}.sidebar-info li{padding:var(--space-2) 0;font-size:var(--font-size-sm);border-bottom:1px solid rgba(255,107,53,.2)}.sidebar-info li:last-child{border-bottom:none}.tool-sidebar .sidebar-links{background:var(--color-gray-50);border-radius:var(--radius-xl);padding:var(--space-5)}.tool-sidebar .sidebar-links h4{font-size:var(--font-size-sm);margin-bottom:var(--space-3)}.tool-sidebar .sidebar-links ul{list-style:none;padding:0;margin:0}.tool-sidebar .sidebar-links li{margin-bottom:var(--space-2)}.tool-sidebar .sidebar-links a{font-size:var(--font-size-sm);color:var(--color-gray-700)}.tool-sidebar .sidebar-links a:hover{color:var(--color-primary)}.comparison-tool{padding:var(--space-8)}.systems-compare{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin-top:var(--space-6)}.system-compare-card{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;transition:all var(--transition-fast)}.system-compare-card.winner{border-color:var(--color-primary);background:var(--color-primary-bg)}.system-compare-card h3{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4)}.yearly-cost{margin-bottom:var(--space-4)}.yearly-cost .amount{display:block;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-secondary)}.yearly-cost .period{font-size:var(--font-size-sm);color:var(--color-gray-500)}.system-compare-card.winner .yearly-cost .amount{color:var(--color-primary)}.cost-breakdown{list-style:none;padding:0;margin:0;text-align:left}.cost-breakdown li{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--font-size-sm);border-bottom:1px solid var(--color-gray-100)}.cost-breakdown li:last-child{border-bottom:none}.savings-highlight{background:linear-gradient(135deg,var(--color-accent),#357D60);color:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;margin-top:var(--space-8)}.savings-highlight h3{font-size:var(--font-size-xl);color:var(--color-white);margin-bottom:var(--space-2)}.savings-amount{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}.savings-period{font-size:var(--font-size-base);opacity:.9}@media (max-width: 1024px){.tool-content{grid-template-columns:1fr}.tool-sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}}@media (max-width: 768px){.tool-hero h1{font-size:var(--font-size-3xl)}.result-cards,.systems-compare,.tool-sidebar{grid-template-columns:1fr}}