
.pipeline-hero{background:#0f0f1f;padding:100px 0 80px;position:relative;overflow:hidden;}
.pipeline-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg,rgba(245,134,52,0.03) 0px,transparent 1px,transparent 80px);}
.pipeline-flow{display:flex;align-items:center;justify-content:center;gap:0;margin:40px 0;flex-wrap:wrap;}
.pipeline-node{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:20px 24px;text-align:center;min-width:120px;transition:all 0.3s;}
.pipeline-node:hover{background:rgba(245,134,52,0.15);border-color:rgba(245,134,52,0.3);}
.pipeline-node .pn-icon{font-size:28px;display:block;margin-bottom:8px;}
.pipeline-node span{color:rgba(255,255,255,0.7);font-size:13px;font-weight:600;}
.pipeline-arrow{color:rgba(255,255,255,0.2);font-size:24px;padding:0 8px;}
.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px;}
.tool-card{background:#fff;border:1px solid #e6e8f0;border-radius:12px;padding:24px;text-align:center;transition:all 0.3s;}
.tool-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(45,41,107,0.10);border-color:rgba(245,134,52,0.2);}
.tool-card .tc-icon{font-size:32px;display:block;margin-bottom:10px;}
.tool-card h4{font-size:15px;font-weight:700;}
.tool-card p{font-size:12px;color:#5f647a;margin-top:4px;}
@media(max-width:1024px){.tools-grid{grid-template-columns:repeat(2,1fr);}.pipeline-arrow{display:none;}}
@media(max-width:768px){.tools-grid{grid-template-columns:1fr;}.pipeline-flow{flex-direction:column;}}
