.qg-aq{
  position:relative;
  width:100%;
  max-width:760px;
  margin:0 auto;
  padding:28px;
  background:#fff;
  border:1px solid #dce7f3;
  border-radius:24px;
  box-shadow:0 28px 70px rgba(7,26,54,.13);
  overflow:hidden;
  box-sizing:border-box
}
.qg-aq:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,#2979ff,#42cfff)
}
.qg-aq *{box-sizing:border-box}
.qg-aq__topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-bottom:18px;
  border-bottom:1px solid #e7eef7
}
.qg-aq__brand{display:flex;align-items:center;gap:12px;min-width:0}
.qg-aq__brand strong,.qg-aq__brand small{display:block}
.qg-aq__brand strong{color:#071a36;font-size:18px}
.qg-aq__brand small{margin-top:3px;color:#667a96;font-size:11px}
.qg-aq__orb{
  flex:0 0 46px;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  font-weight:800;
  background:linear-gradient(145deg,#0d4389,#2979ff);
  box-shadow:0 8px 22px rgba(41,121,255,.22)
}
.qg-aq__live{
  display:flex;
  align-items:center;
  gap:7px;
  white-space:nowrap;
  color:#526a87;
  font-size:11px;
  font-weight:700
}
.qg-aq__live i{
  width:8px;height:8px;border-radius:50%;
  background:#28c76f;
  box-shadow:0 0 0 5px rgba(40,199,111,.10)
}
.qg-aq__scenario-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin:17px 0 4px
}
.qg-aq__scenario-count{
  color:#2979ff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase
}
.qg-aq__capability{
  padding:6px 9px;
  border-radius:999px;
  background:#f3f8ff;
  border:1px solid #d6e6fb;
  color:#526a87;
  font-size:10px;
  font-weight:700
}
.qg-aq__conversation{padding:8px 0 4px}
.qg-aq__label{
  margin:10px 0 7px;
  color:#7b8ea8;
  font-size:10px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase
}
.qg-aq__message{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:14px;
  border-radius:15px
}
.qg-aq__question{
  min-height:82px;
  background:#f5f8fc;
  border:1px solid #e2eaf4
}
.qg-aq__answer{
  min-height:126px;
  background:linear-gradient(145deg,#eff8ff,#f4feff);
  border:1px solid #d4e9fb
}
.qg-aq__message p{
  flex:1;
  min-width:0;
  margin:0;
  color:#203954;
  font-size:14px;
  line-height:1.58
}
.qg-aq__person{
  flex:0 0 30px;
  width:30px;height:30px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#dce8f6;
  color:#24415f;
  font-size:11px;font-weight:800
}
.qg-aq__person--quantum{background:#2979ff;color:#fff}
.qg-aq__thinking{
  display:flex;
  visibility:hidden;
  align-items:center;
  gap:5px;
  height:34px;
  padding:8px 4px;
  color:#7b8ea8
}
.qg-aq__thinking.is-visible{visibility:visible}
.qg-aq__thinking span{
  width:6px;height:6px;border-radius:50%;
  background:#42a5ff;
  animation:qg-aq-dot 1.05s infinite ease-in-out
}
.qg-aq__thinking span:nth-child(2){animation-delay:.15s}
.qg-aq__thinking span:nth-child(3){animation-delay:.3s}
.qg-aq__thinking em{margin-left:5px;font-size:11px;font-style:normal}
@keyframes qg-aq-dot{
  0%,80%,100%{opacity:.25;transform:translateY(0)}
  40%{opacity:1;transform:translateY(-3px)}
}
.qg-aq__services{
  min-height:112px;
  margin-top:10px;
  padding:15px 16px;
  background:#f8fbff;
  border:1px solid #e3edf8;
  border-radius:14px
}
.qg-aq__services-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:11px
}
.qg-aq__services-title span{
  color:#071a36;
  font-size:12px;
  font-weight:800
}
.qg-aq__services-title small{
  color:#8a9bb0;
  font-size:9px
}
.qg-aq__service-list{display:flex;flex-wrap:wrap;gap:7px}
.qg-aq__service-list span{
  padding:7px 10px;
  border-radius:999px;
  background:#fff;
  border:1px solid #dce7f3;
  color:#35516f;
  font-size:10px;
  font-weight:700
}
.qg-aq__prompt-title{
  margin:18px 0 9px;
  color:#667a96;
  font-size:11px;
  font-weight:700
}
.qg-aq__chips{display:flex;flex-wrap:wrap;gap:7px}
.qg-aq__chips button{
  appearance:none;
  min-height:34px;
  padding:7px 10px;
  border:1px solid #dce7f3;
  border-radius:999px;
  background:#fff;
  color:#526a87;
  font:inherit;
  font-size:10px;
  cursor:pointer;
  transition:.2s ease
}
.qg-aq__chips button:hover,
.qg-aq__chips button:focus-visible,
.qg-aq__chips button.is-active{
  border-color:#2979ff;
  color:#2979ff;
  background:#f3f8ff;
  outline:none
}
.qg-aq__footer{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:12px;
  margin-top:17px
}
.qg-aq__footer>span{
  color:#8a9bb0;
  font-size:9px;
  white-space:nowrap
}
.qg-aq__progress{
  height:3px;
  overflow:hidden;
  border-radius:999px;
  background:#e8eef6
}
.qg-aq__progress i{
  display:block;
  width:10%;
  height:100%;
  border-radius:999px;
  background:#2979ff;
  transition:width .35s ease
}
@media(max-width:650px){
  .qg-aq{padding:19px;border-radius:18px}
  .qg-aq__topbar{align-items:flex-start}
  .qg-aq__live{display:none}
  .qg-aq__scenario-meta{align-items:flex-start}
  .qg-aq__capability{max-width:70%;white-space:normal;text-align:right}
  .qg-aq__question{min-height:92px}
  .qg-aq__answer{min-height:158px}
  .qg-aq__services{min-height:145px}
  .qg-aq__services-title{align-items:flex-start}
  .qg-aq__services-title small{display:none}
  .qg-aq__footer{grid-template-columns:1fr}
  .qg-aq__footer>span{white-space:normal}
}
@media(prefers-reduced-motion:reduce){
  .qg-aq__thinking span{animation:none}
  .qg-aq__progress i{transition:none}
}