.tool-calc{gap:var(--space-8);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;display:grid}.tool-calc__inputs{gap:var(--space-6);padding:var(--space-8);border-radius:var(--radius-3xl);display:grid}.tool-calc__title{margin:0 0 var(--space-3);color:var(--color-primary);font-size:var(--text-3xl);line-height:1.08}.tool-calc__intro,.tool-calc__method p{color:var(--color-text-muted);margin:0;line-height:1.7}.tool-calc__intro{font-size:var(--text-base)}.tool-calc__fields{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tool-calc__field{gap:var(--space-2);flex-direction:column;display:flex}.tool-calc__field--wide{grid-column:1/-1}.tool-calc__group-title{margin:var(--space-2) 0 0;color:var(--color-accent);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;grid-column:1/-1;font-weight:800}.tool-calc__label{gap:var(--space-3);color:var(--color-primary);font-size:var(--text-sm);justify-content:space-between;align-items:baseline;font-weight:800;display:flex}.tool-calc__helper{color:var(--color-text-muted);font-size:var(--text-xs)}.tool-calc__chip{padding:2px var(--space-2);border:1px solid var(--color-border-soft);border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-accent-light) 34%, transparent);color:var(--color-primary);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;align-self:flex-start;align-items:center;font-weight:700;display:inline-flex}.tool-calc__chip--inverse{border-color:color-mix(in srgb, var(--color-text-inverse) 24%, transparent);background:color-mix(in srgb, var(--color-text-inverse) 12%, transparent);color:var(--color-text-inverse)}.tool-calc__chip-row{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.tool-calc__input{box-sizing:border-box;width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base)}.tool-calc input[type=range]{width:100%;accent-color:var(--color-primary)}.tool-calc__outputs{gap:var(--space-5);flex-direction:column;display:flex}.tool-calc__hero{padding:var(--space-8);border-radius:var(--radius-3xl);background:radial-gradient(circle at 82% 12%, color-mix(in srgb, var(--color-accent-light) 22%, transparent), transparent 15rem), linear-gradient(135deg, var(--color-accent-dark), color-mix(in srgb, var(--color-primary) 84%, var(--color-accent-dark)));color:var(--color-text-inverse);box-shadow:var(--shadow-2xl);position:relative;overflow:clip}.tool-calc__hero:before{content:"";border-radius:inherit;background:linear-gradient(180deg, color-mix(in srgb, var(--pure-white) 12%, transparent), transparent);pointer-events:none;height:42%;position:absolute;inset:1px 1px auto}.tool-calc__hero>*{z-index:1;position:relative}.tool-calc__hero-eyebrow{margin-bottom:var(--space-3);color:var(--color-accent-light);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:900}.tool-calc__hero-value{color:var(--color-text-inverse);font-size:var(--text-4xl);font-weight:900;line-height:1}.tool-calc__hero-label{margin-bottom:var(--space-1);color:color-mix(in srgb, var(--color-text-inverse) 68%, transparent);font-size:var(--text-xs)}.tool-calc__hero-grid{gap:var(--space-4);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid color-mix(in srgb, var(--color-text-inverse) 12%, transparent);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tool-calc__hero-sub{color:var(--color-text-inverse);font-size:var(--text-2xl);font-weight:900}.tool-calc__hero-sub.is-positive{color:var(--color-accent-light)}.tool-calc__metrics{gap:var(--space-4);padding:clamp(var(--space-6), 2.5vw, var(--space-8));border-radius:var(--radius-3xl);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tool-calc__metric{padding:var(--space-3);border:1px solid color-mix(in srgb, var(--color-primary) 10%, transparent);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--color-accent-light) 18%, transparent)}.tool-calc__metric-label{margin-bottom:var(--space-1);color:var(--color-text-muted);font-size:var(--text-xs)}.tool-calc__metric-value{color:var(--color-primary);font-size:var(--text-lg);font-variant-numeric:tabular-nums;font-weight:900}.tool-calc__breakdown{gap:var(--space-2);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:var(--color-surface);display:grid}.tool-calc__breakdown-title{margin:0 0 var(--space-2);color:var(--color-primary);font-size:var(--text-lg)}.tool-calc__row{justify-content:space-between;align-items:baseline;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text);display:flex}.tool-calc__row.is-muted{color:var(--color-text-muted)}.tool-calc__row.is-bold{color:var(--color-primary);font-weight:800}.tool-calc__row-value{font-variant-numeric:tabular-nums;white-space:nowrap}.tool-calc__method{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:var(--color-surface)}.tool-calc__method p{font-size:var(--text-sm)}.tool-calc__cta{padding:var(--space-6);border-radius:var(--radius-2xl);background:var(--color-cta-dark);color:var(--color-text-inverse);box-shadow:var(--shadow-lg);transition:transform var(--transition-fast), box-shadow var(--transition-fast);text-decoration:none;display:block}.tool-calc__cta:hover{box-shadow:var(--shadow-xl);color:var(--color-text-inverse);transform:translateY(-2px)}.tool-calc__cta-title{margin:0 0 var(--space-1);font-size:var(--text-base);font-weight:800}.tool-calc__cta-copy{color:color-mix(in srgb, var(--color-text-inverse) 76%, transparent);font-size:var(--text-sm);margin:0;line-height:1.6}@media (width<=960px){.tool-calc{grid-template-columns:1fr}}@media (width<=640px){.tool-calc__inputs,.tool-calc__hero,.tool-calc__metrics,.tool-calc__breakdown,.tool-calc__method{padding:var(--space-5)}.tool-calc__fields,.tool-calc__metrics,.tool-calc__hero-grid{grid-template-columns:1fr}}