.tools-hero{background-color:var(--color-bg-light);padding:var(--spacing-xxl) 0 var(--spacing-xl);text-align:center;border-bottom:1px solid var(--border-color)}.tools-hero h1{font-size:var(--font-size-xxl);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.tools-hero .subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:800px;margin:0 auto}.tools-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-lg);gap:var(--spacing-lg);max-width:1000px;margin:0 auto}@media (min-width:768px){.tools-grid{grid-template-columns:repeat(2,1fr)}}.tool-card{background:var(--color-white);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);text-align:center;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center}.tool-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.08)}.tool-icon{font-size:3rem;margin-bottom:var(--spacing-md);background:rgba(76,175,80,.1);width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%}.tool-card h3{font-size:1.3rem;color:var(--color-text-main);margin-bottom:var(--spacing-sm)}.tool-card p{color:var(--color-text-secondary);font-size:.95rem;margin-bottom:var(--spacing-lg);flex-grow:1}.tool-btn{display:inline-block;background:var(--color-primary);color:var(--color-white);padding:10px 20px;border-radius:var(--border-radius-sm);font-weight:600;transition:background .3s ease;width:100%}.tool-btn:hover{background:var(--color-primary-hover)}.calculator-wrapper{max-width:1100px;margin:0 auto}.calculator-header h1{font-size:2.2rem;margin-bottom:var(--spacing-xs);color:var(--color-text-main)}.calculator-header p{font-size:1.1rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.calculator-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-xl);gap:var(--spacing-xl)}@media (min-width:1024px){.calculator-grid{grid-template-columns:1fr 1fr}}.calculator-card{background:var(--color-white);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:0 4px 15px rgba(0,0,0,.03)}.calculator-card h3{font-size:1.25rem;color:var(--color-text-main);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--color-bg-light)}.input-group{margin-bottom:var(--spacing-xl)}.input-group label{display:block;font-weight:600;margin-bottom:8px;color:var(--color-text-main)}.input-group input[type=number],.input-group select{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:1.1rem;font-weight:500}.input-group input[type=number]:focus,.input-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(76,175,80,.2)}.range-slider{margin-top:15px}.range-slider input[type=range]{width:100%;accent-color:var(--color-primary)}.result-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px dashed var(--border-color);font-size:1.1rem}.result-highlight{background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.3);padding:var(--spacing-lg);border-radius:var(--border-radius-md);text-align:center;margin-top:var(--spacing-lg)}.result-highlight.yearly{background:var(--color-bg-light);border-color:var(--border-color);margin-top:var(--spacing-md)}.result-highlight span{display:block;font-size:.9rem;color:var(--color-text-secondary);margin-bottom:5px;text-transform:uppercase;letter-spacing:1px}.result-highlight h2{font-size:2.2rem;color:var(--color-primary);margin:0}.commission-table td,.commission-table th{padding:12px;border-bottom:1px solid var(--border-color)}.commission-table th{font-weight:600;color:var(--color-text-secondary);font-size:.9rem}.calculator-cta{background:var(--color-bg-light);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);border:2px dashed var(--color-primary)}.calculator-cta h2{color:var(--color-text-main);margin-bottom:8px}.calculator-cta p{color:var(--color-text-secondary)}@media (max-width:768px){.calculator-header h1,.result-highlight h2{font-size:1.8rem}}