:root{--ravas-red:#e30613;--ravas-black:#000;--ravas-dark-grey:#333;--ravas-light-grey:#f4f4f4;--ravas-border:#ddd}.ravas-roi-wrapper{background:#fff;border:1px solid var(--ravas-border);border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.05);font-family:Roboto,Helvetica,Arial,sans-serif;margin:40px auto;max-width:1000px;overflow:hidden}.ravas-roi-header{background:var(--ravas-black);border-bottom:4px solid var(--ravas-red);color:#fff;padding:30px;text-align:center}.ravas-roi-header h2{color:#fff;font-size:28px;margin:0 0 10px}.ravas-roi-container{display:flex;flex-wrap:wrap}.ravas-roi-inputs{background:#fff;border-right:1px solid var(--ravas-border);flex:1;min-width:300px;padding:30px}.ravas-roi-inputs h3,.ravas-roi-results h3{border-bottom:1px solid var(--ravas-border);color:var(--ravas-red);font-size:18px;font-weight:700;margin-bottom:25px;padding-bottom:10px;text-transform:uppercase}.input-group{margin-bottom:20px}.input-group label{color:var(--ravas-dark-grey);display:block;font-size:14px;font-weight:600;margin-bottom:5px}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px 12px;transition:border-color .3s;width:100%}.input-wrapper input:focus{border-color:var(--ravas-red);outline:none}.input-wrapper .unit{color:#888;font-size:14px;position:absolute;right:10px}.input-wrapper .currency{color:#888;font-size:16px;left:10px;position:absolute}.input-wrapper .currency+input{padding-left:30px}.highlight-input{background:var(--ravas-light-grey);border-left:3px solid var(--ravas-red);border-radius:4px;padding:15px}.ravas-roi-results{background:#fdfdfd;flex:1;min-width:300px;padding:30px}.result-block{background:#fff;border:1px solid var(--ravas-border);border-radius:4px;margin-bottom:25px;padding:15px}.result-block h4{align-items:center;color:var(--ravas-dark-grey);display:flex;font-size:16px;gap:10px;margin-top:0}.result-row{border-bottom:1px solid #eee;color:#555;display:flex;font-size:14px;justify-content:space-between;padding:5px 0}.result-row.total{border-bottom:none;border-top:1px solid #ddd;color:var(--ravas-black);font-size:16px;font-weight:700;margin-top:5px;padding-top:10px}.val.highlight{color:var(--ravas-red);font-weight:700}.roi-highlight{background:var(--ravas-red);border:none;color:#fff}.roi-highlight h4{color:#fff}.roi-grid{display:flex;gap:10px;margin-top:10px}.roi-item{background:hsla(0,0%,100%,.1);border-radius:4px;flex:1;padding:10px;text-align:center}.roi-val{display:block;font-size:24px;font-weight:700}.roi-label{font-size:12px;opacity:.9;text-transform:uppercase}.ravas-cta{margin-top:20px;text-align:center}.btn-ravas{background:var(--ravas-black);border-radius:4px;color:#fff;display:inline-block;font-weight:700;padding:12px 25px;text-decoration:none;transition:background .3s}.btn-ravas:hover{background:#333}@media (max-width:768px){.ravas-roi-container{flex-direction:column}.ravas-roi-inputs{border-bottom:1px solid var(--ravas-border);border-right:none}}