/* Content Studio landing page — page-specific classes on the suite system.
   External file only: the site CSP discards inline styles.
   (Shares the rs-list bullet style name via its own cs-pains list below.) */

.cs-herobtn { margin: 26px 0 0; }
.cs-note { color: var(--vl-muted); font-size: 14.5px; margin-top: 14px; }
.cs-note a { color: var(--vl-blue); }

.cs-pains { list-style: none; margin: 0 0 18px; padding: 0; }
.cs-pains li {
  position: relative;
  padding-left: 18px;
  margin-bottom: 9px;
  color: var(--vl-ink-2);
  line-height: 1.55;
}
.cs-pains li::before {
  content: "•";
  position: absolute;
  left: 2px;
  color: var(--vl-blue);
  font-weight: 700;
}

.cs-formats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-bottom: 20px;
}
.cs-format {
  background: var(--vl-surface);
  border: 1px solid var(--vl-line);
  border-radius: 14px;
  padding: 20px 22px;
}
.cs-format h3 { margin: 0 0 8px; font-size: 17px; color: var(--vl-ink); }
.cs-format p { margin: 0; color: var(--vl-body); line-height: 1.55; }

.cs-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
.cs-card {
  background: var(--vl-surface);
  border: 1px solid var(--vl-line);
  border-radius: 14px;
  padding: 24px 26px;
}
.cs-card-hot { border-color: var(--vl-blue-line); background: var(--vl-blue-tint); }
.cs-card-tag {
  margin: 0 0 6px;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--vl-blue-dark);
}
.cs-card h3 { margin: 0 0 10px; font-size: 24px; color: var(--vl-ink); letter-spacing: -.01em; }
.cs-card p { color: var(--vl-body); line-height: 1.55; }
.cs-price { font-size: 24px; font-weight: 800; color: var(--vl-ink); margin: 0 0 10px; }
.cs-price span, .cs-per { font-size: 15px; font-weight: 600; color: var(--vl-muted); }

.cs-steps { margin: 0; padding-left: 22px; }
.cs-steps li { margin-bottom: 12px; color: var(--vl-ink-2); line-height: 1.55; }

@media (max-width: 820px) {
  .cs-formats { grid-template-columns: 1fr; }
  .cs-cards { grid-template-columns: 1fr; }
}