/* Campino on-page SEO scope cards — v72 */
.onpage #scope .scope-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:20px !important;
  align-items:stretch !important;
}
.onpage #scope .scope-card,
.onpage #scope .scope-card:nth-child(even){
  position:relative !important;
  isolation:isolate;
  display:flex !important;
  flex-direction:column !important;
  min-height:238px !important;
  padding:26px !important;
  overflow:hidden;
  color:#27222d !important;
  background:linear-gradient(145deg,#fff 0%,#fdfbf8 100%) !important;
  border:1px solid #e7ded6 !important;
  border-radius:22px !important;
  box-shadow:0 12px 34px rgba(36,30,47,.06) !important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.onpage #scope .scope-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg,#d79542,#efbf7d);
}
.onpage #scope .scope-card::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:150px;
  height:150px;
  top:-86px;
  left:-65px;
  border-radius:50%;
  background:rgba(215,149,66,.08);
}
.onpage #scope .scope-card:hover{
  transform:translateY(-5px);
  border-color:rgba(215,149,66,.55) !important;
  box-shadow:0 20px 45px rgba(36,30,47,.11) !important;
}
.onpage #scope .scope-icon{
  display:grid !important;
  place-items:center !important;
  width:50px !important;
  height:50px !important;
  flex:0 0 50px !important;
  margin:0 0 22px !important;
  color:#d79542 !important;
  background:#241e2f !important;
  border:1px solid rgba(215,149,66,.24);
  border-radius:15px !important;
  box-shadow:0 8px 18px rgba(36,30,47,.14);
  font-size:0 !important;
}
.onpage #scope .scope-icon svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.onpage #scope .scope-card h3{
  margin:0 0 10px !important;
  color:#241e2f !important;
  font-size:20px !important;
  font-weight:850 !important;
  line-height:1.55 !important;
}
.onpage #scope .scope-card p,
.onpage #scope .scope-card:nth-child(even) p{
  margin:0 !important;
  color:#625b68 !important;
  font-size:14px !important;
  font-weight:500 !important;
  line-height:2 !important;
}
@media(max-width:980px){
  .onpage #scope .scope-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media(max-width:620px){
  .onpage #scope .scope-grid{grid-template-columns:1fr !important;gap:14px !important}
  .onpage #scope .scope-card,
  .onpage #scope .scope-card:nth-child(even){min-height:0 !important;padding:22px !important}
  .onpage #scope .scope-icon{margin-bottom:18px !important}
}