.design-result-card {
  display: grid;
  gap: 1.5rem;
  align-items: center;
  padding: clamp(1.2rem, 3vw, 2rem);
  border-radius: 1.5rem;
  background: linear-gradient(135deg, #07111f, #10243d);
  color: #fff;
  box-shadow: 0 20px 50px rgba(0,0,0,.25);
}

@media (min-width: 768px) {
  .design-result-card {
    grid-template-columns: 160px 1fr;
  }
}

.design-score-circle {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  display: grid;
  place-content: center;
  margin-inline: auto;
  background: radial-gradient(circle, #1e90ff, #07111f);
  box-shadow: 0 0 35px rgba(30,144,255,.45);
}

.design-score-circle span {
  font-size: 2.5rem;
  font-weight: 800;
}

.design-score-circle small {
  text-align: center;
  opacity: .8;
}

.design-badge {
  display: inline-block;
  margin-bottom: .5rem;
  padding: .35rem .75rem;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  font-size: .85rem;
}

.design-result-content h3 {
  margin: 0 0 1rem;
  font-size: clamp(1.4rem, 3vw, 2rem);
}

.design-check-list,
.design-recommendations ul {
  padding-left: 1.2rem;
}

.design-check-list li,
.design-recommendations li {
  margin-bottom: .5rem;
}

.design-good {
  padding: 1rem;
  border-radius: 1rem;
  background: rgba(46, 204, 113, .15);
}

.design-form{
  display:flex;
  gap:1rem;
  flex-wrap:wrap;
  margin-top:1.5rem;
}

.design-form input{
  flex:1;
  min-width:260px;
  padding:1rem;
  border:none;
  border-radius:1rem;
  font-size:1rem;
}

.design-form button{
  border:none;
  cursor:pointer;
}


.design-cta-result{
  display:inline-flex;
  margin-top:1.2rem;
}

.design-business-impact{
  margin-top:1rem;
  padding:1rem;
  border-left:4px solid #29d8ff;
  background:rgba(255,255,255,.05);
  border-radius:.8rem;
  line-height:1.6;
}

.design-tech-detected{
  margin-top:1.4rem;
  padding:1rem;
  border-radius:1rem;
  background:rgba(255,255,255,.05);
}

.design-tech-detected h4{
  margin:0 0 .9rem;
  font-size:1rem;
  color:#fff;
}

.design-tech-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));
  gap:.7rem;
}

.design-tech-grid span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:.55rem .75rem;
  border-radius:999px;
  font-size:.88rem;
  font-weight:600;
  line-height:1.2;
  text-align:center;
}

.tech-ok{
  background:rgba(45, 255, 190, .14);
  color:#dffff6;
  border:1px solid rgba(45, 255, 190, .3);
}

.tech-missing{
  background:rgba(255, 190, 80, .14);
  color:#fff4dc;
  border:1px solid rgba(255, 190, 80, .3);
}

.design-check-list small{
  display:block;
  margin-top:.25rem;
  opacity:.82;
  font-size:.85rem;
  line-height:1.5;
}

.design-opportunity{
  margin-top:1rem;
  padding:1rem;
  border-left:4px solid #29d8ff;
  background:rgba(41,216,255,.08);
  border-radius:.8rem;
  line-height:1.6;
}