/* Preserved original styles: detail */
.detail-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:70px;
  align-items:start
}

.detail-content {
  max-width:780px
}

.detail-content h2 {
  font-size:clamp(34px,4vw,52px);
  line-height:1.08;
  margin:22px 0
}

.detail-content h3 {
  font-size:24px;
  margin:36px 0 16px
}

.detail-content p {
  color:var(--muted);
  margin-bottom:16px
}

.detail-icon {
  width:68px;
  height:68px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:#edf7fc;
  color:var(--blue);
  font-size:30px
}

.detail-list {
  list-style:none;
  display:grid;
  gap:11px
}

.detail-list li {
  padding:13px 16px 13px 42px;
  border:1px solid var(--line);
  border-radius:12px;
  position:relative
}

.detail-list li::before {
  content:"✓";
  position:absolute;
  left:16px;
  color:var(--green);
  font-weight:900
}

.detail-aside {
  position:sticky;
  top:110px;
  background:#07151f;
  color:#fff;
  border-radius:22px;
  padding:30px
}

.detail-aside>span {
  font-size:11px;
  color:var(--green);
  font-weight:800;
  letter-spacing:.14em
}

.detail-aside h3 {
  font-size:27px;
  line-height:1.15;
  margin:12px 0
}

.detail-aside p {
  color:#9eb1ba;
  font-size:14px;
  margin-bottom:24px
}

.aside-phone {
  display:block;
  text-align:center;
  margin-top:18px;
  color:#b9c9d0;
  font-size:13px;
  font-weight:700
}

@media(max-width:980px) {
.detail-grid {
  grid-template-columns:1fr
}
}

@media(max-width:980px) {
.detail-aside {
  position:static
}
}
