/* 商品仕様に合わせた実績セクションの置き換え */
.capabilities {
  margin-top: 27px;
  border: 1px solid #0b529e;
  border-radius: 11px;
  background: radial-gradient(circle at 80% 0, rgba(6, 112, 232, .45), transparent 39%), linear-gradient(110deg, #002552, #002053 55%, #001a43);
  color: #fff;
  padding: 34px;
  display: grid;
  grid-template-columns: 34% 1fr;
  gap: 28px;
  position: relative;
  overflow: hidden;
}

.capabilities::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(130deg, transparent 0 66%, rgba(0, 125, 255, .12));
  pointer-events: none;
}

.capability-heading,
.capability-grid { position: relative; z-index: 1; }

.capability-heading .proof-label {
  position: static;
  font-size: 12px;
  padding: 7px 16px;
}

.capability-heading h2 { font-size: 25px; line-height: 1.45; margin: 16px 0 12px; }
.capability-heading > p:last-child { font-size: 12px; line-height: 1.8; color: #d1e3fb; margin: 0; }

.capability-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.capability-grid article { border: 1px solid rgba(134, 181, 239, .52); border-radius: 10px; padding: 18px 15px; background: rgba(6, 54, 112, .36); }
.capability-grid span { font: 700 13px Inter, sans-serif; color: #00dc6b; }
.capability-grid h3 { font-size: 17px; margin: 12px 0 8px; }
.capability-grid p { font-size: 12px; line-height: 1.75; margin: 0; color: #e2efff; }
.keep { display: inline-block; white-space: nowrap; }

.line-support {
  display: block;
  margin-top: 15px;
  padding: 11px 14px;
  border: 1px solid rgba(152, 211, 255, .64);
  border-radius: 9px;
  background: rgba(0, 61, 142, .37);
  color: #eaf5ff;
  font-size: 11px;
  line-height: 1.55;
  text-align: left;
  transition: background-color .18s, transform .18s;
}

.line-support:hover { background: rgba(0, 111, 214, .45); transform: translateY(-1px); }
.line-support strong { display: block; color: #56e998; font-size: 12px; margin-top: 3px; }
.line-support strong b { font: 700 18px/1 Inter, sans-serif; vertical-align: -1px; margin-left: 3px; }

@media (min-width: 761px) {
  .capabilities { grid-template-columns: minmax(320px, .92fr) minmax(0, 2.08fr); }
  .capability-grid { gap: 14px; }
  .capability-grid article { padding: 18px 16px; }
  .capability-grid p,
  .price-details li,
  .pricing-action p { line-break: strict; overflow-wrap: normal; }
}

@media (max-width: 760px) {
  .capabilities { display: block; padding: 27px 20px; }
  .capability-heading h2 { font-size: 23px; }
  .capability-grid { grid-template-columns: 1fr; margin-top: 19px; }
  .capability-grid article { padding: 16px; }
  .line-support { margin-top: 14px; font-size: 10px; }
}