.roi,.roi *,.roi *::before,.roi *::after{box-sizing: border-box}.sr-only{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.btn{display: inline-flex;align-items: center;gap: 8px;padding: 14px 24px;border: 0;border-radius: 999px;background: var(--blue);color: var(--white);font: 600 16px/1 var(--font);text-decoration: none;cursor: pointer;transition: background 0.15s}.btn:hover{background: var(--blue-deep)}.btn:focus-visible{outline: 3px solid var(--blue);outline-offset: 3px}.roi{--navy: #162438;--blue: #008fcf;--blue-deep: #0074a8;--paper: #f1f4f9;--white: #fff;--rule: #dfe1e5;--muted: #5c6674;--error: #b3261e;--font: "Roboto",system-ui,sans-serif;--gutter: clamp(16px,4vw,56px);--wide: 1180px;padding: clamp(40px,calc(11.43px + 4.762vw),80px) var(--gutter);background: var(--paper);color: var(--navy);font: 400 17px/1.6 var(--font);-webkit-font-smoothing: antialiased;text-align: center}.roi__title{max-width: 18ch;margin: 0 auto;font-size: clamp(36px,5vw,64px);font-weight: 700;line-height: 1.04;letter-spacing: -0.025em}.roi__lede{margin: 18px auto 0;color: var(--muted);font-size: clamp(18px,1.6vw,21px)}.roi__card{display: grid;grid-template-columns: 1.2fr 1fr;gap: clamp(16px,2vw,24px);max-width: var(--wide);margin: clamp(32px,6vh,56px) auto 0;text-align: left}.roi__dials{display: grid;grid-template-columns: repeat(3,1fr);gap: clamp(10px,1.6vw,22px);align-content: center;padding: clamp(20px,2.4vw,32px) clamp(20px,2.4vw,32px) 48px;border-radius: 28px;background: var(--white);box-shadow: 0 0 0 1px var(--rule),0 30px 70px rgba(22,36,56,0.06)}.roi__out{display: flex;flex-direction: column;gap: 12px}.roi__hero{padding: clamp(22px,2.6vw,32px);border-radius: 24px;background: var(--navy);color: var(--white)}.roi__hero-label{margin: 0;font-size: 15px;font-weight: 700;color: #8fd3f7}.roi__hero-value{display: block;margin-top: 6px;font-size: clamp(40px,4.6vw,64px);font-weight: 700;line-height: 1;letter-spacing: -0.03em;font-variant-numeric: tabular-nums}.roi__hero-sub{display: block;margin-top: 10px;font-size: 16px;color: #c5d0de}.roi__hero-roi{color: #5cc4f5;font-variant-numeric: tabular-nums}.roi__tiles{display: grid;grid-template-columns: 1fr 1fr;gap: 12px;margin: 0}.roi__tile{padding: 16px 18px;border-radius: 18px;background: var(--white);box-shadow: 0 0 0 1px var(--rule)}.roi__tile-label{font-size: 13px;font-weight: 600;color: var(--muted)}.roi__tile-value{margin: 6px 0 0;font-size: clamp(20px,1.9vw,24px);font-weight: 800;letter-spacing: -0.01em;font-variant-numeric: tabular-nums}.roi__fine{margin: 2px 0 0;font-size: 13px;color: var(--muted)}.roi__cta{align-self: flex-start}.roi__cta:hover{color:#fff}.dial{display: grid;justify-items: center;gap: 12px;text-align: center}.dial__name{display: grid;place-items: end center;min-height: 2.6em;margin: 0;font-size: 15px;font-weight: 700;line-height: 1.3}.dial__face{position: relative;width: min(100%,210px);aspect-ratio: 1;container-type: inline-size;border-radius: 50%;touch-action: none;cursor: grab}.dial__face--held{cursor: grabbing}.dial__face:focus{outline: none}.dial__face:focus-visible:not(.dial__face--pointer){outline: 2px solid var(--blue);outline-offset: 4px}.dial__svg{display: block;width: 100%;height: 100%;overflow: visible}.dial__track,.dial__fill{fill: none;stroke-width: 8;stroke-linecap: round}.dial__track{stroke: #e3eaf3}.dial__fill{stroke: var(--blue);stroke-dasharray: 0 100}.dial__knob{fill: var(--white);stroke: var(--blue);stroke-width: 2.5;filter: drop-shadow(0 2px 4px rgba(22,36,56,0.2))}.dial__num{position: absolute;inset: 0;display: grid;place-items: center;font-size: 14cqi;font-weight: 800;letter-spacing: -0.02em;font-variant-numeric: tabular-nums;pointer-events: none}.dial__entry{position: relative;display: grid;justify-items: center;width: 100%}.dial__field{display: block;width: 100%;max-width: 130px}.dial__input{width: 100%;padding: 9px 10px;border: 1px solid var(--rule);border-radius: 12px;background: var(--white);color: var(--navy);font: 600 15px/1.2 var(--font);text-align: center;appearance: textfield;transition: border-color 0.15s,background 0.15s,box-shadow 0.15s}.dial__input::-webkit-outer-spin-button,.dial__input::-webkit-inner-spin-button{margin: 0;appearance: none}.dial__input:focus{outline: 2px solid var(--blue);outline-offset: 1px}.dial__input--error,.dial__input--error:focus{border-color: var(--error);outline: 0;background: #fef6f5;box-shadow: 0 0 0 3px rgba(179,38,30,0.14)}.dial__error{position: absolute;top: calc(100% + 9px);left: 50%;z-index: 1;margin: 0;padding: 6px 10px;border-radius: 8px;background: var(--error);color: var(--white);font-size: 12px;font-weight: 600;line-height: 1.2;white-space: nowrap;box-shadow: 0 6px 16px rgba(22,36,56,0.18);transform: translateX(-50%);animation: dial-error-in 0.18s ease-out}.dial__error::before{content: "";position: absolute;top: -4px;left: 50%;width: 9px;height: 9px;border-radius: 2px;background: inherit;transform: translateX(-50%) rotate(45deg)}.dial__error:empty{padding: 0;opacity: 0;pointer-events: none;animation: none}@keyframes dial-error-in{from{opacity: 0;transform: translate(-50%,-4px)}}@media (prefers-reduced-motion: reduce){.dial__error{animation: none}}@media (max-width: 960px){.roi__card{grid-template-columns: 1fr}}@media (max-width: 560px){.roi__dials{grid-template-columns: 1fr 1fr;row-gap: 48px}.roi__dials .dial:last-child{grid-column: 1 / -1}.dial__face{width: min(100%,170px)}.roi__tiles{grid-template-columns: 1fr}}