/* Улучшенная подача страницы приложения «Супервайзер». */
.product-hero {
  padding:clamp(48px,6.5vw,82px) 0 clamp(46px,5vw,64px);
}

.product-hero .lead {
  max-width:570px;
  font-size:1.1rem;
  line-height:1.55;
}

.product-summary {
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,#f5f8ff 0%,#edf3ff 100%);
}

.product-summary::after {
  content:"";
  position:absolute;
  right:-30px;
  bottom:-42px;
  width:148px;
  height:148px;
  border:24px solid rgba(49,87,201,.08);
  border-radius:50%;
}

.product-summary > * { position:relative; z-index:1; }

.supervisor-summary-note {
  margin:18px 0 0;
  color:#526b9c;
  font-size:.82rem;
  line-height:1.4;
}

.supervisor-summary-note b {
  color:var(--blue);
  font-weight:850;
}

.product-purpose {
  margin-bottom:28px;
}

.product-purpose li {
  margin:0;
  font-size:1.1rem;
  line-height:1.62;
}

.product-article .mw-parser-output > h2 {
  margin:0 0 20px;
  font-size:clamp(1.75rem,2.6vw,2.35rem);
}

.supervisor-platforms {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:0 0 28px;
}

.supervisor-platform {
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:13px;
  align-items:center;
  min-height:88px;
  padding:17px;
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(145deg,#fff,#f5f8ff);
  color:var(--ink)!important;
  text-decoration:none!important;
  box-shadow:0 8px 20px rgba(33,56,104,.05);
  transition:transform .18s,box-shadow .18s,border-color .18s;
}

.supervisor-platform:hover {
  color:var(--ink)!important;
  border-color:#aebff5;
  box-shadow:0 14px 28px rgba(41,75,233,.12);
  transform:translateY(-2px);
}

.supervisor-platform__icon {
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:12px;
  background:#e4ecff;
  color:var(--blue);
  font-size:1.1rem;
  font-weight:900;
}

.supervisor-platform__icon--ios { background:#eef0f6; color:#293852; }
.supervisor-platform strong,.supervisor-platform small { display:block; }
.supervisor-platform strong { font-size:1rem; }
.supervisor-platform small { margin-top:3px; color:var(--muted); font-size:.8rem; }
.supervisor-platform b { color:var(--blue); font-size:.78rem; white-space:nowrap; }

.workflow-features {
  padding:28px;
}

.workflow-features__heading { margin-bottom:18px; }
.workflow-features__heading h3 { font-size:1.7rem; }
.workflow-substep { min-height:76px; }

.workflow-substep--recommended {
  border-color:var(--blue);
  background:linear-gradient(135deg,#f4f7ff,#fff);
  box-shadow:0 10px 24px rgba(41,75,233,.11);
}

.workflow-substep__label {
  display:block;
  margin-bottom:4px;
  color:var(--blue);
  font-size:.62rem;
  font-style:normal;
  font-weight:900;
  letter-spacing:.1em;
}

@media(max-width:700px) {
  .supervisor-platforms { grid-template-columns:1fr; }
  .product-hero { padding-top:44px; }
  .workflow-features { padding:22px; }
}