body {
font-family: 'Poppins', sans-serif;
background-color: #f5f7fa;
color: #102a43;
overflow-x: hidden;
}

.text-turquoise { color: #00b3b3; }
.text-purple { color: #6b4fd8; }

.btn-turquoise {
background-color: #00b3b3;
color: #fff;
border-radius: 50px;
}
.btn-turquoise:hover { background-color: #009999; }

.btn-purple {
background-color: #6b4fd8;
color: #fff;
border-radius: 50px;
}
.btn-purple:hover { background-color: #5a3fc0; }

.btn-outline-turquoise {
border: 2px solid #00b3b3;
color: #00b3b3;
border-radius: 50px;
}
.btn-outline-turquoise:hover {
background-color: #00b3b3;
color: #fff;
}

.hero img {
max-width: 400px;
border-radius: 20px;
}

.bg-network-light {
background-image:
radial-gradient(rgba(0,179,179,0.20) 1.5px, transparent 1.5px),
radial-gradient(rgba(107,79,216,0.14) 1.5px, transparent 1.5px);
background-size: 28px 28px, 28px 28px;
background-position: 0 0, 14px 14px;
}

.bg-network-dark {
background-image: radial-gradient(rgba(255,255,255,0.08) 1.5px, transparent 1.5px);
background-size: 28px 28px;
}

.chevron-row {
display: flex;
}
.chevron-step {
flex: 1;
min-width: 0;
}
.chevron-head {
clip-path: polygon(0 0, 88% 0, 100% 50%, 88% 100%, 0 100%, 12% 50%);
color: #fff;
text-align: center;
font-weight: 700;
padding: 0.85rem 0.5rem;
margin-left: -18px;
font-size: 0.9rem;
}
.chevron-step:first-child .chevron-head {
margin-left: 0;
}
.chevron-body {
padding: 0.85rem 0.6rem;
font-size: 0.78rem;
min-height: 108px;
color: #102a43;
}
.chevron-foot {
color: #fff;
text-align: center;
font-weight: 600;
padding: 0.5rem 0.3rem;
font-size: 0.82rem;
}
@media (max-width: 767px) {
.chevron-row { flex-wrap: wrap; }
.chevron-step { flex: 0 0 50%; margin-bottom: 0.75rem; }
.chevron-step .chevron-head { margin-left: 0; }
}