/* ========================================================= Pipeline Section — dark band with three Genie cards ========================================================= */
.pipeline-section{background-color:var(--color-heading);}
.pipeline-section .pipeline-section-wrapper{gap:32px;padding-block:var(--section-padding);text-align:center;}
.pipeline-section .pipeline-section-wrapper .pipeline-section-head{gap:var(--space-xs);}
.pipeline-section .pipeline-section-wrapper .pipeline-section-head h2{color:var(--color-white);}
.pipeline-section .pipeline-section-wrapper .pipeline-section-head h3{color:#3fd9c3;}
.pipeline-section .pipeline-section-wrapper .pipeline-section-grid{--card-grid-min:300px;--card-grid-gap:16px;text-align:left;}
/* ---------- Card ---------- */
.pipeline-section .pipeline-section-wrapper .pipeline-section-grid .pipeline-section-card{display:flex;flex-direction:column;gap:14px;padding:25px 22px;background-color:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.14);border-radius:var(--radius-xl);}
.pipeline-section .pipeline-section-wrapper .pipeline-section-grid .pipeline-section-card .pipeline-section-card-head{gap:12px;}
.pipeline-section .pipeline-section-wrapper .pipeline-section-grid .pipeline-section-card .pipeline-section-card-head h3{flex:1 1 auto;color:var(--color-white);}
.pipeline-section .pipeline-section-wrapper .pipeline-section-grid .pipeline-section-card .pipeline-section-card-head .pipeline-section-card-icon{flex-shrink:0;width:48px;height:48px;background-color:var(--color-signal-500);border-radius:999px;}
.pipeline-section .pipeline-section-wrapper .pipeline-section-grid .pipeline-section-card .pipeline-section-card-head .pipeline-section-card-icon img{width:auto;height:auto;max-width:21px;max-height:21px;filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(320deg) brightness(102%) contrast(101%);}
.pipeline-section .pipeline-section-wrapper .pipeline-section-grid .pipeline-section-card p{font-size:var(--font-size-body-md);line-height:1.55;/* Figma 155% */
 color:#9fc2c8;}
@media (max-width:767px){.pipeline-section .pipeline-section-wrapper,.pipeline-section .pipeline-section-wrapper .pipeline-section-head{align-items:flex-start;text-align:left;}
.pipeline-section .pipeline-section-wrapper{gap:20px;}
.pipeline-section .pipeline-section-wrapper .pipeline-section-grid{--card-grid-min:100%;}
}