/* CSS kept same as previous hardened version (icon-friendly, progress dots, etc.) */
#lce { --lce-bg:#191919; --lce-card:#0f0f0f; --lce-text:#fff; --lce-accent:#00d1b2;
       --lce-muted:#b7b7b7; --lce-radius:18px; --lce-shadow:0 10px 30px rgba(0,0,0,.35);
       --lce-speed:.35s; --lce-font:Roboto,system-ui,-apple-system,Segoe UI,Arial,sans-serif; }
#lce { background: var(--lce-bg); color: var(--lce-text); font-family: var(--lce-font);
      padding: clamp(24px,5vw,48px); display:grid; place-items:center; }
#lce .lce__wrap { width:min(860px,100%); position:relative; }

.lce__card { background: var(--lce-card); border-radius: var(--lce-radius); box-shadow: var(--lce-shadow);
  padding: clamp(20px,4vw,40px); display:none; opacity:0; transform: translateY(8px);
  transition: opacity var(--lce-speed) ease, transform var(--lce-speed) ease; }
.lce__card.is-active { display:block; opacity:1; transform: translateY(0); }

.lce__headline { font-size: clamp(24px,3vw,34px); line-height:1.15; margin:0 0 .5rem; }
.lce__sub { color: var(--lce-muted); margin:0 0 1.2rem; font-size: clamp(14px,1.6vw,18px); }
.lce__row { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:16px; flex-wrap:wrap; }

.lce__btn { border:0; background: var(--lce-accent); color:#00110e; font-weight:600; padding:12px 16px;
  border-radius:999px; cursor:pointer; transition: filter .12s ease; display:inline-flex; align-items:center; gap:8px;}
.lce__btn:hover { filter:brightness(1.05); }
.lce__ghost { background:transparent; color:var(--lce-text); border:1px solid #2a2a2a; }

.lce__choices { display:grid; gap:12px; margin-top:10px; }
.lce__choice { appearance:none; border:1px solid transparent; background:#151515; color:var(--lce-text);
  border-radius:14px; padding:14px 16px; font-size:16px; text-align:left; cursor:pointer;
  transition:transform .12s ease, border-color .12s ease, background .12s ease; display:flex; align-items:center; gap:10px;}
.lce__choice:hover, .lce__choice:focus { border-color: var(--lce-accent); outline:none; transform:translateY(-1px);}
.lce__choice.is-selected { border-color: var(--lce-accent); background:#111; }

.lce__icon { width:18px; height:18px; display:inline-block; }

.lce__progress { display:flex; gap:6px; align-items:center; }
.lce__dot { width:8px; height:8px; border-radius:50%; background:#3a3a3a; transition: background .2s ease, transform .2s ease;}
.lce__dot.is-active { background: var(--lce-accent); transform: scale(1.2); }

.lce__slider { display:grid; grid-template-columns:1fr auto; gap:10px; align-items:center; }
.lce__slider input[type="range"] { width:100%; }
.lce__slider output { min-width:42px; text-align:right; color:var(--lce-accent); font-weight:600; }

.lce__grid2 { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.lce__grid2 input[type="text"], .lce__grid2 input[type="email"], .lce__grid2 input[type="tel"] {
  width:100%; padding:12px 14px; border-radius:12px; border:1px solid #2a2a2a; background:#121212; color:var(--lce-text);
}

.lce__fact { margin-top:10px; font-size:14px; color:var(--lce-muted); border-left:3px solid var(--lce-accent); padding-left:10px; }
.lce__tip { margin-top:10px; font-size:15px; color:var(--lce-accent); }

.lce__check { display:block; margin:.25rem 0; }

.lce__ptt-qty { margin:6px 0 0 28px; }

.lce__loading { margin-top:14px; }
.lce__bar { background:#2a2a2a; border-radius:999px; height:8px; width:100%; overflow:hidden; }
.lce__bar span { display:block; height:100%; width:0%; background:var(--lce-accent); animation: lceBar 1.6s ease-in-out infinite; }
@keyframes lceBar { 0%{width:0%} 50%{width:80%} 100%{width:0%} }

.lce__estimate .lce__range { font-size: clamp(22px,2.2vw,28px); margin:.5rem 0 1rem; }
.lce__cta { display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; }
.lce__cases { margin-top:18px; }
.lce__cases h4 { margin:.25rem 0 .5rem; }

@media (max-width:700px){
  .lce__grid2 { grid-template-columns:1fr; }
}
#lce .lce__hint {
  margin-top: 10px;
  font-size: 14px;
  color: #ffcc00; /* o var(--lce-accent) se preferisci */
}
#lce .lce__hint{ margin-top:10px; font-size:14px; color:#ffcc00; }
#q1-title {
  color:#fff;
}
#q2-title {
  color:#fff;
}
#q3-title {
  color:#fff;
}
#q4-title {
  color:#fff;
}
#q5-title {
  color:#fff;
}
#q6-title {
  color:#fff;
}
#q8-title {
  color:#fff;
}
#q9-title {
  color:#fff;
}
#q10-title {
  color:#fff;
}