/* Siyaram Ads v21: service discovery and vendor partnership sections */
.sa-content-v21 {
  display:block;
  box-sizing:border-box;
  width:100%;
  padding:clamp(42px,5.5vw,76px) clamp(18px,3vw,42px);
  color:#10243e;
  background:linear-gradient(180deg,#f7faff 0%,#fff 100%);
}
.sa-content-v21 * { box-sizing:border-box; }
.sa-content-shell { max-width:1240px; margin:0 auto; }
.sa-content-kicker {
  display:flex; align-items:center; gap:10px;
  margin:0 0 16px;
  color:#526983;
  font-size:11px; font-weight:850;
  letter-spacing:.15em; line-height:1.5;
  text-transform:uppercase;
}
.sa-content-kicker > span {
  display:inline-block; flex:0 0 9px; width:9px; height:9px;
  border-radius:50%; background:#ff8665;
  box-shadow:0 0 0 5px rgba(255,134,101,.12);
}
.sa-content-v21 h2 {
  max-width:900px; margin:0 0 17px;
  color:#0b2039; font-size:clamp(32px,4.2vw,53px);
  line-height:1.08; letter-spacing:-.055em; font-weight:850;
}
.sa-content-v21 h2 span {
  background:linear-gradient(100deg,#20cbd7 0%,#719eff 48%,#c19af4 75%,#ff8e9a 100%);
  color:transparent; background-clip:text; -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
.sa-content-intro {
  max-width:790px; margin:0 0 32px;
  color:#586d83; font-size:clamp(15px,1.4vw,18px); line-height:1.75;
}
.sa-service-grid {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px; align-items:stretch;
}
.sa-service-card,.sa-partner-card {
  min-width:0; display:flex; flex-direction:column;
  padding:clamp(20px,2.1vw,28px);
  border:1px solid #dce6f0; border-radius:20px;
  background:#fff; box-shadow:0 8px 27px rgba(7,26,51,.045);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.sa-service-card:hover,.sa-partner-card:hover {
  transform:translateY(-3px);
  border-color:#91dfe5;
  box-shadow:0 17px 38px rgba(7,26,51,.085);
}
.sa-service-number {
  display:block; margin:0 0 16px;
  color:#079aaa; font-size:10px; line-height:1.5;
  font-weight:850; letter-spacing:.12em;
}
.sa-service-card h3,.sa-partner-card h3 {
  margin:0 0 11px; color:#10243e;
  font-size:clamp(19px,1.8vw,23px);
  line-height:1.25; letter-spacing:-.035em; font-weight:820;
}
.sa-service-card p,.sa-partner-card p {
  margin:0 0 13px; color:#5a6e84;
  font-size:14px; line-height:1.75;
}
.sa-service-card .sa-service-keywords {
  margin-top:auto; padding-top:4px;
  color:#688197; font-size:11px; line-height:1.7;
  font-weight:750;
}
.sa-service-card a,.sa-partner-card a {
  display:inline-flex; align-items:center; justify-content:space-between; gap:12px;
  margin-top:auto; padding-top:15px;
  color:#087e94; font-size:13px; font-weight:850;
  text-decoration:none;
}
.sa-service-card a:hover,.sa-partner-card a:hover { color:#07576d; }
.sa-service-card a span { color:#19baca; font-size:18px; }
.sa-content-cta {
  display:grid; grid-template-columns:minmax(0,1fr) auto;
  align-items:center; gap:26px; margin-top:26px;
  padding:clamp(24px,3vw,38px);
  border:1px solid rgba(255,255,255,.12); border-radius:23px;
  color:#f6f9ff;
  background:
    radial-gradient(ellipse at 100% 0%,rgba(34,203,216,.16),transparent 40%),
    linear-gradient(115deg,#071a33,#0d2c4b 75%,#292947);
  box-shadow:0 20px 50px rgba(7,26,51,.11);
}
.sa-content-kicker-light { color:#cfdfef; }
.sa-content-cta h3 {
  max-width:760px; margin:0 0 10px;
  color:#f7fbff; font-size:clamp(23px,2.6vw,34px);
  line-height:1.15; letter-spacing:-.04em; font-weight:850;
}
.sa-content-cta > div > p:not(.sa-content-kicker) {
  max-width:780px; margin:0; color:#d5e3f2;
  font-size:14px; line-height:1.75;
}
.sa-content-actions {
  display:flex; flex-direction:column; align-items:stretch; gap:10px;
  min-width:190px;
}
.sa-action-primary,.sa-action-secondary {
  display:inline-flex; align-items:center; justify-content:center;
  gap:10px; min-height:44px; padding:12px 16px;
  border-radius:12px; font-size:12px; line-height:1.4;
  font-weight:850; text-align:center; text-decoration:none;
  transition:transform .2s ease,background .2s ease;
}
.sa-action-primary {
  background:linear-gradient(110deg,#ffc76c,#ff8e91);
  color:#10213a;
}
.sa-action-secondary {
  border:1px solid rgba(220,236,250,.26);
  background:rgba(255,255,255,.045); color:#f0f6ff;
}
.sa-action-primary:hover,.sa-action-secondary:hover { transform:translateY(-2px); }
.sa-content-note {
  margin:14px 0 0; color:#718399;
  font-size:11px; line-height:1.7;
}
.sa-partner-grid {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px; margin-top:26px;
}
.sa-partner-card { padding:clamp(23px,3vw,35px); }
.sa-partner-card h3 { font-size:clamp(22px,2.2vw,29px); }
@media(max-width:900px) {
  .sa-service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
  .sa-content-cta { grid-template-columns:minmax(0,1fr); }
  .sa-content-actions { flex-direction:row; flex-wrap:wrap; }
}
@media(max-width:600px) {
  .sa-content-v21 { padding:35px 16px; }
  .sa-service-grid,.sa-partner-grid { grid-template-columns:minmax(0,1fr); gap:13px; }
  .sa-content-v21 h2 { font-size:clamp(31px,9vw,42px); }
  .sa-content-intro { margin-bottom:23px; font-size:15px; }
  .sa-service-card,.sa-partner-card { padding:21px; border-radius:17px; }
  .sa-content-cta { margin-top:17px; padding:22px; border-radius:19px; }
  .sa-content-actions { flex-direction:column; }
}
@media(prefers-reduced-motion:reduce) {
  .sa-service-card,.sa-partner-card,.sa-action-primary,.sa-action-secondary { transition:none; }
}