/* layout for site 25 — Web collab, browser chips, sky palette */
:root {
  --wps-brand: #0369a1;
  --wps-accent: #38bdf8;
  --wps-bg: #f0f9ff;
  --wps-bg2: #e0f2fe;
  --wps-radius: 24px;
  --section-pad-y: 92px;
}
body.wps-l25 { background: #f0f9ff; }
body.wps-l25 .sgim-advantages,
body.wps-l25 .sgim-carousel,
body.wps-l25 .sgim-faq,
body.wps-l25 .sgim-features,
body.wps-l25 #features { padding-block: var(--section-pad-y) !important; }
body.wps-l25 .btn-primary, body.wps-l25 .sgim-btn--primary {
  background: linear-gradient(135deg, #0369a1, #38bdf8) !important;
  border-radius: 14px !important;
}
body.wps-l25 .sgim-carousel__highlight { color: #0369a1 !important; }
body.wps-l25 .sgim-browser-chips {
  display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;
  margin: 16px 0 8px;
}
body.wps-l25 .sgim-browser-chip {
  padding: 6px 16px; border-radius: 999px; font-size: 13px; font-weight: 600;
  background: #fff; border: 1px solid #0369a133; color: #0369a1;
}
body.wps-l25 .sgim-advantage-card {
  border-radius: var(--wps-radius) !important;
  border: 1px solid #bae6fd;
}
body.wps-l25 .sgim-advantages__grid { grid-template-columns: repeat(3, 1fr) !important; gap: 18px !important; }
@media (max-width: 900px) {
  body.wps-l25 .sgim-advantages__grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 560px) {
  body.wps-l25 .sgim-advantages__grid { grid-template-columns: 1fr !important; }
}