.tool-wrap{max-width:var(--wrap);margin:0 auto}.tool-wrap h1{font-size:clamp(2.25rem,5.6vw,4.75rem);max-width:16ch;margin-bottom:0}.tool-wrap .lead{margin:1.25rem 0 .75rem;max-width:40ch}.tool-eyebrow{font-size:var(--t-small);font-weight:800;color:var(--moss-ink);margin:0 0 clamp(2rem,4vw,3rem)}.tool-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:.5rem;align-items:start}.tool-inputs,.tool-results{border-radius:var(--radius-box);padding:clamp(1.5rem,3vw,2.5rem);min-width:0}.tool-inputs{background:var(--surface)}.tool-results{background:var(--olive);color:var(--cream)}.tool-inputs h2,.tool-results h2{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.05;letter-spacing:-.03em;margin-bottom:.75rem}.tool-results h2{color:var(--cream)}.tool-hint{font-size:1rem;color:var(--ink);margin-bottom:1.75rem}.field{margin-bottom:1.4rem}.field label{font-family:var(--font);font-size:.9375rem;font-weight:800;letter-spacing:-.005em;color:var(--ink);margin-bottom:.45rem;display:block}.field-help{font-size:.9375rem;color:var(--ink-soft);margin:.45rem 0 0;line-height:1.45;max-width:46ch}.input-prefix,.input-suffix{display:flex;align-items:center;background:var(--paper);border:1.5px solid transparent;border-radius:var(--radius-box);overflow:hidden;transition:border-color var(--t-hover) ease,background-color var(--t-hover) ease}.input-prefix:hover,.input-suffix:hover{border-color:var(--mute)}.input-prefix:focus-within,.input-suffix:focus-within{border-color:var(--olive);background:var(--paper)}.input-prefix .prefix,.input-suffix .suffix{padding:0 .9rem;font-family:var(--font);font-weight:800;font-size:1rem;color:var(--muted);align-self:stretch;display:flex;align-items:center}.input-prefix .prefix{padding-right:0}.input-suffix .suffix{padding-left:0}.input-prefix input,.input-suffix input{border:none;border-radius:0;background:transparent;font-family:var(--font);font-weight:500;font-size:1.0625rem;padding:.8rem .9rem;color:var(--ink);width:100%;min-width:0;outline:none;-webkit-appearance:none;appearance:none}.input-prefix input:focus-visible,.input-suffix input:focus-visible{outline:none}.input-prefix input::-webkit-outer-spin-button,.input-prefix input::-webkit-inner-spin-button,.input-suffix input::-webkit-outer-spin-button,.input-suffix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-prefix input[type=number],.input-suffix input[type=number]{-moz-appearance:textfield}.tool-note{margin-top:2rem;padding:1.25rem 1.35rem;background:var(--surface-2);border-radius:var(--radius-box)}.tool-note p{margin:0;font-size:1rem;line-height:1.5;color:var(--ink)}.tool-note strong{color:var(--ink);font-weight:800}.tool-results{position:sticky;top:5.5rem}.result-block{background:var(--olive-2);border-radius:var(--radius-box);padding:clamp(1.25rem,2.5vw,1.75rem);margin-bottom:.5rem}.result-label{font-size:1rem;font-weight:800;color:var(--cream);margin-bottom:.5rem}.result-number{font-family:var(--font);font-size:clamp(2.75rem,6vw,4.5rem);font-weight:800;color:var(--sage);line-height:.95;letter-spacing:-.045em;overflow-wrap:anywhere}.result-sub{margin:.75rem 0 0;font-size:1rem;color:var(--cream);line-height:1.45}.verdict{margin-top:1rem;font-size:1rem;line-height:1.5;color:var(--cream);min-height:1.5em;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem}.verdict-badge{display:inline-block;padding:.3rem .85rem;border-radius:var(--radius);font-size:.9375rem;font-weight:800}.verdict-badge.profitable{background:var(--sage);color:var(--olive)}.verdict-badge.losing{background:var(--sand);color:var(--olive)}.verdict-badge.break-even{background:var(--olive-3);color:var(--cream)}.verdict-text{color:var(--cream);font-weight:500}.metrics-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-bottom:0}.metric-card,.unit-card,.breakeven-card,.funnel-step{background:var(--olive-2);border-radius:var(--radius-box);display:flex;flex-direction:column;gap:.25rem;min-width:0;transition:background-color var(--t-hover) ease}.metric-card:hover,.unit-card:hover,.funnel-step:hover{background:var(--olive-3)}.metric-card{padding:1rem}.metric-card.accent{background:var(--olive-3)}.metric-label,.unit-label,.be-label,.funnel-step-name{font-family:var(--font);font-size:.875rem;font-weight:800;color:var(--mute);line-height:1.3}.metric-value,.unit-value,.funnel-step-result{font-family:var(--font);font-weight:800;font-size:1.5rem;color:var(--cream);letter-spacing:-.03em;line-height:1.1;overflow-wrap:anywhere}.metric-sub,.funnel-step-sub,.funnel-step-drop{font-family:var(--font);font-size:.875rem;color:var(--mute);line-height:1.35}.metrics-empty,.funnel-empty,.grid-empty,.sensitivity-empty{grid-column:1 / -1;color:var(--cream);background:var(--olive-2);text-align:center;padding:1.5rem 1rem;font-size:1rem;border-radius:var(--radius-box)}.section-divider{height:clamp(2rem,4vw,3rem);background:none;margin:0}.funnel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.funnel-step{padding:1rem;position:relative}.funnel-step.accent{background:var(--olive-3)}.funnel-step-result{font-size:1.35rem}.funnel-step.accent .funnel-step-result{color:var(--sage)}.funnel-arrow{position:absolute;right:-.55rem;top:50%;transform:translateY(-50%);color:var(--sage);font-size:.9rem;font-weight:800;z-index:1}.funnel-step:nth-child(3n) .funnel-arrow,.funnel-step:last-child .funnel-arrow{display:none}.breakeven-unit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.breakeven-card{grid-column:1 / -1;padding:1.25rem;background:var(--olive-3)}.be-label{color:var(--cream);font-size:1rem}.be-value{font-family:var(--font);font-weight:800;font-size:clamp(2rem,4vw,2.75rem);color:var(--sage);letter-spacing:-.04em;line-height:1}.be-compare{font-size:1rem;color:var(--cream);line-height:1.45;margin-top:.35rem}.be-compare.at{color:var(--cream)}.be-compare.below{color:var(--sage)}.be-compare.above{color:var(--sand)}.unit-card{padding:1rem}.unit-card.accent{background:var(--olive-3);grid-column:span 2}.unit-card.accent .unit-value{color:var(--sage)}.unit-value{font-size:1.35rem}.sensitivity-sub{font-size:1rem;color:var(--cream);margin-bottom:1rem;line-height:1.5}.sensitivity-top{display:block;margin-top:.35rem;color:var(--sage);font-weight:800}.sensitivity{display:flex;flex-direction:column;gap:.35rem}.sensitivity-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:1rem;align-items:center;padding:.85rem 1rem;background:var(--olive-2);border-radius:var(--radius-box);transition:background-color var(--t-hover) ease}.sensitivity-row:hover{background:var(--olive-3)}.sensitivity-row.biggest{background:var(--sage);color:var(--olive)}.sensitivity-rank{display:none}.sensitivity-lever{font-size:1rem;color:var(--cream);font-weight:800;line-height:1.3}.sensitivity-detail{font-size:.9375rem;color:var(--mute);text-align:right;line-height:1.3;white-space:nowrap}.sensitivity-delta{font-size:1rem;font-weight:800;text-align:right;line-height:1.3;white-space:nowrap;min-width:7.5ch}.sensitivity-delta.positive{color:var(--sage)}.sensitivity-delta.negative{color:var(--sand)}.sensitivity-row.biggest .sensitivity-lever,.sensitivity-row.biggest .sensitivity-delta{color:var(--olive)}.sensitivity-row.biggest .sensitivity-detail{color:var(--moss-ink)}.tool-next{margin-top:.5rem;padding:clamp(1.5rem,3vw,2.5rem);background:var(--surface);border-radius:var(--radius-box)}.tool-next p{color:var(--ink);font-size:var(--t-statement);font-weight:500;letter-spacing:-.015em;line-height:1.3;max-width:40ch;margin:0}.tool-next a{color:var(--moss-ink);font-weight:800;overflow-wrap:anywhere}.tool-next a:hover{color:var(--olive)}.tool-disclaimer{margin-top:clamp(2rem,4vw,3rem)}.tool-disclaimer p{margin:0;font-size:1rem;color:var(--ink);line-height:1.55;max-width:70ch}@media(max-width:1080px){.metrics-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.tool-grid{grid-template-columns:minmax(0,1fr)}.tool-results{position:static}}@media(max-width:560px){.funnel,.breakeven-unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.funnel-arrow{display:none}.sensitivity-row{grid-template-columns:minmax(0,1fr) auto;gap:.2rem 1rem}.sensitivity-lever{grid-column:1 / 2}.sensitivity-delta{grid-column:2 / 3;grid-row:1 / 3}.sensitivity-detail{grid-column:1 / 2;text-align:left}}
