.zonar-roi{font-family:Roboto,sans-serif;margin:0 auto;max-width:900px;padding:3rem 0}.zonar-roi *,.zonar-roi :after,.zonar-roi :before{box-sizing:border-box}.zonar-roi button:not(.button){background-color:transparent;background-image:none;background-position:0 0;background-repeat:no-repeat;background-size:auto;border:none;border-radius:0;color:inherit;fill:currentColor;font-family:Roboto,sans-serif;font-size:inherit;font-style:normal;font-weight:inherit;line-height:inherit;padding:0;text-decoration:none;text-transform:none}.zonar-roi button:not(.button):active,.zonar-roi button:not(.button):focus,.zonar-roi button:not(.button):hover{background-color:transparent;background-image:none;background-size:auto;border:none;color:inherit}.zonar-roi__wrap{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.zonar-roi__urgency-banner{background:#212121;border-left:5px solid #ffd800;display:flex;flex-direction:column;gap:14px;padding:1rem 1.25rem}.zonar-roi__urgency-left{align-items:flex-start;display:flex;gap:12px}.zonar-roi__urgency-icon{align-items:center;background:#ffd800;border-radius:50%;color:#212121;display:flex;flex-shrink:0;font-size:14px;font-weight:900;height:28px;justify-content:center;margin-top:2px;width:28px}.zonar-roi__urgency-headline{color:#ffd800;font-size:14px;font-weight:700;margin-bottom:4px}.zonar-roi__urgency-sub{color:hsla(0,0%,100%,.7);font-size:12px;font-weight:400;line-height:1.5}.zonar-roi__urgency-sub strong{color:#fff;font-weight:700}.zonar-roi__urgency-sub p{margin:0}.zonar-roi button.zonar-roi__urgency-btn{align-self:flex-start;background:#ffd800;border:none;border-radius:4px;color:#212121;cursor:pointer;font-family:Roboto,sans-serif;font-size:12px;font-weight:700;letter-spacing:.03em;line-height:1.3;padding:10px 18px;text-transform:uppercase;transition:background .15s;white-space:nowrap}.zonar-roi button.zonar-roi__urgency-btn:active,.zonar-roi button.zonar-roi__urgency-btn:focus,.zonar-roi button.zonar-roi__urgency-btn:hover{background:#f0ca00;background-image:none;border:none;color:#212121}.zonar-roi button.zonar-roi__urgency-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}@media (min-width:600px){.zonar-roi__urgency-banner{align-items:center;flex-direction:row;gap:16px;justify-content:space-between;padding:1.1rem 2rem}.zonar-roi__urgency-btn{align-self:center;flex-shrink:0}}.zonar-roi__body{padding:1.5rem 1.25rem}@media (min-width:600px){.zonar-roi__body{padding:1.75rem 2rem}}.zonar-roi__section-label{align-items:center;color:#8400ff;display:flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:.1em;margin-bottom:1rem;text-transform:uppercase}.zonar-roi__section-label:after{background:#f4f4f4;content:"";flex:1;height:1px}.zonar-roi__section-instruction{color:#666;font-size:13px;font-weight:400;line-height:1.5;margin:-.4rem 0 1rem}.zonar-roi__inputs-grid{display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:1.5rem}@media (min-width:600px){.zonar-roi__inputs-grid{gap:1.1rem 2.5rem;grid-template-columns:1fr 1fr}}.zonar-roi__input-row{display:flex;flex-direction:column;gap:6px}.zonar-roi__input-row label{color:#666;font-size:13px;font-weight:500}.zonar-roi__input-inner{align-items:center;display:flex;gap:12px}.zonar-roi__input-inner input[type=range]{accent-color:#005bf8;cursor:pointer;flex:1;height:20px}.zonar-roi__val-badge{color:#005bf8;font-size:13px;font-weight:700;min-width:62px;text-align:right;white-space:nowrap}.zonar-roi__divider{background:#f4f4f4;height:1px;margin:1.4rem 0}.zonar-roi__toggle-group{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1rem}.zonar-roi button.zonar-roi__toggle{background:#fff;background-image:none;border:1.5px solid #e0e0e0;border-radius:20px;color:#666;cursor:pointer;font-family:Roboto,sans-serif;font-size:12px;font-weight:700;letter-spacing:.02em;line-height:1.3;padding:7px 14px;text-transform:none;transition:all .15s}.zonar-roi button.zonar-roi__toggle:hover{background:#fff;background-image:none;border:1.5px solid #005bf8;color:#005bf8}.zonar-roi button.zonar-roi__toggle--active-blue,.zonar-roi button.zonar-roi__toggle--active-blue:active,.zonar-roi button.zonar-roi__toggle--active-blue:focus,.zonar-roi button.zonar-roi__toggle--active-blue:hover{background:rgba(0,91,248,.06);background-image:none;border:1.5px solid #005bf8;color:#005bf8}.zonar-roi button.zonar-roi__toggle--active-purple,.zonar-roi button.zonar-roi__toggle--active-purple:active,.zonar-roi button.zonar-roi__toggle--active-purple:focus,.zonar-roi button.zonar-roi__toggle--active-purple:hover{background:rgba(132,0,255,.06);background-image:none;border:1.5px solid #8400ff;color:#8400ff}.zonar-roi button.zonar-roi__toggle:focus-visible{outline:2px solid #005bf8;outline-offset:2px}.zonar-roi__delta-callout{background:#fff8e1;border:1.5px solid #ffd800;border-radius:6px;display:none;margin-top:.75rem;padding:1rem 1.1rem}.zonar-roi__delta-callout--visible{animation:zonarRoiFadeSlide .3s ease;display:block}@keyframes zonarRoiFadeSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.zonar-roi__delta-callout--visible{animation:none}}.zonar-roi__delta-head{align-items:center;color:#212121;display:flex;flex-wrap:wrap;font-size:13px;font-weight:700;gap:8px;margin-bottom:10px}.zonar-roi__delta-pill{background:#ffd800;border-radius:10px;color:#212121;font-size:10px;font-weight:900;letter-spacing:.05em;padding:2px 9px;text-transform:uppercase}.zonar-roi__delta-grid{display:grid;gap:8px;grid-template-columns:1fr;margin-bottom:10px}@media (min-width:500px){.zonar-roi__delta-grid{grid-template-columns:repeat(3,1fr)}}.zonar-roi__delta-item{background:#fff;border:1px solid #ffe082;border-radius:5px;padding:.75rem .9rem}.zonar-roi__delta-item-label{color:#666;font-size:10px;font-weight:500;letter-spacing:.05em;margin-bottom:5px;text-transform:uppercase}.zonar-roi__delta-item-val{font-size:17px;font-weight:700}.zonar-roi__delta-item-val--up{color:#d32f2f}.zonar-roi__delta-item-val--down{color:#2e7d32}.zonar-roi__delta-note{color:#555;font-size:11px;font-weight:400;line-height:1.5}.zonar-roi__delta-note p{margin:0}.zonar-roi__lease-callout{background:#f4f4f4;border-left:3px solid #ffd800;border-radius:0 6px 6px 0;margin-bottom:1.4rem;padding:10px 14px}.zonar-roi__lease-callout-text{color:#212121;font-size:12px;font-weight:400;line-height:1.5}.zonar-roi__lease-callout-text p{margin:0}.zonar-roi__lease-callout-text strong{font-weight:700}.zonar-roi__table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1.4rem}.zonar-roi table.zonar-roi__table{border-collapse:collapse;font-size:13px;min-width:460px;width:100%}.zonar-roi table.zonar-roi__table,.zonar-roi table.zonar-roi__table tbody td,.zonar-roi table.zonar-roi__table thead th,.zonar-roi table.zonar-roi__table tr{background-color:transparent;border:none}.zonar-roi table.zonar-roi__table thead th{border-bottom:2px solid #f4f4f4;color:#666;font-size:11px;font-weight:700;letter-spacing:.08em;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.zonar-roi table.zonar-roi__table thead th:first-child{padding-left:0}.zonar-roi table.zonar-roi__table thead th:last-child{padding-right:0}.zonar-roi table.zonar-roi__table thead th:not(:first-child){text-align:right}.zonar-roi table.zonar-roi__table thead th.zonar-roi__th-zonar{color:#005bf8}.zonar-roi table.zonar-roi__table tbody td{border-bottom:1px solid #f4f4f4;color:#212121;font-weight:400;padding:14px 16px}.zonar-roi table.zonar-roi__table tbody td:first-child{padding-left:0}.zonar-roi table.zonar-roi__table tbody td:last-child{padding-right:0}.zonar-roi table.zonar-roi__table tbody td:not(:first-child){text-align:right;white-space:nowrap}.zonar-roi table.zonar-roi__table tbody td.zonar-roi__row-cat{color:#666;font-size:12px;padding-right:24px}.zonar-roi table.zonar-roi__table tr.zonar-roi__total td{border-bottom:none;color:#212121;font-size:14px;font-weight:700;padding-bottom:14px;padding-top:18px}.zonar-roi table.zonar-roi__table tr.zonar-roi__total td.zonar-roi__td-zonar{color:#005bf8}.zonar-roi table.zonar-roi__table tr.zonar-roi__total td.zonar-roi__td-manual{color:#666}.zonar-roi__savings-banner{background:#212121;border-radius:6px;display:flex;flex-direction:column;gap:10px;margin-bottom:1.4rem;padding:1rem 1.25rem}@media (min-width:480px){.zonar-roi__savings-banner{align-items:center;flex-direction:row;gap:12px;justify-content:space-between;padding:1.1rem 1.4rem}}.zonar-roi__sb-label{color:#66ae00;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.zonar-roi__sb-note{color:hsla(0,0%,100%,.55);font-size:11px;font-weight:300;margin-top:3px}.zonar-roi__sb-val{color:#66ae00;font-size:28px;font-weight:900;letter-spacing:-.01em;white-space:nowrap}@media (min-width:480px){.zonar-roi__sb-val{font-size:30px}}.zonar-roi__payback-wrap{margin-bottom:1.4rem}.zonar-roi__payback-labels{color:#666;display:flex;flex-wrap:wrap;font-size:12px;font-weight:500;gap:4px;justify-content:space-between;margin-bottom:6px}.zonar-roi__payback-val-label{color:#005bf8;font-weight:700}.zonar-roi__payback-track{background:#f4f4f4;border-radius:3px;height:7px;overflow:hidden}.zonar-roi__payback-fill{background:#005bf8;border-radius:3px;height:100%;transition:width .4s ease}.zonar-roi__metrics-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:1.4rem}@media (min-width:767px){.zonar-roi__metrics-grid{grid-template-columns:repeat(4,1fr)}}.zonar-roi__metric{background:#f4f4f4;border-radius:6px;border-top:3px solid transparent;padding:.9rem 1rem}.zonar-roi__metric--savings{border-top-color:#66ae00}.zonar-roi__metric--hours{border-top-color:#00aeef}.zonar-roi__metric--risk{border-top-color:#d32f2f}.zonar-roi__metric--tests{border-top-color:#8400ff}.zonar-roi__metric-label{color:#666;font-size:11px;font-weight:500;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}.zonar-roi__metric-val{color:#212121;font-size:19px;font-weight:700;line-height:1.1}.zonar-roi__metric--savings .zonar-roi__metric-val{color:#2e7d32}.zonar-roi__metric--risk .zonar-roi__metric-val{color:#d32f2f}.zonar-roi__disclaimer{color:#666;font-size:11px;font-style:italic;font-weight:300;line-height:1.6;margin-bottom:1.4rem}.zonar-roi__disclaimer p{margin:0 0 .5rem}.zonar-roi__disclaimer p:last-child{margin-bottom:0}.zonar-roi__cta-row{align-items:stretch;border-top:1px solid #f4f4f4;display:flex;flex-direction:column;gap:10px;padding-top:.85rem}.zonar-roi__cta-row .button{text-align:center}@media (min-width:600px){.zonar-roi__cta-row{align-items:center;flex-direction:row;gap:12px}.zonar-roi__cta-row .button{flex:0 0 auto}}