/* SpineScan About — canonical section-owned presentation. */

[data-ss-block=about] .ss-about-home {
  background:
    radial-gradient(circle at 88% 8%, rgba(32, 174, 232, .13), transparent 30%),
    radial-gradient(circle at 8% 92%, rgba(139, 58, 150, .08), transparent 32%),
    linear-gradient(180deg, #f2fbfe 0%, #eaf7fb 100%);
}

[data-ss-block=about] .ss-about-home .ss-about-home-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
  gap: 22px;
  align-items: stretch;
  isolation: isolate;
}

[data-ss-block=about] .ss-about-home .ss-about-home-grid::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 46%;
  right: 30%;
  left: 58%;
  height: 3px;
  border-radius: 999px;
  background:
    linear-gradient(90deg, rgba(32, 174, 232, 0), rgba(32, 174, 232, .76), rgba(139, 58, 150, .56), rgba(139, 58, 150, 0)),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 0 16px, rgba(255, 255, 255, .58) 16px 18px, rgba(255, 255, 255, 0) 18px 30px);
  box-shadow: 0 0 22px rgba(32, 174, 232, .24);
  pointer-events: none;
}

[data-ss-block=about] .ss-about-home .ss-about-home-grid::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: calc(46% - 5px);
  right: 30%;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #20aee8;
  box-shadow: 0 0 0 6px rgba(32, 174, 232, .12), 0 0 22px rgba(32, 174, 232, .38);
  pointer-events: none;
}

[data-ss-block=about] .ss-about-home .ss-about-home-copy,
[data-ss-block=about] .ss-about-home .ss-about-home-panel {
  position: relative;
  z-index: 1;
}

[data-ss-block=about] .ss-about-home .ss-about-home-copy { max-width: 760px; }
[data-ss-block=about] .ss-about-home .ss-about-home-copy h2 { color: #101820; }
[data-ss-block=about] .ss-about-home .ss-about-home-copy p { color: #46545f; }

[data-ss-block=about] .ss-about-home .ss-about-home-copy .ss-btn-secondary {
  border-color: rgba(32, 174, 232, .35);
  color: #101820;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 12px 28px rgba(6, 18, 30, .08);
}

[data-ss-block=about] .ss-about-home .ss-about-home-copy .ss-btn-secondary:hover,
[data-ss-block=about] .ss-about-home .ss-about-home-copy .ss-btn-secondary:focus {
  border-color: #20aee8;
  color: #fff;
  background: #20aee8;
}

[data-ss-block=about] .ss-about-home .ss-about-actions { margin-top: 24px; }

[data-ss-block=about] .ss-about-home .ss-about-home-panel {
  overflow: hidden;
  padding: 28px 28px 24px;
  border: 1px solid rgba(32, 174, 232, .18);
  border-radius: 8px;
  background:
    radial-gradient(circle at 88% 8%, rgba(32, 174, 232, .17), transparent 34%),
    radial-gradient(circle at 6% 96%, rgba(139, 58, 150, .12), transparent 34%),
    rgba(255, 255, 255, .82);
  box-shadow: 0 18px 46px rgba(6, 18, 30, .08);
}

[data-ss-block=about] .ss-about-home .ss-about-home-panel::before {
  content: "";
  position: absolute;
  inset: 18px auto 18px 0;
  width: 3px;
  border-radius: 999px;
  opacity: .72;
  background: linear-gradient(180deg, #20aee8, #8b3a96);
}

[data-ss-block=about] .ss-about-home .ss-about-home-panel::after {
  content: "";
  position: absolute;
  z-index: 0;
  right: 2px;
  bottom: 44px;
  width: 240px;
  height: 235px;
  opacity: .88;
  background:
    radial-gradient(circle at 20% 24%, rgba(32, 174, 232, 1) 0 5px, rgba(32, 174, 232, .30) 6px 13px, transparent 14px),
    radial-gradient(circle at 54% 14%, rgba(32, 174, 232, .90) 0 4px, rgba(32, 174, 232, .24) 5px 12px, transparent 13px),
    radial-gradient(circle at 78% 32%, rgba(139, 58, 150, .98) 0 5px, rgba(139, 58, 150, .26) 6px 13px, transparent 14px),
    radial-gradient(circle at 38% 48%, rgba(32, 174, 232, .92) 0 6px, rgba(32, 174, 232, .28) 7px 15px, transparent 16px),
    radial-gradient(circle at 72% 62%, rgba(139, 58, 150, 1) 0 5px, rgba(139, 58, 150, .26) 6px 14px, transparent 15px),
    radial-gradient(circle at 24% 78%, rgba(32, 174, 232, .84) 0 4px, rgba(32, 174, 232, .22) 5px 12px, transparent 13px),
    radial-gradient(circle at 86% 84%, rgba(32, 174, 232, .78) 0 4px, rgba(32, 174, 232, .20) 5px 12px, transparent 13px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='235' viewBox='0 0 240 235'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M38 62 L116 32 L190 78 L82 116 L176 146 L58 188 L208 198' stroke='%2320aee8' stroke-opacity='.72' stroke-width='3.2'/%3E%3Cpath d='M38 62 L82 116 L58 188' stroke='%238b3a96' stroke-opacity='.66' stroke-width='3'/%3E%3Cpath d='M116 32 L82 116 L176 146 L190 78' stroke='%2320aee8' stroke-opacity='.52' stroke-width='2.4'/%3E%3C/g%3E%3C/svg%3E"),
    radial-gradient(circle at 58% 52%, rgba(32, 174, 232, .20), transparent 58%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  animation: ssAboutNeuronPulse 5.5s ease-in-out infinite;
  pointer-events: none;
}

[data-ss-block=about] .ss-about-home .ss-care-intro {
  max-width: 275px;
  margin: 10px 0 0;
  color: #52616d;
  font-size: .95rem;
  line-height: 1.55;
}

[data-ss-block=about] .ss-about-home .ss-about-home-panel .ss-card-label {
  color: #101820;
  font-weight: 800;
  letter-spacing: .04em;
}

[data-ss-block=about] .ss-about-home .ss-about-home-panel .ss-card-label,
[data-ss-block=about] .ss-about-home .ss-about-home-panel .ss-care-intro,
[data-ss-block=about] .ss-about-home .ss-about-home-panel ul { position: relative; z-index: 1; }

[data-ss-block=about] .ss-about-home .ss-about-home-panel ul {
  display: grid;
  gap: 10px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

[data-ss-block=about] .ss-about-home .ss-about-home-panel li {
  position: relative;
  padding-left: 22px;
  color: #26323b;
}

[data-ss-block=about] .ss-about-home .ss-about-home-panel li::before {
  content: "";
  position: absolute;
  top: .7em;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #20aee8;
  box-shadow: 0 0 0 4px rgba(32, 174, 232, .12);
}

@keyframes ssAboutNeuronPulse {
  0%, 100% { opacity: .72; filter: drop-shadow(0 0 8px rgba(32, 174, 232, .26)); transform: scale(1); }
  50% { opacity: 1; filter: drop-shadow(0 0 18px rgba(32, 174, 232, .44)); transform: scale(1.045); }
}

[data-ss-block=about] .ss-about-home.ss-spacing-compact { padding-top: 42px; padding-bottom: 42px; }
[data-ss-block=about] .ss-about-home.ss-spacing-spacious { padding-top: 76px; padding-bottom: 76px; }
[data-ss-block=about] .ss-about-home.ss-background-white { background: #fff; }
[data-ss-block=about] .ss-about-home.ss-background-light { background: #eaf7fb; }

@media (max-width: 820px) {
  [data-ss-block=about] .ss-about-home .ss-about-home-grid { grid-template-columns: 1fr; }
  [data-ss-block=about] .ss-about-home .ss-about-home-grid::before,
  [data-ss-block=about] .ss-about-home .ss-about-home-grid::after { display: none; }
  [data-ss-block=about] .ss-about-home .ss-about-home-panel { padding: 22px; }
  [data-ss-block=about] .ss-about-home .ss-care-intro { max-width: none; }
  [data-ss-block=about] .ss-about-home .ss-about-home-panel::after { right: 6px; bottom: 16px; width: 150px; height: 158px; opacity: .52; }
}

@media (max-width: 640px) {
  [data-ss-block=about] .ss-about-home.ss-spacing-compact,
  [data-ss-block=about] .ss-about-home.ss-spacing-spacious { padding-top: 42px; padding-bottom: 42px; }
}

@media (prefers-reduced-motion: reduce) {
  [data-ss-block=about] .ss-about-home .ss-about-home-panel::after { animation: none; }
}

@container (max-width: 820px) {
  [data-ss-block=about] .ss-about-home .ss-about-home-grid { grid-template-columns: 1fr; }
  [data-ss-block=about] .ss-about-home .ss-about-home-grid::before,
  [data-ss-block=about] .ss-about-home .ss-about-home-grid::after { display: none; }
  [data-ss-block=about] .ss-about-home .ss-care-intro { max-width: none; }
}