{"product_id":"rental-commission","title":"Rental Commission Calculator","description":"\u003cstyle\u003e\n.rc-calculator {\n  --ink: #0f172a;\n  --muted: #475569;\n  --border: #e2e8f0;\n  --surface: #ffffff;\n  --tint: #f8fafc;\n  --primary: #1d4ed8;\n  --accent: #c2410c;\n  --accent-hover: #9a3412;\n  --chart-1: #1e40af;\n  --chart-2: #0d9488;\n  --chart-3: #7c3aed;\n  --chart-4: #be185d;\n  --chart-5: #334155;\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n  color: var(--ink);\n  background: var(--surface);\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  box-shadow: 0 1px 2px rgba(15, 23, 42, .06);\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  font-size: 15px;\n  line-height: 1.55;\n  container-type: inline-size;\n}\n.rc-calculator,\n.rc-calculator *,\n.rc-calculator *::before,\n.rc-calculator *::after {\n  box-sizing: border-box;\n  min-width: 0;\n}\n.rc-calculator a {\n  color: var(--primary);\n  text-decoration-thickness: 1px;\n  text-underline-offset: 2px;\n}\n.rc-calculator a:hover {\n  text-decoration-thickness: 2px;\n}\n.rc-calculator button,\n.rc-calculator input,\n.rc-calculator select,\n.rc-calculator summary {\n  font: inherit;\n}\n.rc-calculator button,\n.rc-calculator input,\n.rc-calculator select,\n.rc-calculator summary,\n.rc-calculator a {\n  outline: none;\n}\n.rc-calculator button:focus-visible,\n.rc-calculator input:focus-visible,\n.rc-calculator select:focus-visible,\n.rc-calculator summary:focus-visible,\n.rc-calculator a:focus-visible {\n  box-shadow: 0 0 0 3px rgba(29, 78, 216, .24);\n  border-color: var(--primary);\n  border-radius: 6px;\n}\n.rc-calculator .rc-header {\n  padding: 24px 24px 16px;\n  border-bottom: 1px solid var(--border);\n  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n  border-radius: 8px 8px 0 0;\n}\n.rc-calculator .rc-header h2 {\n  margin: 0;\n  font-size: 24px;\n  line-height: 1.25;\n  font-weight: 700;\n  letter-spacing: -.02em;\n}\n.rc-calculator .rc-header-copy {\n  margin: 8px 0 0;\n  color: var(--muted);\n  max-width: 760px;\n}\n.rc-calculator .rc-pills {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 16px;\n}\n.rc-calculator .rc-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 5px 9px;\n  border: 1px solid var(--border);\n  border-radius: 999px;\n  background: var(--surface);\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 1.35;\n}\n.rc-calculator .rc-pill strong {\n  color: var(--ink);\n  font-variant-numeric: tabular-nums;\n}\n.rc-calculator .rc-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  padding: 16px 24px;\n  border-bottom: 1px solid var(--border);\n}\n.rc-calculator .rc-button {\n  min-height: 44px;\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  padding: 10px 16px;\n  background: var(--surface);\n  color: var(--ink);\n  font-weight: 650;\n  cursor: pointer;\n  transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .05s ease;\n  white-space: nowrap;\n}\n.rc-calculator .rc-button:hover {\n  border-color: #cbd5e1;\n  box-shadow: 0 2px 5px rgba(15, 23, 42, .09);\n}\n.rc-calculator .rc-button:active {\n  transform: translateY(1px);\n}\n.rc-calculator .rc-download {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 12px 18px;\n  border-color: var(--accent);\n  background: var(--accent);\n  color: #ffffff;\n}\n.rc-calculator .rc-download:hover {\n  border-color: var(--accent-hover);\n  background: var(--accent-hover);\n}\n.rc-calculator .rc-download svg {\n  width: 19px;\n  height: 19px;\n  flex: 0 0 19px;\n}\n.rc-calculator .rc-main {\n  padding: 24px;\n}\n.rc-calculator .rc-workspace {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 24px;\n  align-items: start;\n}\n.rc-calculator .rc-card {\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  background: var(--surface);\n  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);\n}\n.rc-calculator .rc-card-header {\n  padding: 16px;\n  border-bottom: 1px solid var(--border);\n  background: var(--tint);\n  border-radius: 8px 8px 0 0;\n}\n.rc-calculator .rc-card-header h3,\n.rc-calculator .rc-section-heading {\n  margin: 0;\n  font-size: 18px;\n  line-height: 1.35;\n  font-weight: 650;\n}\n.rc-calculator .rc-card-header p {\n  margin: 4px 0 0;\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 500;\n}\n.rc-calculator .rc-card-body {\n  padding: 16px;\n}\n.rc-calculator .rc-input-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 16px;\n}\n.rc-calculator .rc-field {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n.rc-calculator .rc-label {\n  color: var(--ink);\n  font-size: 14px;\n  font-weight: 600;\n}\n.rc-calculator .rc-input,\n.rc-calculator .rc-select {\n  width: 100%;\n  min-height: 44px;\n  border: 1px solid #cbd5e1;\n  border-radius: 6px;\n  padding: 9px 11px;\n  background: var(--surface);\n  color: var(--ink);\n  font-size: 15px;\n  font-weight: 400;\n  font-variant-numeric: tabular-nums;\n}\n.rc-calculator .rc-input:hover,\n.rc-calculator .rc-select:hover {\n  border-color: #94a3b8;\n}\n.rc-calculator .rc-input[aria-invalid=\"true\"] {\n  border-color: #b91c1c;\n}\n.rc-calculator .rc-helper,\n.rc-calculator .rc-error {\n  min-height: 20px;\n  margin: 0;\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 1.45;\n}\n.rc-calculator .rc-helper {\n  color: var(--muted);\n}\n.rc-calculator .rc-error {\n  color: #991b1b;\n}\n.rc-calculator .rc-divider {\n  height: 1px;\n  margin: 20px 0;\n  background: var(--border);\n}\n.rc-calculator .rc-advanced {\n  margin-top: 20px;\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  background: var(--tint);\n}\n.rc-calculator .rc-advanced summary {\n  cursor: pointer;\n  padding: 12px 14px;\n  color: var(--ink);\n  font-weight: 650;\n}\n.rc-calculator .rc-advanced-inner {\n  padding: 4px 14px 14px;\n}\n.rc-calculator .rc-primary-result {\n  padding: 20px;\n  border-bottom: 1px solid var(--border);\n  background: #eff6ff;\n}\n.rc-calculator .rc-result-label {\n  margin: 0;\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: .04em;\n}\n.rc-calculator .rc-result-value {\n  margin: 4px 0 0;\n  color: var(--ink);\n  font-size: 30px;\n  line-height: 1.2;\n  font-weight: 700;\n  font-variant-numeric: tabular-nums;\n  overflow-wrap: anywhere;\n}\n.rc-calculator .rc-result-subtitle {\n  margin: 8px 0 0;\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 500;\n}\n.rc-calculator .rc-result-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));\n  gap: 12px;\n  padding: 16px;\n}\n.rc-calculator .rc-metric {\n  padding: 12px;\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  background: var(--surface);\n}\n.rc-calculator .rc-metric-label {\n  margin: 0;\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 600;\n}\n.rc-calculator .rc-metric-value {\n  margin: 4px 0 0;\n  color: var(--ink);\n  font-size: 20px;\n  line-height: 1.3;\n  font-weight: 700;\n  font-variant-numeric: tabular-nums;\n  overflow-wrap: anywhere;\n}\n.rc-calculator .rc-allocation {\n  margin: 0 16px 16px;\n  padding: 12px;\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  background: var(--tint);\n}\n.rc-calculator .rc-allocation-title {\n  margin: 0 0 8px;\n  font-size: 13px;\n  font-weight: 650;\n  color: var(--ink);\n}\n.rc-calculator .rc-allocation-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(140px, max-content));\n  gap: 8px 20px;\n  justify-content: start;\n}\n.rc-calculator .rc-allocation-item {\n  display: grid;\n  grid-template-columns: max-content max-content;\n  gap: 8px;\n  align-items: baseline;\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 500;\n}\n.rc-calculator .rc-allocation-item strong {\n  color: var(--ink);\n  font-variant-numeric: tabular-nums;\n}\n.rc-calculator .rc-section {\n  margin-top: 24px;\n}\n.rc-calculator .rc-section-intro {\n  margin: 4px 0 0;\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 500;\n}\n.rc-calculator .rc-chart-card {\n  margin-top: 12px;\n  padding: 16px;\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  background: var(--surface);\n}\n.rc-calculator .rc-chart-cluster {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 20px;\n  align-items: center;\n  justify-content: center;\n  max-width: 920px;\n  margin: 0 auto;\n}\n.rc-calculator .rc-chart-plot {\n  width: 100%;\n  min-height: 0;\n}\n.rc-calculator .rc-chart-svg {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  background: transparent;\n}\n.rc-calculator .rc-chart-empty {\n  display: none;\n  width: 100%;\n  padding: 16px;\n  border: 1px dashed #cbd5e1;\n  border-radius: 6px;\n  background: var(--tint);\n  color: var(--muted);\n  text-align: center;\n  font-size: 13px;\n  font-weight: 500;\n}\n.rc-calculator .rc-legend {\n  display: grid;\n  gap: 10px;\n  align-content: center;\n  justify-content: center;\n}\n.rc-calculator .rc-legend-row {\n  display: grid;\n  grid-template-columns: 12px minmax(84px, max-content) max-content max-content;\n  gap: 8px;\n  align-items: center;\n  justify-content: start;\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 500;\n}\n.rc-calculator .rc-swatch {\n  width: 12px;\n  height: 12px;\n  border-radius: 3px;\n}\n.rc-calculator .rc-legend-name {\n  color: var(--ink);\n  font-weight: 600;\n}\n.rc-calculator .rc-legend-value,\n.rc-calculator .rc-legend-percent {\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n}\n.rc-calculator .rc-chart-callout {\n  margin-top: 16px;\n  padding: 10px 12px;\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  background: var(--tint);\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 500;\n}\n.rc-calculator .rc-safe-stack .rc-chart-cluster {\n  grid-template-columns: 1fr;\n  gap: 24px;\n}\n.rc-calculator .rc-safe-stack .rc-legend {\n  justify-content: center;\n}\n.rc-calculator .rc-safe-stack .rc-chart-callout {\n  margin-top: 20px;\n}\n.rc-calculator .rc-table-card {\n  margin-top: 12px;\n  padding: 16px;\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  background: var(--surface);\n}\n.rc-calculator .rc-table-overflow {\n  width: 100%;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n}\n.rc-calculator .rc-table {\n  width: 100%;\n  min-width: 650px;\n  border-collapse: collapse;\n  font-size: 14px;\n}\n.rc-calculator .rc-table th,\n.rc-calculator .rc-table td {\n  padding: 11px 12px;\n  border-bottom: 1px solid var(--border);\n  text-align: left;\n  vertical-align: middle;\n}\n.rc-calculator .rc-table th {\n  background: #0f2747;\n  color: #ffffff;\n  font-size: 13px;\n  font-weight: 650;\n}\n.rc-calculator .rc-table th:first-child {\n  border-radius: 6px 0 0 0;\n}\n.rc-calculator .rc-table th:last-child {\n  border-radius: 0 6px 0 0;\n}\n.rc-calculator .rc-table tbody tr:hover {\n  background: var(--tint);\n}\n.rc-calculator .rc-table td:nth-child(n+2),\n.rc-calculator .rc-table th:nth-child(n+2) {\n  text-align: right;\n  font-variant-numeric: tabular-nums;\n}\n.rc-calculator .rc-table-note {\n  margin-top: 16px;\n  padding: 10px 12px;\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  background: var(--tint);\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 500;\n}\n.rc-calculator .rc-safe-table-stack .rc-table-note {\n  margin-top: 20px;\n}\n.rc-calculator .rc-education {\n  margin-top: 32px;\n  padding-top: 8px;\n  border-top: 1px solid var(--border);\n}\n.rc-calculator .rc-education h2 {\n  margin: 24px 0 8px;\n  font-size: 20px;\n  line-height: 1.35;\n  font-weight: 700;\n}\n.rc-calculator .rc-education h3 {\n  margin: 18px 0 6px;\n  font-size: 18px;\n  line-height: 1.35;\n  font-weight: 650;\n}\n.rc-calculator .rc-education p,\n.rc-calculator .rc-education li {\n  color: #334155;\n}\n.rc-calculator .rc-education p {\n  margin: 0 0 12px;\n}\n.rc-calculator .rc-education ul {\n  margin: 8px 0 16px;\n  padding-left: 22px;\n}\n.rc-calculator .rc-education li + li {\n  margin-top: 6px;\n}\n.rc-calculator .rc-formula {\n  padding: 12px;\n  border-left: 4px solid var(--primary);\n  border-radius: 0 6px 6px 0;\n  background: #eff6ff;\n  color: var(--ink);\n  font-variant-numeric: tabular-nums;\n}\n.rc-calculator .rc-visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n.rc-calculator [hidden] {\n  display: none !important;\n}\n@container (min-width: 640px) {\n  .rc-calculator .rc-chart-cluster {\n    grid-template-columns: minmax(0, 560px) minmax(240px, 300px);\n    gap: 24px;\n  }\n}\n@container (min-width: 900px) {\n  .rc-calculator .rc-workspace {\n    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n  }\n}\n@container (max-width: 639px) {\n  .rc-calculator .rc-header,\n  .rc-calculator .rc-toolbar,\n  .rc-calculator .rc-main {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n  .rc-calculator .rc-header {\n    padding-top: 20px;\n  }\n  .rc-calculator .rc-toolbar {\n    align-items: stretch;\n  }\n  .rc-calculator .rc-button {\n    justify-content: center;\n  }\n  .rc-calculator .rc-download {\n    flex: 1 1 190px;\n  }\n  .rc-calculator .rc-input-grid {\n    grid-template-columns: 1fr;\n  }\n  .rc-calculator .rc-chart-cluster {\n    gap: 16px;\n  }\n  .rc-calculator .rc-legend {\n    justify-content: center;\n  }\n  .rc-calculator .rc-chart-callout {\n    margin-top: 16px;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .rc-calculator .rc-button {\n    transition: none;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"rc-calculator\" data-calculator-root\u003e\n  \u003cheader class=\"rc-header\"\u003e\n    \u003ch2\u003eRental Commission Calculator\u003c\/h2\u003e\n    \u003cp class=\"rc-header-copy\"\u003eCompare common leasing commissions, set a custom fee, and see how the charge relates to annual and monthly rent.\u003c\/p\u003e\n    \u003cdiv class=\"rc-pills\" aria-label=\"Live calculator summary\"\u003e\n      \u003cspan class=\"rc-pill\"\u003eAnnual rent \u003cstrong data-rc-pill-annual\u003e$36,000.00\u003c\/strong\u003e\u003c\/span\u003e\n      \u003cspan class=\"rc-pill\"\u003eMonthly rent \u003cstrong data-rc-pill-monthly\u003e$3,000.00\u003c\/strong\u003e\u003c\/span\u003e\n      \u003cspan class=\"rc-pill\"\u003eCustom rate \u003cstrong data-rc-pill-rate\u003e8.33%\u003c\/strong\u003e\u003c\/span\u003e\n      \u003cspan class=\"rc-pill\"\u003eCustom fee \u003cstrong data-rc-pill-fee\u003e$3,000.00\u003c\/strong\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/header\u003e\n\n  \u003cdiv class=\"rc-toolbar\" aria-label=\"Calculator actions\"\u003e\n    \u003cbutton class=\"rc-button rc-download\" type=\"button\" data-rc-download\u003e\n      \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"\u003e\u003cpath fill=\"currentColor\" d=\"M5 20h14a1 1 0 0 0 1-1v-4h-2v3H6v-3H4v4a1 1 0 0 0 1 1Zm7-3 5-5h-3V4h-4v8H7l5 5Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003cspan\u003eDownload Excel\u003c\/span\u003e\n    \u003c\/button\u003e\n    \u003cbutton class=\"rc-button\" type=\"button\" data-rc-reset\u003eReset\u003c\/button\u003e\n  \u003c\/div\u003e\n\n  \u003cmain class=\"rc-main\"\u003e\n    \u003cdiv class=\"rc-workspace\"\u003e\n      \u003csection class=\"rc-card\" aria-labelledby=\"rc-inputs-heading\"\u003e\n        \u003cdiv class=\"rc-card-header\"\u003e\n          \u003ch3 id=\"rc-inputs-heading\"\u003eRent and commission inputs\u003c\/h3\u003e\n          \u003cp\u003eEdit either annual or monthly rent; the paired value updates automatically.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rc-card-body\"\u003e\n          \u003cdiv class=\"rc-input-grid\"\u003e\n            \u003cdiv class=\"rc-field\"\u003e\n              \u003clabel class=\"rc-label\" for=\"rc-annual-rent\"\u003eAnnual rent\u003c\/label\u003e\n              \u003cinput class=\"rc-input\" id=\"rc-annual-rent\" type=\"text\" inputmode=\"decimal\" value=\"$36,000.00\" aria-describedby=\"rc-annual-help rc-annual-error\" autocomplete=\"off\"\u003e\n              \u003cp class=\"rc-helper\" id=\"rc-annual-help\"\u003eTotal contracted rent for 12 months.\u003c\/p\u003e\n              \u003cp class=\"rc-error\" id=\"rc-annual-error\" data-rc-error-annual aria-live=\"off\"\u003e\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"rc-field\"\u003e\n              \u003clabel class=\"rc-label\" for=\"rc-monthly-rent\"\u003eMonthly rent\u003c\/label\u003e\n              \u003cinput class=\"rc-input\" id=\"rc-monthly-rent\" type=\"text\" inputmode=\"decimal\" value=\"$3,000.00\" aria-describedby=\"rc-monthly-help rc-monthly-error\" autocomplete=\"off\"\u003e\n              \u003cp class=\"rc-helper\" id=\"rc-monthly-help\"\u003eAnnual rent divided by 12.\u003c\/p\u003e\n              \u003cp class=\"rc-error\" id=\"rc-monthly-error\" data-rc-error-monthly aria-live=\"off\"\u003e\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"rc-field\"\u003e\n              \u003clabel class=\"rc-label\" for=\"rc-custom-percent\"\u003eCustom commission\u003c\/label\u003e\n              \u003cinput class=\"rc-input\" id=\"rc-custom-percent\" type=\"text\" inputmode=\"decimal\" value=\"8.33%\" aria-describedby=\"rc-percent-help rc-percent-error\" autocomplete=\"off\"\u003e\n              \u003cp class=\"rc-helper\" id=\"rc-percent-help\"\u003ePercentage of annual rent.\u003c\/p\u003e\n              \u003cp class=\"rc-error\" id=\"rc-percent-error\" data-rc-error-percent aria-live=\"off\"\u003e\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"rc-field\"\u003e\n              \u003clabel class=\"rc-label\" for=\"rc-custom-amount\"\u003eCustom amount\u003c\/label\u003e\n              \u003cinput class=\"rc-input\" id=\"rc-custom-amount\" type=\"text\" inputmode=\"decimal\" value=\"$3,000.00\" aria-describedby=\"rc-amount-help rc-amount-error\" autocomplete=\"off\"\u003e\n              \u003cp class=\"rc-helper\" id=\"rc-amount-help\"\u003eDollar fee linked to the custom percentage.\u003c\/p\u003e\n              \u003cp class=\"rc-error\" id=\"rc-amount-error\" data-rc-error-amount aria-live=\"off\"\u003e\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdetails class=\"rc-advanced\" data-rc-advanced\u003e\n            \u003csummary\u003ePayment arrangement\u003c\/summary\u003e\n            \u003cdiv class=\"rc-advanced-inner\"\u003e\n              \u003cdiv class=\"rc-input-grid\"\u003e\n                \u003cdiv class=\"rc-field\"\u003e\n                  \u003clabel class=\"rc-label\" for=\"rc-arrangement\"\u003eWho pays the custom commission?\u003c\/label\u003e\n                  \u003cselect class=\"rc-select\" id=\"rc-arrangement\" aria-describedby=\"rc-arrangement-help\"\u003e\n                    \u003coption value=\"landlord\" selected\u003eLandlord pays\u003c\/option\u003e\n                    \u003coption value=\"tenant\"\u003eTenant pays\u003c\/option\u003e\n                    \u003coption value=\"split\"\u003eCustom split\u003c\/option\u003e\n                    \u003coption value=\"none\"\u003eNot assigned\u003c\/option\u003e\n                  \u003c\/select\u003e\n                  \u003cp class=\"rc-helper\" id=\"rc-arrangement-help\"\u003eAllocation changes only who bears the fee, not the fee itself.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"rc-field\" data-rc-split-field hidden\u003e\n                  \u003clabel class=\"rc-label\" for=\"rc-landlord-share\"\u003eLandlord share\u003c\/label\u003e\n                  \u003cinput class=\"rc-input\" id=\"rc-landlord-share\" type=\"text\" inputmode=\"decimal\" value=\"50.00%\" aria-describedby=\"rc-share-help rc-share-error\" autocomplete=\"off\"\u003e\n                  \u003cp class=\"rc-helper\" id=\"rc-share-help\"\u003eTenant share is the remainder to 100%.\u003c\/p\u003e\n                  \u003cp class=\"rc-error\" id=\"rc-share-error\" data-rc-error-share aria-live=\"off\"\u003e\u003c\/p\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/details\u003e\n        \u003c\/div\u003e\n      \u003c\/section\u003e\n\n      \u003csection class=\"rc-card\" aria-labelledby=\"rc-results-heading\"\u003e\n        \u003cdiv class=\"rc-card-header\"\u003e\n          \u003ch3 id=\"rc-results-heading\"\u003eLive results\u003c\/h3\u003e\n          \u003cp\u003eCommon market conventions are shown beside your custom scenario.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rc-primary-result\"\u003e\n          \u003cp class=\"rc-result-label\"\u003eCustom commission\u003c\/p\u003e\n          \u003cp class=\"rc-result-value\" data-rc-primary\u003e$3,000.00\u003c\/p\u003e\n          \u003cp class=\"rc-result-subtitle\" data-rc-primary-subtitle\u003e8.33% of annual rent, equal to 1.00 month of rent.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rc-result-grid\"\u003e\n          \u003cdiv class=\"rc-metric\"\u003e\n            \u003cp class=\"rc-metric-label\"\u003e½ month\u003c\/p\u003e\n            \u003cp class=\"rc-metric-value\" data-rc-half\u003e$1,500.00\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"rc-metric\"\u003e\n            \u003cp class=\"rc-metric-label\"\u003e1 month\u003c\/p\u003e\n            \u003cp class=\"rc-metric-value\" data-rc-one\u003e$3,000.00\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"rc-metric\"\u003e\n            \u003cp class=\"rc-metric-label\"\u003e1½ months\u003c\/p\u003e\n            \u003cp class=\"rc-metric-value\" data-rc-onehalf\u003e$4,500.00\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"rc-metric\"\u003e\n            \u003cp class=\"rc-metric-label\"\u003eMonthly rent\u003c\/p\u003e\n            \u003cp class=\"rc-metric-value\" data-rc-monthly-result\u003e$3,000.00\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rc-allocation\" data-rc-allocation\u003e\n          \u003cp class=\"rc-allocation-title\" data-rc-allocation-title\u003ePayment allocation\u003c\/p\u003e\n          \u003cdiv class=\"rc-allocation-grid\"\u003e\n            \u003cspan class=\"rc-allocation-item\"\u003eLandlord \u003cstrong data-rc-landlord-portion\u003e$3,000.00\u003c\/strong\u003e\u003c\/span\u003e\n            \u003cspan class=\"rc-allocation-item\"\u003eTenant \u003cstrong data-rc-tenant-portion\u003e$0.00\u003c\/strong\u003e\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rc-visually-hidden\" aria-live=\"polite\" aria-atomic=\"true\" data-rc-live\u003eCustom rental commission is $3,000.00.\u003c\/div\u003e\n      \u003c\/section\u003e\n    \u003c\/div\u003e\n\n    \u003csection class=\"rc-section\" aria-labelledby=\"rc-chart-heading\"\u003e\n      \u003ch3 class=\"rc-section-heading\" id=\"rc-chart-heading\"\u003eCommission comparison\u003c\/h3\u003e\n      \u003cp class=\"rc-section-intro\"\u003eThe bars compare the most common rent-based fee conventions with your custom fee.\u003c\/p\u003e\n      \u003cdiv class=\"rc-chart-card\" data-rc-chart-card\u003e\n        \u003cdiv class=\"rc-chart-cluster\"\u003e\n          \u003cdiv class=\"rc-chart-plot\" data-rc-chart-plot\u003e\n            \u003csvg class=\"rc-chart-svg\" data-rc-chart-svg role=\"img\"\u003e\u003c\/svg\u003e\n            \u003cdiv class=\"rc-chart-empty\" data-rc-chart-empty\u003eEnter rent and commission values above to see the comparison.\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"rc-legend\" data-rc-legend aria-label=\"Chart legend\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rc-chart-callout\" data-rc-chart-caption\u003eYour custom fee matches one month of rent.\u003c\/div\u003e\n        \u003cdiv class=\"rc-visually-hidden\" data-rc-chart-summary\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"rc-section\" aria-labelledby=\"rc-table-heading\"\u003e\n      \u003ch3 class=\"rc-section-heading\" id=\"rc-table-heading\"\u003eDetailed comparison\u003c\/h3\u003e\n      \u003cp class=\"rc-section-intro\"\u003eEach row uses the same current rent values as the chart and Excel workbook.\u003c\/p\u003e\n      \u003cdiv class=\"rc-table-card\" data-rc-table-card\u003e\n        \u003cdiv class=\"rc-table-overflow\" data-rc-table-overflow\u003e\n          \u003ctable class=\"rc-table\"\u003e\n            \u003cthead\u003e\n              \u003ctr\u003e\n                \u003cth scope=\"col\"\u003eScenario\u003c\/th\u003e\n                \u003cth scope=\"col\"\u003eAnnual rent rate\u003c\/th\u003e\n                \u003cth scope=\"col\"\u003eMonths of rent\u003c\/th\u003e\n                \u003cth scope=\"col\"\u003eCommission\u003c\/th\u003e\n              \u003c\/tr\u003e\n            \u003c\/thead\u003e\n            \u003ctbody data-rc-table-body\u003e\u003c\/tbody\u003e\n          \u003c\/table\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rc-table-note\" data-rc-table-note\u003eCommission practices and who pays can vary by location, property type, brokerage agreement, and lease terms.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"rc-education\" aria-label=\"Rental commission calculator guide\"\u003e\n      \u003ch2\u003eWhat does this rental commission calculator estimate?\u003c\/h2\u003e\n      \u003cp\u003eThis calculator estimates a leasing or rental brokerage fee from the property's rent. It shows three widely used conventions—one-half month, one month, and one-and-a-half months of rent—alongside a custom commission. The custom fee can be entered either as a percentage of annual rent or as a dollar amount. Both representations stay synchronized so that the economics are easy to compare.\u003c\/p\u003e\n      \u003cp\u003eA rental commission is not the same as rent, a security deposit, property management fees, or the landlord's profit. It is a separate transaction cost for services such as marketing the property, arranging viewings, screening applicants, negotiating lease terms, and bringing a tenant to the closing stage. Whether a broker may charge a particular party, and what disclosures are required, depends on local law and the signed agreement.\u003c\/p\u003e\n\n      \u003ch2\u003eHow should each input be used?\u003c\/h2\u003e\n      \u003ch3\u003eAnnual rent\u003c\/h3\u003e\n      \u003cp\u003eAnnual rent is the contractual rent for a full 12-month period. Enter the gross scheduled rent before subtracting vacancies, concessions, repairs, taxes, or operating expenses. This field is required for percentage-based commissions. A higher annual rent increases every commission in direct proportion. A common mistake is entering the property's value or net operating income instead of the lease rent.\u003c\/p\u003e\n\n      \u003ch3\u003eMonthly rent\u003c\/h3\u003e\n      \u003cp\u003eMonthly rent is the recurring monthly lease charge. You may edit this field instead of annual rent; the calculator multiplies it by 12. The half-month, one-month, and one-and-a-half-month outputs are based directly on this figure. For leases with stepped rent, free months, or irregular billing, use the rent amount specified by the brokerage agreement rather than assuming that every contract uses the same base.\u003c\/p\u003e\n\n      \u003ch3\u003eCustom commission and custom amount\u003c\/h3\u003e\n      \u003cp\u003eThe custom commission is entered as a percentage of annual rent. For example, 8.33% is approximately one month's rent because one month is one-twelfth of a year. The custom amount is the same fee expressed in dollars. Editing either field updates the other. Use the percentage field when the agreement quotes a rate; use the amount field when the contract specifies a fixed fee. Values below zero are rejected because a negative brokerage fee is not meaningful for this calculation.\u003c\/p\u003e\n\n      \u003ch3\u003ePayment arrangement and landlord share\u003c\/h3\u003e\n      \u003cp\u003eThe optional payment arrangement allocates the custom commission between landlord and tenant. It does not alter the total commission. Choose a custom split to enter the landlord's percentage; the tenant receives the remaining share. This allocation is a planning aid only. Confirm the legally permitted payer and the actual obligation in the brokerage and lease documents. Federal fair-housing protections apply to rental activity; HUD provides an overview of \u003ca href=\"https:\/\/www.hud.gov\/helping-americans\/fair-housing-act-overview\" target=\"_blank\" rel=\"noopener noreferrer\"\u003ehousing discrimination under the Fair Housing Act\u003c\/a\u003e.\u003c\/p\u003e\n\n      \u003ch2\u003eHow is the rental commission calculated?\u003c\/h2\u003e\n      \u003cp class=\"rc-formula\"\u003eMonthly rent = Annual rent ÷ 12. Commission = Annual rent × Commission rate. A commission quoted in months equals Monthly rent × Number of months.\u003c\/p\u003e\n      \u003cp\u003eThe standard rows are equivalent to 4.17%, 8.33%, and 12.50% of annual rent, respectively. Internally, the calculator uses full-precision fractions—one twenty-fourth, one twelfth, and one eighth of annual rent—then rounds only the displayed currency. This avoids small discrepancies caused by using rounded percentages as the actual formula.\u003c\/p\u003e\n\n      \u003ch2\u003eHow should the results be interpreted?\u003c\/h2\u003e\n      \u003ch3\u003eCustom commission\u003c\/h3\u003e\n      \u003cp\u003eThe large result is the current custom fee. Its subtitle expresses the same amount as both a percentage of annual rent and a multiple of monthly rent. A zero result means the rent or custom fee is zero. A high fee is not automatically unreasonable; the appropriate level depends on the service scope, market conditions, lease duration, and negotiated terms.\u003c\/p\u003e\n\n      \u003ch3\u003eCommon commission cards\u003c\/h3\u003e\n      \u003cp\u003eThe one-half-month card represents 50% of one monthly payment. The one-month card equals a full monthly payment. The one-and-a-half-month card equals 150% of monthly rent. These cards are benchmarks, not rules. They help a landlord, tenant, or broker understand how a quoted custom fee compares with familiar rent-based conventions.\u003c\/p\u003e\n\n      \u003ch3\u003ePayment allocation\u003c\/h3\u003e\n      \u003cp\u003eThe allocation box divides only the custom commission. When the landlord pays, the landlord portion equals the full fee; when the tenant pays, the tenant portion equals the full fee. A custom split must total 100% across both parties. The fee remains unchanged when the payer changes, which is useful for evaluating contractual responsibility separately from pricing.\u003c\/p\u003e\n\n      \u003ch2\u003eHow do the chart and table support a decision?\u003c\/h2\u003e\n      \u003cp\u003eThe bar chart gives a fast visual comparison. Every colored bar, legend amount, percentage, and table row comes from the same calculation model. The detailed table shows each scenario as a share of annual rent, a number of rent months, and a dollar commission. If the custom bar is above the one-and-a-half-month benchmark, review whether the agreement includes additional services or a longer placement period. If it is below the half-month benchmark, verify whether important services are excluded.\u003c\/p\u003e\n      \u003cp\u003eThe Excel download captures the current state, including rent, the custom fee, payer allocation, and all comparison rows. It can support internal budgeting or deal review, but it is not a substitute for the executed contract. Rental income and commission expenses may have tax consequences; the IRS explains rental income and expenses in \u003ca href=\"https:\/\/www.irs.gov\/forms-pubs\/about-publication-527\" target=\"_blank\" rel=\"noopener noreferrer\"\u003ePublication 527\u003c\/a\u003e and provides additional \u003ca href=\"https:\/\/www.irs.gov\/businesses\/small-businesses-self-employed\/tips-on-rental-real-estate-income-deductions-and-recordkeeping\" target=\"_blank\" rel=\"noopener noreferrer\"\u003erental recordkeeping guidance\u003c\/a\u003e.\u003c\/p\u003e\n\n      \u003ch2\u003eCommon mistakes and practical checks\u003c\/h2\u003e\n      \u003cul\u003e\n        \u003cli\u003eConfirm whether the quoted percentage applies to annual rent, total lease value, or another base.\u003c\/li\u003e\n        \u003cli\u003eDo not treat a security deposit as commission unless the contract explicitly characterizes it that way.\u003c\/li\u003e\n        \u003cli\u003eFor rent-free periods or stepped leases, identify the rent definition used in the brokerage agreement.\u003c\/li\u003e\n        \u003cli\u003eCheck who is legally allowed or contractually required to pay the fee in the property's jurisdiction.\u003c\/li\u003e\n        \u003cli\u003eKeep the signed agreement, invoice, proof of payment, and supporting calculation with the property records.\u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003cp\u003eThis tool provides general educational calculations and does not provide legal, tax, or financial advice.\u003c\/p\u003e\n    \u003c\/section\u003e\n  \u003c\/main\u003e\n\u003c\/div\u003e","brand":"FinancialModelsLab","offers":[{"title":"Default Title","offer_id":49909490090227,"sku":"rental-commission","price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6191\/2762\/files\/rental-commission.webp?v=1783935597","url":"https:\/\/financialmodelslab.com\/products\/rental-commission","provider":"Financial Models Lab","version":"1.0","type":"link"}