.tool-page{min-height:100vh;padding-bottom:0;background:var(--off-white)}.tool-page__header{background:linear-gradient(135deg,var(--primary-lighter) 0,var(--white) 100%);border-bottom:1px solid var(--gray-200);padding:8rem 0 2rem}.tool-page__header-content{display:flex;align-items:center;gap:1.25rem}.tool-page__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-blue) 0,var(--accent-purple) 100%);border-radius:var(--radius-lg);color:var(--white);flex-shrink:0}.tool-page__title{font-size:1.3rem;font-weight:800;color:var(--gray-900);margin-bottom:.25rem}.tool-page__subtitle{font-size:1rem;color:var(--gray-600);margin:0;padding-right:20%}.tool-page__layout{display:grid;grid-template-columns:1fr 320px;grid-gap:2rem;gap:2rem;padding:2rem 0;align-items:start}@media (max-width:1024px){.tool-page__layout{grid-template-columns:1fr}.tool-page__sidebar{order:2}}.tool-page__main{display:flex;flex-direction:column;gap:1rem}.tool-tabs{flex-wrap:wrap;background:var(--white);padding:.75rem;border-radius:var(--radius-xl);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.tool-tab,.tool-tabs{display:flex;gap:.5rem}.tool-tab{align-items:center;padding:.625rem 1rem;font-size:.875rem;font-weight:600;color:var(--gray-600);background:var(--gray-100);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.tool-tab:hover{background:var(--gray-200);color:var(--gray-800)}.tool-tab--active,.tool-tab--active:hover{background:linear-gradient(135deg,var(--primary-blue) 0,var(--accent-purple) 100%);color:var(--white)}.tool-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-sm)}.tool-form{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--gray-200)}.tool-form__title{font-size:.9375rem;font-weight:600;color:var(--gray-700);margin-bottom:1rem}.tool-form__grid{display:grid;grid-gap:1rem;gap:1rem}.tool-form__grid--3{grid-template-columns:repeat(3,1fr)}.tool-form__grid--5{grid-template-columns:repeat(5,1fr)}@media (max-width:768px){.tool-form__grid--3,.tool-form__grid--5{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.tool-form__grid--3,.tool-form__grid--5{grid-template-columns:1fr}}.tool-form__group{display:flex;flex-direction:column;gap:.375rem}.tool-form__label{font-size:.8125rem;font-weight:600;color:var(--gray-700)}.tool-form__input,.tool-form__select{padding:.625rem .875rem;font-size:.875rem;color:var(--gray-900);background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none}.tool-form__input:focus,.tool-form__select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #0066ff1a}.tool-form__input::placeholder{color:var(--gray-400)}.tool-results{display:flex;flex-direction:column;gap:1.5rem}.tool-results__section{display:flex;flex-direction:column;gap:1rem}.tool-results__heading{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--gray-700);margin:0}.tool-results__heading svg{color:var(--primary-blue)}.tool-results__grid{display:grid;grid-gap:.75rem;gap:.75rem}.tool-results__grid--2{grid-template-columns:repeat(2,1fr)}.tool-results__grid--3{grid-template-columns:repeat(3,1fr)}.tool-results__grid--4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.tool-results__grid--3,.tool-results__grid--4{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.tool-results__grid--2,.tool-results__grid--3,.tool-results__grid--4{grid-template-columns:1fr}}.tool-result-card{display:flex;flex-direction:column;gap:.25rem;padding:1rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.tool-result-card:hover{border-color:var(--gray-300)}.tool-result-card__icon{margin-bottom:.25rem}.tool-result-card__label{font-size:.75rem;color:var(--gray-500)}.tool-result-card__value{font-size:1.375rem;font-weight:700;color:var(--gray-900)}.tool-result-card__unit{font-size:.75rem;color:var(--gray-500)}.tool-result-card--blue{background:#0066ff0d;border-color:#0066ff26}.tool-result-card--blue .tool-result-card__value{color:var(--primary-blue)}.tool-result-card--purple{background:#6366f10d;border-color:#6366f126}.tool-result-card--purple .tool-result-card__value{color:var(--accent-purple)}.tool-result-card--green{background:#10b9810d;border-color:#10b98126}.tool-result-card--green .tool-result-card__value{color:var(--success)}.tool-result-card--orange{background:#f59e0b0d;border-color:#f59e0b26}.tool-result-card--orange .tool-result-card__value{color:var(--warning)}.tool-total{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:linear-gradient(135deg,var(--success) 0,#059669 100%);border-radius:var(--radius-xl);color:var(--white)}.tool-total--blue{background:linear-gradient(135deg,var(--primary-blue) 0,#0052cc 100%)}.tool-total--purple{background:linear-gradient(135deg,var(--accent-purple) 0,#4f46e5 100%)}.tool-total--compact{flex-direction:column;align-items:flex-start;gap:.5rem}.tool-total__content{display:flex;align-items:center;gap:1rem}.tool-total__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:var(--radius-lg)}.tool-total__icon--sm{width:36px;height:36px}.tool-total__info{display:flex;flex-direction:column}.tool-total__label{font-size:.75rem;opacity:.85}.tool-total__value{font-size:1.75rem;font-weight:800}.tool-total--compact .tool-total__value{font-size:1.5rem}.tool-total__meta,.tool-total__sub{font-size:.75rem;opacity:.75}.tool-total__meta{display:flex;flex-direction:column;align-items:flex-end}.tool-breakdown{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:1rem 1.25rem}.tool-breakdown__row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.875rem;color:var(--gray-600)}.tool-breakdown__row span:last-child{font-weight:600;color:var(--gray-900)}.tool-breakdown__row--total{border-top:1px solid var(--gray-200);margin-top:.5rem;padding-top:.75rem}.tool-breakdown__row--total span{font-weight:700;color:var(--gray-900)}.tool-breakdown__row--total span:last-child,.tool-note{color:var(--primary-blue)}.tool-note{padding:.875rem 1rem;background:#0066ff0d;border:1px solid #0066ff26;border-radius:var(--radius-lg);font-size:.8125rem}.tool-note--success{background:#10b9810d;border-color:#10b98126;color:#047857}.tool-disclaimer{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);font-size:.8125rem;color:var(--gray-500)}.tool-cta-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:100px}.tool-cta-card__badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:linear-gradient(135deg,var(--primary-lighter) 0,var(--white) 100%);border:1px solid #06f3;border-radius:var(--radius-full);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary-blue);margin-bottom:1rem}.tool-cta-card__title{font-size:1.125rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.tool-cta-card__desc{font-size:.875rem;color:var(--gray-600);line-height:1.6;margin-bottom:1.25rem}.tool-cta-card__features{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.625rem}.tool-cta-card__features li{display:flex;align-items:flex-start;gap:.5rem;font-size:.8125rem;color:var(--gray-700);line-height:1.4}.tool-cta-card__features svg{color:var(--success);flex-shrink:0;margin-top:2px}.tool-banner{background:linear-gradient(135deg,var(--primary-navy) 0,var(--primary-dark) 100%);padding:3rem 0;margin-top:2rem}.tool-banner__content{display:flex;align-items:center;justify-content:space-between;gap:2rem}@media (max-width:768px){.tool-banner__content{flex-direction:column;text-align:center}}.tool-banner__text h3{font-size:1.5rem;font-weight:700;color:var(--white);margin-bottom:.5rem}.tool-banner__text p{font-size:1rem;color:#ffffffbf;margin:0;max-width:500px}.tool-banner .btn--primary{background:var(--white);color:var(--primary-navy);flex-shrink:0}.tool-banner .btn--primary:hover{background:var(--gray-100);transform:translateY(-2px)}