@layer sections{.payback{padding-block:var(--space-large)}.payback__title{margin-block:0 var(--space-xs);font-size:var(--size-headline);line-height:var(--leading-headline)}.payback__sub{margin-block:0 var(--space-large);max-width:60ch;color:var(--color-gray-600);font-size:var(--size-lg)}.payback__body{gap:var(--space-md);margin-block-start:var(--space-lg);display:grid}.payback__inputs,.payback__result{align-content:start;gap:var(--space-xs);padding:var(--space-md);border:var(--border-width) solid var(--border-color);border-radius:var(--radius);display:grid}.payback__inputs{background-color:var(--color-gray-50)}.payback__investment{gap:var(--space-3xs);margin:0 0 var(--space-xs);display:grid}.payback__investment-label{color:var(--color-gray-600);font-size:var(--size-sm)}.payback__investment-amount{color:var(--color-gray-900);font-size:var(--size-xl);font-variant-numeric:tabular-nums;font-weight:800}.payback__field{gap:var(--space-3xs);display:grid}.payback__field label{color:var(--color-gray-900);font-weight:700}.payback__control{align-items:center;gap:var(--space-2xs);display:flex}.payback__control input{inline-size:100%;max-inline-size:12rem;padding:var(--space-2xs) var(--space-xs);color:var(--color-gray-900);background-color:var(--color-gray-50);border:var(--border-width) solid var(--color-gray-400);border-radius:var(--radius-sm);font:inherit;font-size:var(--size-lg);font-variant-numeric:tabular-nums}.payback__unit{color:var(--color-gray-600)}.payback__hint{color:var(--color-gray-600);font-size:var(--size-sm);margin:0}.payback__example{margin:var(--space-2xs) 0 0;color:var(--color-gray-600);font-size:var(--size-sm)}.payback__result{color:var(--color-white);background-color:var(--color-black);background-image:radial-gradient(80% 70% at 100% 0%, color-mix(in srgb, var(--color-primary) 35%, transparent), transparent 70%);border-color:#0000}.payback__label{font-size:var(--size-sm);margin:0;font-weight:700}.payback__value{font-size:var(--size-headline);font-weight:800;line-height:var(--leading-none);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0}.payback__value--small{font-size:calc(var(--size-headline) * .6)}.payback__years{margin:0}.payback__timeline{padding-inline:var(--space-3xs);margin-block-start:var(--space-xs)}.payback__track{background-color:color-mix(in srgb, var(--color-white) 18%, transparent);border-radius:.125rem;block-size:.375rem;position:relative}.payback__fill{inline-size:calc(var(--payback-share) * 100%);border-radius:inherit;background-color:var(--color-gray-500);position:absolute;inset-block:0;inset-inline-start:0}.payback__fill--early{background-color:var(--color-series-af)}.payback__fill--middle{background-color:var(--color-promo)}.payback__fill--over{background-color:var(--color-danger)}.payback__year-dot{inline-size:calc(var(--space-3xs) * 2);block-size:calc(var(--space-3xs) * 2);border:var(--border-width) solid var(--color-black);background-color:var(--color-gray-700);border-radius:50%;position:absolute;inset-block-start:50%;inset-inline-start:calc(var(--payback-at) * 100%);translate:-50% -50%}.payback__year-dot--reached{background-color:var(--color-white)}.payback__year-labels{block-size:var(--size-md);position:relative}.payback__year-label{color:var(--color-gray-600);font-size:var(--size-xs);font-weight:700;position:absolute;inset-inline-start:calc(var(--payback-at) * 100%);translate:-50%}.payback__scale{margin:0 0 var(--space-md);font-size:var(--size-xs);justify-content:space-between;display:flex}.payback__note{margin-block:var(--space-md) 0;max-width:72ch;color:var(--color-gray-600);font-size:var(--size-sm)}@media (min-width:62rem){.payback__body{grid-template-columns:1fr 1fr}}}