: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}.locked-content{filter:blur(5px);opacity:.8;pointer-events:none;transition:filter .5s ease,opacity .5s ease;user-select:none}.gate-overlay{align-items:flex-start;background:transparent;bottom:0;display:flex;justify-content:center;left:0;padding-top:60px;position:absolute;right:0;top:120px;z-index:50}.shadow-gate{background:#fff;border:2px solid var(--ravas-red);border-radius:6px;box-shadow:0 15px 40px rgba(0,0,0,.15);max-width:450px;padding:35px;text-align:center;width:90%}.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-results{background:#fdfdfd;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;box-sizing:border-box;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}.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}.btn-ravas{background:var(--ravas-black);border:none;border-radius:4px;color:#fff;display:inline-block;font-family:inherit;font-size:15px;font-weight:700;padding:12px 25px;text-decoration:none;transition:background .3s}.btn-ravas:hover{background:#333}.btn-ravas-secondary{background:var(--ravas-red)}.btn-ravas-secondary:hover{background:#c20410}.native-form{display:flex;flex-wrap:wrap;gap:10px}#native-email-input{border:1px solid #ccc;border-radius:4px;flex:1;font-size:15px;min-width:200px;padding:12px}#native-email-input:focus{border-color:var(--ravas-red);outline:none}.native-form button{cursor:pointer;white-space:nowrap}@media (max-width:768px){.ravas-roi-container{flex-direction:column}.ravas-roi-inputs{border-bottom:1px solid var(--ravas-border);border-right:none}.native-form{flex-direction:column}}