.roi-donut{--roi-teal:#26a69a;width:100%;max-width:320px;margin:0 auto}.roi-donut__chart-wrap{position:relative;width:260px;height:260px;margin:0 auto}.roi-donut__ring{width:100%;height:100%;border-radius:50%;background:conic-gradient(from -90deg,var(--roi-teal) 0deg var(--returns-deg),var(--gold) var(--returns-deg) 1turn);mask:radial-gradient(circle,transparent 52%,#000 53%);-webkit-mask:radial-gradient(circle,transparent 52%,#000 53%)}.roi-donut__center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px;pointer-events:none}.roi-donut__center-label{font-size:14px;color:var(--text-card);margin-bottom:6px}.roi-donut__center-value{font-size:clamp(22px,4vw,30px);font-weight:700;color:var(--roi-teal);line-height:1.1}.roi-donut__badge{position:absolute;top:18%;right:14%;background:var(--roi-teal);color:var(--white);font-size:12px;font-weight:700;padding:4px 8px;border-radius:4px}.roi-donut__legend{display:flex;justify-content:center;gap:24px;margin-top:24px}.roi-donut__legend-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-card)}.roi-donut__legend-dot{width:10px;height:10px;border-radius:50%}.roi-donut__legend-dot--returns{background:var(--roi-teal)}.roi-donut__legend-dot--investment{background:var(--gold)}.roi2-calculator{--roi-teal:#26a69a;width:100%}.roi2-calculator__heading{margin:0 0 32px;font-size:22px;font-weight:700;color:var(--dark)}.roi2-calculator__main{display:grid;grid-template-columns:minmax(260px,1fr) minmax(280px,1fr);grid-gap:40px;gap:40px;align-items:start}.roi2-calculator__inputs{display:flex;flex-direction:column;gap:28px}.roi2-field{display:flex;flex-direction:column;gap:12px}.roi2-field__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.roi2-field__label,.roi2-field__value{font-size:16px;font-weight:700;color:var(--dark)}.roi2-field__value{padding:8px 14px;border:1px solid #d8d8d8;border-radius:8px;background:var(--white);white-space:nowrap}.roi2-field__range{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;background:linear-gradient(to right,var(--gold) 0,var(--gold) var(--range-progress),#e0e0e0 var(--range-progress),#e0e0e0 100%);cursor:pointer}.roi2-field__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--gold);border:2px solid var(--white);box-shadow:0 1px 4px rgba(0,0,0,.2)}.roi2-field__range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--gold);border:2px solid var(--white)}.roi2-field__bounds{display:flex;justify-content:space-between;font-size:13px;color:var(--text-card)}.roi2-field__select{width:100%;padding:14px 40px 14px 16px;font-size:16px;font-family:inherit;border:1px solid #d8d8d8;border-radius:8px;background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23262626' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 16px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.roi2-calculator__results{display:flex;flex-direction:column;align-items:center;gap:8px}.roi2-calculator__stats{display:flex;gap:48px;width:100%;max-width:320px;justify-content:center;margin-bottom:8px}.roi2-stat{display:flex;flex-direction:column;gap:6px;text-align:left}.roi2-stat__label{font-size:15px;color:var(--text-card)}.roi2-stat__value{font-size:28px;font-weight:700;color:var(--roi-teal)}.roi2-calculator__divider{border:none;border-top:1px solid #e8e8e8;margin:40px 0 32px}.roi2-calculator__details-title{margin:0 0 24px;font-size:20px;font-weight:700;color:var(--dark)}.roi2-details-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px;margin:0}.roi2-details-grid__item{display:flex;flex-direction:column;gap:8px}.roi2-details-grid__item dt{font-size:15px;font-weight:700;color:var(--dark)}.roi2-details-grid__item dd{margin:0;font-size:22px;font-weight:700;color:var(--dark)}.roi2-details-grid__value--teal{color:var(--roi-teal)}@media (max-width:960px){.roi2-calculator__main{grid-template-columns:1fr}.roi2-details-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.roi2-calculator__stats{flex-direction:column;gap:20px;align-items:center}.roi2-details-grid{grid-template-columns:1fr}}