/* V98 — merge the workflow comparison into the NATIVE OBS feature card */
.hero-experience .product-grid.product-grid-with-native-flow{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:20px!important;
}
.hero-experience .product-grid-with-native-flow .product-card-native-flow{
  grid-column:1 / -1!important;
  min-height:0!important;
  padding:30px 32px 32px!important;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;
  border-color:#dce8fa!important;
}
.hero-experience .product-card-native-flow > p{
  max-width:760px!important;
  margin-bottom:0!important;
}
.hero-experience .native-workflow{
  display:grid!important;
  gap:10px!important;
  margin-top:26px!important;
  padding-top:24px!important;
  border-top:1px solid #e3ebf5!important;
}
.hero-experience .native-workflow-row{
  display:grid!important;
  grid-template-columns:140px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:center!important;
  min-height:64px!important;
  padding:12px 16px!important;
  border:1px solid #e4eaf2!important;
  border-radius:15px!important;
  background:#fbfcfe!important;
}
.hero-experience .native-workflow-row:last-child{
  border-color:#d9e7fb!important;
  background:#f5f9ff!important;
}
.hero-experience .native-workflow-label{
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:850!important;
  color:#526176!important;
  letter-spacing:.01em!important;
}
.hero-experience .native-workflow-row:last-child .native-workflow-label{
  color:#2563eb!important;
}
.hero-experience .native-workflow-chain{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
}
.hero-experience .native-workflow-chain span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  padding:9px 13px!important;
  border:1px solid #e2e8f0!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#334155!important;
  font-size:13px!important;
  line-height:1.42!important;
  font-weight:700!important;
  text-align:center!important;
  white-space:normal!important;
  word-break:keep-all!important;
}
.hero-experience .native-workflow-row:last-child .native-workflow-chain span{
  border-color:#d6e5fb!important;
  background:#fff!important;
  color:#28466f!important;
}
.hero-experience .native-workflow-chain b{
  flex:0 0 auto!important;
  color:#94a3b8!important;
  font-size:14px!important;
  font-weight:800!important;
}
.hero-experience .native-workflow-row:last-child .native-workflow-chain b{
  color:#60a5fa!important;
}
@media(max-width:900px){
  .hero-experience .native-workflow-row{
    grid-template-columns:1fr!important;
    gap:9px!important;
    align-items:start!important;
  }
  .hero-experience .native-workflow-chain{
    flex-wrap:wrap!important;
  }
}
@media(max-width:620px){
  .hero-experience .product-grid.product-grid-with-native-flow{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .hero-experience .product-grid-with-native-flow .product-card-native-flow{
    grid-column:auto!important;
    padding:22px!important;
  }
  .hero-experience .native-workflow{
    margin-top:20px!important;
    padding-top:18px!important;
    gap:10px!important;
  }
  .hero-experience .native-workflow-row{
    min-height:0!important;
    padding:14px!important;
    border-radius:13px!important;
  }
  .hero-experience .native-workflow-chain{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    width:100%!important;
  }
  .hero-experience .native-workflow-chain span{
    width:100%!important;
    min-height:48px!important;
    padding:10px 12px!important;
  }
  .hero-experience .native-workflow-chain b{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:20px!important;
    overflow:hidden!important;
    color:transparent!important;
    font-size:0!important;
  }
  .hero-experience .native-workflow-chain b::before{
    content:'↓'!important;
    position:absolute!important;
    inset:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#94a3b8!important;
    font-size:13px!important;
  }
  .hero-experience .native-workflow-row:last-child .native-workflow-chain b::before{
    color:#60a5fa!important;
  }
}