.yit-dark{background:rgba(12,16,18,.75);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px);border-radius:18px;padding:18px}
.yit-roi-header h3{margin:0 0 12px;font-size:20px;color:var(--yit-accent,#eaff9d)}
.yit-roi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:12px}
.yit-roi-grid label{display:flex;flex-direction:column;font-weight:600;font-size:13px;color:#d1d5db}
.yit-roi-grid input{margin-top:6px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;font-size:14px;background:rgba(0,0,0,.35);color:#e5e7eb;outline:none}
.yit-roi-grid input:focus{border-color:#c5ff5b}

.yit-roi-cta{display:flex;gap:10px;margin:12px 0 14px}
.yit-btn{background-image:var(--yit-gradient,linear-gradient(90deg,#c5ff5b,#00ff7f));color:#0a0f0c;border:none;border-radius:var(--yit-radius,14px);padding:12px 16px;font-weight:800;cursor:pointer;transition:transform .08s ease}
.yit-btn:hover{transform:translateY(-2px)}
.yit-btn.ghost{background:transparent;color:#e5e7eb;border:1px solid rgba(255,255,255,.16)}

.yit-roi-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.yit-card{background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:12px;color:#e5e7eb}
.yit-kpi-label{font-size:12px;color:#9ca3af;margin-bottom:4px}
.yit-kpi{font-size:20px;font-weight:900;color:#f3f4f6}
.yit-breakdown{margin-top:10px;color:#cbd5e1}
.yit-breakdown h4{margin:12px 0 6px;color:#eaff9d}
.yit-breakdown ul{margin:0 0 0 18px}